*, article, dd, dl, dt, li, ul, ol { list-style-type: none; margin: 0; padding: 0 }
body, input, select,textarea{ font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif; font-size: 14px; color: #274371; }
input { line-height: 20px; outline: none; }
*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box }
a { text-decoration: none; color: #3375d6 }
a:hover { color: #ffac0c }
.font-12 { font-size: 12px; }
.font-15 { font-size: 15px; }
.font-16 { font-size: 16px; }
.font-18 { font-size: 18px; }
.font-24 { font-size: 24px;}
.font-30 { font-size: 30px; }
.color-lv { color: #54cfa2; }
.color-a7 { color: #a7b1c2; }
.color-green { color: #65BF22; }
.color-org { color: #ff9651; }
.color-red { color: #f06969; }
.color-fff { color: #fff; }
.color-999 { color: #A5A5BD; }
.color-blue {
    color: #3375d6;
}
.pointer {
    cursor: pointer;
}
.color-1 { color: #9bc2fb; }
.text-c { text-align: center; }
.text-r { text-align: right; }
.font-bold{font-weight: bold;}
.border-d5 { border: #D0D0E6 solid 1px; }
.mar-t-5 { margin-top: 5px; }
.mar-t-20 { margin-top: 20px; }
.mar-b-5 { margin-bottom: 5px; }
.mar-b-10 { margin-bottom: 10px; }
.mar-b-15 { margin-bottom: 15px; }
.mar-b-20 { margin-bottom: 20px; }
.mar-b-30 { margin-bottom: 30px; }
.mar-r-5 { margin-right: 5px; }
.mar-l-5 { margin-left: 5px; }
.mar-l-10 { margin-left: 10px; }
.mar-l-15 { margin-left: 15px; }
.mar-r-10 { margin-right: 10px; }
.padd-15 {
    padding: 15px;
}
.padd-20-0 { padding: 20px 0; }
.padd-0-20 { padding: 0 20px; }
.wh-20{ width:20px; height:20px;}
.float-l { float: left; }
.float-r { float: right; }
.overflow { overflow: hidden; }
.none { display: none; }
.bg-fff { background: #FFF; }
.width-50 { width: 50px; }
.width-1000 { width: 1000px; margin: auto; }
.flex { -webkit-box-flex: 1;box-flex: 1;-webkit-flex:1;flex: 1; }
.vertical_dq { display: -webkit-box; -webkit-box-align: center;display:-webkit-flex;display: flex; -webkit-align-items:center;align-items:center;}
.sp_ends { display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: justify }

.text_ell { white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.text_clamp2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }
.bor-raidus-10 { border-radius: 10px; }
.bor-raidus-5 { border-radius:5px; }
[type="text"]:focus,textarea:focus,select:focus{ border-color:#4188f2; box-shadow:#4188f2 0 0 5px;}
.inp-btn { background: #ffac0c; border: 0; cursor: pointer; color: #FFF; font-size: 16px; font-weight: bold; }
.inp-btn:hover{background: #EFA413;}
.inp-btn:active{background: #E0980B;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#C8C8E2;}
input[type=number]{-moz-appearance:textfield;}  
input[type=number]::-webkit-inner-spin-button,  
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;  margin: 0;}
.btn-l{ border:#EEEEF7 solid 1px; font-size:12px; padding:5px 10px;color: #3375d6; margin:0 3px;}
.btn-l:hover{ border-color:#3375d6;background:#3375d6; color:#fff}
html {
    height: 100%;
}
body{ background:#F0F0F7;}
.body-box{height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;}
.w-33b{ width:33.3%;}
.width_50b {width: 50%;}
.col-50 {
    width: 50%;
}
.width_100b {
    width: 100%;
}
.w-100{ width:100px;}
.w-150{ width:150px;}
.w-200{ width:200px;}
.w-300{ width:300px;}
.w-400{ width:400px;}
.icon1 { background: url(../images/icon1.png) no-repeat;}
.icon2 { background: url(../images/icon2.png) no-repeat;}
.icon3 { background: url(../images/icon3.png) no-repeat;}
.icon4 { background: url(../images/icon4.png) no-repeat;}
.icon5 { background: url(../images/icon5.png) no-repeat;}
.icon6 { background: url(../images/icon6.png) no-repeat;}
.icon7 { background: url(../images/icon7.png) no-repeat;}
.icon8 { background: url(../images/icon8.png) no-repeat;}
.icon9 { background: url(../images/icon9.png) no-repeat; }
.icon10 { background: url(../images/icon10.png) no-repeat; }
.icon11 { background: url(../images/icon11.png) no-repeat; }
.icon12 { background: url(../images/icon12.png) no-repeat; }
.icon13 { background: url(../images/icon13.png) no-repeat; }
.icon14 { background: url(../images/icon14.png) no-repeat; }
.icon15 { background: url(../images/icon15.png) no-repeat; }
.icon18 { background: url(../images/icon18.png) no-repeat; }
.icon19 { background: url(../images/icon19.png) center left 10px no-repeat; }
.icon20 { background: url(../images/icon20.png) center left 10px no-repeat; }
.icon32 { background: url(../images/icon32.png) no-repeat;}
.icon33 { background: url(../images/icon33.png) no-repeat;}
.icon34 { background: url(../images/icon34.png) no-repeat;}
.icon35 { background: url(../images/icon35.png) no-repeat;}
.icon36 { background: url(../images/icon36.png) no-repeat;}
.icon37 { background: url(../images/icon37.png) no-repeat;}
.icon38 { background: url(../images/icon38.png) no-repeat;}
.icon39 { background: url(../images/icon39.png) no-repeat; background-size:100%;}

.login-box { z-index: 10; position: fixed; top:15%; left:50%; margin-left:-353px;}
.login-box .dl {border:rgba(51, 51, 51, .3) solid 5px; width:420px; margin:auto;}
.login-box .dl form{ background: #FFF;padding:50px 50px 30px; border-radius:5px;}
.login-box  img{ display:block; margin:auto;}
.login-banner h1 { font-weight: normal; }
.login-box input { display: block; }
.login-box .txt { padding: 12px 10px 12px 35px; width:100%; margin-bottom: 20px; }
.login-box input:-webkit-autofill {
 box-shadow: 0 0 0px 1000px white inset !important;
}  
.login-box input:-webkit-autofill:focus {
 box-shadow: 0 0 0px 1000px white inset !important;
}  
.login-box .btn { padding: 15px 10px; width: 100%; margin-bottom: 20px; }

.footer{ position:absolute; bottom:20px; width:100%;}

header{ height:60px; background:#3375d6; padding:0 20px; vertical-align:middle; position:fixed; top:0; left:0; right:0; z-index:10;}
header .font-24{ margin-top:-4px;}
header .logo img{ width:50px; display:block; margin-right:10px;}
.nav img{ width:45px; display:block; border-radius:100%; border:#2a66bf solid 3px; margin-right:5px;}
.nav li{ padding:0 10px; border-right:#2a66bf solid 1px;}
.nav li:last-child{ border-right:0; padding:0; padding-left:10px;}
.nav i{ display:block; margin-right:3px;}
.nav select{ background:none; border:0;color: #9bc2fb; outline:none; display:block;}
.nav a{color: #9bc2fb;}

.main-box{ padding-top:60px;}
.menu-box{ background:#212839; width:200px; position:fixed; left:0; bottom:0; top:60px; z-index:1; -webkit-transition:all .3s;}

.menu-2{overflow-y:auto; height:100%;}
.menu-2::-webkit-scrollbar{ width:5px; height:5px;}
.menu-2::-webkit-scrollbar-thumb{ background:#3375D6;}
.menu-2::-webkit-scrollbar-track{ background:#171B26;}
.menu-2 li { cursor:pointer; border-bottom:#1c2230 solid 1px;color:#767E92; display:-webkit-box; position:relative; padding:12px 0 12px 40px; font-size:15px;}
.menu-2 li:hover{ background:#2B344A; color:#FFF;}
.menu-2 li i{ display:block; margin-right:15px; vertical-align:-3px;}
.menu-2 li span{ white-space:nowrap;}
.menu-2 em { width: 11px; height: 11px; position: absolute; right: 15px; top: 50%; margin-top: -6px; display: block; background: url(../images/icon28.png) no-repeat }
.menu-2 .current,.menu-2 .current:hover{background:#171B26;color:#FFF;}
.menu-2 .current em {background: url(../images/icon29.png) no-repeat }
.menu-2 .menu-con{ padding:10px 20px;}
.menu-2 .menu-con a { display: block; font-size: 14px; line-height:30px; color:#767E92; padding-left:40px;}
.menu-2 .menu-con a:before{ content:''; display:inline-block; width:5px; height:5px; background:#767E92; border-radius:6px; vertical-align:2px; margin-right:10px;}
.menu-2 .menu-con a:hover{color: #FFF;}
.menu-2 .menu-con a:hover:before { background: #fff;}
.menu-2 .menu-con .on {color: #fff; background:#3375D6; position:relative;}
.menu-2 .menu-con .on:before{ background: #fff;}
.menu-con { display: none;background:#13161E;}


.menu-btn{ width:15px; height:50px; position:absolute;display: -webkit-box; -webkit-box-align: center; -webkit-box-pack:center; right:-15px; top:50%; margin-top:-25px; background:#212839; border-radius:0 5px 5px 0; cursor:pointer;}
.menu-btn:hover{background:#171B26;}
.menu-btn i{ display:block; width:10px; height:10px;}

.main-r{ margin-left:200px;-webkit-transition:all .3s;}
.crumbs{background: #F1F6FF;border-bottom: #DFE7F3 solid 1px;line-height:35px; height:35px; padding:0 20px;}
.crumbs em{ padding:0 5px; color:#999;}
.plate-m{ margin:20px; background:#FFF; box-shadow:rgba(0, 0, 0, 0.03) 3px 3px 5px;}
.plate-bt{ border-bottom:#EEEEF7 solid 1px; padding:10px 15px; font-size:16px}
.plate-bt i{ display:inline-block; margin-right:5px; vertical-align:-4px;}

.fold-l{ width:60px;}
.fold-l span{ display:none; font-size:12px;}
.fold-l em{ display:none;}
.fold-l li{padding:12px 0;}
.fold-l li a{ padding:15px 0; text-align:center;}
.fold-l li i{ margin:auto; }
.fold-btn i{ -webkit-transform:rotate(-180deg);}
.fold-r{ margin-left:60px;}
.plate-nr{ padding:10px;}
.plate-table{border-collapse:collapse; text-align:center;}
.plate-table .bt{ background:#F7F7FF;font-weight: bold;}
.plate-table td{ border:#EEEEF7 solid 1px; padding:10px;}

.paging-box{ padding:0 10px 10px;}
.paging-box li a{ border:#e6e6eb solid 1px; margin-left:10px; padding:6px 15px; display:block;}
.paging-box li a:hover{ background:#F9F9FC;}
.paging-box .active a,.paging-box .active a:hover{background-color: #3375d6;border-color: #3375d6;cursor: default; color:#FFF;}

.form-box{ padding:30px 0;}
.form-box dl{ display:-webkit-box; margin-bottom:15px; -webkit-box-align:center;}
.form-box dt{ width:20%; text-align:right; padding-right:20px;font-weight: bold;}
.txt-input{ border:#D0D0E6 solid 1px;height:40px;padding-left:10px;}
.inp-txt{ border:#D0D0E6 solid 1px; height:40px; padding-left:10px;}
.inp-sel{ border:#D0D0E6 solid 1px; height:40px; padding:0 10px;}
.inp-tar{ border:#D0D0E6 solid 1px; height:80px; padding:5px 10px; display:block; width:100%;}
.inp-date{ border:#D0D0E6 solid 1px; height:40px; padding:0 10px;background: url(../images/icon21.png) right 8px center no-repeat;}
.error-bk{border-color:#F00; box-shadow:#F00 0 0 5px;}
.error-txt{ color:#F00; font-size:12px; -webkit-box-flex:1; margin-left:10px;}

.head-portrait img{ width:80px; display:block; border:#f2f2f5 solid 1px; padding:2px;}
.head-portrait .btn{ position:relative; padding:5px 15px;cursor:pointer; background:#F4F4F4; display:inline-block; line-height:20px; border:#D0D0E6 solid 1px;}
.head-portrait .btn input{ position:absolute; width:100%; height:100%; outline:none; background:none; opacity:0; top:0; left:0;}

.inp-radio{ margin-right:20px; cursor: pointer;}
.inp-radio span{ width:20px; height:20px; display:inline-block;background: url(../images/icon22.png) no-repeat; vertical-align:-4px; margin-right:5px; background-size:100%;}
.inp-radio input{ display:none;}
.inp-radio input:disabled + span {background: url(../images/icon47.png) no-repeat;background-size:100%;}
.inp-radio input:checked + span {background: url(../images/icon23.png) no-repeat;background-size:100%;}

.byl-radio label{ margin-right:20px; cursor: pointer;}
.byl-radio span{ width:20px; height:20px; display:inline-block;background: url(../images/icon22.png) no-repeat; vertical-align:-4px; margin-right:5px; background-size:100%;}
.byl-radio input{ display:none;}
.byl-radio input:checked + span {background: url(../images/icon23.png) no-repeat;background-size:100%;}

.inp-checkbox{ margin-right:20px;}
.inp-checkbox span{ width:20px; height:20px; display:inline-block;background: url(../images/icon24.png) no-repeat; vertical-align:-4px; margin-right:5px;}
.inp-checkbox input{ display:none;}
.inp-checkbox input:checked + span {background: url(../images/icon25.png) no-repeat;}

.byl-boxzt{ width:50px; display:block;cursor: pointer;}
.byl-boxzt span{ background:#F1F1F1;box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0,0,0,0.5);-webkit-transition: all 0.1s ease-in; display:block; width:100%; height:25px;border-radius:25px; position:relative; cursor:pointer;}
.byl-boxzt span:after{ content:'';-webkit-transition: all 0.1s ease-in; position:absolute; width:23px; height:23px; border-radius:25px; background:#FFF;box-shadow: 0 3px 1px rgba(0,0,0,0.05), 0 0px 1px rgba(0,0,0,0.3); top:1px;}
.byl-boxzt input{ display:none;}
.byl-boxzt input:checked + span{ background:#3375D6; box-shadow:none;}
.byl-boxzt input:checked + span:after{ right:1px;}

.inp-btn2 { background: #3375d6; -webkit-transition:all .3s; border: 0;padding:12px 30px; cursor: pointer; color: #FFF; font-size: 16px; font-weight: bold; }
.inp-btn2:hover{background: #4B92F9;box-shadow:#4188f2 1px 1px 5px;}
.inp-btn2:active{background: #1F59AE;}

.detail-box{ display:-webkit-box; }

.detail-l-box{box-shadow: #F1F1F1 -5px 0 5px inset; width:200px; background:#FCFCFF;}
.detail-l{ width:200px; bottom:20px; overflow-y:auto;}
.detail-l::-webkit-scrollbar{ width:5px; height:5px;}
.detail-l::-webkit-scrollbar-thumb{ background:#C1C1C1;}
.detail-l::-webkit-scrollbar-track{ background:#F1F1F1;}
.detail-l dt{ line-height:50px;color: #3375d6;background: url(../images/icon12.png) left 30px center no-repeat; border-bottom:#E9E9F3 solid 1px;font-size:15px; font-weight:bold;}
.detail-l b{ margin:0 2px;}
.detail-l dd{ -webkit-transition:all .3s; padding:13px 20px;border-bottom:#EEEEF7 solid 1px; cursor:pointer; background:url(../images/icon26.png) right 10px center no-repeat; position:relative;}
.detail-l .active,.detail-l .active:hover{color: #3375D6;background: url(../images/icon26.png) right 10px center no-repeat #fff; border-left:#3577d6 solid 5px;box-shadow: #D0D0E6 -5px 0 5px;}
.detail-l .active .color-999{color: #3375D6;}
.detail-l dd:hover{background: url(../images/icon26.png) right 10px center no-repeat #fff;box-shadow: #F1F1F1 -5px 0 5px;}
.detail-r{ margin:0 20px; -webkit-box-flex:1;}
.detail-r-box{ height:53px;}
.detail-r-tab{ line-height:50px;-webkit-transition: all .3s; border-bottom:#f2f2f5 solid 1px; margin-bottom:10px; background:#FFF; left:440px; z-index:5;}
.detail-r-tab ul{ overflow-x:auto;}
.detail-r-tab li{ padding:0 20px; font-size:15px;}
.detail-r-tab li a{color: #384355;}
.detail-r-tab .active a,.detail-r-tab .active a{ color:#3375d6;font-weight:bold;}
.detail-r-tab .active{ border-bottom:#3375d6 solid 2px;}
.detail-r-tab[style="position: fixed; top: 60px;"]{ right:40px;}
.fold-tab{ left:300px;}

.detail-r-bt{ padding:10px 0;font-size:15px; margin-bottom:15px; border-bottom:#EEEEF7 solid 1px;}
.detail-r-bt:before{ content:''; display:inline-block; width:3px; height:10px; background:#3375D6; vertical-align:0;margin-right:5px;}
.tool-btn a{ display:inline;padding:0 20px; color:#FFF; position:relative; margin-left:8px; height: 35px;line-height: 35px;}
.tool-btn a span{ z-index:2; position:relative;}
.tool-btn a:after{ content:'';-webkit-transition:all .3s; opacity:0; position:absolute; width:100%; height:100%;  left:0; top:0;}
.tool-btn a:hover:after{ opacity:1;background:rgba(255,255,255,.3); box-shadow:rgba(0,0,0,.2) 1px 1px 5px;}
.tool-btn a:active:after{ opacity:1;background:rgba(0,0,0,.2);}
.btn-1{ background:#3375d6;}
.btn-2{ background:#79b800;}
.btn-3{ background:#ffac0c;}
.btn-4{ background:#ff3a0c;}
.means-box:after{ content:''; display:block; clear:both; width:100%; height:0; line-height:0;}
.means-box{ border-left:#EEEEF7 solid 1px; border-top:#EEEEF7 solid 1px;}
.means-box dl{ width:50%; float:left;display:-webkit-box;border-right:#EEEEF7 solid 1px; border-bottom:#EEEEF7 solid 1px;}
.means-box dt{ width:30%; background:#F7F7FF; border-right:#EEEEF7 solid 1px; padding:10px 20px; font-weight:bold; height:40px;}
.means-box dd{ width:70%; padding:10px; height:40px;    display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: justify;}
.means-box .sp_ends{ margin-top:-2px;}
.means-box i{ display:block;cursor:pointer;}

.status{font-size:12px; padding:2px 5px; border-radius:2px;}
.status-1{ background:#81B4FF; color:#FFF;}
.status-2{ background:#A7D64E; color:#FFF;}
.status-3{ background:#F9B738; color:#FFF;}
.status-4{ background:#F47051; color:#FFF;}
.inp-me{ border:#D0D0E6 solid 1px; padding:0 5px;}
.means-btn input{ display:block; border:#003 solid 1px; border:0; font-size:12px; padding:1px 6px; margin-left:7px; cursor:pointer;}
.means-btn .btn-qx{ border:#e6e6eb solid 1px; background:none;}
.means-btn .btn-bc{ border:#3577d6 solid 1px; background:#3577d6; color:#fff;}

.img-list{ margin:10px 15px 0;}
.img-list{border-top:#f2f2f5 solid 1px;}
.img-list li{ padding:5px 0; border-bottom:#f2f2f5 dashed 1px;}
.img-list div{ -webkit-box-flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:15px;}
.img-list a{ font-size:12px;}

.img-preview{ margin-bottom:10px;}
.img-preview li{ padding:5px 0; border-bottom:#f2f2f5 dashed 1px;}
.img-preview .bt{ -webkit-box-flex:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:15px;}
.img-preview a{ font-size:12px;}
.img-preview em{ padding:0 3px; color:#EEEEF7 ;}

.clinical-box dt{ background:#F7F7FF;padding:10px;font-weight:bold;margin-bottom:10px;}
.clinical-box dd{display: -webkit-flex;}
.clinical-m{ -webkit-flex:1; padding:20px 0;border:#EEEEF7 solid 1px; margin-right:1%; margin-bottom:1%; max-width:24.2%; position:relative;}
.clinical-box dd .clinical-m:last-child{ margin-right:0;}
.clinical-m .inp-radio{ margin:0 10px;}
.clinical-m .inp-radio span{ width:17px; height:17px;}
.clinical-m .txt{ border-top:#f2f2f5 dashed 1px; margin:15px 15px 0; padding-top:10px;}
.issue-hint{ position:absolute; right:-1px; top:-1px;background: #F47051;font-size: 12px;padding:1px 4px;color: #FFF;}

.clinical-table{overflow-x:auto;}
.clinical-table table{border: #D0D0E6 solid 1px; border-collapse: collapse;}
.clinical-table th{padding:5px;}
.clinical-table td{}
.clinical-table input{width:100%; display: block;border: 0;padding:3px 5px;}
.clinical-table input:focus{ box-shadow:inset #4188f2 0 0 5px;}

.evaluating-table{overflow-x:auto; padding: 15px;}
.evaluating-table table{border: #D0D0E6 solid 1px; border-collapse: collapse;}
.evaluating-table th{padding:5px;}
.evaluating-table td{padding:5px;}

.fixing-ico{ position:absolute; left:8px; top:5px;font-size: 12px;color: #5A97EF; background: url(../images/icon40.png) left center no-repeat; background-size:15px; padding-left:18px;}
.submit-sj {margin:15px 15px 0;}
.submit-sj .inp-txt,.submit-sj .inp-sel{ width:100%;}
.scale-box dd{ -webkit-flex-wrap:wrap;}
.scale-box .clinical-m:nth-child(4n){margin-right:0;}
.scale-box .clinical-m{ width:25%; -webkit-flex:none; border-bottom:#f2f2f5 solid 1px;}

.table_sj th {width: 25%;text-align: right;padding-right: 20px;font-weight: bold;}
.table_sj td{ text-align:left;padding:5px 0;}
.input_txt {border: #D0D0E6 solid 1px;height: 40px;padding: 0 10px;}
.input_tarea {border: #D0D0E6 solid 1px;height:100px;padding:10px;}
.sel{border: #D0D0E6 solid 1px;height: 40px;padding: 0 10px; width:208px;}
.formButton{background: #3375d6;-webkit-transition:all .3s;border: 0;padding: 12px 30px;cursor: pointer;color: #FFF;font-size: 16px;font-weight: bold;}
.formButton:hover{background: #4B92F9;box-shadow:#4188f2 1px 1px 5px;}
.formButton:active{background: #1F59AE;}

.filter-box{ padding:20px; margin:20px 20px 0}
.filter-box input,.filter-box select{ height:35px; display:block; margin-right:10px;}
.filter-box .inp-btn2{ font-size:14px; padding:0 20px;}

.step-box { margin: 20px auto; padding:50px 0;}
.step-top { display: -webkit-box; text-align: center; -webkit-box-pack: center; -webkit-box-align: center; }
.step-top .ico { width: 30px; height: 30px; line-height: 30px; background: #eee; border-radius: 100%; margin: auto; font-weight: bold; color: #999; }
.step-top .txt { color: #999; }
.step-top > div { height: 3px; background: #eee; width: 20%; border-radius: 3px; margin: 0 20px; }
.step-top .active .ico { color: #fff; }
.step-top .active .txt { color: #3375D6; }
.step-top .active .ico, .step-top .this { background: #3375D6; }
.step-box .con1 { text-align: center; padding: 20px; }
.wechat-footer { text-align: center; color: #999; }
.step-box .con2 { padding: 40px; width: 350px; margin: auto; }
.step-box .con2 dt{ width:70px;}
.step-box .con2 dl { display: -webkit-box; -webkit-box-align: center; margin-bottom: 20px; }
.step-box .con2 dd {height: 40px; line-height: 40px; width: 250px; padding: 0 10px; }
.step-box .inp { display: block; width: 100%; border: 0; height: 100%; outline: none; font-family: "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif; }
.step-box .btn2 { background: #54CFA1; color: #FFF; display: block; border: 0; height: 40px; width: 40%; cursor: pointer; font-size: 16px; font-family: "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif; margin: auto; }
.step-box .con2 .open-ykq { border: 0; }
.step-box .con2 .open-ykq em { width: 15px; height: 15px; margin-left: 5px; background: url(../images/icon28.png) no-repeat; display: inline-block; vertical-align: -3px; }

.menu-management{ width:50%; margin:40px auto;}
.menu-management li{ border:#EEEEF7 solid 1px; padding:10px 15px; margin-bottom:5px;}
.menu-management .vertical_dq a{ display:block;}
.menu-management .vertical_dq em{ color:#eee; padding:0 7px;}
[style="padding-left:45px"]{background: url(../images/icon31.png) 30px center no-repeat;}
[style="padding-left:75px"]{background: url(../images/icon31.png) 60px center no-repeat;}
.not-available { color:#7abbe7; padding:50px 0 70px 0; font-size:15px;}
.not-available .ico{ width:160px; height:134px; background:url(../images/not-available.png) no-repeat; margin:auto;}
.not-available .txt{ color:#C2CDE1;}

.patient-info{ margin:20px 20px 0; background:#FFF; padding-bottom:20px;}
.patient-info .means-box{ margin:20px 20px 0;}
.patient-info .means-box dl:last-child{ width:100%;}
.patient-info .means-box dl:last-child dt{ width:15%; height:auto;}
.patient-info .means-box dl:last-child dd{ width:85%; height:auto;}

.shade{ position:fixed; background:rgba(0, 0, 0, 0.5); width:100%; top:0; bottom:0; z-index:10; display:none;}
.pop-up-box{ background:#FFF; position:absolute;left:50%; top:50%; -webkit-transform:translate(-50%,-50%);}
.pop-up-box .title{ border-bottom:#ECECEC solid 1px; padding:13px 20px;}
.pop-up-box .con img{ max-width: 800px; max-height: 500px;}
.icon38{ width:20px; height:20px; cursor:pointer;}
.pop-up-box dl{ display:-webkit-box; margin-bottom:10px;}
.pop-up-box dt{ width:110px;padding:10px 20px 0 0;}
.pop-up-box dd{ -webkit-box-flex:1;}
.pop-up-box .con{ padding:30px 50px;}
.pop-up-box .con span{ padding:0 10px;}

.uploadify-button{ background:url(../images/icon39.png) left center no-repeat; background-size:16px;color:#3577d6; padding-left:18px;}

@media screen and (max-width:1600px) {.patient-info .means-box dl{ width:50%;}.means-box dl{ width:100%;}.clinical-m,.scale-box .clinical-m{ max-width:49.5%; -webkit-flex:none;width:49.5%;}.clinical-box dd{-webkit-flex-wrap:wrap;}.clinical-m:nth-child(2n){margin-right:0;}}

.evaluating-form{ margin:20px auto; width: 80%; padding:50px 100px 100px;}
.evaluating-form .bt{border-bottom: #EEEEF7 solid 1px; padding-bottom: 20px; margin-bottom: 30px;}
.evaluating-form [type="text"]{ border: 0; border-bottom:#274371 solid 1px; width: 100px; text-align: center; font-weight:bold;}
.evaluating-form dl{ margin-bottom:40px;}
.evaluating-form dt{font-weight:bold;font-size: 15px; margin-bottom:10px;}
.evaluating-form dd{ margin-bottom:20px; padding-left: 25px;}
.evaluating-form .mar-b-20{ padding-left:45px; margin-bottom: 30px;}
.evaluating-form .result{border-bottom:#274371 solid 1px;display: inline-block; min-width: 100px; padding: 0 15px; text-align: center; font-weight:bold;}
.evaluating-form .inp-radio{margin-bottom: 5px; display: inline-block;}

.scale-operating{ padding-left: 20%; margin:30px 0;}
.scale-operating .con{ margin-bottom: 20px;}
.scale-operating .con:after,.scale-operating li:after{content: ''; clear: both; display: block;}
.scale-operating dt{font-weight: bold; margin-bottom:5px;}
.scale-operating .inp-txt{ width: 100%;}
.scale-operating .le{float: left;}
.scale-operating .le dd{border: #D0D0E6 solid 1px; width: 200px; height: 483px;}
.scale-operating .ri{float: left;}
.scale-operating .ri dl{ margin-left:15px;}
.scale-operating .scroll-bar > div{ padding:5px 10px; cursor: pointer;}
.scale-operating .scroll-bar > div:hover{ background: #5e9df9; color: #fff;}
.scale-operating .roll{border: #D0D0E6 solid 1px; height:150px;}
.scale-operating .roll span{ font-size:12px;display: block; color: #cdcde2;}
.scale-operating .expression{border: #D0D0E6 solid 1px; height:130px; width: 480px;padding: 10px; resize: none;}
.scale-operating [disabled="disabled"]{background: #f6f6ff;}
.operating-sign{height:150px;border: #efeffd solid 1px; padding:10px 0 0 10px;}
.operating-sign span{ display: block; font-size: 24px; border-radius:5px; text-align: center; cursor: pointer;border: #D0D0E6 solid 1px; width:56px; height:56px;float: left; margin:4px; background-color: #fff; background-repeat: no-repeat; background-position: center;}
.operating-sign span:hover{ background-color: #edf2ff;}
.operating-sign .add{ background-image:url(../images/icon41.png);}
.operating-sign .minus{ background-image:url(../images/icon42.png);}
.operating-sign .ride{ background-image:url(../images/icon43.png);}
.operating-sign .divide{ background-image:url(../images/icon44.png);}
.operating-sign .backspace{ background-image:url(../images/icon45.png);width:120px;}

.scale-operating .inp-radio{ display: block; overflow: hidden; margin:0; padding:5px 10px;}
.scale-operating .inp-radio span{ float: left; margin-top: 10px;}
.scale-operating .inp-radio .font-12{ color: #c7d1e0;}

.img-upload{border-top: #f2f2f5 solid 1px; padding: 5px; margin-top: 10px;}
.img-upload:after{ content:''; display: block; clear: both; height: 0; width: 100%;}
.img-upload li{ float:left; margin:5px; position:relative; border:#f2f2f5 solid 1px;}
.img-upload li img{ width:60px; height:60px; display: block; cursor: pointer; object-fit: cover;}
.img-upload .del{background:url(../images/icon46.png) no-repeat;background-size:100%;cursor: pointer; width:18px; height:18px; position: absolute; right:-5px; top:-5px;}
.img-upload #tip{ height:300px; width:400px; position:absolute; z-index: 1;-webkit-box-shadow: 5px 5px 5px 5px hsla(0,0%,5%,1.00); box-shadow: 5px 5px 5px 0px hsla(0,0%,5%,0.3);}

.float_l { float: left }
.float_r { float: right }

.column_tab2 { padding-left: 15px; padding-right: 4px; background: #F1F7FF;border:#deeef7 solid 1px; height:43px;line-height:43px; color: #314880; font-size: 15px;}
.column_tab2 span {font-weight:bold;display: block; /*float: left;*/}
.column_tab2 span:before{content: '';display: inline-block; width: 5px; height:17px; background: #1e74d6; vertical-align: middle; margin-right:5px;}
.column_tab2 .btn_l {float:right; height: 35px; margin-top:4px;}
.con_from{ background:#fff;}
.content2 { padding:20px;}
.main-box-con{ width:13.8%; border:#deeef7 solid 1px;}
.main-box-con .bt{ font-weight: bold; line-height: 44px; padding:0 15px;background: #f1f7ff; border-bottom:#deeef7 solid 1px;font-size: 14px;}
.main-box-con li{ line-height:20px; padding:10px 15px; cursor: pointer; font-size: 14px;}
.main-box-con li i{margin-right:5px; display: inline-block; width: 5px; height: 5px;background: #1e74d6; vertical-align:2px;}
.main-box-con li:hover{ background: #f1f7ff;}
.main-box-con .active,.main-box-con .active:hover{ background: #1e74d6; color: #fff;}
.main-box-con .active,.main-box-con .active:hover{ background: #1e74d6; color: #fff;}

.right-box { width:85%; float:right;}

.programme-le{ width: 250px; position: absolute;bottom:20px; left: 220px; top:115px; background: #fff;display: -webkit-flex;display: flex;-webkit-flex-direction:column;}
.programme-le dt{background: #F1F7FF;border: #deeef7 solid 1px; height: 43px;padding-left: 15px;padding-right: 4px;}
.programme-le dt div:before {content: '';display: inline-block;width: 5px;height: 17px;background: #1e74d6;vertical-align: middle;margin-right: 5px;}
.programme-le dd{padding:10px;-webkit-flex:1;flex:1;overflow-y: auto;}
.programme-le dd::-webkit-scrollbar{ width:5px; height:5px;}
.programme-le dd::-webkit-scrollbar-thumb{ background:#1e74d6;}
.programme-le dd::-webkit-scrollbar-track{ background:#eaeaea;}
.programme-le li{ line-height:20px; padding:10px; cursor: pointer; font-size: 14px;display: -webkit-flex;display: flex; background: #F1F7FF; margin-bottom: 10px;}
.programme-le li i{margin-right:5px; display: inline-block; width: 5px; height: 5px;background: #1e74d6; vertical-align:2px;}
.programme-le li:hover{ background: #deeef7;}
.programme-le .active,.programme-le .active:hover{ background: #1e74d6; color: #fff!important;}
.programme-le .active i{background:#fff;}
.programme-le .active span{color: #fff!important;}
.programme-le li div{-webkit-flex:1;flex:1;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.programme-le li span{font-size: 12px;color:#1e74d6;}

.programme-ri{ position: absolute;bottom:20px; right:20px; left: 480px; top:115px; background: #fff;display: -webkit-flex;display: flex;-webkit-flex-direction:column;}
.programme-ri dt{background: #F1F7FF;border: #deeef7 solid 1px; height: 43px;}
.programme-ri dt div:before {content: '';display: inline-block;width: 5px;height: 17px;background: #1e74d6;vertical-align: middle;margin-right: 5px;}
.programme-ri dd{padding:10px;-webkit-flex:1;flex:1;overflow-y: auto;}
.programme-ri dd::-webkit-scrollbar{ width:10px; height:10px;}
.programme-ri dd::-webkit-scrollbar-thumb{ background:#1e74d6;}
.programme-ri dd::-webkit-scrollbar-track{ background:#eaeaea;}

/*弹窗表单*/
.form-con{ padding:50px 0;}
.form-con dl{ display: -webkit-flex; display: flex; margin-bottom: 15px;}
.form-con dl dt{ width: 35%; text-align: right; padding-right: 20px; padding-top: 10px;}
.form-con dl dd{ width: 65%;}
.form-con dl input{ width: 50%;}
.form-con dl select{ min-width:200px; max-width: 100%;border: #D0D0E6 solid 1px;height: 40px;padding: 0 10px;}
.form-con dl textarea{padding: 10px; resize:none; height: 100px;width:50%;}
.form-con .byl-radio,.form-con .byl-checkbox{padding-top:5px;}
.form-con .btn-input{ outline: none; height: 45px; font-size: 16px; font-weight: bold; border-radius:5px; background: #3375d6;border:0; color: #fff;display: block; width:110px;cursor: pointer;-webkit-transition:all .3s;}
.form-con .formButton{width:110px;}
.form-con button:hover{background: #1ad4e8;}

.form-con .btn{height: 40px;line-height:38px; border: #D0D0E6 solid 1px; padding-left: 15px; border-radius: 5px; width:200px; display:-webkit-flex;display:flex; cursor: pointer;}
.form-con .btn:hover{border-color:#c1c1c1;}
.form-con .btn:active{background: #F1F1F1;}
.form-con .btn em{border-left:#f0f0f0 solid 1px; font-size:20px;width: 40px; text-align: center;}
.form-con .con{border: #D0D0E6 solid 1px;padding:10px;border-radius: 5px; height: 100px; margin-top: 10px; font-size:0; width:50%;}
.form-con .con span{cursor: pointer;display: inline-block; background: #f1f1f1; padding:6px 10px; font-size: 12px; margin:0 10px 10px 0;border-radius:3px;}
.form-con .con span:hover{background:#ebfdff;color:#3375d6;}
.form-con .con em{margin-left:5px;font-size: 16px;vertical-align:-1px;}
.form-con .filter-btn{font-weight: bold;}
.filter-btn{height: 40px; background: #fff; border: #D0D0E6 solid 1px;padding: 0 15px;-webkit-transition: all .3s; line-height: 38px; cursor: pointer; position: relative;}
.filter-btn:hover{border-color: #3375d6; color:#3375d6;}
.filter-btn:active{background:#F1F1F1;}
.filter-btn em{margin-right:5px;}

.form-con .sp_ends {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.upload-btn{-webkit-transition:all .3s; width:120px; height:120px;border:#D0D0E6 dashed 1px;background:none;color: #274371;outline: none; cursor: pointer; margin-right: 10px; margin-top: 10px;}
.upload-btn em{display: block; font-size:22px; margin-bottom:5px;}
.upload-btn:hover{background:#e8f1ff!important;color:#3375d6;border-color:#3375d6;}
.upload-img,
.upload-audio{width:120px; height: 120px;border:#D0D0E6 solid 1px; padding: 3px; position: relative;margin-top: 10px;}
.upload-img em,
.upload-audio .byl-icon-del{width: 20px; height: 20px; position: absolute; right:-8px; top: -8px;box-shadow:0 0 5px rgba(0, 0, 0, 0.5);border-radius: 100%; background:#ff3333; text-align: center; cursor: pointer;padding-top:1px;color:#fff;}
.upload-img img{width:100%; height: 100%; object-fit: cover;}
.upload-preview{ position: absolute; bottom:4px; left: 4px; right:4px; background:rgba(0, 0, 0, 0.7);color:#fff; text-align:center; cursor: pointer; padding: 5px 0; font-size: 12px;}
.upload-audio .byl-icon-play-circle{width: 100%; height: 100%; background:-webkit-linear-gradient(90deg,#c5e9ff,#effffc); font-size:40px; text-align: center; color:#3375d6;padding-top: 30px;}
.audio-yl{ position: absolute;left: 50%; top: 50%;-webkit-transform:translate(-50%,-50%);}
.video-yl{width: 100%; height: 100%; background:#000;}
.relative{position: relative;}
/*选项内容*/
.option-con{ width: 50%;border:#dcdcea solid 1px; position: relative; padding:40px 20px 20px; margin-top: 10px;}
.option-con .dt{width: 70px;text-align: right;}
.option-con .tool{ position: absolute; right: 0; top: 0;border-bottom:#dcdcea solid 1px;border-left:#dcdcea solid 1px;}
.option-con .tool span{border-right:#dcdcea solid 1px;display: block; padding:8px 10px;cursor: pointer; height: 30px;line-height: 1;}
.option-con .tool span:last-child{border:0;}
.option-con .tool span:hover{color:#3375d6;}
.option-con .number{font-weight:bold; font-size: 16px; position: absolute; left: 0; top: 0;border-bottom:#dcdcea solid 1px;border-right:#dcdcea solid 1px; height:30px; padding:0 10px;line-height: 30px;}
.form-con dl .option-con input{width:100%;}
/*插入条件*/
.set-condition-box{-webkit-flex:1;flex:1;overflow: hidden;}
.set-condition-box dl{display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column; height: 100%;}
.set-condition-box dd{-webkit-flex:1;flex:1;}
.set-condition-box dt{border-bottom:#f0f0f0 solid 1px; font-weight: bold; padding:15px; position: relative;}
.set-condition-box dt .txt-input,
.set-condition-box .group > .bt .txt-input{position: absolute;right:95px; top:10px; height: 30px;}
.set-condition-box dt .radio-tab{ position: absolute;right:15px; top:10px; font-weight: normal;}
.set-condition-box dd .add-rule-b{width: 110px; margin:auto;font-size: 12px;}
.set-condition-box dd .add-orange{width:30%;margin:auto;}
.set-condition-box .group{background:#fff; margin:10px 10px 0;-webkit-transition: all .25s ease-in;}
.set-condition-box .group:hover{box-shadow:0 5px 10px 0 rgba(140, 140, 140, 0.14);}
.set-condition-box .group > .bt{background: #f9f9f9;padding:8px 15px;border:#dcdcea solid 1px;border-bottom: #f0f0f0 solid 1px;position: relative;height: 40px;}
.set-condition-box .group > .bt .txt-input{right:120px;top:5px;}
.set-condition-box .group > .bt .radio-tab{ position: absolute;right:40px; top:5px; color:#444;}
.set-condition-box .group > .nr{padding-bottom: 15px;border:#dcdcea solid 1px;border-top:0;}
.set-condition-box .group > .nr > .vertical_dq{margin:0 10px 10px;}
.set-condition-box .byl-icon-del{cursor: pointer; font-size: 18px;}
.set-condition-box .byl-icon-del:hover{color:red;}
.set-condition-btn{ height:60px;}
.set-condition-btn .bg-fff{border-top:#f0f0f0 solid 1px;box-shadow:0 -2px 10px rgba(154, 189, 220, 0.1); height:60px;}
.set-condition-btn .btn-input1{margin:auto;}
.set-condition-box .tj-top{border-bottom:#f0f0f0 solid 1px;display:-webkit-flex;display: flex; background:#fff;}
.set-condition-box .tj-top .dl{display:-webkit-flex;display: flex; border-right:#f0f0f0 solid 1px; width:33.3%; padding:10px 15px;}
.set-condition-box .tj-top .dl:last-child{border:0;}
.set-condition-box .tj-top .dt{min-width:100px;text-align: right;white-space: nowrap;}
.set-condition-box .tj-top .dd{-webkit-flex:1;flex:1; overflow: hidden;}
.drop-down{height: 40px;line-height:36px; border: #D0D0E6 solid 1px; padding-left: 10px;display:-webkit-flex;display:flex; cursor: pointer;}
.drop-down:hover{border-color:#c1c1c1;}
.drop-down:active{background: #F1F1F1;}
.drop-down em{border-left:#f0f0f0 solid 1px; font-size:20px;width: 40px; text-align: center;}

.radio-tab{border:#D0D0E6 solid 1px;background:#fff;display:-webkit-flex;display: flex;overflow: hidden;padding: 3px 0 3px 3px;
    max-width: 74px;}
.radio-tab span,.radio-tab label{display: block; cursor: pointer; line-height:1; font-size: 12px; margin-right: 1px;}
.radio-tab span{padding:0 10px; line-height:22px;}
.radio-tab span:hover{background-color:#f9f9f9;}
.radio-tab input{display: none;}
.radio-tab input:checked + span{background:#3375d6;color:#fff;}
.radio-tab input:disabled + span{background: #f1f1f1;color:#999;cursor:default;}
.tj-list{border:#e0e0e0 solid 1px;margin:0 10px 10px;padding:10px 15px;}
.tj-list .bt{border-bottom:#f0f0f0 solid 1px;padding-bottom: 10px;}
.tj-list .nr{padding-top:10px;}
.total-score-nr{background: #fff;display: -webkit-flex;display: flex;overflow: hidden;}
.total-score-nr span{display: block;border: #D0D0E6 solid 1px; cursor: pointer;width:50px; text-align: center;margin-right:10px; font-size: 18px; font-weight: bold;height: 40px; line-height: 35px;}
/*.total-score-nr span:last-child{border-radius:5px 0 0 5px;}
.total-score-nr span:last-child{border-radius:0 5px 5px 0;}*/
.total-score-nr span:hover{border-color: #c1c1c1;}
.total-score-nr span:active{background:#F1F1F1;}
.total-score-nr .active,
.total-score-nr .active:hover{background:#3375d6;color:#fff;border-color:#3375d6;}

.scrollbar{overflow-y: auto;-webkit-flex:1;flex:1;}
.scrollbar::-webkit-scrollbar{width:10px;height:10px}
.scrollbar::-webkit-scrollbar-thumb{background:#3375d6}
.scrollbar::-webkit-scrollbar-track{background:#E3E6EA}

.poin_auto {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
}
layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn {
    padding-top: 10px;
    border-top: #eee solid 1px; text-align:center;
}
.layui-layer-btn .layui-layer-btn0 {
    border-color: #3375d6!important;
    background-color: #3375d6!important;
    color: #fff;
}
.layui-layer-btn a {
    height: 40px!important;
    line-height: 40px!important;
    margin: 0 5px;
    padding: 0 30px!important;
    border: 1px solid #dedede;
    background-color: #fff;
    color: #333;
    border-radius: 5px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
}
/*答题滑块*/
:root{--yellow:-webkit-linear-gradient(0deg,#f48d0d,#fb4837);--light-yellow:#fdf2d2;--orange:#fff;--light-gray:#e3e4e8;--gray:#71738b;--light-blue:#7a7c93;--blue:#2b2b2b;--slider-handle-size:24px;--slider-handle-border-radius:100%;--slider-handle-margin-top:-4px;--slider-track-height:15px;--slider-track-border-radius:30px}
.tick-slider-header{display:flex;justify-content:space-between;margin-bottom:10px}
.tick-slider-header>h5{margin:0;font-family:"Poppins",sans-serif;font-size:18px;font-weight:300;color:var(--gray)}
.tick-slider-main{position:relative; margin-bottom:5px;}
.tick-slider{padding: 20px;}
.tick-slider-value-container{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;}
.tick-slider-value{position:absolute;top:0;font-weight:bold;color:var(--blue);border-radius:var(--slider-handle-border-radius)}
.tick-slider-value>div{animation:bulge 0.3s ease-out}
.tick-slider-background,.tick-slider-progress,.tick-slider-tick-container{position:absolute;left:0;height:var(--slider-track-height);pointer-events:none;border-radius:var(--slider-track-border-radius);}
.tick-slider-background{width:100%;background-color:var(--light-gray)}
.tick-slider-progress{background:var(--yellow)}
.tick-slider-tick-container{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 calc(var(--slider-handle-size) / 2)}
.tick-slider-tick{width:4px;height:4px;border-radius:50%;background-color:white}
.tick-slider-label{opacity:0.85;transition:opacity 0.1s ease}
.tick-slider-label.hidden{opacity:0}
@keyframes bulge{0%{transform:scale(1)}25%{transform:scale(1.1)}100%{transform:scale(1)}}
input[type="range"]{-webkit-appearance:none;width:100%;height:100%;background:transparent;outline:none;position: relative;z-index: 2; max-height:15px;}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;border:none}
input[type="range"]:focus{outline:none}
input[type="range"]::-moz-focus-outer{border:0}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--slider-handle-size);height:var(--slider-handle-size);background:var(--orange);border-radius:var(--slider-handle-border-radius);cursor:pointer;margin-top:var(--slider-handle-margin-top);-webkit-transform:scale(1);transform:scale(1);transition:transform 0.25s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 0 10px rgba(0,0,0,.1);border:#eee solid 1px;}
input[type="range"]:hover::-webkit-slider-thumb,input[type="range"]:focus::-webkit-slider-thumb{transform:scale(1.2)}
input[type="range"]::-moz-range-thumb{-webkit-appearance:none;width:var(--slider-handle-size);height:var(--slider-handle-size);background:var(--orange);border:none;border-radius:var(--slider-handle-border-radius);cursor:pointer;transition:transform 0.25s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 0 10px rgba(0,0,0,.1);border:#eee solid 1px; z-index: 2;}
input[type="range"]:hover::-moz-range-thumb,input[type="range"]:focus::-moz-range-thumb{transform:scale(1.2)}
input[type="range"]::-webkit-slider-runnable-track{width:100%;height:var(--slider-track-height);cursor:pointer;background:none;border-radius:var(--slider-track-border-radius)}
input[type="range"]::-moz-range-track{width:100%;height:var(--slider-track-height);cursor:pointer;background:none;border-radius:var(--slider-track-border-radius)}
input[type="range"]:focus::-webkit-slider-runnable-track{background:none}
input[type="range"]:active::-webkit-slider-runnable-track{background:none}
.slider-preview{background:#e3e4e8; height: 10px; margin:10px 0;border-radius: 15px;}
.slider-preview span{background:-webkit-linear-gradient(0deg,#f48d0d,#fb4837); display: block;height: 10px; position: relative;border-radius: 15px;}
.slider-preview span:after{content: '';position: absolute;box-shadow:0 0 10px rgba(0,0,0,.1); width:16px;height:16px;border-radius: 100%;background:#fff;right: 0; top: -4px;}
 /*量表设定*/
#jqContextMenu li{height: 30px;line-height: 30px; padding-left: 10px;}
#jqContextMenu li em{ font-size: 16px; margin-right:5px; width: 16px; text-align: center;}
@font-face {font-family: 'Fontbyl';src: url('../fonts/fontawesome-webfont.ttf');font-weight: normal;font-style: normal;}
[class*="byl-icon-"]:before {display: inline-block;font: normal normal normal 1.6rem/1 "Fontbyl", sans-serif;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}
[class*="byl-icon-"]:before {font-family: Fontbyl !important;}
[class*="byl-icon-"] {display: inline-block;font-style: normal;}
.byl-icon-plus-circle:before {content: "\f055";}
.byl-icon-sitemap:before {content: "\f0e8";}
.byl-icon-list-alt:before {content: "\f022";}
.byl-icon-list:before {content: "\f03a";}
.byl-icon-undo:before {content: "\f0e2";}
.byl-icon-plus:before {content: "\f2bc";}
.byl-icon-cloud-upload:before {content: "\f0ee";}
.byl-icon-del:before {content: "\F2B5";}
.byl-icon-edit:before {content: "\f2b6";}
.byl-icon-delete:before {content: "\f2b7";}
.byl-icon-trash-o:before {content: "\f014";}
.byl-icon-arrow-up:before {content: "\f062";}
.byl-icon-arrow-down:before {content: "\f063";}
.byl-icon-angle-double-down:before {content: "\f103";}
.byl-icon-cog:before {content: "\f013";}
.byl-icon-floppy-o:before {content: "\f0c7";}
.byl-icon-retreat:before {content: "\f2c1";}
.byl-icon-enter:before {content: "\f2c0";}

textarea[disabled]{background: #fffdf2;border: #eade9b solid 1px;color: #c79a15;}

.gauge-main{display: -webkit-flex;display: flex; padding:20px; overflow: hidden;position: absolute; right: 0; bottom:60px; left:200px; top:60px;}
.gauge-bottom{height:60px;box-shadow: 0px -5px 10px 0 rgba(215, 218, 219, 0.44); padding-top:10px; background:#fff; position: absolute;left:200px; bottom: 0; right: 0;}
.gauge-bottom button{margin:0 5px;padding:10px 30px;}
.btn-input1 { background: #3375d6; -webkit-transition:all .3s; border: 0;padding:12px 30px; cursor: pointer; color: #FFF; font-size: 16px; font-weight: bold; }
.btn-input1:hover{background: #4B92F9;box-shadow:#4188f2 1px 1px 5px;}
.btn-input1:active{background: #1F59AE;}

.btn-input2 { background: #ffac0c; -webkit-transition:all .3s; border: 0;padding:12px 30px; cursor: pointer; color: #FFF; font-size: 16px; font-weight: bold; }
.btn-input2:hover{background: #ffbf44;box-shadow:#ffbf44 1px 1px 5px;}
.btn-input2:active{background: #a97410;}

.add-rule-b{border:#3375d6 solid 1px;padding:10px 0;text-align: center;color:#3375d6;cursor: pointer;font-weight: bold;}
.add-rule-b:hover{background:#3375d6;color:#fff;}
.add-rule-b:active{background:#1F59AE;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}


.add-rule{border:#3375d6 solid 1px;padding:10px 0;text-align: center;color:#fff;background:#3375d6;cursor: pointer;font-weight: bold;}
.add-rule:hover{background:#4B92F9;border-color:#4B92F9;}
.add-rule:active{background:#1F59AE;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}

.add-orange{border:#f0ad4e solid 1px;padding:10px 0;text-align: center;color:#f0ad4e;cursor: pointer; font-weight: bold;background:#fff;}
.add-orange:hover{background-color: #ffb347;border-color: #ffb347;color:#fff;}
.add-orange:active{background:#e29932;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}  


.second-box dt{padding: 10px 15px;border-bottom: #EEEEF7 solid 1px; font-size: 16px;}
.second-box .l{ background: #fff;width: 300px;display:-webkit-flex;display: flex;-webkit-flex-direction:column;flex-direction:column; position: relative; margin-right: 20px;}
.second-box .l dd{-webkit-flex:1;flex:1;padding:20px;}
.second-box .l .li{background: #fff; border:#D0D0E6 solid 1px; width: 47%;margin-bottom:6%;margin-right:6%; padding: 30px 0; cursor: pointer;float:left;}
.second-box .l .li:hover,
.second-box .btn:hover{border-color: #3375d6;color:#3375d6;}
.second-box .l .li:nth-child(even){margin-right: 0;}
.second-box .l .li > div{display: block;margin:auto; font-size:24px;}
.second-box .btn{border:#D0D0E6 solid 1px;padding: 15px;cursor: pointer; position: absolute; bottom:20px; right:20px; left:20px;}
.second-box .m{font-size: 24px;display:-webkit-flex;display: flex;-webkit-align-items: center; margin-bottom:20px; padding: 0 5px; width:24px; color:#999;}
.second-box .r{-webkit-flex:1;flex:1;display:-webkit-flex;display: flex;-webkit-flex-direction:column;background: #fff;}
.second-box .r > dd{-webkit-flex:1;flex:1; padding:15px;}
.second-box .r > dd span,
.second-box .r > dd em,
.second-box .r > dd  label{display: inline-block; cursor: pointer;}
.second-box .r > dd .ask_div > em,.topic-group-box .nr .ask_div > em{margin-right: 10px;}
.ask_div{display:inline;}
.second-box .r > dd .ask_div > span{ padding:8px 10px;font-weight: bold;border-radius:5px;border:1px solid #fff;}
.second-box .r > dd .ask_div > span:hover{background: #f6fafa;border:#f0f0f0 solid 1px;}
.second-box .r > dd .disable *{color:#999;text-decoration: line-through;}
.second-box .r > dd .txt-input{height: 35px;}

.second-box .r > dd .ask_div > .this,.second-box .r > dd .ask_div > .this:hover{background: #e8f1ff;border:#3375d6 dotted 1px;color:#3375d6;}
.condition-box{background:#f6fafa;border:#ccc dashed 1px;border-radius: 10px; padding:10px 15px; margin:10px 0;}
.second-tool em{display: inline-block;cursor: pointer; margin-left:10px;font-size: 20px;}
.second-tool em:hover{color:#3375d6;}

.radio-3{ display:block; transition: all .3s;cursor: pointer;}
.radio-3 input {display: none;}
.radio-3 span { display: inline-block; width:18px; height:18px; background: url(../images/icon22.png) no-repeat; background-size: 100%; margin-right:5px; vertical-align:-4px;}
.radio-3 input:checked + span { background: url(../images/icon23.png) no-repeat;background-size: 100%;}
/*.radio-3 input:disabled + span {background: url(../images/icon47.png) no-repeat;background-size:100%;}*/

.mixed-row > span{ font-size: 15px;}
.mixed-row > span,.mixed-row > label{display: inline-block; margin:0 10px 10px 0;}
/*.mixed-row > span b{color: red;}*/
.mixed-row .txt-input{margin-bottom: 5px;height:35px; text-align: center;width:110px;border-radius: 5px; padding: 0;}

.topic-group-box{border:#D0D0E6 solid 1px; margin:10px 0;}
.topic-group-box .bt{padding:8px 15px; height: 45px; background: #f6fafa;border-bottom:#f0f0f0 solid 1px;}
.topic-group-box .nr{padding: 10px;}
.topic-group-box .nr textarea{resize: none; padding: 10px; display: block;}
.topic-group-box .nr textarea.txt-input{height: 200px;}
.topic-group-box .condition-box .bt,
.topic-group-box .condition-box .nr{padding: 0;height: auto;border:0;}
.step-3 .l{ width: 300px;}
.step-3 > dl{padding:10px;}
.step-3 > dl > dt{height: 40px; padding:0 10px;margin-bottom: 5px;}
.step-3 .l{display:-webkit-flex;display: flex;-webkit-flex-direction:column;}
.step-3 > dl > dt span{font-weight: bold;font-size: 18px; margin-right: 20px; cursor: pointer;}
.step-3 > dl > dt .active,.step-3 > dl > dt .active a{color:#3375d6; position: relative;}
.step-3 > dl > dt .active:after{content: ''; position: absolute; width: 16px; height: 3px; border-radius: 3px; background: #3375d6; bottom: -5px; left:50%;margin-left:-8px;}
.step-3 .l dt .btn-input1{height:35px;min-width:90px; margin-top:-1px;}
.step-3 .l dd{background: #fff;border-radius: 15px;-webkit-flex: 1;flex: 1;}
.step-3 .l .font-12{color:#999;}
.step-3 .l .flex em,
.l-table-con .li em{font-size: 17px; cursor: pointer;margin-left:10px;color: #3375d6;}
.step-3 .l .flex em:hover,
.l-table-con .li em:hover{color:#3375d6;}

.l-table-tr{border-bottom: #f0f0f0 solid 1px;-webkit-transition:background-color .3s; position: relative;}
.l-table-tr:hover,.l-table-con .li:hover{background:#fbfbfb;}
.l-table-tr > .flex{padding: 15px;}
.l-table-tr .font-15{line-height: 1.1;}
.l-table-tr .fold{border-left: #f0f0f0 solid 1px; width: 50px;-webkit-justify-content:center; font-size: 18px; cursor: pointer;}
.l-table-tr .layout{border-left: #f0f0f0 solid 1px;color: #3375d6; width: 55px;-webkit-justify-content:center; font-size: 14px; cursor: pointer;}
.l-table-tr .layout em{display: block; font-size: 18px;margin-bottom:3px;}
.l-table-tr .layout > div{ width: 30px;font-size: 12px;text-align: center; line-height: 1.3;}

.step-3 .l .disable{position:absolute; background:#999;color:#fff;top:0; left:0;font-size: 12px;line-height: 1;padding: 2px 5px;border-radius: 0 0 3px 0;}
.step-3 .l .active {background:#13d5e8;color:#fff!important;border-color: #13d5e8;}
.step-3 .l .active .fold,
.step-3 .l .active .layout{border-color: #3be8f9;}
.step-3 .l .active .fold em{-webkit-transform:rotate(180deg);}
.step-3 .l .active em,
.step-3 .l .active .layout{color:#fff;}
.step-3 .l .active em:hover{color:#fff;}
.step-3 .l .active .font-12{color:#fff;}
.l-table-con{display: none; padding:10px; background:#dffcff;}
.l-table-con .bt{color:#00adbd;padding-bottom: 10px;position: relative;}
.l-table-con .li{background:#fff;padding: 15px;border-bottom: #f0f0f0 solid 1px;-webkit-transition:background-color .3s ease-in; position: relative;}
.l-table-con .li:last-of-type{border-bottom:0; margin-bottom:10px;}

/*改版答题*/
.clearfix{clear: both;}
.clearfix:after {clear: both;}
.clearfix:after, .clearfix:before {display: table;content: "";}
.clearfix:after, .clear-fix:after {visibility: hidden;display: block;content: "";clear: both;height: 0;font-size: 0;}
.answer-box{border-top: #368ad0 solid 5px;max-width: 1000px;margin:30px auto;padding:20px 130px 80px;box-shadow:rgba(154, 189, 220, 0.22) 0 0px 20px;background: #fff; position: relative;}
.answer-box .bt{ text-align: center; padding:30px 0;}
.answer-box h1{font-weight: normal;}
.answer-box .subject{margin: 20px 0;font-size: 18px;}
.answer-box .t2{margin-left:5px;font-size: 12px;}
.answer-box .btn{ padding-top:10px; text-align:center;}
.answer-box .btn:after{content: '';display: block; clear:both;}
.answer-box .btn div{padding:13px 15px;transition: all .3s;box-shadow:0 10px 10px rgba(154, 189, 220, 0.22);cursor: pointer; color: #fff; font-size: 16px; font-weight: bold; display: inline-block; margin:0 10px; min-width: 150px;}
.answer-box .page{background:#368ad0;}
.answer-box .page:hover{background:#539fde;}
.answer-box .next{background:#ffad2b;}
.answer-box .next:hover{background:#ffbd54;}

.subject-img{ margin-bottom: 20px; text-align: center;}
.subject-img img{ max-width:740px;}

.img-box{margin-bottom: 20px;text-align: center;}
.img-box img{max-width: 100%;}

.answer-txt{ padding:80px 0;background: #f0f8ff; border-radius: 10px;display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;}
.answer-txt input{display:inline-block;border:#b8ccdc solid 1px; width:50%; padding:13px 15px;border-radius:5px;-webkit-transition:all .5s;}
.answer-txt input:focus{border-color: #368ad0; box-shadow:rgba(54, 138, 208, 0.51) 0 0 10px;}
.answer-txt span{ display:inline-block; padding-left: 5px;}

.depict-box{ background: #fff6e8; color: #c58929; padding:10px 15px;border-radius:10px; margin-top: 10px;}

.progress-bar{color: #999; margin-bottom: 20px;}
.progress-bar .jd { background: #eee; height:10px; border-radius:10px; overflow: hidden; margin-bottom: 5px;}
.progress-bar .jd span { display: block; background: #6fe29e; width:100%; height: 100%;transition: all 1s .3s;}

.audio-box{ text-align: center; padding-bottom: 50px; padding-top: 30px;}

.video-box{margin-bottom: 20px;}
.video-box video{max-width: 100%;}

.answer-box .inp-radio { display:block; transition: all .3s;border-radius:30px; border:#eee solid 1px;cursor: pointer; padding:8px 15px 8px 10px; line-height: 25px; margin-bottom: 10px;box-shadow:0 5px 10px rgba(154, 189, 220, 0.22);}
.answer-box .inp-radio:hover{border: #227ecb solid 1px;}
.answer-box .inp-radio input { display: none; }
.answer-box .inp-radio span { display: inline-block; width:18px; height:18px; background: url(../images/radio1.png) no-repeat; background-size: 100%; margin-right: 8px; vertical-align: -4px; }
.answer-box .inp-radio input:checked + span { background: url(../images/radio3.png) no-repeat;background-size: 100%;}

.answer-box .inp-checkbox2 { display:block; transition: all .3s;border-radius:10px; border:#eee solid 1px;cursor: pointer; padding:8px 15px 8px 10px; line-height: 25px; margin-bottom: 10px;box-shadow:0 5px 10px rgba(154, 189, 220, 0.22);}
.answer-box .inp-checkbox2:hover{border: #227ecb solid 1px;}
.answer-box .inp-checkbox2 input { display: none; }
.answer-box .inp-checkbox2 span { display: inline-block; width:18px; height:18px; background: url(../images/checkbox1.png) no-repeat; background-size: 100%; margin-right: 8px; vertical-align: -4px; }
.answer-box .inp-checkbox2 input:checked + span { background: url(../images/checkbox2.png) no-repeat;background-size: 100%;}

.sign-box{ padding:20px 5px 0 5px;}
.sign-box dl{ overflow: hidden; margin-bottom: 15px;}
.sign-box dt{ float: left;}
.sign-box dd{ float: right;}
.sign-box dd div{float: left;}
.sign-box dd .n{padding-left: 50px;}
.sign-box dd .y{padding-left: 30px;}

.progress-bar-2{position: fixed;top: 300px;left: 55%;-webkit-transform: rotate(90deg);transform: rotate(90deg);-ms-transform: rotate(90deg);margin-left: 300px;}
.progress-bar-2 .box { width: 300px; height: 20px; background: #eee; border-radius:100px; overflow: hidden;    position: relative;vertical-align: middle;}
.progress-bar-2 .m{position: absolute;left: 0;top: 0;transition: all 1s .3s; width: 0%; height: 100%;background-color: #6fe29e;text-align:center;border-radius: 100px;line-height: 1;}
.progress-bar-2 .m span {display: inline-block;vertical-align: middle;color: #fff;font-size: 12px;margin: 0 5px;}

.multiple-box{ border-top: #f7f7f7 solid 1px; padding-top: 50px;}
.multiple-box dl{ padding-bottom: 50px;}
.multiple-box dt{ font-size: 16px; font-weight: bold; margin-bottom: 10px; position: relative;}
.multiple-box dt em{font-size: 18px;font-style: inherit;}
.multiple-box dt span{ font-weight: normal;}
.multiple-box dd{ color: #666;}
.multiple-box .subject-img,.multiple-box .video-box{margin-bottom: 0; text-align: left;}
.multiple-box .audio-box{ padding:0;text-align: left;}
.multiple-box .answer-txt{ background: none; padding: 0;}
.multiple-box .answer-txt input{ width: 100%; padding: 10px;}
.multiple-box .btn{text-align: center;}
.multiple-box .btn div{ margin:0 10px; display: inline-block; width:20%;}

.radio-2 label{ display:block; transition: all .3s;border-radius:30px;cursor: pointer; padding:8px 15px 8px 10px; line-height: 25px;}
.radio-2 label:hover{background: #e5f0f9;}
.radio-2 input { display: none; }
.radio-2 span { display: inline-block; width:18px; height:18px; background: url(../images/radio1.png) no-repeat; background-size: 100%; margin-right: 8px; vertical-align: -4px; }
.radio-2 em{font-style: normal;}
.radio-2 input:checked + span + em{ color:#368ad0;}
.radio-2 input:checked + span { background: url(../images/radio3.png) no-repeat;background-size: 100%;}

.checkbox-2{cursor: pointer;}
.checkbox-2 label{ display:block; transition: all .3s;border-radius:5px;cursor: pointer; padding:8px 15px 8px 10px; line-height: 25px; cursor: pointer;}
.checkbox-2 label:hover{background: #e5f0f9;}
.checkbox-2 input { display: none; }
.checkbox-2 span { display: inline-block; width:18px; height:18px; background: url(../images/icon24.png) no-repeat; background-size: 100%; margin-right: 8px; vertical-align: -4px; }
.checkbox-2 em{font-style: normal;}
.checkbox-2 input:checked + span + em{ color:#368ad0;}
.checkbox-2 input:checked + span { background: url(../images/icon25.png) no-repeat;background-size: 100%;}
/*.checkbox-2 input:disabled + span {background: url(../images/icon48.png) no-repeat;background-size:100%;}*/

.divide-into-groups{ background:#f0f8ff; border-left: #368ad0 solid 3px; font-weight: bold; padding:5px 15px;font-size: 16px; color:#368ad0; margin:10px 0;}

.drawing-board-box{ position: relative; border:#ffdd93 solid 10px; height:417px; margin-bottom: 20px; box-shadow: 5px 5px 10px #e6e6e6;}
.drawing-board-box:after{position:absolute; height: 20px; bottom: -20px; left: -20px; background:#ffdd93; width:780px;}
.drawing-board-box img{ max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%;-webkit-transform:translate(-50%,-50%);}

.swiper-container{width:660px;height: 100%;}
.swiper-slide{text-align: center;font-size: 18px; cursor: pointer;border:#e0e0e0 solid 1px;/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img{ width:80px; height:80px; object-fit:cover;}
.swiper-slide .title{-webkit-transition:all .3s; position:absolute; background:#368ad0;color: #fff; text-align: center; font-size: 12px; bottom:-100%; left: 0; right: 0; padding:3px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.swiper-container .active,.swiper-slide:hover{ border-color:#368ad0;}
.swiper-slide:hover .title{ bottom: 0;}
.swiper-container .active:after{ content: ''; position: absolute; width:100%; height: 100%;border:#368ad0 solid 2px;}

.swiper-box{ position: relative; margin-bottom: 20px;}
.swiper-button-next, .swiper-button-prev{background-color:#368ad0; width: 30px; height:80px; top: 0; margin:0; outline: none; background-size: 50%;-webkit-transition:all .3s;}
.swiper-button-next:hover, .swiper-button-prev:hover{background-color:#69bbff;}
.swiper-button-next:active, .swiper-button-prev:active{background-color:#2677b9;}
.swiper-button-prev{ left:0;}
.swiper-button-next{ right:0;}

.rubric-box {border-width: 1px;margin: 10px 0;border-style: solid;border-radius: 10px;padding: 15px;}
.drawing-report{ position: relative;height:524px;margin: 10px 0;}
.drawing-report img{ max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

.answer-score{position: absolute;top:40px;right:30px;-webkit-transform: rotate(-15deg);transform: rotate(-15deg);text-align: center;white-space: nowrap;box-sizing: border-box; line-height: 1; border:#f06969 dashed 1px; padding: 10px; border-radius:10px;}
.answer-score .t{color: #f06969;}
.answer-score .b{font-size:40px;color: #f06969;}
.answer-score span{ font-size: 20px;}
.answer-option{ background:#f7f7f7; position: relative; padding:5px 20px; border-radius: 5px;}
.answer-option li{ margin:10px 0;}
.answer-option .label{ position: absolute; right:10px; top:10px; color: #fff; border-radius: 3px; padding:5px 10px;}
.answer-option .error{background: #f06969;}
.answer-option .correct{background: #2c9fff;}
.color-blue{ color:#2c9fff;}
.color-red{ color:#f06969;}
.examination-box{ border:0;}
.examination-box label{cursor: default}
.examination-box label:hover{ background:none;}
.return-btn{background:rgba(0, 0, 0, 0.6); position: fixed; left: 0; top:50px;box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.1); padding:20px; color: #fff; width:100px; line-height: 1.2; z-index: 5; border-radius:0 10px 10px 0;}