body{background: #f0f0f7}
header{height: 50px;}
.header{ height: 50px; }
.header .m{ height: 50px; top: 0; left: 0; width: 100%; z-index: 5; position: fixed;}
.header a{ position: absolute; left:0; top: 0;width: 50px; height: 50px;background-size:35%;}
.header .bt{ margin:0 50px; line-height: 50px;}
.home-hader{height:50px;position:sticky;top:0;z-index:5;padding:0 14px;}
.home-hader select{width:120px;background: url(../images/sel.png) no-repeat right 8px center #fff;height:28px;padding-left:12px;padding-right:24px;border-radius: 3px;}
.filter-btn{position: absolute; right:0; top: 0;width:80px; height: 50px;}

.ico-nav{display: -webkit-flex; -webkit-flex-wrap: wrap; padding: 10px 0;}
.ico-nav li{width: 25%; position: relative}
.ico-nav li a{display: block; font-size: 12px; margin:5px 0;}
.ico-nav div{width:40px; height:40px; margin: auto auto 3px;background-color:#eaf4fd; border-radius: 5px;background-size:65%;}


.nav{height: 50px;display: -webkit-box;overflow-x: auto;-webkit-overflow-scrolling: touch; background: #fff;-webkit-transition: all .5s;width: 100%; border-top: #eee solid 1px; position: fixed; left: 0; bottom: 0; z-index: 5}
.nav a{position: relative; color: #738199; display: block; text-align: center; font-size: 12px}
.nav em{display: block; margin: 7px auto 0 auto; width: 20px; height: 20px; position: relative; font-style: normal}
.add-patient{background-color:rgba(51, 117, 214, 0.8);background-size: 50%; width:44px; height:44px;border-radius: 100%; color: #fff; position:fixed; bottom: 60px; right: 10px; z-index: 5;padding-top: 5px;}
.add-patient .icon14{ width:14px; height:14px; margin:auto; }
.nav1{background-image: url(../images/nav10.png)}
.nav2{background-image: url(../images/nav11.png)}
.nav3{background-image: url(../images/nav12.png)}
.nav4{background-image: url(../images/nav13.png)}
.nav5{background-image: url(../images/nav14.png)}
.nav6{background-image: url(../images/nav15.png)}
.nav7{background-image: url(../images/nav16.png)}
.nav8{background-image: url(../images/nav17.png)}
.nav9{background-image: url(../images/nav18.png)}
.nav .this{color: #3375d6;}
.nav .this .nav1{background-image: url(../images/nav1.png)}
.nav .this .nav2{background-image: url(../images/nav2.png)}
.nav .this .nav3{background-image: url(../images/nav3.png)}
.nav .this .nav4{background-image: url(../images/nav4.png)}
.nav .this .nav5{background-image: url(../images/nav5.png)}
.nav .this .nav6{background-image: url(../images/nav6.png)}
.nav .this .nav7{background-image: url(../images/nav7.png)}
.nav .this .nav8{background-image: url(../images/nav8.png)}
.nav .this .nav9{background-image: url(../images/nav9.png)}
.nav .this .icon10{background-image: url(../images/icon12.png)}
.nav .this .icon24{background-image: url(../images/icon25.png)}
.nav .this .icon11{background-image: url(../images/icon13.png)}
.nav .this .icon29{background-image: url(../images/icon33.png)}
.nav .this .icon30{background-image: url(../images/icon34.png)}
.nav .this .icon31{background-image: url(../images/icon35.png)}
.nav .this .icon32{background-image: url(../images/icon36.png)}
.new{position: absolute; width: 12px; height: 12px; background: #fc5244; border: #FFF solid 1px; border-radius: 10px; right: -2px; top: -2px}

.thirdLoginBox{ border-bottom: #e6e7ec solid 1px;color: #aebacd; margin:0 15px;}
.thirdLoginBox span{ background: #fff; position: relative; bottom: -10px; padding: 0 10px;}
.wx-dl{border: #0abe60 solid 1px; display: inline-block; width: 50px; height: 50px; background-size:70%; border-radius: 30px;}

.label-box{ line-height:1; color: #fff; border-radius:10px; padding:4px 7px; font-size: 12px;}
.label-blue{background:#599cff;}
.label-yellow{background:#ffc859;}
.label-red{background:#fd6868;}
.label-green{background:#7ee67e;}
.label-gray{background:#aebacd;}

.separate{ background: #e6e7ec; width:1px; margin:0 5px; height:10px; display:inline-block;}

.list-btn{ margin:0 15px; display: -webkit-flex;}
.list-btn a{ width: 50%; display: block; padding:13px 0; line-height: 1; position:relative;-webkit-flex:1;}
.list-btn a:last-child:after{ content: ''; height: 20px; display: block; border-left:#f2f4fb solid 1px; position: absolute; left: 0; top: 13px;}

.filter-box{display: none;}
.filter-box .top{ height: 50px;}
.filter-box .bt {margin: 0 50px;line-height: 50px;}
.filter-box .top a{position: absolute;left: 0;top: 0;width: 50px;height: 50px;background-size: 35%;}
.filter-box .top .close{ position: absolute; right:0; top: 0;width: 50px; height: 50px;background-size:35%;}
.filter-box	.wid31b{width: 31.5%;}
.filter-box label{ display: block;width: 31.5%;}
.filter-box label input{display: none;}
.filter-box label span{ display: block; border: #e6e7ec solid 1px; text-align: center; padding:7px 0;}
.filter-box label input:checked + span{ color:#3375d6; border-color: #3375d6; background: url(../images/icon7.png) right bottom no-repeat; background-size: 15px;}

.my-top{background: url(../images/bg2.jpg) no-repeat; background-size: 100%  100%;}

.diagnose-number{ display: -webkit-flex; padding:10px 15px 10px 0; overflow-x: auto;-webkit-overflow-scrolling: touch;}
.diagnose-number dl{-webkit-flex:1; border:#e6e7ec solid 1px; margin-left:15px; padding:10px 15px; white-space: nowrap;}
.diagnose-number dd{font-size:12px;color: #aebacd;}
.diagnose-number .active{ border-color: #3375d6; color:#3375d6;background: url(../images/icon7.png) right bottom no-repeat; background-size: 15px;}
.diagnose-number .active dd{color:#3375d6;}

.con-bt{ border-left: #3375d6 solid 5px; padding-left:5px; line-height: 16px;}
.min-btn-l{border:#3375d6 solid 1px; background: #3375d6; color:#fff; font-size:12px; padding:5px 8px; display: inline;}
.min-btn-h{border:#e6e7ec solid 1px;color:#738199; font-size:12px; padding:5px 8px;display: inline;}

.inp-radio{display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;-webkit-box-flex:1;}
.inp-radio span{ width:18px; height:18px; display:inline-block;background: url(../images/icon21.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/radio3.png) no-repeat;background-size:100%;}
.inp-radio input:checked + span {background: url(../images/icon22.png) no-repeat;background-size:100%;}

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

.m-btn-blue{ background: #3375d6; color:#fff;}
.m-btn-green{ background: #38ce38; color:#fff;}
.m-btn-yellow{ background: #f3b02b; color:#fff;}
.m-btn-red{ background: #e44e4e; color:#fff;}

.con-bottom{height: 50px; background: #fff;-webkit-transition: all .5s; display: -webkit-flex; width: 100%; border-top: #eee solid 1px; position: fixed; left: 0; bottom: 0; z-index: 5;-webkit-align-items:center; padding:0 5px;}
.con-bottom div{-webkit-flex:1; padding:10px 0; margin:0 5px;}

/*.submit-sj { padding-top:15px; }*/
.inp-tar{  height:80px; padding:5px 10px;}
.clinical-table{overflow-x:auto; -webkit-overflow-scrolling: touch;}
.clinical-table table{border:#e6e7ec solid 1px; border-collapse: collapse;}
.clinical-table th{padding:5px;}
.clinical-table input{border:1px solid #fff;padding:3px 5px; text-align:center;}
.clinical-table input:focus{border:#3375d6 solid 1px;}

.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;}

.means-btn input{ width: auto; font-weight: inherit; line-height: 1;}

.evaluating-table{overflow-x:auto;-webkit-overflow-scrolling: touch; padding-top: 15px;}
.evaluating-table table{border: #e6e7ec solid 1px; border-collapse: collapse;}
.evaluating-table th{padding:5px;}
.evaluating-table td{padding:5px;}

.con-txt {
    border-top: #f2f2f5 dashed 1px; margin-top: 15px;
    padding-top: 10px;
}
.edit-inp{ height: 26px; padding:0 5px;}

.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;}

.evaluating-form{ margin:10px; padding:30px 20px 20px;}
.evaluating-form .bt{border-bottom: #f2f4fb solid 1px; padding-bottom:10px; margin-bottom:20px;}
.evaluating-form [type="text"],.txt-input{ border: 0; border-bottom:#274371 solid 0px; width: 100px; text-align: center; font-weight:bold; outline: none; line-height: 20px;border-radius:3px;}
.evaluating-form dl{ margin-bottom:40px;}
.evaluating-form dt{font-weight:bold;font-size: 15px; margin-bottom:10px;}
.evaluating-form dd{ margin-bottom:20px;}
.evaluating-form .mar-b-20{ padding-left:15px; 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{ display: block; margin-bottom: 10px;}

.plate-table{border-collapse:collapse; text-align:center;}
.plate-table th{ background:#F7F7FF;}
.plate-table td{ border:#EEEEF7 solid 1px; padding:10px;}

.info-tab{ height:44px;}
.info-tab ul{ position: fixed; left: 0; top:50px; right: 0; height:44px; line-height:44px;display: -webkit-box;overflow-x: auto;-webkit-overflow-scrolling: touch; z-index:5;border-bottom:#f2f4fb solid 1px;}
.info-tab li{ position: relative;}
.info-tab .active{ color:#3375d6;}
.info-tab .active:after{ content: ''; position: absolute; width:100%; height:2px; left: 0; bottom: 0; background: #3375d6;}

.batch-btn{ height: 40px; padding: 10px;}
.batch-btn .bg_fff{ position: fixed; line-height: 40px; bottom: 50px; left: 0; right: 0; padding-left: 15px;}

.wmpty-box { padding:30% 0; }
.wmpty-box .ico { width: 100px; height: 100px}

.fixing-ico{ position:absolute; left:8px; top:5px;font-size: 12px;color: #3375d6; background: url(../images/icon28.png) left center no-repeat; background-size:15px; padding-left:18px;}
.issue-hint{ position:absolute; right:-1px; top:-1px;background: #F47051;font-size: 12px;padding:1px 4px;color: #FFF;}
dd.padd_15px{ position: relative;}

.skip_m {left: 15%; right: 15%; position: absolute; top: 50%; -webkit-transform: translateY(-50%) }
.skip_m .ico { width:48px; height:48px; margin:5px auto }
.skip_m .ico2 { width: 1.5rem; height: 1.5rem; border-radius: 100%; margin: auto; border: #eff0f5 solid 0.05rem; background-position: center; background-repeat: no-repeat; background-size: 55% }
.skip_m h2 { margin: 5px 0 }
.skip_m p { margin: 0 }
.skip_btn{ padding: 10px 20px; display: inline-block;}

.search-txt:empty::before {content: attr(placeholder);color: #ccc;}

/*.img-upload{border-top: #f2f2f5 solid 1px; margin-top: 10px;}*/
dd .txt {padding:10px 0;border-bottom: #f2f2f5 solid 1px;}
.submit-sj textarea{margin-top:10px;}
.img-upload:after{ content:''; display: block; clear: both; height: 0; width: 100%;}
.img-upload li{ float:left; margin:3% 3% 0 0;border: #e6e7ec solid 1px; position:relative; width:22.6%; padding-top:22.55%;}
.img-upload li:nth-child(n+4){margin:3% 0 0 0;}
.img-upload li img{ object-fit: cover; position: absolute; top: 0; height: 100%; left: 0;}
.img-upload .del{background:url(../images/icon49.png) no-repeat;background-size:100%;cursor: pointer; width:18px; height:18px; position: absolute; right:-5px; top:-5px; z-index: 1;}

.pop-up-box{ width: 90%; 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{padding:20px;}
.pop-up-box .con img{ max-width:100%; max-height:350px; margin:auto;}
.pop-up-box .title .icon38 {background-image: url(../images/icon6.png); width: 16px; height: 16px; background-size: 100%;}

/*改版答题*/
.mixed-row > span, .mixed-row > label {display: inline-block;margin: 0 10px 10px 0;}
/*.mixed-row > span {font-weight: bold;}*/
.radio-3{margin: 0 10px 10px 0; display: inline-block;}
.radio-3 input {display: none;}
.radio-3 span { display: inline-block; width:18px; height:18px; background: url(../images/radio1.png) no-repeat; background-size: 100%; margin-right:5px; vertical-align:-4px;}
.radio-3 input:checked + span { background: url(../images/radio2.png) no-repeat;background-size: 100%;}
/*.radio-3 input:disabled + span {background: url(../images/radio3.png) no-repeat;background-size:100%;}*/

.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{margin: 0 10px 10px 0; display: inline-block;}
.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/checkbox1.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/checkbox2.png) no-repeat;background-size: 100%;}
/*.checkbox-2 input:disabled + span {background: url(../images/checkbox3.png) no-repeat;background-size:100%;}*/


.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:10px;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%;}


.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;}
/*答题滑块*/
: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:10px 0;}
.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;}
.radio-tab2{display:-webkit-flex;display:flex;margin:10px 0;box-shadow: 0 2px 5px #efefef;border-radius:4px;}
.radio-tab2 label{font-size: 12px;-webkit-flex:1;flex:1;display:block;}
.radio-tab2 span{padding:5px 0;border:#d0d0e6 solid 1px;cursor:pointer;display: block;pointer-events:auto;border-left:0;transition: all .3s cubic-bezier(.645,.045,.355,1);}
.radio-tab2 span:hover{color:#3375d6;}
.radio-tab2 label:first-child span{border-radius: 4px 0 0 4px;border-left:#d0d0e6  solid 1px;}
.radio-tab2 label:last-child span{border-radius:0 4px 4px 0;}
.radio-tab2 input{display: none;}
.radio-tab2 input:checked + span{background:#3375d6;color:#fff;box-shadow: -1px 0 0 0 #3375d6;border-color: #3375d6;}
.radio-tab2 input:disabled + span{color:#a2a2b3;cursor:not-allowed;border-color:#d0d0e6;}
.radio-tab2 input:checked[disabled] + span{background: #e1e1ef;color:#a2a2b3;cursor:not-allowed;border-color:#d0d0e6;box-shadow: -1px 0 0 0 #d0d0e6;}
.project-jd{display:flex;height:12px;grid-gap:2px;margin-right:8px;}
.project-jd > div{background:#D4D9E3;width:6px;}
.project-jd > .active{background:#93D92B;}
.state-bg1{background:#81B4FF!important;}
.state-bg2{background:#A16738!important;}
.state-bg3{background:#FF380D!important;}
.state-bg4{background:#FF720D!important;}
.state-bg5{background:#F9B738!important;}
.state-bg6{background:#22C7A3!important;}
.state-bg7{background:#93D92B!important;}
.state-bg8{background:#9E59FF!important;}
.state-bg9{background:#A9B4C6!important;}