.ok { margin-left: 8px; color: #16a085; } .error { margin-left: 8px; color: #f01414; } .error .fa, .ok .fa { margin-right: 4px; } .star { display: inline-block; vertical-align: 2px; margin-right: 4px; font-size: 12px; color: #f01414; -webkit-transform: scale(.7, .7); transform: scale(.7, .7); } .wrapper { margin-top: 24px; padding: 32px; background-color: #fff; } .form-group { padding: 0 100px; } .form-item { margin-bottom: 16px; position: relative; } .form-item .left-text { display: inline-block; padding-right: 8px; width: 270px; text-align: right; vertical-align:middle; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; } .form-item .area-select { padding: 6px 0; width:100%; margin-top:8px; float:left; border-radius: 4px; } .form-item .area-select:first-child { margin-top:0; } .form-item .arr-right { padding: 0 8px; color: #bdc3c7; } .form-item .text { padding: 8px 10px; vertical-align: middle; width: 350px; font-size: 14px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 4px; } .form-item .veri-code-img { margin-left: 16px; vertical-align: middle; height: 30px; width:65px; cursor: pointer; } .form-group .btn-group { margin-top: 40px; text-align: center; } #protocolContent { padding: 0 180px; } /** panel-group **/ .panel-group { /* padding: 0 180px; */ height: 400px; overflow-y: auto; } .panel-group .panel {} .panel-group .panel .panel-title { margin-bottom: 8px; padding: 4px 8px; cursor: pointer; color: #8a6d3b; background-color: #FCF8E3; } .panel-group .panel .panel-title .fa { margin-left: 16px; } .panel-group .panel .panel-title .fa.fa-caret-down { vertical-align: -1px; } .panel-group .panel .panel-detail { display: none; padding: 0 0 8px 8px; line-height: 1.8; text-indent: 2em; text-align:justify; } .panel-group .panel .panel-detail ul { padding-left: 24px; } .panel-group .panel .panel-detail ul ol { padding-left: 24px; } .tab-pan .btn-group { margin-top: 48px; text-align: center; } .tab-pan .intro { margin-bottom: 15px; /*padding: 0 180px;*/ } /** tabs鏍囩椤�**/ .nav-tabs { position: relative; height: 40px; margin-bottom: 8px; } .nav-tabs:after { position: absolute; left: 180px; right: 0; bottom: 0; display: block; border-bottom: 1px solid #ccc; content: ''; } .nav-tabs .tab-item { position: relative; float: left; padding: 0 16px; height: 40px; line-height: 40px; font-size: 16px; color: #ccc; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: not-allowed; } .nav-tabs .tab-item.title { margin-right: 64px; color: #fff; font-weight: bold; background-color: #f01414; cursor: default; } .nav-tabs .tab-item.active { color: #222; border: 1px solid #ccc; border-bottom-width: 0; border-top-left-radius: 6px; border-top-right-radius: 6px; box-shadow: 0 4px 8px 0 rgba(7, 17, 27, .2) inset; cursor: default; } .nav-tabs .tab-item.active:after { position: absolute; left: 0; bottom: 1px; display: block; width: 100%; border-bottom: 1px solid #fff; z-index: 1; content: ''; } .tab-content { padding: 16px 0 0 0; font-size: 14px; } .btn { padding: 8px 64px; } .btn-default { color: #f01414; border: 1px solid #f01414; } .btn-default:hover { color: #e74c3c; background-color: #fff; border: 1px solid #e74c3c; } .form-item label.error { /* position:absolute; */ display: block; margin-left: 270px; width: 350px; text-align: justify; margin-top:8px; padding:0 0 0 5px; background:none; } .form-item label.error:before { font-family: 'FontAwesome'; content: "\f057"; font-size:16px; margin-right:5px; } input.error{ margin-left:0; } #verifyCode{ position: absolute; display: inline-block; left: 390px; top: 2px; }