body { padding: 0; margin: 0;font-family: Arial, Microsoft YaHei, Verdana, Geneva, sans-serif;font-size: 14px;color: #333;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust: none; }
ul, li, dl, dd, dt, article { list-style-type: none; margin: 0; padding: 0 }
a { text-decoration: none; color:#333;}
*, :after, :before {-webkit-box-sizing: border-box;box-sizing: border-box;}
.loader{ position: absolute; text-align:center; width:100%; top:50%; margin:-20px 0 0 0; z-index:100;}
.loader span{ height:40px; line-height:40px; display:inline-block; background:url(../images/loader.gif) 0 2px no-repeat #fff; color:#666; padding:0 10px 0 35px; border-radius:5px; box-shadow:rgba(243, 243, 243, 0.05) 0 0 10px;}
html{height: 100%;}
img{display: block; width: 100%;}
input::-webkit-input-placeholder{color: #ccc;}
@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-cloud-upload:before {content: "\F0EE";}
.byl-icon-sign-out:before {content: "\f08b";}
.byl-icon-exclamation-circle:before {content: "\f06a";}
.byl-icon-check-circle:before {content: "\f058";}
.byl-icon-times-circle:before {content: "\f057";}
.byl-icon-info-circle:before {content: "\f05a";}
.byl-icon-info-enlarge:before {content: "\F002";}
.byl-icon-mobile-phone:before {content: "\F10B";}
.byl-icon-picture:before {content: "\F03E";}
.byl-icon-qrcode:before {content: "\F029";}
.byl-icon-upload-alt:before {content: "\F093";}
.byl-icon-info-sign:before {content: "\F05A";}
.byl-icon-ok-sign:before {content: "\F058";}
.byl-icon-time:before {content: "\F017";}
.byl-icon-microphone:before {content: "\F130";}
.byl-icon-play-circle:before {content: "\F01D";}
.byl-icon-ok-circle:before {content: "\F05D";}
.byl-icon-undo:before {content: "\F0E2";}
.byl-icon-volume-off:before {content: "\F026";}
.byl-icon-volume-down:before {content: "\F027";}
.byl-icon-volume-up:before {content: "\F028";}
.byl-icon-double-angle-left:before {content: "\F100";}
.byl-icon-double-angle-right:before {content: "\F101";}
.byl-icon-play:before {content: "\F04B";}
.byl-icon-file_text_alt:before {content: "\F0F6";}
.byl-icon-paste:before {content: "\F0EA";}
.byl-icon-circle_blank:before {content: "\F10C";}
.none{display: none;}
.text_ell{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.inp_not,select{ font-family: Arial, Microsoft YaHei, Verdana, Geneva, sans-serif; background: 0; border: 0; -webkit-appearance: none; width: 100%; -webkit-box-sizing: border-box; display: block; line-height: 20px; color: #333; font-size: 15px; padding: 0; outline: 0; border-radius: 0;}
.icon1{background: url(../images/icon1.png) no-repeat 100%/100%;}
.icon3{background: url(../images/icon3.png) no-repeat 100%/100%;}
.icon4{background: url(../images/icon4.png) no-repeat 100%/100%;}

.font_12{font-size:12px}
.font_15{font-size:15px}
.font_16{font-size:16px}
.font_18{font-size:18px}
.font_30{font-size:30px;}
.line_2{line-height:2}
.sp_ends{display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:justify}
.vertical_dq{display:-webkit-box;-webkit-box-align:center;display:flex;align-items:center;}
.vertical_dq2{display:-webkit-flex;display: flex; -webkit-align-items:center;align-items:center;}
.justify_c{-webkit-justify-content:center;justify-content:center;}
.flex_end{justify-content: flex-end;}
.flex{-webkit-box-flex:1;flex:1;}
.mar_r15{margin-right:15px}
.font_bold{font-weight:700}
.color_blue{color:#08BCD0}
.color_h{color:#888888}
.color_9 {color: #999;}
.color_fff {color: #fff;}
.mar_b5 {margin-bottom: 5px;}
.mar_b10 {margin-bottom: 10px!important;}
.mar_b15 {margin-bottom: 15px;}
.text_c {text-align: center;}
.text_r {text-align: right;}
.padd_50_15px {padding: 30% 2%;}
.padd_50_0px {padding:50px 0;}
.padd_15px {padding:15px;}
.padd_14px {padding:0.35rem;}
.padd_b14 {padding-bottom:0.35rem;}
.padd_0_14px {padding:0 0.35rem;}
.padd_14_0px {padding:0.35rem 0;}
.width_160 {width: 160px;}
.mar_auto {margin: auto;}
.bg_1{background:#f6fafa}
.bg_fff{background:#fff}
.bg_2{background:#fff}
.padd_10_15px{padding:10px 15px}
.bor_b1{border-bottom: #f1f1f1 solid 1px;}
.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}
.state-1{background:linear-gradient(90deg,#FFB230 0%,#FFCA72 100%);}
.state-2{background:linear-gradient(90deg,#2ADFF3 0%,#08BCD0 100%);}
.state-3{background:linear-gradient(90deg,#ccc 0%,#ddd 100%);}
.state-4{background:linear-gradient(90deg,#FFB230 0%,#FFCA72 100%);}
.return-btn{background:rgb(6 56 68 / 76%); position: fixed; right: 0; bottom: 130px; font-size: 12px;box-shadow:0px 2px 5px 0px rgb(86 125 131 / 37%); padding:8px; color: #fff; width:40px; line-height: 1.2; z-index: 5; border-radius:10px 0 0 10px;}
.introducer-box{ position: absolute; width: 100%; top: 0; bottom: 0; overflow: hidden; left: 0;}
.introducer-box .bg{background-repeat: no-repeat; background-size:100% 100%;position: absolute; width: 100%; height: 100%; left: 0; z-index: 1; top: 0;-webkit-transform:scale(1.2);opacity: .6;}
.introducer-box dl{background:#fff; border-radius: 10px; position: absolute; z-index: 2;top:12px;right:12px; left:12px;bottom:12px; display: -webkit-box;-webkit-box-orient:vertical;box-shadow: 0 5px 5px rgb(0 0 0 / 12%);}
.introducer-box dt{border-bottom:#F0F0F0 solid 1px; padding:16px 20px;}
.introducer-box dt .font_16{font-weight: bold;color:#08BCD0;}
.introducer-box dt .font_16 span{vertical-align:-8px;margin:0;}
.introducer-box dt .total-jd{margin-bottom: 0}
.introducer-box dd{-webkit-box-flex:1;display: -webkit-box;-webkit-box-orient:vertical; padding:20px;}
.introducer-box .con{-webkit-box-flex:1;-webkit-overflow-scrolling: touch; overflow-y: auto; margin-bottom:20px;}
.introducer-box .con .font_18{margin-bottom: 15px; font-weight: bold;text-align: center;}
.introducer-box .btn{-webkit-box-pack:center;display: -webkit-flex;}
.introducer-box .btn div{color:#fff;-webkit-box-flex:1;-webkit-flex:1;margin:0 1%; padding:13px 0; text-align: center; border-radius:5px; font-weight: bold;}
.introducer-box .btn1{background:linear-gradient(90deg,#FFB230 0%,#FFCA72 100%);}
.introducer-box .btn2{background:linear-gradient(90deg,#2ADFF3 0%,#08BCD0 100%);}
.introducer-box .titme{border-top: #eaf0f0 solid 1px;border-bottom: #eaf0f0 solid 1px;padding:10px 0;display: -webkit-flex; margin-bottom:10px;}
.introducer-box .titme > div{-webkit-flex:1;border-right: #eaf0f0 solid 1px;}
.introducer-box .titme > div:last-child{border:0;}

.answer-box{ height:100vh;display: -webkit-box;-webkit-box-orient:vertical;}
.answer-box .name,.introducer-box .name{color:#ff900d;margin-bottom:5px;text-align: center;}
.answer-box .name em,.introducer-box .name em{background: url(../images/t-ico4.png) no-repeat;background-size: 100%; width:20px; height: 15px; display: inline-block;margin-right:8px; vertical-align:-3px;}
.answer-box dt{ padding:15px 20px;background:#fff;}
.answer-box dt b{font-size: 16px;}
.answer-box .jd { background:#f3f7f7; height:10px; border-radius:10px; margin-right:10px;}
.answer-box .jd span { display: block;background:-webkit-linear-gradient(45deg, #08d061, #98d363);height: 100%; border-radius:10px;}
.answer-box dd{-webkit-box-flex:1; padding:18px;box-shadow:0px 5px 5px 0px rgb(62 208 248 / 10%);border-radius:10px; margin:12px;display: -webkit-box;-webkit-box-orient:vertical;background:#fff;overflow:hidden;}
.answer-box .con{-webkit-box-flex:1; overflow-y: auto;-webkit-overflow-scrolling: touch; margin-bottom:20px;}
.answer-box .subject .t2{font-size: 14px;color:#999; font-weight: normal; margin-left: 5px;}
.answer-box .subject {font-size: 18px; margin-bottom: 30px;}
.answer-box .btn{-webkit-box-pack:center;display:-webkit-flex;margin: 0 -2%;}
.answer-box .btn div{color:#fff;-webkit-box-flex:1;-webkit-flex:1;margin:0 2%; padding:13px 0; text-align: center; border-radius:6px; font-weight: bold;}
.answer-box .btn1{background:linear-gradient(90deg,#FFB230 0%,#FFCA72 100%);}
.answer-box .btn2{background:linear-gradient(90deg,#08c6db 0%,#08BCD0 100%);}
.total-jd{text-align: center;margin-bottom:10px;}
.total-jd b{font-size: 18px;vertical-align:-1px;}

.option-box label { margin-bottom:10px;display: block;}
.option-box label input { display: none; }
.option-box label span {border-radius:25px; background:#F4F6FB; display: block; padding:15px 20px;}
.option-box label input:checked + span { background:linear-gradient(90deg,#08BCD0 0%,#2ADFF3 100%); color: #fff;}
.audio-box{ text-align: center; padding-bottom: 30px; padding-top: 30px;}
.audio-box audio{ width: 100%; }
.video-box{margin-bottom: 20px;}
.video-box video{width:100%; height: 200px;}
.option-img{display: -webkit-flex;-webkit-justify-content:space-between;}
.option-img label{ width: 24%;display: block; text-align: center;}
.option-img label input { display: none; }
.option-img label span {border-radius:10px; background:#F4F6FB; display: block; padding:5px;}
.option-img label input:checked + span { background:linear-gradient(90deg,#08BCD0 0%,#2ADFF3 100%); color: #fff;}
.option-img img{ width:100%;display: block;border-radius:5px;}

.data-top{padding-left: 15px;}
.data-top .vertical_dq{border-bottom:#f1f1f1 solid 1px;padding:20px 15px 15px 0;}
.data-top .tx{ width:55px; border-radius: 40px;margin-right: 15px;}
.data-top .tx img{ width:55px; height:55px;object-fit: cover; border-radius: 45px;}
.data-top .font_bold{ margin-bottom: 5px;}

.data-btn{padding:15px 15px 50px;}
.data-btn input{height:50px; color: #fff;background:#08BCD0;box-shadow:0px 5px 10px 0px rgb(45 221 244 / 20%);border-radius:5px; font-weight: bold; font-size: 16px;}
.data-btn .btn_1 {line-height: 50px;border-radius: 50px;font-size: 16px;font-weight: bold;color: #fff;box-shadow: 0 5px 20px rgba(255, 178, 48, 0.5);}
.retreat-btn{height:50px;border-radius:5px;box-shadow:0px 5px 10px 0px rgb(244 244 244 / 20%); line-height: 50px;font-weight: bold;font-size: 16px;display: block; text-align:center;margin-top: 15px;}
.data-con li,.data-con dl{border-top:#f1f1f1 solid 1px; padding:15px;position: relative;background:#fff;}
.data-con li .vertical_dq{padding-left: 15px;}
.data-con li:first-child,.data-con dl:first-child{border:0;}
.data-con li em,.data-con dt em{color:red;position: absolute;left:-10px; top: 0;}
.data-con dl{display: -webkit-box;-webkit-box-align: center;}
.data-con li:before,.data-con dl:before{background-color:#f1f1f1;width:1px;left: 130px;position:absolute;top:15px;bottom:15px;content:'';}
.data-con dl:nth-child(4n){margin-bottom: 10px;}
.data-con dt{margin-right: 15px;}
.data-con dd{-webkit-box-flex: 1;padding-left: 15px;}
.data-con dd input.txt-input,.family-member .dd select{font-family: Arial, Microsoft YaHei, Verdana, Geneva, sans-serif;background: 0;border: 0;-webkit-appearance: none;width: 100%;-webkit-box-sizing: border-box;display: block;line-height: 20px;color: #000;font-size: 15px;padding: 0;outline: 0;border-radius: 0;height: 20px;margin:0; text-align: left;-webkit-box-flex: 1;}
.data-con dd select{-webkit-box-flex: 1; display: block;width:100%;}
.data-con select{color: #888888;background:url(../images/icon1.png) right -3px center no-repeat;background-size: 14px; padding-right:8px;}
.data-con dd select{color: #2B2B2B;background:url(../images/icon8.png) right 10px center no-repeat;background-size: 14px; padding-right:25px; margin:0;}
.data-con dd textarea{width:100%; margin:0;height: 80px;padding:8px 10px;text-align:left;resize:none;}
.data-con dd .padd-0-5{font-size:12px;color:#999;}
.data-con dd .mar-r-5{display:block;}
.inp-none dd select{height: 20px;}
.inp-none dd textarea.txt-input,.inp-none dd select.txt-input{border:0;padding:0;padding:0;text-align:left;}
#only_child_test select{margin:5px 0;width:100px;display: inline-block;}
#change_family_ranking dt{display: none;}
.data-con input{color: #888888}
.data-con .icon1{ width: 14px; height: 14px; margin-left: 5px;}
.data-con .mar_r15,.data-con dt{width:100px;position: relative;}
.data-con .byl-checkbox{font-size: 0;-webkit-box-flex:1;}
.data-con .byl-checkbox label,.data-con .byl-radio label{margin:5px 0;width:50%;margin-right: 0; font-size: 14px;padding-left: 24px;position: relative;}
.data-con .byl-checkbox label span,.data-con .byl-radio label span{position:absolute;left: 0;top: 0;}
.data-con .form-con{border-radius: 0;box-shadow: none;margin:0; font-size: 14px;}
.answer-txt{display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;}
.answer-txt input{display:inline-block;border:#dce3e5 solid 1px; -webkit-flex:1;flex:1; padding:13px 15px;border-radius:3px;-webkit-transition:all .5s; outline: none;}
.answer-txt input:focus{border-color: #08BCD0;}
.answer-txt span{ display:inline-block; padding-left: 5px;}
.depict-box{ background: #fff9e8; color: #b77610; padding:10px 15px;border-radius:5px; margin-top: 10px;margin-bottom: 20px;}
/*家庭成员*/
#dl_status_of_family_members {display: block;}
#dl_status_of_family_members dt,#dl_status_of_family_members dd{width:auto;padding:0;border:0;margin: 0;}
.family-member{border: #E0E0E0 solid 1px;margin-top: 10px;border-radius: 5px;padding:15px 15px 5px;-webkit-transition: all .25s ease-in;position: relative;}
.family-member:after{content:'';display: block;clear:both;}
.family-member:hover:before{content:'';display: block;width: 5px; height: 25px;background-color: #1ddaef; left: 0; top: 13px; position:absolute;}
.family-member .order{font-weight:bold; font-size: 16px;}
.family-member .order .edit{position:absolute;right:0;top: 0;border-left:#E0E0E0 solid 1px; border-bottom:#E0E0E0 solid 1px;border-radius:0 0 0 5px;}
.family-member .order .edit em{display: block;width:35px;height:35px;float:left;border-left:#E0E0E0 solid 1px; cursor: pointer;}
.family-member .order .edit em:first-child{border:0;}
.family-member .order .edit em:hover{background-color: #f9f9f9;}
.family-member .order .edit em:active{background-color: #F1F1F1;}
.family-member .dl{display:-webkit-flex;padding:12px 0;-webkit-align-items:center;border-bottom: #f1f1f1 solid 1px;}
.family-member .dl:last-child{border:0;}
.family-member .dt{width: 80px;border-right: #f1f1f1 solid 1px;margin-right:15px;flex-shrink: 0; line-height: 1.2;}
.family-member .dd{-webkit-flex:1;}
.family-member .dd input,.family-member .dd select{width:100%;min-width: auto;}
.edit-ico1{background:url(../images/edit1.png) center 45%/45% no-repeat;}
.edit-ico2{background:url(../images/edit2.png) center 45%/45% no-repeat;}
.edit-ico3{background:url(../images/edit3.png) center 45%/45% no-repeat;}
.edit-ico4{background:url(../images/edit4.png) center 45%/45% no-repeat;}
.form-date{ width: 120px;background:url(../images/date.png) center right 10px no-repeat #fff!important;cursor:pointer!important}


/*修改表单*/
.form-top{position:relative;margin-bottom: 40px;}
.form-top .txt{position:absolute;width:100%;bottom:45%;color:#fff;text-shadow:rgba(0, 0, 0, 0.1) 0 2px 10px; font-size:22px; font-weight: bold; text-align:center;}
.form-top .txt img{width:75px;display: inline-block; vertical-align:-19px;}
.form-top .ban-2{bottom:45%;-webkit-transform:translateY(50%);}
.steps{position:absolute;bottom:-30px;text-align: center;counter-reset: step; overflow: hidden;background:#fff;border-radius: 10px;padding:15px 0;box-shadow: 0 0 20px rgba(222,222,222,.5);left: 10px; right: 10px;}
.steps li{list-style-type: none;font-size: 12px;text-align: center;width:32%;position: relative;display:inline-block;}
.steps li:before{display: block;content: counter(step);counter-increment: step;width: 26px;height:26px;background-color: #1BC1D4;line-height: 26px;border-radius: 26px;font-size: 14px;color: #fff;text-align: center;font-weight: 700;margin: 0 auto 5px auto;position: relative; z-index:2;}
.steps li ~ li:after{content: '';width:65%;height: 2px;background-color: #dbe7ea;position: absolute;left: -35%;top: 13px;z-index:1;}
.steps li.active:before,
.steps li.active:after{background-color: #1BC1D4;}
.steps li.active ~ li:before,
.steps li.active ~ li:after{background-color: #eee;}
.steps li.active ~ li{color:#ccc;}

.form-con{border-radius: 10px;box-shadow: 0 0 20px rgba(222,222,222,.5);margin:0 10px 10px; font-size: 15px;}
.form-con li{border-top:#f1f1f1 solid 1px; padding:15px 0;margin:0 15px;}
.form-con li:first-child{border:0;}
.form-con li em{color:red;position: absolute;left:-8px; top: 0;}
.form-con select{color: #888888;background:url(../images/icon1.png) right -3px center no-repeat;background-size: 14px; padding-right:8px;}
.form-con input{color: #2B2B2B}
.form-con .icon1{ width: 14px; height: 14px; margin-left: 5px;}
.form-con .mar_r15{width:70px;position: relative;line-height: 20px;}
.form-con .byl-checkbox,.form-con .radio-3{font-size: 0;-webkit-box-flex:1;display: block; overflow: hidden;margin:-5px 0;}
.form-con .byl-checkbox label,.form-con .radio-3 label{margin:5px 0;width:50%;margin-right: 0; font-size: 14px;display: block; padding-left: 25px;position: relative;float:left;}
.form-con .byl-checkbox label span,.form-con .radio-3 label span{position:absolute;left: 0;top:1px;}
.form-con .radio-3{margin:0;}
.form-con .skip_m{position:inherit;-webkit-transform:none;}
.upload-img{position: relative;padding-bottom:65%;}
.upload-img img{position: absolute; z-index: 1;left:0; top:0;width:100%;height: 100%;}
.upload-img .up{object-fit: cover;}
.upload-img em{background:url(../images/icon42.png) no-repeat; z-index:2;position: absolute;width:20px;height: 20px; right:-5px; top:-5px;}

.drawing-board-top{margin-bottom: 15px; padding-bottom:56%; position: relative;}
.drawing-board-top img{ max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%;-webkit-transform:translate(-50%,-50%);}
.drawing-board-list{ margin:0 15px 10px; border-radius: 10px;}
.drawing-board-list dt{ padding: 10px 10px 0;}
.drawing-board-list dd{display: -webkit-flex; padding: 5px;-webkit-flex-wrap:wrap;}
.drawing-board-list dd span{ width: 25%; padding: 5px;}
.drawing-board-list dd span img{background: #f2f6f9;border-radius: 5px;}
.drawing-board-list dd .active img{ border:#ffb309 solid 2px}

.con-box{ padding:20px 20px 50px; border-top:#eee solid 1px;}
.con-box .font_18 { line-height: 25px;}
.con-box .img{border:#2584d5 solid 1px;background:#1e7ac9; border-radius: 0.3rem; padding:0.1rem;}

.con-box .btn{ padding-top:20px;-webkit-box-pack:center; text-align: center;}
.con-box .btn > div{ padding: 15px 0; border-radius: 30px; width:48%; margin:0 2%; color: #fff; font-weight: bold;}
.btn_1{background:linear-gradient(90deg,#FFB230 0%,#FFCA72 100%)!important;}
.btn_2{background:linear-gradient(90deg,#2ADFF3 0%,#08BCD0 100%)!important;}

.schedule-box { padding:20px; border-bottom: #f1f1f1 solid 1px; background:#fff;}
.schedule-box b{font-size: 16px;}
.schedule-box .jd { background:#F6F6F6; height:10px; border-radius:10px; margin-left: 10px;}
.schedule-box .jd span { display: block;background:linear-gradient(90deg,#08BCD0 0%,#2ADFF3 100%);height: 100%; border-radius:10px;}

.skip_m {left: 15%; right: 15%; position: absolute; top:45%; -webkit-transform: translateY(-50%) }
.skip_m .ico { width:50px; height:50px; margin:auto}
.skip_m h2 {color:#1BC1D4; margin:10px 0;}
.skip_m p {color:#888888; margin:0; margin-bottom: 15px;}
.skip_btn{background:linear-gradient(90deg,#2ADFF3 0%,#08BCD0 100%); display: inline-block; padding:13px 30px; color: #fff;box-shadow:0px 10px 36px 0px rgba(45,221,244,0.5);border-radius:60px; min-width: 120px;}
.describe{background:#fff6e6; color: #ee8a48; padding:12px 15px; text-align: center;}
.describe em{display: inline-block;background: url(../images/icon34.png) no-repeat;background-size:14px;width: 14px;height: 14px;vertical-align: -2px;margin-right: 5px;}
.add-btn{color: #3ccada;}
.add-btn em{display: inline-block; width: 15px; height: 15px; vertical-align: -2px;background: url(../images/icon35.png) no-repeat 100%/100%; margin-right:2px;}
.del-btn{color: #3ccada;}
.del-btn em{display: inline-block; width: 15px; height: 15px; vertical-align: -2px;background: url(../images/icon42.png) no-repeat 100%/100%; margin-right:2px;}
/*睡眠*/
: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:15px}
.tick-slider{padding: 15px 0;}
.tick-slider-header{display:flex;justify-content:space-between;margin-bottom:5px}
.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-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;bottom:5px;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:2px;height:2px;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;margin:5px 0}
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)}
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}


.inp-radio { display:-webkit-box;-webkit-box-align:center; border:#f1f1f1 solid 1px; border-radius:5px; padding:12px 10px; margin-bottom:10px;}
.inp-radio input { display: none; }
.inp-radio span { display: inline-block; width:20px; height:20px;background: url(../images/radio1.png) no-repeat; vertical-align:-4px;margin-right: 10px; background-size: 100%;}
.inp-radio .txt{-webkit-box-flex:1; line-height: 20px;}
.inp-radio input:checked + span { background: url(../images/radio2.png) no-repeat;background-size: 100%;}

.inp-checkbox2 { display:-webkit-box;-webkit-box-align:center; border:#f1f1f1 solid 1px; border-radius:10px; padding:12px 10px; margin-bottom:10px;}
.inp-checkbox2 input { display: none; }
.inp-checkbox2 span { display: inline-block; width:20px; height:20px;background: url(../images/checkbox1.png) no-repeat; vertical-align:-4px;margin-right: 10px;background-size: 100%;}
.inp-checkbox2 .txt{-webkit-box-flex:1; line-height: 20px;}
.inp-checkbox2 input:checked + span { background: url(../images/checkbox2.png) no-repeat;background-size: 100%;}

.radio-3{ display:inline-block; transition: all .3s;cursor: pointer;margin-right: 10px;}
.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;background-size: 100%;}
.radio-3 input:checked + span { background: url(../images/radio2.png) no-repeat;background-size: 100%;}

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


.checkbox-2{ display:inline-block; transition: all .3s;cursor: pointer; margin-right: 10px;}
.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:5px; vertical-align:-4px;}
.checkbox-2 input:checked + span { background: url(../images/checkbox2.png) no-repeat;background-size: 100%;}


.byl-checkbox label{ display:inline-block; transition: all .3s;cursor: pointer; margin-right: 10px;}
.byl-checkbox input {display: none;}
.byl-checkbox span { display: inline-block; width:18px; height:18px; background: url(../images/checkbox1.png) no-repeat; background-size: 100%; margin-right:5px; vertical-align:-4px;}
.byl-checkbox input:checked + span { background: url(../images/checkbox2.png) no-repeat;background-size: 100%;}

.ask_main{font-weight: bold;display: inline-block;}
.ask_main,.radio-3,.checkbox-2{margin:0 10px 10px 0;}

.txt-input{font-family:"Microsoft YaHei"; height: 40px; border:#E0E0E0 solid 1px; padding:0 10px; border-radius: 5px;outline: none;font-size: 14px; margin-bottom:10px; width: 100px; text-align:center;-webkit-box-shadow: none;-webkit-appearance:none;}
input:disabled,
input:disabled:hover,
textarea:disabled{background:#f1f1f1;border-color:#E0E0E0;}
.txt-input::-webkit-input-placeholder{color: #ccc;}
.txt-input:hover{border-color:#c1c1c1;}
.txt-input:focus{border-color:#08BCD0;}

.brother-box{overflow: hidden;}
.brother-box span{ margin-bottom: 10px;}
.brother-box span:last-child{margin:0;}
.brother-box:last-child{margin:0}
.brother-box input {margin:0 5px;text-align: center;border: #ddd solid 1px;height: 35px;border-radius: 3px;}

.pic_class{display:-webkit-flex;display: flex;-webkit-flex-wrap:wrap;}
.pic_class label{width:48.5%;display: block; margin-right:3%;}
.pic_class label:nth-child(2n){margin-right:0;}
.pic_class label img{margin-top:10px;}
/*是否独生子女*/
.data-con .brother{display:-webkit-flex;-webkit-flex-wrap:wrap;}
.data-con .brother select{border:#ddd solid 1px;background: url(../images/icon8.png) right 5px center no-repeat;background-size: 12px; margin:5px 0; height:35px; padding-left: 10px;border-radius: 3px;width:78%;}
.data-con .brother span{padding-top:13px;margin-right: 5px;}
.children-table{border-collapse:collapse;border:#1bcce0 solid 1px;width:100%;}
.children-table th{background: #1ddaef;color:#fff;padding: 10px;text-align: center;}
.children-table td{border-color:#daf6f9;padding: 10px;}
.children-table .rank{text-align: center;}
.children-table .name{border-left:0;font-size: 0;padding:10px 5px;}
.children-table .own{border:1px solid #daf6f9; height: 35px;padding:7px 15px 0 15px;font-size: 14px;border-radius:4px;color: #1ddaef;text-align: center; margin:0 5px;}
.children-table .own i{width: 12px; height: 12px; display: inline-block;margin-right: 5px;background: url(../images/icon36.png) no-repeat;}
.children-table .txt-input{width:70px;text-align:center;line-height: 35px; height: 35px;border-radius:4px;margin:0;}
.children-table input::-webkit-outer-spin-button,.children-table input::-webkit-inner-spin-button {-webkit-appearance: none;}
.children-table input[type="number"]{-moz-appearance: textfield;}
.richradio{display: inline-block;font-size: 14px;width:50%;}
.richradio span{border:1px solid #E0E0E0; height: 35px;color: #666;display:block;text-align: center;border-radius:4px; padding:7px 15px 0 15px;cursor: pointer;margin:0 5px;}
.richradio span:hover{border-color:#c1c1c1;}
.richradio input{display: none;}
.richradio input:checked +span{background: url(../images/checked.svg) no-repeat right bottom;border: 1px solid #ffb827;background-size:14px;color: #ffb827;}

.sift-bg{background: url(../images/bg.png) top no-repeat #f8f9fa;background-size:100% 300px;}
.sift-btn{text-align: center;}
.sift-btn .btn_1{line-height: 50px; width: 50%;display:inline-block;border-radius: 50px; font-size: 16px; font-weight: bold;color:#fff;box-shadow:0 5px 20px rgba(255, 178, 48, 0.5);}
.sift-main { position:absolute;top:170px; right:20px;left:20px; bottom:45px;display:-webkit-flex;-webkit-flex-direction: column;}
.sift-main .main{background:#fff;border-radius: 10px; box-shadow:0 0 20px rgba(222,222,222,.5); padding: 20px;-webkit-flex:1;display:-webkit-flex;-webkit-flex-direction: column;overflow: hidden;}
.sift-main .bt{ font-size: 18px; font-weight: bold;position:relative;padding-bottom:2px;}
.sift-main .bt span{position: relative;z-index:2;}
.sift-main .bt:after{content: '';display: block; width:72px;background: #ffe000;height:10px;bottom: 0; position: absolute; z-index:1;}
.sift-main .nr{margin-top: 10px; overflow-y:auto;-webkit-overflow-scrolling: touch;-webkit-flex:1;display:-webkit-flex;-webkit-flex-direction: column;}
.sift-main .nr li{margin-bottom:20px;}
.sift-main .nr li span{background:#32e7c4;color:#fff;line-height:24px;min-width:20px; text-align:center;border-radius:0 20px 20px 0;font-weight:bold;margin-right: 10px;padding:0 10px;display:inline-block;}
.sift-main .nr li{word-break: break-all;text-align: justify;font-size: 15px;line-height: 1.5;}
.sift-main .bottom-ewm{background:#fff;border-radius: 10px; box-shadow:0 0 20px rgba(222,222,222,.5); padding:15px;display:-webkit-flex;-webkit-align-items: center; margin-top:15px;}
.sift-main .bottom-ewm dt{width:80px; height:80px;}
.sift-main .bottom-ewm dd{-webkit-flex:1;border-left: #f7f7f7 solid 1px;margin-right: 20px;}
.sift-main .bottom-ewm dt img,.sift-main .bottom-ewm dt canvas{width:100%;cursor: pointer;}
.layer-qr-code {width:75%!important;}
.layer-qr-code h3{height:auto!important;line-height:inherit!important;margin-bottom:0;}
.layer-qr-code .layui-m-layercont{padding:20px 30px;}
.layer-qr-code img,.layer-qr-code canvas{width: 85%;margin: auto;}
.sift-footer{color:#ccc;position:absolute; bottom:15px; text-align: center;width:100%; font-size:12px;}
.division-line{border-bottom:#eaf0f0 solid 1px;clear: both;margin:20px 0;}
.divide-into-groups {background: #f0f8ff;border-left: #368ad0 solid 3px;font-weight: bold;padding: 5px 15px;font-size: 16px;color: #368ad0;margin: 10px 0;}

/*移动端账号绑定状态页*/
.liaison_m {width:90%;margin:auto;margin-top:50%;}
.liaison_m .ico {width:50px;height:50px;margin:auto; margin-bottom:20px;}
.liaison_m .font_bold {font-size:22px;margin-bottom:5px;line-height:1;}
.liaison_m .color_9 {margin-bottom:40px;}
.liaison_m .btn {display:-webkit-flex;}
.liaison_m .btn input{outline:none;border: 0;min-width:35%; padding: 0 20px;display: block;margin:0 10px;line-height: 45px;border-radius: 30px;}
.liaison_m .btn .btn1{background:linear-gradient(90deg,#2ADFF3 0%,#08BCD0 100%);color: #fff;box-shadow:0px 10px 36px 0px rgba(45,221,244,0.5);}
.liaison_m .btn .btn2{background:#fff; border:#E0E0E0 solid 1px;box-shadow:0px 10px 36px 0px rgba(222,222,222,0.5);}
/*知情同意书弹窗*/
.layui-m-layer-savoir h3{height:inherit!important;line-height:inherit!important;}
.layui-m-layer-savoir .layui-m-layercont{text-align:left;padding: 0 30px 10px;}
.layui-m-layer-savoir .main{max-height: 250px;overflow-y:auto;margin-bottom:10px;line-height: 1.8;}
.layui-m-layer-savoir .main::-webkit-scrollbar{width:5px;height:5px}
.layui-m-layer-savoir .main::-webkit-scrollbar-thumb{background:#08bcd0}
.layui-m-layer-savoir .main::-webkit-scrollbar-track{background:#E3E6EA}
.layui-m-layer-savoir .layui-layer-btn a{min-width: 120px;border-radius:20px;}
/*量表提交成功*/
.success-box{background:url(../images/success-bg.jpg) no-repeat center bottom #fff;padding-top: 20%;}
.success-main{padding:20px;}
.success-main .icon{background: url(../images/success-icon.png) no-repeat 100%/100%;width:150px;height:93px;margin:auto;margin-bottom: 10px;}
.success-main .btn{display:-webkit-flex;padding-top:20px;-webkit-justify-content:center;justify-content:center;}
.success-main .btn > div{ padding: 11px 0; border-radius: 30px; width:48%; margin:0 2%; font-weight: bold;}
.success-main .btn .disagree{background:#fff;border:#ddd solid 1px;}
.success-main .btn .next{color: #fff;background:linear-gradient(90deg,#FFB230 0%,#FFCA72 100%)!important;}
.success-main select{margin-bottom:0;}
.success-main .text{text-align: left;}
.success-main .text .con{max-height:150px;overflow-y:auto;background:#fff;padding:10px 15px;border:#eee solid 1px; margin-bottom:10px; line-height:1.8}
.font-24{font-size: 24px;}
.text-c{text-align: center;}
.padd-0-5{padding:0 5px}
.padd-t-15{padding-top:15px}
.mar-l-5{margin-left:5px}
.mar-r-5{margin-right:5px}
.mar-b-5 {margin-bottom: 5px;}
.font-bold {font-weight: bold;}
.color-orange{color:#FF900D;}
.color-999{color: #999;}
.answer-notime{text-align: center; color: #ccc; margin:auto;}
.answer-notime .img{background:url(../images/not-available.png) 100%/100% no-repeat;width: 128px;height: 134px;margin:auto; margin-bottom:5px;}
/*上传图片答题*/
.mar-b-15{margin-bottom:15px}
.upload-iphone{padding:24px;}
.upload-iphone dt{font-size:18px;margin-bottom:14px;}
.upload-iphone dd{border:#08BCD0 dashed 1px; padding:15% 0;text-align:center;color:#08BCD0;border-radius:4px;}
.upload-iphone dd em{font-size:32px;}
.topic-img{margin-bottom:20px;}
.topic-img img{margin:auto;display:block;max-width:100%;}
.topic-btn{margin-bottom: 20px;}
.upload-btn{display:inline-block;line-height:38px;cursor:pointer;margin:0 5px;width:40%;border:#dce3e5 solid 1px;border-radius:4px;-webkit-transition:all .2s;}
.upload-btn em{margin-right:5px;}
.upload-btn:hover{box-shadow:0 1px 3px #dfdfdf;border-color:#ccc;}
.upload-btn:active{background:#f1f1f1;}
.layui-m-layer-topic-pop{border-radius:8px!important;}
.layui-m-layer-topic-pop h3{white-space: inherit!important;line-height:1.5!important;height: auto!important;}
.topic-qrcode{padding:0 18px 18px;}
.topic-qrcode .text-c{font-size:12px;}
.topic-qrcode li:first-child .img img{width:60%;margin:auto;}
.topic-qrcode li:first-child .img canvas{width:100%;}
.topic-qrcode li:first-child .txt{padding-top:5px;color: #999;text-align: center;}
.topic-qrcode li:first-child .txt span{color: #01d301;}
.topic-qrcode li:last-child{display:-webkit-flex;border: #cbcbcb 1px dashed;margin:10px 0;}
.topic-qrcode li:last-child .img{width:30%;height:40px;color: #e3e3e3;font-size: 22px;background:#f5f5f5;display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;border-right: #ddd dashed 1px;padding:2px;}
.topic-qrcode li:last-child .img img{width: 100%;height: 100%;object-fit: cover;}
.topic-qrcode li:last-child .txt{color: #ccc;-webkit-flex:1;padding: 0 10px;display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;font-size: 12px;}
.topic-qrcode li:last-child .txt span{color: #01d301;}
/*用户上传图片*/
.topic-img{margin-bottom:20px;}
.topic-img img{margin:auto;display:block;max-width:100%;}
.topic-btn{margin-bottom: 20px;}
.upload-btn{display:inline-block;line-height:38px;cursor:pointer;margin:0 5px;width:130px;border:#ddd solid 1px;border-radius:4px;-webkit-transition:all .2s;}
.upload-btn em{margin-right:5px;}
.upload-btn:hover{box-shadow:0 1px 3px #dfdfdf;border-color:#ccc;}
.upload-btn:active{background:#f1f1f1;}
.topic-qrcode{padding: 20px;}
.topic-qrcode ul{border:#cbcbcb 1px dashed; text-align:center;}
.topic-qrcode li{padding:20px;-webkit-flex:1;}
.topic-qrcode li:last-child{border-left:#cbcbcb 1px dashed;}
.topic-qrcode li .img{color: #e3e3e3;font-size: 78px;height: 238px;background:#f5f5f5;width:238px;margin:auto;display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;}
.topic-qrcode li .img img,.topic-qrcode li .img canvas{width:238px;height:238px;}
.topic-qrcode li .txt{padding-top: 15px;color: #999;}
.topic-qrcode li .txt span{color: #01d301;}
/*答题倒计时*/
.layui-m-layer-count-down-box{width:80%;border-radius:10px!important;}
.layui-m-layer-count-down-box .main{position:relative;height:100px;}
.alert-circle{position: absolute;top: -90px;left:50%;margin-left:-90px;}
.alert-sec-circle{stroke-dashoffset: 0;stroke-dasharray:502;transition: stroke-dashoffset 1s linear}
.alert-sec-text{position: absolute;top:-18px;left:0;right:0;color: #333;font-size: 64px; font-weight:bold;text-align:center;}
.alert-sec-unit{font-size:18px}
.layui-m-layer-count-down-box .btn{text-align:center;padding-bottom:20px;}
.layui-m-layer-count-down-box .btn >div{display:inline-block;border-radius:5px;height:45px;line-height:45px;width:40%;cursor:pointer;font-weight:bold;margin:0 8px;-webkit-transition:all .2s;}
.layui-m-layer-count-down-box .btn1{background-color: #ff9c00;color: #FFF;}
.layui-m-layer-count-down-box .btn1:hover{background-color: #ffad2b}
.layui-m-layer-count-down-box .btn2{border: #ddd solid 1px;}
.layui-m-layer-count-down-box .btn2:hover{box-shadow:0 1px 3px #dfdfdf;border-color:#ccc;}
/*答题录音*/
.sound-recording{width:285px;border: #F1F1F1 solid 1px; position: fixed; top:100px; right:0;background:#fff;box-shadow:rgb(147 147 147 / 10%) 0 3px 6px;border-radius:10px 0 0 10px;-webkit-transition:all .5s;}
.sound-recording .top{padding:15px;position:relative;background:linear-gradient(#fff 20%,#fafcfd);border-radius:10px;}
.sound-recording .time{margin-left:15px;-webkit-box-flex:1;}
.sound-recording .tips{position:absolute;top:-25px; left:50%;-webkit-transform:translateX(-50%);}
.sound-recording .tips span{font-size:12px;background:#fff7cf;text-align:center;border-radius:10px;line-height:1;padding:4px 8px;color:#e19824;box-shadow: 0 2px 10px rgb(255 205 125 / 50%);}
.sound-recording .ly-btn{margin-left: 10px;border-radius: 5px;cursor:pointer; text-align:center;padding-top:5px; width:49px;height:50px; border:#e6ebeb solid 1px; font-size:12px;line-height:1;-webkit-transition:all .5s;background:linear-gradient(160deg,#fff,#eef4f5);}
.sound-recording .ly-btn em{display:block;margin:auto;margin-bottom:2px; font-size:18px;}
.sound-recording .ly-btn:hover{box-shadow:2px 2px 5px #e0eef1;}
.sound-recording .ly-btn:active{box-shadow:1px 1px 3px #e5e5e5 inset;background: #fbfbfb;}
.sound-recording .disable,.sound-recording .disable:hover{color: #ccc;border-color: #dddddd;box-shadow: 0;box-shadow: 0 0 0;box-shadow: 0;cursor: no-drop;background: #f5f5f5;}
.circleBox{width:45px;height:45px;position:relative;}
.circle1,.circle2,.circle3,.circle4{width:45px;height:45px;border-radius:50%;position:absolute ;top:0;}
.circle4{background-color:#08BCD0;color:#fff;display:-webkit-flex;display: flex; -webkit-align-items:center;align-items:center;-webkit-justify-content:center; font-size:22px;}
.start-ly .circle1{animation: myfirst 2s linear 0s infinite;background-color:rgba(16,205,223,0.3);-webkit-animation: myfirst 2s linear 0s infinite;background-color:rgba(16,205,223,0.3);}
.start-ly .circle2{animation: myfirst 2s linear 1s infinite;background-color:rgba(16,205,223,0.3);}
.start-ly .circle3{animation: myfirst 2s linear 2s infinite;background-color:rgba(16,205,223,0.3);}
@keyframes myfirst{0%{-webkit-transform: scale(1);transform: scale(1);opacity:1;}100%{-webkit-transform: scale(1.6);transform: scale(1.6);opacity: 0;}}
.sound-recording-list li{padding:15px;position:relative;-webkit-transition:all .5s;}
.sound-recording-list li:first-child{border-top:#f1f1f1 solid 1px;}
.sound-recording-list li:hover{background:#f9f9f9;}
.sound-recording-list li:after{content:'';position:absolute; bottom: 0; left: 15px; right: 15px;border-bottom:#f1f1f1 solid 1px;}
.sound-recording-list li:last-child{border-radius:0 0 10px 10px;}
.sound-recording-list li:last-child:after{display:none;}
.sound-recording-list li .play-btn,.sound-recording-list li .stop-btn{cursor:pointer;background-size:18px;height:30px;width:30px;}
.sound-recording-list li .stop-btn{opacity:.8;-webkit-transition:all .5s;}
.sound-recording-list li .stop-btn:hover{opacity:1;}
.read-topic{cursor:pointer;height:30px;width:30px;display:inline-block;margin-left:5px;}
.stop-btn{background:url("../images/stop.png") no-repeat center;background-size:18px;}
.play-btn{background:url("../images/play.gif") no-repeat center;background-size:18px;}
.stretch-btn{background:linear-gradient(#fff 20%,#fafcfd);position: absolute;left: -25px;height: 40px;width: 25px;top: 20px;text-align: center;font-size: 18px;border-radius: 6px 0 0 6px;border: #f1f1f1 solid 1px;border-right: 0;cursor:pointer;padding-top:7px;}
.stretch-btn:hover{color:#08BCD0;}
.stretch-btn:active{box-shadow:1px 1px 3px #e5e5e5 inset;background: #fbfbfb;}
.stretch-sq{right:-285px;}
.stretch-sq .stretch-btn{background:#08BCD0;color:#fff;border-color:#08BCD0;}
.stretch-sq .stretch-btn:active{box-shadow: 1px 1px 3px #1a97a3 inset;background: #17b8c7;border-color: #1a97a3;}

.mobileSelect{position: relative;z-index: 0;opacity: 0;visibility: hidden;-webkit-transition: opacity 0.4s, z-index 0.4s;transition: opacity 0.4s, z-index 0.4s;}
.mobileSelect *{margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;}
.mobileSelect .grayLayer{position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: #eee;background: rgba(0, 0, 0, 0.7);z-index: 888;display: block;}
.mobileSelect .content{width: 100%;display: block;position: fixed;z-index: 889;color: black;-webkit-transition: all 0.4s;transition: all 0.4s;bottom: -350px;left: 0;background: white;}
.mobileSelect .content .fixWidth{width: 90%;margin: 0 auto;position: relative;}
.mobileSelect .content .fixWidth:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.mobileSelect .content .btnBar{border-bottom: 1px solid #f1f1f1;font-size: 15px;height: 45px;position: relative;text-align: center;line-height: 45px;}
.mobileSelect .content .btnBar .cancel,
.mobileSelect .content .btnBar .ensure{height: 45px;width: 55px;cursor: pointer;position: absolute;top: 0;}
.mobileSelect .content .btnBar .cancel{left: 0;color: #666;}
.mobileSelect .content .btnBar .ensure{right: 0;color: #08BCD0;}
.mobileSelect .content .btnBar .title{font-size: 15px;padding: 0 15%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mobileSelect .content .panel:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.mobileSelect .content .panel .wheels{width: 100%;height: 200px;overflow: hidden;}
.mobileSelect .content .panel .wheel{position: relative;z-index: 0;float: left;width: 50%;height: 200px;overflow: hidden;-webkit-transition: width 0.3s ease;transition: width 0.3s ease;}
.mobileSelect .content .panel .wheel .selectContainer{display: block;text-align: center;-webkit-transition: -webkit-transform 0.18s ease-out;transition: -webkit-transform 0.18s ease-out;transition: transform 0.18s ease-out;transition: transform 0.18s ease-out, -webkit-transform 0.18s ease-out;}
.mobileSelect .content .panel .wheel .selectContainer li{font-size: 15px;display: block;height: 40px;line-height: 40px;cursor: pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mobileSelect .content .panel .selectLine{height: 40px;width: 100%;position: absolute;top: 80px;pointer-events: none;-webkit-box-sizing: border-box;box-sizing: border-box;border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;}
.mobileSelect .content .panel .shadowMask{position: absolute;top: 0;width: 100%;height: 200px;background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(rgba(255, 255, 255, 0)), to(#ffffff));background: -webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0), #ffffff);background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0), #ffffff);opacity: 0.9;pointer-events: none;}
.mobileSelect-show{opacity: 1;z-index: 10000;visibility: visible;}
.mobileSelect-show .content{bottom: 0;}
.mobileSelect .panel{margin-bottom: 30px;margin-top:20px;}
/*知情同意书上传*/
.shade{background: rgba(0,0,0,.7);left: 0;top: 0;bottom: 0;width: 100%;z-index: 1000;-webkit-animation:shade .5s forwards;position: fixed;display: none} 
.upload-book-box{padding:24px;}
.upload-book-main{border:#08BCD0 dashed 1px;text-align:center;color:#08BCD0;border-radius:6px;position:relative;padding-top:50%;margin-bottom:15px;}
.upload-book-main em{font-size:32px;}
.upload-book-main .up-cio{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.upload-book-btn{line-height:50px;background:#08BCD0;color:#fff;border-radius:8px;font-weight:bold;font-size: 15px;}
.upload-book-info{padding:30px 10px;color: #71738b;}
.upload-book-info dt{margin-bottom:10px;font-weight:bold;font-size:15px;}
.upload-book-info dd{position:relative;margin-bottom:10px;padding-left:10px;word-break: break-all;}
.upload-book-info dd:before{content:'';display:block;width:6px;height:6px;background:#71738b;position:absolute;left:0;top:7px;border-radius:5px;}
.img-upload #img_li{position:relative;padding-top:50%;margin-bottom:15px;}
.img-upload #img_li img{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);border-radius:6px;height:100%;z-index:1;}
.img-upload #img_li .del{background:rgba(0,0,0,.7);top:0;right:0;padding:10px 15px;color:#fff;position:absolute;font-size:12px;border-radius:0 6px 0 6px;z-index:2;line-height:1;}
/*上传相关文件*/
.upload-doc-box .btn-cancel {position:absolute;right:288px;}
.ri-box {display: block;}
.le-box{margin-bottom:10px;}
.le-box .mar-r-15{margin-right:10px;}
.file-btn{border:#08BCD0 dashed 1px;text-align:center;color:#08BCD0;border-radius:6px;position:relative;margin-bottom: 15px;padding:30px 0;}
.file-btn:before{margin-right:5px;content: "\f0ee";display:block;font-family: Fontbyl !important;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);cursor: pointer;font-size:32px;}
.file-btn input{position:absolute;width:100%;height:100%;opacity: 0;left: 0;top:0;cursor: pointer;}
.file-btn:hover{border-color: #c1c1c1;}
.file-btn:active{background: #f6fafa;}
.local-btn input{background:#08BCD0;border:#08BCD0 solid 1px;color: #fff;height:50px;border-radius:8px;cursor: pointer;font-weight: bold;outline: none;-webkit-transition: all .3s;padding:0 20px;width:100%;font-size: 15px;}
.local-btn input:hover{border-color: #30daea; background:#30daea;}
.local-btn input:active{background: #00adbd; border-color:#00adbd;}

.progress[data-percent] {position:relative;}
.progress {border-radius:3px;height:15px;box-shadow:none;background:#dddddd;overflow:hidden;}
.progress:before {display:inline-block;content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:radial-gradient(9px 9px 0deg,circle cover,#0ff 0,rgba(0,0,255,0) 100%,#00f 95%);}
.progress[data-percent]:after {display:inline-block;content:attr(data-percent);color:#FFF;position:absolute;left:0;right:0;top:0;bottom:0;line-height:16px;text-align:center;font-size:12px;font-family:Verdana;}
.progress-success.progress-striped .bar,.progress-striped .bar-success {background-color:#55b83b;}
.progress[data-percent]:after {display:inline-block;content:attr(data-percent);color:#FFF;position:absolute;left:0;right:0;top:0;bottom:0;line-height:16px;text-align:center;font-size:12px;font-family:Verdana;}
.progress-success.progress-striped .bar,.progress-striped .bar-success {background-color:#62c462;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);}
.progress.active .bar {-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}
.progress,.progress .bar {filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;}
.progress-success .bar,.progress .bar-success {background-image:none;background-color:#59a84b;}
.progress .bar {background-image:none;background-color:#2a91d8;box-shadow:none;line-height:18px;}
.progress-success .bar,.progress .bar-success {background-color:#5eb95e;background-image:-moz-linear-gradient(top,#62c462,#57a957);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));background-image:-webkit-linear-gradient(top,#62c462,#57a957);background-image:-o-linear-gradient(top,#62c462,#57a957);background-image:linear-gradient(to bottom,#62c462,#57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0);}
.progress-striped .bar {background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;}
.progress .bar {float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease;}
@media screen and (max-width:320px){
.children-table,.richradio{font-size: 12px;white-space: nowrap;}
.children-table .txt-input{width:100%;}
.sift-main {top:150px;}
}
@media screen and (max-height:480px){
.success-main .text .con{max-height: 100px;}
.success-box {padding-top: 10%;}
.sift-main .bottom-ewm dt {width: 60px;height:60px;}
}
/*音频朗读*/
.dis_box {display: -webkit-flex; display: flex;}
.answer label{padding:9px 15px 11px 35px;position: relative;}
.answer label input{margin-right:8px;}
.answer label span{position: absolute;left:8px;top:9px;}
.answer label.option_audio_class{padding:9px 35px 11px 35px;}
.answer .pronounce-radio{position:relative;}
.answer .pronounce-radio > em{margin:0;position:absolute;right:8px;top:6px;z-index:1}
.answer .pronounce-radio label{-webkit-flex:1;flex:1;}
.answer-box .stop-btn,
.answer-box .play-btn{transition: all .3s;display:inline-block;width:28px;height:28px;cursor: pointer;border: #eee solid 1px;margin-left:5px;border-radius: 100%;background-size: 12px;}
.answer-box .subject em{vertical-align:-8px;}
.answer-txt em{margin:0;margin-bottom:12px;margin-right: 10px;}
.mixed-row em{margin:0;margin-right:5px;vertical-align:-8px;}
.scale-size{font-size:12px;margin-bottom:10px;}
.scale-size ul{background: #f1f1f1;padding: 2px;border-radius: 5px;}
.scale-size li{cursor: pointer;padding:4px 10px;border-radius:5px;color:#818181;}
.scale-size li:hover{color: #29323e;}
.scale-size .active{background:#fff;box-shadow: 0 1px 1px #cbcbcb;color: #29323e;}
/*登录页面*/
.layui-m-layerbtn span[yes]{color:#08BCD0!important;}
body{background:#f5f5f5;}
html{font-size:10.258vw;}
.answer-footer{ text-align: center;color:#999;padding:10px 0;}
.footer{color:#fff;position:absolute; bottom:0.6rem; text-align: center;width:100%;}
.logon-bg{background:url(../images/bg6.png) no-repeat fixed; background-size:100% 100%;}
.logon-box{background:url(../images/student-bg1.png) no-repeat center top 0.35rem;background-size:80%;padding-top:50%;}
.logon-box .bg_fff{margin:0 0.6rem;border-radius: 0.25rem;padding:0.9rem;background: url(../images/student-bg2.png)  no-repeat top/100%, url(../images/student-bg3.png) bottom/100% no-repeat;background-color:#fff;}
.logon-box .bt{margin-bottom:0.6rem;}
.logon-box .fon1{font-size: 0.75rem;margin-bottom: 0.125rem;}
.logon-box .fon2{font-size:0.4rem;}
.logon-box li{border: #B6E3E8 solid 1px;background:#EBFDFF; padding: 0.3rem 0.35rem;-webkit-transition:all .5s ease;border-radius:0.125rem;margin-bottom:0.4rem;position:relative;display: flex;align-items:center;}
.logon-box li em{width:0.55rem; height:0.55rem;display: block; margin-right:0.2rem;}
.logon-box li:last-child{margin-bottom: 0.65rem;}
.logon-box input{height: 0.625rem; line-height: 0.625rem; font-size: 0.4rem;color:#333;flex:1;}
.logon-box li:focus-within{border-color: #08BCD0;background:#fff;}
.logon-box input::-webkit-input-placeholder{color:#B1CED1;}
.logon-box input:-internal-autofill-previewed,
.logon-box input:-internal-autofill-selected {-webkit-text-fill-color: #333 !important;transition: background-color 5000s ease-in-out 0s !important;}
.logon-box .btn{display: block;border:0;margin:0; outline: none;background: #08BCD0;width:100%; height: 1.25rem;color:#fff; font-size: 0.4rem; font-weight: bold;cursor: pointer;border-radius:0.125rem;-webkit-box-shadow: 0 0.125rem 0.125rem 0 rgba(8, 188, 208, 0.2);;-webkit-transition:all .5s ease;}
.logon-box .btn:hover{background:#13c9dd;}
.logon-box .btn:active{background:#0da4b5;}
.img-code{position:absolute;right: 0.2rem;top:0.2rem;width: 1.7rem;height: 0.8rem;}
.dl-icon5{background: url(../images/student-icon1.png) no-repeat;background-size: 100%;}
.dl-icon6{background: url(../images/student-icon2.png) no-repeat;background-size: 100%;}
.dl-icon7{background: url(../images/wxdl.png) no-repeat;background-size: 100%;}
.dl-icon8{background: url(../images/student-icon5.png) no-repeat;background-size: 100%;}
.eyes-box{position:absolute;width:0.55rem;height:0.55rem;cursor: pointer;right:0.35rem;top:0.325rem;cursor: pointer;}
.eyes-2{background:url(../images/student-icon4.png) no-repeat; background-size:100%;}
.eyes-1{background:url(../images/student-icon3.png) no-repeat; background-size:100%;}
.weixin-dl{padding:1.0rem 0 0.5rem 0;}
.weixin-dl em{width:0.55rem; height:0.55rem;display:inline-block; margin-right:0.15rem;vertical-align: -0.15rem;}

.me-top{padding:0.35rem 0.35rem 0;background:url(../images/me-bg.png) no-repeat;background-size:100%;}
.me-top .tx{margin-right: 0.35rem;}
.me-top .tx img{ width: 1.1rem; height: 1.1rem;object-fit: cover; border-radius: 1.1rem;}
.me-top .exit{ padding:0.25rem 0.4rem;border-radius:0.75rem;border:#fff solid 1px; font-size:0.3rem;color:#fff;line-height:1;}
.me-top .user{padding:0.3rem 0.2rem; margin-bottom:0.25rem;}
.me-top .name{font-size: 0.4rem;}
.me-icon1{background: url(../images/me-sy.png) no-repeat;background-size: 100%;}
.me-icon2{background: url(../images/me-ls.png) no-repeat;background-size: 100%;}
.me-icon3{background: url(../images/me-zl.png) no-repeat;background-size: 100%;}
.navigation{border-radius:0.25rem;padding:0.35rem 0.3rem;box-shadow:0 0.05rem 0.15rem 0 rgb(173 173 173 / 10%);font-size: 0.35rem;}
.navigation dt{width:1.05rem;height:1.05rem;margin:auto; margin-bottom: 0.1rem;}

.list-con{padding:0.3rem 0.35rem;}
.list-con li{margin-bottom:0.3rem;font-size: 0.35rem;}
.list-con li:last-child{margin-bottom:0;}
.list-con li a {box-shadow:0 0.05rem 0.15rem 0 rgb(173 173 173 / 10%);border-radius:0.25rem; padding:0.4rem; display:block;}
.list-con .bor_b1{padding-bottom:0.35rem;}
.list-con .b{padding-top:0.3rem;}
.list-con .font_12 {font-size: 0.3rem;}
.list-con .img{ width:1.2rem;height:1.2rem; margin-right:0.35rem;background-color:#dbfbff;color:#08BCD0; border-radius:0.125rem;font-size:0.55rem;text-align: center;padding-top:0.3rem;}
.list-con .img img{ width:100%; border-radius:0.125rem; object-fit: cover;}
.list-con .flex{overflow:hidden;}
.list-con .txt{-webkit-box-flex:1;padding-top:1px;overflow:hidden;}
.list-con .title{font-size: 0.4rem;font-weight: bold;}
.list-con .btn{padding:0.2rem 0.375rem; border-radius:0.1rem;color:#fff; font-size: 0.3rem; font-weight: bold;min-width: 2.0rem;text-align: center;}
.list-con .btn-1{background-color:#08BCD0;}
.list-con .btn-2{background-color:#ff9c00;}
.list-con .btn-3{background-color:#bbb;}
.list-con li:nth-child(2) .img{background-color:#fdffd1;color:#ffc82d;}
.list-con li:nth-child(3) .img{background-color:#ffefe5;color:#ff6464;}
.list-con li:nth-child(4) .img{background-color:#f8edff;color:#fb74f7;}
.list-con li:nth-child(5) .img{background-color:#ebefff;color:#7793fb;}
.list-con li:nth-child(6) .img{background-color:#d9ffdf;color:#46e768;}
.list-con li:nth-child(7) .img{background-color:#fff7e6;color:#f79720;}
.none-data {padding:30% 0;}
.none-data .img{width:4.25rem;}
.header {height:1.1rem;}
.header .m{height:1.1rem;top:0;left:0;width:100%;z-index:5;position:fixed;background:#fff;box-shadow:0 0.05rem 0.15rem 0 rgb(173 173 173 / 10%);border-bottom: #f3f3f3 solid 1px;}
.header .return{position:absolute;left:0;top:0;width:1.1rem;height:1.1rem;background: url(../images/return.png) no-repeat center;background-size:35%;}
.header .title{margin:0 1.25rem;line-height:1.1rem;font-size: 0.4rem;font-weight:bold;}

.info-title {padding:0.2rem 0.35rem;margin-top:0.2rem;}
.info-box {font-size:0.375rem; margin:0 0.35rem;border-radius: 0.25rem;box-shadow:0 0.05rem 0.15rem 0 rgb(173 173 173 / 10%);}
.info-box dl {padding:0.375rem 0;}
.info-box .bor_b1:last-child{border:0;}
.info-box .font_12 {font-size: 0.3rem;}
.info-box .btn{height:1.25rem;background:#08BCD0;color:#fff;font-weight:bold;border-radius: 0.125rem;}
.info-box .txt{border:#ddd solid 1px;width: 3.75rem;height: 0.75rem;border-radius: 0.1rem;padding:0 0.3rem; margin-left:0.25rem;}

.introduction-title{margin:15px;font-size: 16px;color:#08BCD0;font-weight: 600;}
.introduction-title em{font-size: 12px;margin-right: 4px;vertical-align:2px;}
.introduction-con{border: #f3f3f3 solid 1px;padding: 14px 20px;border-radius: 10px;font-size: 16px;line-height: 1.6;text-align: justify;margin:15px 15px 0;background:#fff;}
.btn-a {height: 1.25rem;background: #08BCD0;color: #fff;font-weight: bold;border-radius: 0.125rem;}

.home-knowledge{margin:0.35rem 0.35rem 0;padding:0.35rem 0.35rem 0.25rem;background:url(../images/bg8.png) no-repeat #fff;background-size:100%;border-radius: 0.25rem;border:#fff solid 1px;box-shadow: 0 0.05rem 0.15rem 0 rgb(173 173 173 / 10%)}
.home-knowledge dt {padding-bottom:0.05rem;}
.home-knowledge dt .font_bold{font-size: 0.45rem;font-weight: bold;}
.home-knowledge dd{opacity: .9;font-size:0.35rem;}
.home-knowledge dd a{display:block;padding:0.25rem 0;border-bottom: dashed #ddd 1px;}
.home-knowledge dd a:before{content:'';display:inline-block;width:0.15rem;height:0.15rem;margin-right:0.1rem;background:#08BCD0;border-radius:0.25rem; vertical-align:0.05rem;}
.home-knowledge dd:last-child a{border:0;}
.con-knowledge{font-size: 0.45rem;line-height: 1.8;text-align: justify;}
.title-knowledge{margin-bottom: 0.35rem;}
.title-knowledge h1{font-size:26px;font-weight:600;line-height:1.3;margin-top:0;margin-bottom:0.2rem;}
.title-knowledge .time{color:#7F8DAD;font-size:0.35rem;}
.box-knowledge video{height:5.0rem;background:#000;display: block;}
.box-knowledge{padding:16px;}

.list-knowledge{padding:0 0.4rem;}
.list-knowledge li{border-bottom:#f1f1f1 solid 1px;padding:0.4rem 0;}
.list-knowledge .mar_b5{font-size:0.4rem; font-weight:600;}
.list-knowledge .font_12 {font-size: 0.3rem;}

.error-box {left: 15%;right: 15%;position: absolute;top: 40%;-webkit-transform: translateY(-50%);text-align: center;}
.error-box .error-img{ width:5.0rem;margin:auto;background:url(../images/error-cw.png) no-repeat;height:5.0rem;background-size:100%;}
.error-box .font1{font-size: 0.6rem; margin-bottom: 0.125rem;font-weight:bold;}
.error-box .font2{font-size: 0.35rem; color:#7597b3;margin-bottom:15px;}
.error-box .btn{background:#08BCD0;color:#fff;padding:0.25rem;display:inline-block;min-width:2.75rem;border-radius:0.15rem;}