*, 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:var(--bl-font-color1);outline:none;}
input { line-height: 20px; outline: none;-webkit-transition:all .3s;}
*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box }
a { text-decoration: none; color:var(--bl-font-color1)}
@font-face {font-family: "scientific";src:url('../fonts/scientific.ttf');}
@font-face {font-family: "HarmonyOS_Sans_SC";src:url('../fonts/HarmonyOS_Sans_SC_Medium.woff');}
.muber-font{font-family: 'HarmonyOS_Sans_SC' !important;}
.scientific {font-family: 'scientific' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body {height: 100%;display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;}
.ft-home:before { content: "\e87a"; }
.ft-settings:before { content: "\e8c3"; }
.ft-chevron-down:before { content: "\e842"; }
.ft-chevronup:before {content: "\e845";}
.ft-users:before { content: "\e8ea"; }
.ft-clipboard:before { content: "\e84b"; }
.ft-pie-chart:before { content: "\e8ac"; }
.ft-list:before { content: "\e886"; }
.ft-check-circle:before { content: "\e83e"; }
.ft-user:before { content: "\e8e9"; }
.ft-book-open:before { content: "\e914"; }
.ft-list:before { content: "\e886"; }
.ft-layers:before { content: "\e87e"; }
.ft-file-text:before { content: "\e870"; }
.ft-layout:before { content: "\e881"; }
.ft-log-out:before { content: "\e888"; }
.ft-chevron-right:before { content: "\e844"; }
.ft-trash:before { content: "\E8DA"; }
.ft-uploadcloud:before { content: "\E8E3";}
.ft-clock:before { content: "\E84D";}
.ft-fileplus:before { content: "\E873";}
.ft-list:before { content: "\E886";}
.ft-mappin:before { content: "\E88E";}
.ft-layers:before { content: "\E87E";}
.ft-search:before {content: "\E8BD";}
.ft-barchart:before {content: "\E831";}
.ft-edit1:before {content: "\E868";}
.ft-alertcircle:before {content: "\E81C";}
.ft-xcircle:before {content: "\E8F7";}
.ft-plus:before {content: "\E8B1";}
.ft-grid:before {content: "\E878";}
.ft-barchart:before {content: "\E82F";}
.ft-download:before {content: "\E864";}
.ft-alerttriangle:before {content: "\E81E";}
.ft-userplus:before {content: "\E8E7";}
.ft-map:before {content: "\E88C";}
.ft-flag:before {content: "\E876";}

.ft-home2:before {content: "\E92B";}
.ft-shezhi:before {content: "\E92C";}
.ft-fangan:before {content: "\E92D";}
.ft-qp:before {content: "\E92E";}
.ft-xq:before {content: "\E92F";}
.ft-skin:before {content: "\E930";}
.ft-grade:before {content: "\E931";}
.ft-pluscircle:before {content: "\E8B0";}
.ft-repeat:before {content: "\E8B6";}
.ft-arrowdown:before {content: "\E82A";}
.ft-upload:before {content: "\E8E1";}
.ft-x:before {content: "\E8F6";}
.ft-rotatecw:before {content: "\E8BB";}
.ft-circle:before {content: "\E84A";}
.ft-heart:before {content: "\E879";}
.ft-folder:before {content: "\E874";}
.ft-book:before {content: "\E837";}
.ft-sidebar:before {content: "\E8C6";}
.ft-airplay:before {content: "\E820";}
.ft-messagesquare:before {content: "\E891";}
.ft-link:before {content: "\E884";}
.ft-video:before {content: "\E8EC";}
.ft-copy:before {content: "\E855";}


.font-12 { font-size: 12px; }
.font-14 { font-size: 14px; }
.font-15 { font-size: 15px; }
.font-16 { font-size: 16px; }
.font-18 { font-size: 18px; }
.font-22 { font-size: 22px;}
.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: #e91212; }
.color-fff { color: #fff; }
.color-999 { color: #999; }
.color-666 { color: #666; }
.line-11{line-height: 1.1}
.color-blue1 {color: var(--bl-dominant-color);}
.color-man {color: var(--bl-dominant-color);}
.color-girl {color: #ff3693;}
.pointer {cursor: pointer;}
.color-1 { color: #9bc2fb; }
.color-zc { color:var(--bl-dominant-color);}
.text-c { text-align: center; }
.text-r { text-align: right; }
.text-lr { text-align-last: justify; }
.font-bold{font-weight: bold;}
.font-medium{font-weight:500;}
.bg-fff{background:#fff;}
.border-d5 { border: #D0D0E6 solid 1px; }
.bor-e0{border:#E0E0E0 solid 1px;}
.bor-f0{border:#f0f0f0 solid 1px;}
.bor-t-f0{border-top:#f0f0f0 solid 1px;}
.bor-b-f0{border-bottom:#f0f0f0 solid 1px;}
.mar-20-20-0{margin:20px 20px 0;}
.mar-t-5 { margin-top: 5px; }
.mar-t-10 { margin-top: 10px; }
.mar-t-15 { margin-top: 15px; }
.mar-t-20 { margin-top: 20px; }
.mar-b-5 { margin-bottom: 5px; }
.mar-b-10 { margin-bottom: 10px; }
.mar-b-12 { margin-bottom: 12px; }
.mar-b-15 { margin-bottom: 15px; }
.mar-b-20 { margin-bottom: 20px; }
.mar-b-30 { margin-bottom: 30px; }

.mar-l-5 { margin-left: 5px; }
.mar-l-8 { margin-left: 8px; }
.mar-l-10 { margin-left: 10px; }
.mar-l-12 { margin-left: 12px; }
.mar-l-15 { margin-left: 15px; }
.mar-r-5 { margin-right: 5px; }
.mar-r-8 { margin-right: 8px; }
.mar-r-10 { margin-right: 10px; }
.mar-r-12 { margin-right: 12px; }
.mar-r-20 { margin-right: 20px; }
.mar-0-16 { margin:0 16px;}
.mar-0-20 { margin:0 20px;}
.mar-auto{margin:auto;}
.padd-t-5{padding-top:5px}
.padd-t-6{padding-top:6px;}
.padd-t-7{padding-top:7px;}
.padd-t-8{padding-top:8px;}
.padd-t-10{padding-top:10px;}
.padd-12 {padding: 12px;}
.padd-14 {padding: 14px;}
.padd-16 {padding: 16px;}
.padd-20 {padding: 20px;}
.padd-50 {padding: 50px;}
.padd-5-0 { padding: 5px 0;}
.padd-15-0 { padding: 15px 0;}
.padd-20-0 { padding: 20px 0;}
.padd-50-0 {padding: 50px 0;}
.padd-12-16 { padding: 12px 16px;}
.padd-0-10 { padding: 0 10px;}
.padd-0-15 { padding: 0 15px;}
.padd-0-16 { padding: 0 16px;}
.padd-0-20 { padding: 0 20px;}
.wh-20{ width:20px; height:20px;}
.float-l { float: left; }
.float-r { float: right; }
.overflow-y-auto{overflow-y:auto;}
.overflow { overflow: hidden; }
.absolute{position:absolute;}
.relative{position:relative;}
.z-1{z-index:1}
.none { display: none; }
.lin-block{display: inline-block;}
.bg-fff { background: #FFF; }
.clear:after{content:'';display: block;clear: both;}
.width-50 { width: 50px; }
.width-1000 { width: 1000px; margin: auto; }
.flex { -webkit-box-flex: 1;box-flex: 1;-webkit-flex:1;flex: 1; }
.sp_ends{display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:space-between;display:flex;align-items:center;justify-content:space-between;}
.vertical_dq{display:-webkit-flex;-webkit-align-items:center;display:flex;align-items:center}
.flex_column {display: -webkit-flex; display: flex;-webkit-flex-direction: column;flex-direction: column;}
.flex_box{display:-webkit-flex;display:flex;}
.flex_wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.flex_end{justify-content: flex-end;-webkit-justify-content: flex-end;}
.vercui{display:-webkit-flex;-webkit-align-items:center;-webkit-justify-content:center;display:flex;align-items:center;justify-content:center;}
.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-12 { border-radius: 12px; }
.bor-raidus-5 { border-radius:5px; }
.bor-raidus-4 { border-radius:4px; }
[type="number"]:focus,[type="text"]:focus,textarea:focus,select:focus{ border-color:var(--bl-dominant-color);}
.btn-penetrate{pointer-events:none;}
.inp-btn { background: var(--bl-dominant-color); border: 0; cursor: pointer; color: #FFF; font-size: 16px; font-weight: bold; }
.inp-btn:hover{background: #23a5a5;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#ccc;}
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:#dee2e6 solid 1px; font-size:12px; padding:5px 10px;background:#fff;white-space: nowrap;}
.btn-l:hover{ border-color:var(--bl-dominant-color);background:var(--bl-dominant-color); color:#fff}
.btn-2{ border:var(--bl-dominant-color) solid 1px; font-size:12px; padding:5px 10px;cursor: pointer;background:var(--bl-dominant-color);white-space: nowrap;color:#fff;}
.btn-2:hover{ border-color:var(--bl-2btnhover-color);background:var(--bl-2btnhover-color);}
.btn-2:active{background:var(--bl-2btnactive-color);}


.btn-bor{border: #ced4da solid 1px;padding: 0 10px;border-radius: 4px;background:none;cursor: pointer;}
.btn-bor:hover{background:#f4f4f4;}
html {height: 100%;}
.body-box{height: 100%;display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;}
.w-33b{ width:33.3%;}
.w-20b{ width:20%;}
.w-25b{ width:25%;}
.w-50b{ width:50%;}
.width_40b {width: 40%!important;}
.width_50b {width: 50%;}
.width_75b {width: 75%;}
.col-50 {width: 50%;}
.width_100b {width: 100%;}
.wh-28{ width:28px;height:28px;}
.w-35{ width:35px;}
.w-40{ width:40px;}
.w-50{ width:50px;}
.w-56{ width:56px;}
.w-66{ width:66px;}
.w-80{ width:80px;}
.w-85{ width:85px;}
.w-90{ width:90px;}
.w-100{ width:100px;}
.w-110{ width:110px;}
.w-120{ width:120px;}
.w-130{ width:130px;}
.w-150{ width:150px!important;}
.w-200{ width:200px;}
.w-300{ width:300px;}
.w-400{ width:400px;}
.h-30{ height:30px;}
.h-35{height: 35px!important;}
.h-40{ height:40px!important;}
.h-50{ height:50px;}
.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%;}
.hebing { background: url(../images/hebing.png) no-repeat;}
.layui-laydate-footer span:hover {color:var(--bl-dominant-color)!important;}
.layui-laydate-header i:hover, .layui-laydate-header span:hover{color:var(--bl-dominant-color)!important;}
.layui-laydate, .layui-laydate-hint,.layui-laydate-content td{color:var(--bl-font-color1)!important;}
.layui-laydate-content .laydate-day-next, .layui-laydate-content .laydate-day-prev{color:#d2d2d2!important;}
.layui-laydate .layui-this, .layui-laydate .layui-this:hover{background-color:var(--bl-dominant-color)!important;border-radius: 4px;}
.laydate-footer-btns .laydate-btns-confirm {background:var(--bl-dominant-color)!important;border-color:var(--bl-dominant-color)!important;}
.laydate-footer-btns .laydate-btns-confirm:hover {background:var(--bl-2btnactive-color);color:#fff!important;}
.layui-laydate-main {width: 272px!important;}
.layui-laydate-content td.laydate-selected{background-color:var(--bl-3btnhover-color)!important;}
.layui-laydate .laydate-disabled, .layui-laydate .laydate-disabled:hover{border-color:#ddd!important;}
.login-box{overflow: hidden;background:#333;}
.login-left{width:500px;background-image:url(../images/login-bg.png);background-repeat: no-repeat;background-position:center top;background-size:100%;color:#fff;position:relative;}
.login-left .title{position: absolute;left:0;right:0;top:52px;}
.login-left .title .fon1{font-size:0;font-weight:bold;letter-spacing:5px;margin-bottom: 8px;}
.login-left .title .fon2{font-size:28px;letter-spacing:7px;}
.dl-logo{position:absolute;right:20px;top:20px;}
.login-logo{left:44px;top:44px;position:absolute;z-index:2;-webkit-animation-name:bl-dw;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;}
.login-logo .font-bold{font-size:44px;line-height:1.1;margin-bottom:8px;}
.login-logo .font-16{text-transform: uppercase;}
.login-left .title .fon1 span{color: transparent;font-size:54px;background-image: linear-gradient(90deg, rgb(249 198 161 / 10%),30%,#fff);-webkit-background-clip: text;background-clip: text;}
.login-left .title .fon1 span:first-child{background:none;background-clip:none;color:#fff;}

.login-img{left:0;right:0;height:450px;position:absolute;bottom:150px;-webkit-animation:bl-up 1s;-webkit-animation-fill-mode: forwards;}
.login-txt {position: absolute;left:0;right:0;bottom:20px;-webkit-animation:bl-up 1s;-webkit-animation-fill-mode: forwards;}
.login-txt em{display:inline-block;width: 32px;height:32px;margin-right:6px;background:url(../images/login-ico.png) no-repeat 100%/100%;vertical-align:-9px;}
.login-txt .font-18{background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 50px;margin-bottom: 16px;display:inline-block;padding:6px 15px 6px 10px;font-weight:600;width: 80%;letter-spacing: 20px;}
.login-title{font-size: 36px;margin-bottom:46px;}
.login-title span{display:inline-block;font-size:12px;vertical-align:4px; background:linear-gradient(#F97421,#F9AA21);color:#fff;margin-left:5px;border-radius:8px 8px 8px 0;padding:8px 10px;line-height:1}
.login-right{width:400px;}
.login-right form{min-height:480px;width:400px;-webkit-animation-name: bl-up;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;}
.login-right dd{border-radius:8px;position:relative;}
.login-right dd input{border:#CED4DA solid 1px;height: 54px;border-radius:8px;padding:0 16px;display: block;width:100%;font-size:16px;}
.login-right dd input:focus{border-color:var(--bl-dominant-color);}
.login-right dd:focus-within{outline:var(--bl-dominant-color) solid 1px;}
.login-right dl{margin-bottom:22px;}
.login-right dl:last-of-type{margin-bottom:34px;}
.login-right dt{font-size:16px;margin-bottom:12px;}
.login-right .inp-btn2{width:100%;height:54px;font-size:18px;box-shadow: 0px 10px 20px 0px var(--bl-3btnhover-color);border-radius: 8px;font-weight:600;}
.eyes-box{position:absolute;width:22px;height:22px;cursor: pointer;right:16px;top:16px;cursor: pointer;}
.eyes-2{background:url(../images/password-eyes2.png) no-repeat; background-size:100%;}
.eyes-1{background:url(../images/password-eyes1.png) no-repeat; background-size:100%;}
.footer{ position:absolute; bottom:20px; width:100%;z-index:1;}


.nav img{ width:34px;height: 34px; display:block; border-radius:100%; margin-right:10px;}
.nav .dt:after{content:'';display: block;border:transparent solid 5px;border-top-color:var(--bl-header-font-color);margin-bottom:-5px;margin-left:5px;}
.nav .dt.cur{border-color:#1BBA85;}
.nav .dt.cur:after{transform: rotate(180deg);margin-top:-5px;margin-bottom:0;}
.nav .dd{width:100px;}
.nav .dd ul{padding:5px 0;}
.nav .dd ul li {padding:8px 15px; cursor: pointer;text-align:center;}
.nav .dd ul li:hover{background-color: #f5f7fa;}
.nav .dd ul li a{color: var(--bl-font-color1);}
.header select{ background:#fff;cursor: pointer; border:0; outline:none; display:block;padding:5px;border-radius:3px;margin-right:20px;}


.main-box{ padding-top:0px;}
.menu-box{width:210px; position:fixed; left:0; bottom:0; top:60px; z-index:1; -webkit-transition:all .3s;}
.menu-logo{margin-bottom:15px;padding-top: 10px;}
.menu-logo img{margin:auto;max-width:100%;}
.menu-2{overflow-y:auto; height:100%;}
.menu-2::-webkit-scrollbar{ width:5px; height:5px;}
.menu-2::-webkit-scrollbar-thumb{background:#D6D6D6;border-radius:4px;}
.menu-2 li { cursor:pointer;position:relative; padding:12px 14px; font-size:15px;}
.menu-2 li i{ display:inline-block; margin-right:12px;font-size: 18px;vertical-align: -1px;}
.menu-2 li span{ white-space:nowrap;}
.menu-2 em { position: absolute; right: 15px; top: 50%; margin-top: -6px; display: block;}
.menu-2 .current em.ft-chevron-down:before {content: "\e845";}
.menu-con { display: none;}
.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:#2b2c3e; border-radius:0 5px 5px 0; cursor:pointer;}
.menu-btn:hover{background:#171B26;}
.menu-btn i{ display:block; width:10px; height:10px;}

.main-r{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:absolute;left: 0;top:0;right:0;bottom:0;-webkit-transition:all .3s;}
.crumbs{height:36px;}
.crumbs .ft-home{color:var(--bl-dominant-color);}
.crumbs em{ padding:0 5px; color:#bac9c9;margin-top:2px;}
.crumbs i{margin-left:2px;}
.plate-m{background:#FFF;border-radius:5px;box-shadow: 5px 11px 23px -13px #dedede;-webkit-flex:1;flex:1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column; margin:0 12px 12px;padding:16px; overflow:hidden;}
.plate-left{background:#FFF;border-radius:5px;box-shadow: 5px 11px 23px -13px #dedede; margin:0 0 12px 12px;padding:16px; overflow:hidden;}
.plate-full-screen{position:fixed;top:0;right:0;bottom: 0;left:0;z-index:11;margin:0;border-radius:0;}
.plate-full-screen .ft-qp:before {content: "\E92F";}
.plate-bt{padding-bottom:10px;border-bottom: 1px solid #dee2e6;
	display:grid;
grid-template-columns:1fr 1fr 1fr;
	grid-gap: 10px;text-align: center;}
.plate-bt > i{ display:inline-block; margin-right:5px; vertical-align:-4px;}
.plate-bt .inp-btn2,
.plate-bt .inp-btn3{padding:0 15px;height:35px;line-height:33px;}
.plate-nr{-webkit-flex:1;flex:1;overflow-y:auto;position:relative;}
.plate-nr::-webkit-scrollbar{ width:5px; height:5px;}
.plate-nr::-webkit-scrollbar-thumb{background:#D6D6D6;border-radius:4px;}
.function-btn{padding-top:12px;height:32px;}
.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{left:60px;}
[class="main-patient fold-r"]{margin-left:60px!important;}
.fixed-table{table-layout: fixed;}
.plate-table{border-collapse:collapse;}
.plate-table .bt{ background:#f8f9fa;font-weight: bold;}
.plate-table td{ border-bottom: 1px solid #dee2e6; padding:10px;}
.plate-table .inp-checkbox{margin:0;display: table-cell;}
.plate-table .inp-checkbox span{margin-right:0;}
.plate-table td .btn-l{margin-right:-1px;display:inline-block;cursor: pointer;}
.plate-table tr:hover td{background:#f8f9fa;}
.plate-table td .inp-txt{height:28px;padding:0 6px;border-radius:2px;}
.table-grid-box .table-title th,
.table-grid-box .table-datas td{text-align:left;color:var(--bl-font-color1);}
.table-grid-box .table-title th{border:1px #F7F7FF solid;border-bottom: 1px solid #dee2e6;background:#f8f9fa;position:relative;}
.table-grid-box .table-title th:last-child:after{display:none;}
.table-grid-box .table-datas td{border:0;border-bottom: 1px solid #dee2e6;}
.table-grid-box .table-datas tr:hover td{background:#f8f9fa;}
.table-grid-box .table-datas td{padding:10px;}
.table-grid-box .table-datas .btn-l{margin-right: -1px;}
.table-title th:after{content:'';position:absolute;width:1px;height:18px;background:#dee2e6;right:2px;top:8px;}
.table-title th .title_text{white-space: nowrap;}
.paging-box {padding-top:10px;}
.paging-box li a{ border:#dee2e6 solid 1px; margin-left:10px; padding:6px 15px; display:block;border-radius:4px;}
.paging-box li a:hover{ background:#F9F9FC;}
.paging-box .active a,.paging-box .active a:hover{background-color: var(--bl-dominant-color);border-color: var(--bl-dominant-color);cursor: default; color:#fff;}

.form-box{ padding:30px 0;}
.form-box dl{ display:-webkit-flex;display:flex; margin-bottom:15px;}
.form-box dt{ width:35%; text-align:right; padding-right:20px;padding-top:8px;}
.form-pop dl{ display:-webkit-flex;display:flex margin-bottom:15px;}
.form-pop dt{ width:30%; text-align:right; padding-right:20px;}
.form-box .byl-radio, .form-box .byl-checkbox {padding-top: 5px;}
.form-box > dl textarea{padding: 10px;resize: none;height: 100px;display: block;}
.form-title{background: #f3f3f3;padding: 5px 10px;margin: 0 20px;margin-bottom: 15px;}
.txt-input{ border:#ced4da solid 1px;height:35px;padding-left:10px;border-radius: 4px;}
.inp-txt-au{ border:#ced4da solid 1px;padding:0 10px;border-radius: 4px;}
.inp-txt{ border:#ced4da solid 1px; height:35px; padding:0 10px;border-radius: 4px;}
.inp-sel{ border:#ced4da solid 1px; height:35px; padding:0 10px;border-radius: 4px;cursor: pointer; background:url(../images/sel.png) right 8px center no-repeat;background-size: 8px;}
.inp-tar{ border:#ced4da solid 1px; height:150px; padding:10px; display:block;border-radius: 4px;outline: none;}
.inp-date{ border:#ced4da solid 1px; height:35px; padding:0 10px;background: url(../images/date.png) right 8px center no-repeat;border-radius: 4px;}
[disabled],[disabled]:hover{background:#f3f3f3;cursor: no-drop!important;border-color:#dde1e5!important;}
.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;}
.separate-bt{background: #f8f9fa;padding:10px;font-weight: bold;}

.head-portrait img{ width:80px;height:80px; display:block; border:#f2f2f5 solid 1px; padding:2px;object-fit: contain;}
.head-portrait .btn{ position:relative; padding:5px 15px;cursor:pointer; background:#F4F4F4; display:inline-block; line-height:20px; border:#ced4da 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:5px 15px 5px 0;cursor: pointer;word-wrap:break-word; display: inline-block;-webkit-transition:all .3s;}
.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%;}
.byl-radio input:disabled + span {background: url(../images/icon47.png) no-repeat;background-size:100%;}
.byl-radio input:checked + span {background: url(../images/icon23.png) no-repeat;background-size:100%;}


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

.byl-boxzt{ width:50px; display:block;cursor: pointer;}
.byl-boxzt span{ background:#d5d7d9;-webkit-transition: all 0.3s; display:block; width:100%; height:25px;border-radius:25px; position:relative; cursor:pointer;}
.byl-boxzt span:after{ content:'';-webkit-transition: all 0.3s; 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;left:1px;}
.byl-boxzt input{ display:none;}
.byl-boxzt input:checked + span{ background:var(--bl-dominant-color); box-shadow:none;}
.byl-boxzt input:checked + span:after{ left:26px;}

.inp-btn1 { background: #FFC107;border-radius:4px; -webkit-transition:all .3s; border: 0;padding:10px 20px; cursor: pointer; color: #FFF;font-weight: bold; }
.inp-btn1:hover{background: #ffc71e;}
.inp-btn1:active{background: #e1b122;}

.inp-btn2 { background:var(--bl-dominant-color);border-radius:4px; -webkit-transition:all .3s; border: 0;padding:10px 20px; cursor: pointer; color: #FFF;font-weight: bold; }
.inp-btn2:hover{background:var(--bl-2btnhover-color);}
.inp-btn2:active{background:var(--bl-2btnactive-color);}

.inp-btn4 {border:#dee2e6 solid 1px; border-radius:4px;height:35px;line-height:32px; -webkit-transition:all .3;padding:0 15px; cursor: pointer; font-weight: bold;background: #fff;}
.inp-btn4:hover{background: #f8f9fa;}
.inp-btn4:active{background: #dee2e6;}
.inp-btn4 span{width:20px; height:20px; display:inline-block; vertical-align:-5px; margin-right:5px;}
.inp-btn4 .che1{background: url(../images/icon24.png) no-repeat center;}
.inp-btn4 .che2{background: url(../images/icon25.png) no-repeat center;}
.inp-checked{padding:0 15px 0 8px;}

.small-btn{height:35px;padding:0 15px;line-height:33px;}
.bottom-disable,.bottom-disable:hover,.bottom-disable:active{color: #ccc!important;cursor:not-allowed;border:solid 1px #e4e7ed!important;background: #fbfbfb!important;}
.inp-btn3 {border:var(--bl-3btnborder-color) solid 1px; border-radius:4px; -webkit-transition:all .3s; padding:12px 30px; cursor: pointer; color: var(--bl-dominant-color);font-weight: bold; }
.inp-btn3:hover{background:var(--bl-3btnhover-color);}
.inp-btn3:active{background:var(--bl-3btnactive-color);}

.tool-btn a{ display:inline;padding:0 20px; color:#FFF; position:relative; margin-left:8px; height: 35px;line-height: 35px;border-radius: 4px;}
.tool-btn a span{ z-index:2; position:relative;}
.tool-btn a:after{ content:'';border-radius:4px;-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:var(--bl-dominant-color);}
.btn-3{ background:#efac2c;}
.btn-4{ background:#ff3a0c;}
.means-box:after{ content:''; display:block; clear:both; width:100%; height:0; line-height:0;}
.means-box{ border:#EEEEF7 solid 1px;padding:15px;}
.means-box dl{ width:33.3%;float:left;display:-webkit-flex;display:flex; padding:5px;}
.means-box dt{ width:35%;text-align:right;padding-right: 15px;}
.means-box dd{ width:65%;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:1px 4px 2px 4px; border-radius:3px;}
.status-1{ background:#4490ff; color:#FFF;}
.status-2{ background:#13d572; color:#FFF;}
.status-3{ background:#f9a01b; color:#FFF;}
.status-4{ background:#fd3838; 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:var(--bl-dominant-color) solid 1px; background:var(--bl-dominant-color); 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;-webkit-flex-wrap: wrap;}
.clinical-m{-webkit-transition:all .3s; padding:20px 0;border:#EEEEF7 solid 1px; margin-right:1%; margin-bottom:1%;width:calc(25% - 1%); position:relative;}
.clinical-m:hover{box-shadow:#f2f2f5 5px 5px 10px;}
.clinical-m:hover .font-16{color:var(--bl-dominant-color);}
.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:#EEEEF7 dashed 1px; margin:15px 15px 0; padding-top:10px;}
.issue-hint{ position:absolute; right:-1px; top:-14px;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: #dee2e6 solid 1px; border-collapse: collapse;}
.evaluating-table th{padding:5px;}
.evaluating-table td{padding:5px;}
.btn-bc{color:#2c9fff;}
.fixing-ico{ position:absolute; left:8px; top:-12px;font-size: 12px;color: var(--bl-dominant-color); background: url(../images/icon40.png) left center no-repeat; background-size:15px; padding-left:18px;}
.submit-sj {margin:15px 15px 0;}
.submit-sj
.submit-sj .inp-txt,.submit-sj .inp-sel,.submit-sj .inp-tar{ width:100%;}
.scale-box dd{ -webkit-flex-wrap:wrap;}
.scale-box .clinical-m:nth-child(4n){margin-right:0;}
.scale-box .clinical-m{-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;border-radius:4px;padding: 0 10px;}
.input_tarea {border: #D0D0E6 solid 1px;height:100px;border-radius:4px;padding:10px;resize:none;}
.sel{border: #D0D0E6 solid 1px;border-radius:4px;height: 40px;padding: 0 10px; width:208px;}
.formButton{background: var(--bl-dominant-color);border-radius:4px; -webkit-transition:all .3s;border: 0;padding: 12px 30px;cursor: pointer;color: #FFF;font-size: 16px;font-weight: bold;}
.formButton:hover{background: #269d9d;box-shadow:#269d9d 1px 1px 5px;}
.formButton:active{background: #259191;}

.filter-box{ padding:10px 16px; margin:0 12px 10px;border-radius: 5px;box-shadow: 5px 11px 23px -13px #dedede;flex-wrap: wrap;}
.filter-box input,.filter-box select{ height:35px; display:block; margin:5px 10px 5px 0;}
.filter-box .inp-btn2,.filter-box .inp-btn4{ 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: var(--bl-dominant-color); }
.step-top .active .ico, .step-top .this { background: var(--bl-dominant-color); }
.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 li:hover{background: #f8f9fa;}
.menu-management  b{font-weight: normal;}
.menu-management li[style="padding-left:15px"] {border-left:var(--bl-dominant-color) solid 3px;}
.menu-management li[style="padding-left:15px"] b{font-weight:bold;}
.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 {font-size:15px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-60%);}
.not-available .ico,.not-available .ico2{ width:160px; height:133px;  margin:auto;}
.not-available .ico{background:url(../images/not-available.png) no-repeat 100%/100%;}
.not-available .ico2{background:url(../images/not-available2.png) no-repeat 100%/100%;}
.not-available .txt{ color:#9ea1aa;}

.patient-info{ margin:0 20px 20px; background:#FFF; padding:20px;border-radius: 5px;box-shadow: 5px 11px 23px -13px #dedede;}
.patient-info .means-box{margin-top: 15px;}
.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:var(--bl-dominant-color); padding-left:18px;}
.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: 280px; position: absolute;bottom:20px; left:20px; top:46px;border-radius: 5px;box-shadow: 5px 11px 23px -13px #dedede; background: #fff;display: -webkit-flex;display: flex;-webkit-flex-direction:column; padding:20px;}
.programme-le dt{padding-bottom: 15px;border-bottom: 1px solid #dee2e6;}
.programme-le dd{-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;padding:20px; left:320px; top:46px;border-radius: 5px;box-shadow: 5px 11px 23px -13px #dedede; background: #fff;display: -webkit-flex;display: flex;-webkit-flex-direction:column;}
.programme-ri dt{padding-bottom: 15px;border-bottom: 1px solid #dee2e6;}
.programme-ri dd{-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;border-radius:4px; height: 45px; font-size: 15px; font-weight: bold; background: var(--bl-dominant-color);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; 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:var(--bl-dominant-color);}
.form-con .con em{margin-left:5px;font-size: 16px;vertical-align:-1px;}
.form-con .filter-btn{font-weight: bold;}

.filter-btn{height:35px;border-radius: 4px; background: #fff; border: #ced4da solid 1px;-webkit-transition: all .3s;cursor: pointer; position: relative;}
.filter-btn > span:active{background:#F1F1F1;}
.filter-btn > span{padding:0 25px 0 15px;display:block;height:35px;line-height:33px;}
.filter-btn > em{right:10px;position:absolute;top:7px;}

.form-con .sp_ends {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.disposal-details{padding:14px;}
.disposal-details .title{border-bottom:#eee solid 1px;padding:18px 0 28px 0;}
.disposal-details .title h1{ font-size:28px;font-weight: 400;margin-bottom:8px;line-height:1.1}
.disposal-details .txt{padding:14px 0;font-size:18px;line-height:1.8;}
.disposal-details .txt *{max-width:100%;}
.disposal-details .txt br:first-of-type {display: none;}
.disposal-details .video video{width:100%;height:300px;background:#000;}
.disposal-details dt{background:#f0f2f5;padding:8px 10px;font-weight:bold; margin-bottom:24px;}
.disposal-details .file{border-top:#eee solid 1px;padding:32px 0;}
.disposal-details .file .li{padding:15px 0;}
.disposal-details .file .li:hover{background:#F9F9FC;}
.disposal-details .ft-file-text{width:48px;height:48px;color: var(--bl-dominant-color);background:#e0f5f5;text-align: center;border-radius:8px; margin-right:15px;padding-top:12px;}
.disposal-details .file a{height:38px;padding:0 15px; line-height:38px;border-radius:6px;}
.disposal-details .file-none .img{background:url(../images/not-available3.png) no-repeat 100%/100%;width:150px;height: 124px;margin:auto;}
.upload-files-btn .layui-upload-file{display:none;}
.upload-files .list{border:#ddd solid 1px;padding:10px;margin-top:10px;border-radius: 4px;}
.upload-files .list:hover{box-shadow: 1px 1px 2px #ebebeb;}
.upload-files .ft-file-text{padding-right:10px;padding-left:5px;}
.upload-files{position:relative;}
.upload-files img{max-width:100%;max-height: 500px;}
.upload-files2 span{position:relative;display:inline-block;}
.upload-files2 img{max-width:100%;max-height: 500px;}
.upload-files2 .scientific{position:absolute;background:#ff0909;color:#fff;right:0;top:0;font-size:16px;padding: 6px;cursor: pointer;}
.upload-btn{-webkit-transition:all .3s; width:120px; height:120px;border:#ced4da dashed 1px;background:none;outline: none; cursor: pointer; margin-right: 10px; margin-bottom: 5px;border-radius:4px;}
.upload-btn em{display: block; font-size:22px;}
.upload-btn:hover{color:var(--bl-dominant-color);border-color:var(--bl-dominant-color);}
.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:var(--bl-dominant-color);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;}

.upload-btn-2{-webkit-transition:all .3s;border:#D0D0E6 dashed 1px;background:none;outline: none; cursor: pointer;padding:50px 0;}
.upload-btn-2 em{display: block; font-size:22px; margin-bottom:5px;}
.upload-btn-2:hover{border-color:var(--bl-dominant-color);}
.upload-img-2{width:fit-content;margin:auto;position:relative;}
.upload-img-2 .mask{background:rgba(0,0,0,.7);color:#fff;position:absolute;width:100%;height:100%;display:none;}
.upload-img-2 .mask em{border: #fff solid 1px;padding:16px;border-radius: 100%;}
.upload-img-2:hover .mask {display: -webkit-flex;}
.upload-img-2 img{max-width: 100%;min-width:200px; display: block;}
/*选项内容*/
.option-con{ width: 50%;border:#dcdcea solid 1px; position: relative; padding:40px 20px 20px; margin-bottom: 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:var(--bl-dominant-color);}
.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: #ced4da 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:#ced4da solid 1px;background:#fff;display:-webkit-flex;display: flex;overflow: hidden;padding: 3px 0 3px 3px;
    max-width: 74px;border-radius:4px;}
.radio-tab span,.radio-tab label{display: block; cursor: pointer; line-height:1; font-size: 12px; margin-right: 1px;border-radius:2px;}
.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:var(--bl-dominant-color);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: #ced4da 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:var(--bl-dominant-color);color:#fff;border-color:var(--bl-dominant-color);}

.scrollbar2{overflow-y: auto;}
.scrollbar{overflow-y: auto;-webkit-flex:1;flex:1;}
.scrollbar::-webkit-scrollbar{ width:5px; height:5px;}
.scrollbar::-webkit-scrollbar-thumb{background:#D6D6D6;border-radius:4px;}
.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: var(--bl-dominant-color)!important;
    background-color: var(--bl-dominant-color)!important;
    color: #fff;
}
.layui-layer-btn a {
    height:35px!important;
    line-height:32px!important;
}
/*答题滑块*/
: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-up:before {content: "\f102";}
.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";}
.byl-icon-caret-down:before {content: "\f0d7";}
textarea[disabled]{background: #fffdf2;border: #eade9b solid 1px;color: #c79a15;}

.gauge-main{display: -webkit-flex;display: flex; padding:0 14px 70px; overflow: hidden;}
.gauge-bottom{height:60px;box-shadow: 0px -5px 10px 0 rgba(215, 218, 219, 0.44); padding-top:10px; background:#fff;left:0; bottom: 0; right: 0;}
.gauge-bottom button{margin:0 5px;padding:10px 30px;}
.btn-input1 { background: var(--bl-dominant-color); -webkit-transition:all .3s; border: 0;padding:12px 30px; cursor: pointer; color: #FFF;font-weight: bold;border-radius:4px;}
.btn-input1:hover{background: #35cfcf;box-shadow:#35cfcf 1px 1px 5px;}
.btn-input1:active{background: #269d9d;}

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

.add-rule-b{border:var(--bl-dominant-color) solid 1px;padding:10px 0;text-align: center;color:var(--bl-dominant-color);cursor: pointer;font-weight: bold;}
.add-rule-b:hover{background:var(--bl-dominant-color);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:var(--bl-dominant-color) solid 1px;padding:10px 0;text-align: center;color:#fff;background:var(--bl-dominant-color);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: var(--bl-dominant-color);color:var(--bl-dominant-color);}
.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:var(--bl-dominant-color) dotted 1px;color:var(--bl-dominant-color);}
.condition-box{background:#f6fafa;border:#ccc dashed 1px; 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:var(--bl-dominant-color);}

.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%;}
.radio-3 input:checked:disabled + span {background: url(../images/icon23.png) no-repeat;background-size:100%;}
.radio-3 label:has(:disabled){cursor:no-drop;}

.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:var(--bl-dominant-color); position: relative;}
.step-3 > dl > dt .active:after{content: ''; position: absolute; width: 16px; height: 3px; border-radius: 3px; background: var(--bl-dominant-color); 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;-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: var(--bl-dominant-color);}
.step-3 .l .flex em:hover,
.l-table-con .li em:hover{color:var(--bl-dominant-color);}

.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: var(--bl-dominant-color); 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: 30px;}
.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 dd .radio-3 label{display: block;padding: 8px 15px 8px 10px;}
.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: #f8f9fa;}
.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:4px;cursor: pointer; padding:8px 15px 8px 10px; line-height: 25px; cursor: pointer;}
.checkbox-2 label:hover{background: #f8f9fa;}
.checkbox-2 input { display: none; }
.checkbox-2 span { display: inline-block; width:18px; height:18px; background: url(../images/icon24.png) no-repeat left center; 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 left center;background-size: 100%;}
/*.checkbox-2 input:disabled + span {background: url(../images/icon48.png) no-repeat;background-size:100%;}*/
.add-class .layui-layer-content{padding:10px 20px!important;}
.add-class label{padding:8px 0;border-radius:0;border-bottom:#eee solid 1px;}

.divide-into-groups{ background:#f9f9f9; border-left:var(--bl-dominant-color) solid 3px; font-weight: bold; padding:5px 15px;font-size: 16px; color:var(--bl-dominant-color); margin-bottom:15px;}

.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;}
.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;}
/*量表管理*/
.main-absolute{top:60px;right:0;left: 200px;bottom:0;position:absolute;display: -webkit-flex;display: flex;    -webkit-flex-direction: column;flex-direction: column;}
.main-patient{margin-left:240px;-webkit-transition: all .3s;}

.sel-btn{border: #E0E0E0 solid 1px;border-radius:4px;display:-webkit-flex;display:flex;cursor: pointer;-webkit-transition: all .3s;}
.sel-btn:hover{border-color:#c1c1c1;}
.sel-btn:active{background: #F1F1F1;}
.sel-btn em{font-size:20px;}

.add-btn2 {border: var(--bl-dominant-color) dashed 1px;color: var(--bl-dominant-color);transition:all .2s;}
.add-btn2:hover{background:#eeffff;}

.option-xx{border-radius:2px;border:#f0f0f0 solid 1px; position: relative;transition:all .2s; padding:0 15px;}
.option-xx > div{border-bottom:#f0f0f0 solid 1px; padding:10px 0;}
.option-xx > div:last-child{border:0;}
.option-xx .operate{font-size:12px;height:35px;line-height:33px;margin-left:10px;border:#ced4da solid 1px;border-radius:4px;}
.option-xx .operate span{display: block;width:30px; padding:0 8px;cursor: pointer; box-sizing: border-box;border-right:#ced4da solid 1px;}
.option-xx .operate span:hover{background:#f0f0f0;color:var(--bl-dominant-color);}
.option-xx .operate span:last-child{border-right:0;}

.field-setting-box{display:-webkit-flex;display: flex;-webkit-flex-direction:column;flex-direction:column; height:100%;}
.field-setting{ padding:16px 16px 10px;-webkit-flex:1;flex:1;overflow-y:auto;}
.field-setting-btn{ height:60px;}
.field-setting-btn .bg-fff{border-top:#f0f0f0 solid 1px;box-shadow:0 -2px 10px rgba(154, 189, 220, 0.1); height:60px;-webkit-justify-content:center;}

.fixed-bottom{position: fixed;bottom: 0;right:0;left: 0; z-index: 10}

.tab-pop{background: #f8f8f8;}
.tab-pop li{padding:20px;cursor: pointer;}
.tab-pop li:hover{background:#f1ffff;color:var(--bl-dominant-color);}
.tab-pop .active,.tab-pop .active:hover{background: #fff;color:var(--bl-dominant-color);border-left:var(--bl-dominant-color) solid 4px;font-weight: bold;}

.tab-pop-ri{transition:all .2s;margin-bottom: 15px;}
.tab-pop-ri .bt{background:#f7f7f7;padding:10px 15px;}
.tab-pop-ri .nr{padding:0 10%;}
.opt-gauge .flex{overflow: hidden;text-overflow: ellipsis;}
.opt-gauge .btn{height:35px;line-height:32px; border: #ced4da solid 1px; padding-left: 10px; border-radius: 4px; width:200px; display:-webkit-flex;display:flex; cursor: pointer;-webkit-transition: all .3s;}
.opt-gauge .btn:hover{border-color:#c1c1c1;}
.opt-gauge .btn:active{background: #F1F1F1;}
.opt-gauge .btn em{width: 35px; text-align: center;}
.opt-gauge .btn[disabled]{opacity: .7;}
.opt-gauge .con{border: #ced4da solid 1px;padding:10px 10px 0 10px;border-radius: 5px; height: 130px; margin-top: 10px; font-size:0;}
.opt-gauge .con span{cursor: pointer;display: inline-block; background: #f6f6f6; padding:6px 10px; font-size: 12px; margin:0 10px 10px 0;}
.opt-gauge .con span:hover{background:#e6fdff;color:#00adbd;}
.opt-gauge .con em{margin-left:5px;font-size: 16px;vertical-align:-2px;}
.patient-top{background: #FFF;box-shadow: 5px 11px 23px -13px #dedede;margin:15px;border-radius:5px;position: relative;display:-webkit-flex;}
.patient-top:before{content:'';display: block;position:absolute;width: 30px;height: 5px;background: var(--bl-dominant-color);left: 30px;top: 0;}
.patient-top .l{padding:25px 30px;width:50%;border-right:#EEEEF7 solid 1px;}
.patient-top .l .mar-l-15{border-left:#EEEEF7 solid 1px;padding-left:15px;}
.patient-top .l .doctor{display: inline-block;background:#e6f7f7;padding:2px 5px;border-radius:3px;margin:0 10px 4px 0;color: var(--bl-dominant-color);font-size: 12px;}
.patient-top .l dl{display:-webkit-flex;}
.patient-top .btn{width:260px;padding-top: 2px;}
.patient-top .l button{padding:8px 15px;font-size:12px;width: calc(50% - 10px);margin-left:10px;display: block;float:left;}
.patient-top .r {display: -webkit-flex;flex-wrap: wrap;-webkit-flex:1;padding: 25px 15px;}
.patient-top .r dl{width:25%;display:-webkit-flex;-webkit-flex-direction:column;-webkit-justify-content:center; text-align:center; border-right:#EEEEF7 solid 1px;padding:15px 20px;}
.patient-top .r dl:last-child{border-right:0;}
.patient-top .r dt{margin-bottom:5px;color:var(--bl-dominant-color);font-size:30px;}
.patient-top .r dd > div{min-height: 20px;}

.detail-box{ display:-webkit-flex;background: #FFF;box-shadow: 5px 11px 23px -13px #dedede;margin:15px;border-radius:5px;}
.detail-l-box{box-shadow: #f3f3f3 -2px 0 4px inset; width:200px;}
.detail-l{ width:200px; bottom:75px; overflow-y:auto;padding:50px 0;height: 100%;}
.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: var(--bl-dominant-color);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:20px;cursor:pointer;position:relative; text-align: center;}
.detail-l .active,.detail-l .active:hover{color: var(--bl-dominant-color);background:#fff; border-left:var(--bl-dominant-color) solid 3px;box-shadow: #e5e2e2 -5px 0 5px;}
.detail-l .active .color-999{color: var(--bl-dominant-color);}
.detail-l dd:hover{background:#f8f9fa;box-shadow: #F1F1F1 -5px 0 5px;}
.detail-r{ margin:0 20px; -webkit-flex:1;flex:1;}
.detail-r-tab{height:60px;}
.detail-r-tab ul{ overflow-x:auto;}
.detail-r-tab li{ font-size:15px;color: #384355;}
.detail-r-tab .tool-btn{right:0;background:#FFF; left:0; height:50px; z-index:5;position:fixed;bottom:0;border-top:#f0f0f0 solid 1px;box-shadow:0 -2px 10px rgba(154, 189, 220, 0.1); height:60px;}
.detail-r-tab .tool-btn a{ margin:0 5px; height: 40px;line-height:40px;}
.fold-tab{ left:300px;}
.detail-r-bt{background: #fff; padding:15px 0;font-size:15px; margin-bottom:15px; border-bottom:#EEEEF7 solid 1px;position:sticky;top:0;z-index: 1;color:var(--bl-dominant-color);font-weight:bold;}
.detail-r-bt:before{ content:''; display:inline-block; width:3px; height:14px; background:var(--bl-dominant-color); vertical-align:-2px;margin-right:10px;}

.pure-table .text-c{background: #f8f9fa;}
.pure-table{border: #000 solid 1px; border-collapse: collapse;table-layout: fixed;}
.pure-table .bt{background:#F7F7FF;}
.pure-table td{padding:10px;border: #dee2e6 solid 1px;}
.qrcode-2{width:min-content;margin:auto;padding-top: 50px;}

/*数据统计*/
.tab-pop-ri{transition:all .2s;margin-bottom: 15px;}
.tab-pop-ri .bt{background:#f7f7f7;padding:10px 15px;}
.tab-pop-ri .nr{padding:0 10%;}

.tips-em{display: inline-block;width:16px;height:16px;margin-left:5px;background:url(../images/tips-ico.png) no-repeat;position: relative;vertical-align: -3px;cursor: pointer;}
.tips-txt{position:absolute;background:rgba(0,0,0,.7);color:#fff;border-radius:3px; line-height: 1.5; padding:10px 15px;display:none;max-width: 200px;min-width: 200px;font-style: normal;font-weight: normal;font-size: 12px;text-align: left;top:-10px;left:-210px;}
.tips-txt:after{content:'';position:absolute;border:transparent solid 6px;border-left-color:rgba(0,0,0,.7);right:-12px;top:12px;}
.tips-em:hover .tips-txt{display:block;}

.analysis-tab {display:-webkit-flex;}
.analysis-tab li{cursor: pointer; margin-right:20px;}
.analysis-tab .active,.analysis-tab .active a{color:var(--bl-dominant-color);position:relative;}
.analysis-tab .active:after{content:'';display:block; position:absolute;height:5px;width:20px; background: var(--bl-dominant-color);bottom:-15px;left:50%;transform: translateX(-50%);}

.search-box{overflow: hidden;padding-top:20px;}
/*.search-box .sel,.inp-date{width:100%;}*/
.search-box dl{float: left;width: 25%;margin-bottom:20px;padding:0 10px;}
.search-box dt{margin-bottom:5px;}
.search-btn{padding-top: 20px;}
.search-btn button{padding:0 30px;height: 45px;outline: none;margin:0 10px;}
.legend dl{display:-webkit-flex;padding:10px 0; border-top:#ddd solid 1px;}
.legend dt{width:90px;padding:7px 0;text-align:right;color:#666;}
.legend dd{display:-webkit-flex;-webkit-flex-wrap:wrap;-webkit-flex:1;}
.legend dd em{background:var(--bl-dominant-color);display:inline-block;width:12px;height:10px;border-radius:2px; margin-right:5px;}
.legend dd > div span{color:#ddd;}
.legend dd > div{padding:5px;width:calc(33.3% - 40px);border-radius:4px; margin:2px 20px;}
.legend dd > div:hover{background:#f1f1f1;}
.legend dl dd div:nth-of-type(1) em{background: var(--bl-dominant-color);}
.legend dl dd div:nth-of-type(2) em{background: #44455e;}
.legend dl dd div:nth-of-type(3) em{background: #fac858;}
.legend dl dd div:nth-of-type(4) em{background: #ee6666;}
.legend dl dd div:nth-of-type(5) em{background: #73c0de;}
.legend dl dd div:nth-of-type(6) em{background: #3ba272;}
.legend dl dd div:nth-of-type(7) em{background: #fc8452;}
.legend dl dd div:nth-of-type(8) em{background: #9a60b4;}
.legend dl dd div:nth-of-type(9) em{background: #ea7ccc;}
.legend dl dd div:nth-of-type(10) em{background: #5470c6;}
.legend dl dd div:nth-of-type(11) em{background: #91cc75;}
.legend dl dd div:nth-of-type(12) em{background: #c49576;}
.legend dl dd div:nth-of-type(13) em{background: #79a4d8;}
.legend dl dd div:nth-of-type(14) em{background: #cc5c50;}
.legend dl dd div:nth-of-type(15) em{background: #edac5f;}
.legend dl dd div:nth-of-type(16) em{background: #66d873;}
.legend dl dd div:nth-of-type(17) em{background: #7858c4;}
.legend dl dd div:nth-of-type(18) em{background: #e259b4;}
.legend dl dd div:nth-of-type(19) em{background: #92bbf4;}
.legend dl dd div:nth-of-type(20) em{background: #ddd178;}
.legend dl dd div:nth-of-type(21) em{background: #ef6a30;}
.legend dl dd div:nth-of-type(22) em{background: #97b751;}

.report-box .wdith_80{min-width:80px}
.report-box .wdith_100{min-width:100px}
.report-box{overflow:hidden}
.report-box table{border-collapse:collapse; line-height: 1; width: 100%;}
.report-box td{border:1px solid #dee2e6;border-top:0; padding:15px 10px; text-align: center;}
.report-box th{border:1px solid #dee2e6;text-align:center;background:#f8f9fa;padding:15px 10px;}
.report-box tr:hover td{background: #f8f9fa;}
.report-box .th-seat{padding:0;}
.report-box .th-seat div{width:19px;}
.left-table{position:absolute}
.left-table,.right-table{float:left}
.left-table{background:#fff}
.con-table{overflow:scroll}
.left-title,.right-title{overflow:hidden}

.filter dl{padding:10px 0;border-bottom:#e7ebee dashed 1px; font-size:14px;}
.filter dt{width:130px; text-align: right;padding:5px 0;font-weight:600;}
.filter dd{padding-left:140px;}
.filter dd > span{display: inline-block;line-height:30px;cursor: pointer;border-radius: 30px;padding:0 15px; margin:5px 0;}
.filter dd > span:hover{background:#f8f8f8;}
.filter .active,.filter .active:hover{background:#1fd1a2;color:#fff;}
.filter label{cursor: pointer;display:inline-block; margin:5px 20px 5px 0;}
.filter label:hover{color:var(--bl-dominant-color);}
.filter label span{width:16px;height: 16px;background-size: 100%;vertical-align: -3px;}
.filter label input:checked + span {background-size: 100%;}
.filter .inp-date{height: 35px;}
.filter-search .form_inp{height:35px;border-radius:3px 0 0 3px;line-height: 35px;}
.filter-search .btn_1{height:35px;padding:0 20px; border-radius:0 3px 3px 0;}

.sxan-class .layui-layer-content{display:-webkit-flex;display: flex;-webkit-flex-direction:column;flex-direction:column; height:100%;}
.sxan-class .filter{-webkit-flex:1;flex:1;overflow-y:auto;padding:20px;}
.sxan-class button{padding:0 30px;height: 45px;outline: none;margin:0 5px;}

.time-slot li{border: #ced4da solid 1px;line-height: 33px;padding:0 10px;margin-left:-1px;cursor: pointer;font-size:12px;-webkit-transition:all .3s;transition:all .3s;border-radius: 0;}
.time-slot li:hover{background:#f8f9fa;}
.time-slot .active,.time-slot .active:hover{border-color:var(--bl-dominant-color);background:var(--bl-dominant-color);color:#fff;position:relative;z-index:2;}
.time-slot li:first-child{border-radius:4px 0 0 4px;}
.time-slot li:last-child{border-radius:0 4px 4px 0;}

.rilter-records .btn .scientific{border:#ddd solid 1px; font-size:16px; width:50px;height:50px; line-height: 50px; display: inline-block;border-radius:100%; text-align: center; margin-left:20px;background:#fff;}
.rilter-records .btn .ft-search:hover{border-color:var(--bl-dominant-color);background:var(--bl-dominant-color);color:#fff;}
.rilter-records .btn .ft-trash:hover{border-color:#f06969;background:#f06969;color:#fff;}
.rilter-records li{padding:20px;border-bottom:#dee2e6 solid 1px; font-size:14px;}
.rilter-records .flex{border-right:#e7ebee dashed 1px; margin-right: 20px;padding-right:15px;}
.rilter-records span{ color:var(--bl-dominant-color); padding:3px 8px;display:inline-block;border-radius:2px; margin:5px 10px 5px 0;}

.main-r {-webkit-animation-name:bl-up;-webkit-animation-duration:.5s;-webkit-animation-fill-mode:both;}
.clear-animation{-webkit-animation:none;}
.tab-title{background:#fff;height:40px;margin-bottom:10px;padding:0 12px;border-bottom: #e4e7ed solid 1px;-webkit-animation:bl-dw .5s;animation:bl-dw .5s;}
.tab-title li{cursor: pointer;position:relative;line-height:45px;margin-right:20px}
.tab-title .active{color:var(--bl-dominant-color);font-weight:bold;}
.tab-title .active:after{content:'';position:absolute;height:2px;background:var(--bl-dominant-color);bottom:0;left:0;right:0;}
.tab-title .dis_click{color:#ccc;cursor: no-drop;}
.tab-switch{background:#fff;height:45px;border-radius: 5px;box-shadow: 5px 11px 23px -13px #dedede;margin:0 12px 10px;padding:0 16px;-webkit-animation:bl-dw .5s;animation:bl-dw .5s;}
.tab-switch li{cursor: pointer;position:relative;line-height:45px;margin-right:20px}
.tab-switch .active{color:var(--bl-dominant-color);font-weight:bold;}
.tab-switch .active:after{content:'';position:absolute;height:2px;background:var(--bl-dominant-color);bottom:0;left:0;right:0;}
@keyframes bl-up {0% {transform:translate3d(0,30px,0);opacity:0;}100% {transform:translate3d(0,0,0);opacity:1;}}
@keyframes bl-dw {0% {transform:translate3d(0,-100%,0);opacity:0;}100% {transform:translate3d(0,0,0);opacity:1;}}
.gauge-sel{box-shadow: rgba(68, 68, 68, 0.1) 0 0 10px;border: #E0E0E0 solid 1px;position: absolute;width:400px;background: #fff;z-index: 2;left: 0;border-radius: 5px;top: 45px; display: none;}
.gauge-sel .bt{border-bottom: #f0f0f0 solid 1px;padding: 12px 5px;cursor: default;}
.gauge-sel .bt span{cursor: pointer;display: inline-block;border-right: #f0f0f0 solid 1px;padding: 0 15px;line-height: 20px;}
.gauge-sel .bt span em{background: #ff3333;color:#fff;display: inline-block;padding:0 2px;min-width:18px; height:18px; line-height:18px; text-align: center; font-weight: bold;margin-left: 5px; font-size: 12px;font-style: normal;border-radius: 20px;}
.gauge-sel .bt span:last-child{border:0}
.gauge-sel .bt span:hover{color: #FF900D;}
.gauge-sel .bt .active,.gauge-sel .bt .active:hover{font-weight: bold;color:var(--bl-dominant-color);}
.gauge-sel .bt .active:after {bottom: -13px;}
.gauge-sel > .sp_ends{padding: 12px 15px; line-height: 20px;border-top: #f0f0f0 solid 1px;}
.gauge-sel .ss{padding:14px;}
.gauge-sel .ss .txt-input{height: 35px;width:100%;}
.gauge-sel .selected{padding:0 10px;}
.gauge-sel .selected li{border: #f0f0f0 solid 1px; padding:0 10px; margin-bottom: 10px;-webkit-transition:all .3s;}
.gauge-sel .selected li:hover{background:#f7f7f7;}
.gauge-sel .selected .byl-icon-del{margin:0;}
.gauge-sel .selected .byl-icon-circle {color: #10cddf;font-size: 12px;}
.fold-bt{padding:14px;-webkit-transition:all .3s;}
.gauge-sel .nr .active{background: #F7F7FF;color:var(--bl-dominant-color);}
.gauge-sel .nr .active em{transform:rotate(180deg);}
.gauge-sel .scrollbar{max-height:220px;}
.fold-nr{display: none; line-height:1; padding:12px 14px;border-bottom: #f0f0f0 solid 1px;}
.fold-nr label{position:relative; padding:10px 0 10px 23px; line-height: 1.3;display: block;}
.fold-nr label span{position: absolute;left: 0; top:9px;}

.checkbox-hs {cursor: pointer;margin-right:5px; display: inline-block;}
.checkbox-hs input { display: none;}
.checkbox-hs 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-hs input:checked + span { background: url(../images/checkbox2.png) no-repeat;background-size: 100%;}

.pulldown{position:relative;}
.pulldown .dt{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:1;}
.pulldown .dd{position:absolute;top:45px;right:0; background:#fff;display:none;border:#DCDFE6 solid 1px;border-radius: 4px;box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);z-index:2;}
.pulldown ul{position:relative;}
.pulldown ul:after{content:'';width: 10px;height: 10px;background:#fff;transform:rotate(45deg);position:absolute;top:-5px;right:43px;border-top:#DCDFE6 solid 1px;border-left:#DCDFE6 solid 1px;}
.skin-box{margin:0 20px;}
.skin-box .dd{right:-42px;}
.skin-box li{border:#e4e7ed solid 1px;border-radius:4px;padding:5px;margin-right:12px;cursor: pointer;}
.skin-box li:last-child{margin:0;}
.skin-box ul{display:flex;padding:12px;}
.skin-box .m{width: 58px;height: 45px;}
.skin-box .selected{border-color:var(--bl-dominant-color);}
.skin-box .t{height:8px;}
.skin-box .l{width: 12px;}
.skin-box .flex_box{height: 37px;}
#skin_0 .m{background:#EFF0F2;}
#skin_0 .t{background:#ff8c44;}
#skin_0 .l{background:#fbfbfb;}
#skin_1 .m{background:#e6f7f7;}
#skin_1 .t{background:#29bb76;}
#skin_1 .l{background:#2B2C3E;}
#skin_2 .m{background:#e6f7f7;}
#skin_2 .t{background:#009fef;}
#skin_2 .l{background:#2B2C3E;}
#skin_3 .m{background:#EFF0F2;}
#skin_3 .t{background:#fbfbfb;}
#skin_3 .l{background:#fbfbfb;}

.grade-list{border:#dee2e6 solid 1px;border-radius:4px;padding:0 16px 16px;margin:10px 0;}
.grade-list:hover{border-color:#cccecf;}
.grade-list dt{border-bottom:#edf0f3 solid 1px;padding-top:16px;padding-bottom:14px;background:#fff;position: sticky;top:0;}
.grade-list dd{margin-right:-10px;}
.grade-list .plate{width:calc(20% - 10px);border:#dee2e6 solid 1px;padding:16px;margin:10px 10px 0 0;float:left;border-radius:4px;-webkit-transition: all .3s;}
.grade-list .plate:hover{box-shadow: 2px 2px 10px rgb(0 0 0 / 8%);border-color:#cccecf;}
.grade-list .plate input{border:0;border-bottom:#dee2e6 solid 1px;padding:5px 0;outline:none;display:block;-webkit-transition: all .3s;}
.grade-list .plate input:focus{box-shadow:none;border-color:var(--bl-dominant-color);}
.grade-list .plate .txt{border:#fff solid 1px;padding:4px 5px;border-radius:2px;}
.grade-list .plate .btn{display:none; margin-left:15px;}
.grade-list .ft-edit1:hover{color:var(--bl-dominant-color);}
.grade-list .ft-trash:hover,
.grade-list .ft-xcircle:hover{color:#e91212;}
.grade-list .plate:hover .txt{border:#dee2e6 solid 1px;cursor:pointer;}
.grade-list .plate .txt .scientific{display:none;opacity:0;}
.grade-list .plate:hover .scientific{display: block;opacity:1;}
.grade-list .plate:hover .btn{display: block; font-size:16px;}
.grade-list .vercui{height:97px;}
.grade-list .vercui .scientific{height:24px;}
.grade-list .vercui .ft-copy{font-size:20px;padding-top:2px;}
.grade-list .vercui .pointer:last-child{border-left:#eee solid 1px;}
.grade-list .vercui .pointer:hover{color:var(--bl-dominant-color);}

.speciality{width:210px;flex: initial;margin-right:0;}
.speciality li{padding:10px;cursor: pointer;border-radius: 5px;position:relative;margin:5px 0;}
.speciality li:hover{background:#f8f9fa;}
.speciality em{position:absolute;right:0;top:13px;}
.speciality .active,.speciality .active:hover{color: var(--bl-dominant-color);background:var(--bl-3btnhover-color);font-weight:bold;}
.speciality .not-available .ico{width:120px;height:99px;}

.field-title {margin: 10px 0 20px;border-color:#e4e7ed;border-width: 1px 0 0;}
.field-title legend {margin-left: 20px;padding: 0 10px;font-size: 18px;font-weight: 300;}

.page-bg{border-radius: 5px;box-shadow: 5px 11px 23px -13px #dedede;background:#fff;padding:16px;}
.home-top dl{border-right:#eff0f3 solid 1px;}
.home-top dl:last-child{border:0;}
.home-top b{vertical-align:-2px;line-height:1;margin-right:2px;}
.home-main{margin:12px;}
.home-ri{width:400px;}
.home-user{height:120px;padding:0 24px;margin-right:10px;border-radius:5px;color:#fff;width:350px;}
.home-user img{width:54px;height:54px;border-radius: 100%;object-fit: cover;margin-right: 14px;}
.home-user .font-18{font-weight: 600;}
.home-user .txt{color:rgba(255,255,255,.8);padding-top:4px;}

.home-quick .scientific{width:48px;height:48px;border-radius:5px;background:#ddd;text-align:center;font-size:24px;padding-top:12px;margin:auto;margin-bottom:12px;color:#fff;}
.home-quick a{display:block;-webkit-transition: all .3s;padding:20px 0;border-radius:5px;margin-right:12px;border: #eef2f5 solid 1px;}
.home-quick a:hover{box-shadow: 0 3px 5px #e1e1e163;}
.home-quick a:active{transform:scale(0.9);}
.home-quick a:last-child{margin:0;}
.home-quick a:nth-child(1) .scientific{background:linear-gradient(#71B9FF,#3A9CF9);}
.home-quick a:nth-child(2) .scientific{background:linear-gradient(#99ed8a,#2cc553);}
.home-quick a:nth-child(3) .scientific{background:linear-gradient(#FFC254,#FF8542);}
.home-quick a:nth-child(4) .scientific{background:linear-gradient(#D396F2,#A86BE8);}
.home-quick a:nth-child(5) .scientific{background:linear-gradient(#FEC2D1,#F85FDE);}
.home-quick a:nth-child(6) .scientific{background:linear-gradient(#FFC34C,#FFA64D);}
.home-date {padding:0 16px;min-height:322px;}
.home-date .layui-laydate{border:0;box-shadow:none;width:100%;}
.home-date .layui-laydate-main{width:auto!important;}
.home-date .home-time{position: absolute;left:16px;bottom:14px;z-index:1;}
.home-date .laydate-btns-confirm,
.home-date .laydate-btns-clear{display:none;}
.home-date .laydate-footer-btns{right:0;}

.school-home-box{padding: 12px;}
.school-home-top .scientific{width:48px;height: 48px;border-radius:10px;font-size: 22px;text-align: center;padding-top: 14px;color:#fff;}
.school-home-top dl{margin-right:10px;}
.school-home-top dl:last-child{margin:0;}
.school-home-top dl:nth-child(1) .scientific{background:#ff7171;}
.school-home-top dl:nth-child(2) .scientific{background:#FFC231;}
.school-home-top dl:nth-child(3) .scientific{background:#4CB2F7;}
.school-home-top dl:nth-child(4) .scientific{background:#6CC8C8;}

progress{width: 200px;height:12px;background:#EFEFF4;border-radius: 20px;}
progress::-webkit-progress-bar{background-color: #f2f2f2;border-radius:2px;}
progress::-webkit-progress-value{background: #32d88d;border-radius:2px;}

.bottom-btn{-webkit-transition:all .3s; position: relative; font-weight: bold; outline: none;}
.bottom-btn em{margin-right:5px;}
.bottom-btn i{margin-left:5px;}
.bottom-btn .menu{ position: absolute;margin-left:-60px;max-height: 0px; width: 120px;left: 50%; top:34px;-webkit-transition:all .4s;overflow: hidden; z-index:1;font-weight: normal;}
.bottom-btn ul{padding: 5px;box-shadow:rgba(68, 68, 68, 0.1) 0 0 10px;border:#d6f2f5 solid 1px; border-radius:5px;background: #fff;border-radius:5px; text-align: center; margin:10px; position: relative;}
.bottom-btn ul:before{content:'';position:absolute;width:1px;height:1px;border:5px solid transparent;border-bottom-color: #fff;left:50%;top:-10px;margin-left:-5px;}
.bottom-btn ul li{ padding: 5px 0;color: #444; border-radius: 3px;line-height:1.5;}
.bottom-btn ul span{display:block;font-size:12px;color:#999;line-height: 1.2;}
.bottom-btn ul li:hover{background:var(--bl-dominant-color); color: #fff;}
.bottom-btn ul li:hover span{color:#fff;}
.bottom-btn ul .bottom-disable{border:0!important;}
.bottom-btn:hover .menu{max-height:235px;}
.bottom-btn:hover .byl-icon-caret-down:before {content: "\f0d8";}
.bottom-disable:hover .menu{max-height: 0px;}
.bottom-disable:hover .byl-icon-caret-down:before {content: "\f0d7";}
.scheme-list{padding:14px 0;border-bottom:#e4e7ed solid 1px;}
.scheme-list .flex_box{padding:4px 0;}
.scheme-list label{cursor: pointer;}
.scheme-list label span{ width:20px; height:20px; display:inline-block;background: url(../images/icon22.png) no-repeat; vertical-align:-4px; margin-right:5px; background-size:100%;}
.scheme-list label input{ display:none;}
.scheme-list label input:disabled + span {background: url(../images/icon47.png) no-repeat;background-size:100%;}
.scheme-list label input:checked + span {background: url(../image/radio2.png) no-repeat;background-size:100%;}
.scale-management-list{-webkit-flex:1;flex:1;display: -webkit-flex;display: flex;overflow: hidden;}
.scale-management-list .left{position:absolute;left:0;right:0;bottom: 0;top:50px;background:#fff;padding:14px;z-index: 1;}
.scale-management-list .inp-btn2{height:35px;padding:0 20px;}
.scale-management-list .right{overflow:hidden;}
/*待入库预警*/
.registration-form{width:1000px;margin:auto;background:#fff;padding:50px 80px;min-height:1200px;}
.registration-form .title{margin-bottom:32px;}
.registration-form .sub-title{font-size:18px;font-weight:bold;margin-bottom:8px;}
.no-print{right: calc(((100% - 1000px) / 2) - 50px);position:fixed;top:90px;}
.no-print .inp-btn1,
.no-print .inp-btn2{width:50px;line-height:1.1;padding:15px;text-align:center;border-radius:0;margin-top:10px;}
/*团体报告*/
.group-report-box{}

/*预警详情*/
.warning-details-one > .bt{padding:15px 0;}
.warning-details-two > .bt{ line-height: 40px;padding: 0 20px;background: #08BCD0; color:#fff;}
.warning-details-three {padding:20px 0; border-bottom: #e2ebf7 solid 1px;}
.warning-details-three:last-child{border:0;}
.warning-details-three > .bt{color:#08BCD0; padding-bottom: 10px;}
.warning-details-three > .bt:before{content: '';display: inline-block; background: #08BCD0; width:5px; height: 13px; margin-right:3px; vertical-align: -1px;}

.table-2{border-left:#000 solid 1px;border-top:#000 solid 1px;width:100%;table-layout: fixed;}
.table-2 th{padding:10px;border-right:#000 solid 1px;border-bottom:#000 solid 1px;word-wrap: break-word;}
.table-2 td{border-right:#000 solid 1px;border-bottom:#000 solid 1px;padding:10px;word-wrap: break-word;}

.table-3{width:100%;}
.table-3 th{padding:10px;border-bottom:#000 solid 1px;word-wrap: break-word;}
.table-3 td{border-bottom:#000 solid 1px;padding:10px;word-wrap: break-word;}

.date-table{width:100%;border-color: #dee2e6;border-collapse: collapse;}
.date-table th,.date-table td{padding:10px;word-wrap: break-word;}
.date-table .bg{background:#f8f9fa;}
.date-table .btn-l {margin-right: -1px;}


/*预警条件*/
dl.warning-condition-dl{-webkit-align-items:flex-start;align-items:flex-start;}
.warning-condition-dl dt{padding-top: 10px;}
.warning-condition-one{width: 80%; border:#08bcd0 solid 1px; margin-bottom: 15px;border-radius: 5px;}
.warning-condition-one .txt-input{ height:25px;}
.warning-condition-one .bt input{background:#fff;border-radius: 5px;display: block;outline: none;width: 100%;font-size: 12px;padding:6px 10px;cursor: pointer;margin-left: 10px;line-height: 1;-webkit-transition: all .3s;}
.warning-condition-one .del{color: #333; border:#E3F0FF solid 1px;}
.warning-condition-one .del:hover{background:#ff3333;color: #fff;}
.warning-condition-one > .bt{background:#08bcd0; padding:8px 15px;border-radius: 4px 4px 0 0; color:#fff;}
.warning-condition-two{margin:10px;border:#e2ebf7 solid 1px;border-radius: 5px;}
.warning-condition-two > .bt{background:#edf8f9; padding:5px 15px;border-radius: 5px 5px 0 0; border-bottom:#e2ebf7 solid 1px;}
.warning-condition-one > .bt select{ border:0; padding:0 5px; font-size: 12px;}
.warning-condition-two > .bt select{ border-color:#E3F0FF; padding:0 5px; font-size: 12px;}
.warning-condition-three .con{border-bottom:#E3F0FF solid 1px; position:relative; padding:28px 15px 20px 15px;-webkit-transition: all .3s;}
.warning-condition-three .con:hover{background:#f7fbff;}
.warning-condition-three .del{position: absolute; background:#ff5252;color: #fff; right:5px; top:5px; width: 20px; height: 20px; line-height:15px; border-radius: 3px; text-align: center; cursor: pointer;-webkit-transition: all .3s; border:0;}
.warning-condition-three .del:hover{background:#ff3333;}
.warning-condition-three .btn-input1{display: block;margin:10px auto; width: auto;}

.field-setting2{ padding:5px 15px 10px 15px;-webkit-flex:1;flex:1;overflow-y:auto;}
.field-setting2 dt{background: #fafafa;padding: 8px 15px; font-weight: bold;margin:10px 0;}
.field-setting2 dt em{font-size: 12px; margin-right: 5px;}
.field-setting2 dd{padding:5px 15px;}
.field-setting2 label {transition: all .2s;cursor: pointer;padding:8px 0;}
.field-setting2 label input { display: none; }
.field-setting2 label span { display: inline-block; width:18px; height:18px; background: url(../image/checkbox1.png) no-repeat; background-size: 100%; margin-right:5px; vertical-align: -4px; }
.field-setting2 label input:checked + span { background: url(../image/checkbox2.png) no-repeat;background-size: 100%;}

.data-analysis {padding:0 12px 2px 12px;}
.data-analysis dl{background: #FFF;border-radius: 5px;box-shadow: 5px 11px 23px -13px #dedede;padding: 16px;margin-bottom:10px;}
.data-analysis dt{margin-bottom:10px;}
.data-analysis dt .small-btn{padding: 0 20px;}
.data-analysis .yxl{background:url(../images/data-icon6.png) no-repeat 100%/100%;}
.data-analysis .ranking {-webkit-align-items:flex-end;}
.data-analysis .ranking b{font-size:48px;line-height:1}

.wechat-binding-pop .layui-layer-content{text-align:center;}
.wechat-binding-pop .code{border:#dee2e6 solid 1px;display:inline-block;padding:15px 15px 10px;margin-top: 30px;margin-bottom:18px;}
.wechat-binding-pop img{width:160px;margin:auto;display:block;margin-bottom:10px;}
.wechat-binding-pop .txt b{vertical-align: -1px;margin: 0 4px;}
.other-logon{border-bottom:#D8D8D8 solid 1px;text-align: center;width:260px;margin:10px auto 20px auto;}
.other-logon span{background:#fff;padding:0 15px;position:relative;bottom: -10px;display:inline-block;color:#999;}
.wechat-btn{background: url(../images/wechat.png) no-repeat;width:48px;height: 48px;cursor: pointer;margin:auto;}
.wechat-return{background: url(../images/return.png) no-repeat;width:48px;height: 48px;cursor: pointer;display: inline-block;vertical-align: -12px;}
.wechat-logon-box{min-height: 480px;width: 400px;-webkit-animation-name: bl-up;-webkit-animation-duration: 1s;-webkit-animation-fill-mode: forwards;display:none;}
.wechat-code{border:#CED4DA solid 1px;display:inline-block;width:270px;height:270px;margin:15px 0;padding:24px;}
.wechat-code img{width:100%;}
.wechat-txt b{vertical-align:-1px;margin:0 4px;}
.text_con{margin:5px 10px 0 0;display:inline-block;cursor: pointer;}
.text_con:hover{color: var(--bl-dominant-color);}

.sel-checkbox{height:35px;background: #fff;border: #ced4da  solid 1px;padding-left:10px;border-radius:4px;-webkit-transition: all .3s;cursor: pointer; position: relative;margin-top:5px;margin-bottom: 5px;}
.sel-checkbox .text_ell{line-height:32px; padding-right: 15px;position:relative;z-index:1;flex:1;}
.sel-checkbox:after {border: 4px solid transparent;content: ' ';height: 0;position: absolute;width: 0;top: 14px;border-top: 6px solid #666;right:10px;pointer-events:none;}
.sel-checkbox .menu{box-shadow: rgba(68, 68, 68, 0.1) 0 0 10px;border: #ced4da  solid 1px;position: absolute; background: #fff; z-index: 2; left: 0;right:0; border-radius: 4px; padding: 5px 0; top: 40px; display: none;}
.sel-checkbox .menu label{display: block; padding:8px 10px 8px 35px; position: relative;line-height: 1.4;}
.sel-checkbox .menu label:hover{background: #f9f9f9;}
.sel-checkbox .menu label span{ position: absolute; left:10px; top:9px;}
.sel-checkbox .menu .checkbox-2{display:block;margin:0;}
.sel-checkbox .btn{padding:7px 0 2px 0; text-align: center;border-top: #f0f0f0 solid 1px; font-size: 0;}
.sel-checkbox .btn button{ width:55px; min-width: auto; height: 30px;border-radius: 5px; margin:0 5px;display: inline-block; padding: 0; font-size: 12px; font-weight:normal;}

.sel-radio{height:35px;background: #fff;border: #ced4da  solid 1px;padding-left:15px;border-radius:4px;-webkit-transition: all .3s;cursor: pointer; position: relative;}
.sel-radio .text_ell{line-height:32px; padding-right: 25px;max-width: 120px;position:relative;z-index:1;}
.sel-radio:after {border: 4px solid transparent;content: ' ';height: 0;position: absolute;width: 0;top: 14px;border-top: 6px solid #666;right:10px;pointer-events:none;}
.sel-radio .menu{box-shadow: rgba(68, 68, 68, 0.1) 0 0 10px;border: #ced4da  solid 1px;position: absolute; width:152px; background: #fff; z-index: 2; left: 0;border-radius: 4px; padding: 5px 0; top: 40px; display: none;}

.variable{top:0;z-index: 2;}
.variable span{width:25%;}
.variable-hang{position:fixed;right:0;left:0;padding-top:5px;background:#fff; padding-bottom:15px;box-shadow:0 2px 10px rgb(206 212 218 / 60%);}
.files-le{flex:none;}
.files-le .name{display:inline-block;}
.files-le .sex{width:18px;height:18px;display:inline-block;margin-left:4px;vertical-align:-2px;}
.files-le .man{background:url(../images/man.png) no-repeat 100%/100%;}
.files-le .girl{background:url(../images/girl.png) no-repeat 100%/100%;}
.files-le .head{background:url(../images/tx.jpg) no-repeat 100%/100%; width:88px;height:88px;border-radius:100%;margin:40px auto 20px auto;}
.time-axis{padding:14px;}
.time-axis .week{margin-left:16px;}
.time-axis dl{position:relative;padding-bottom:18px;}
.time-axis dl:before{content:'';width:1px;position:absolute;height:100%;background:#47c20a;left:16px;}
.time-axis dt{position:relative;color:#47c20a;line-height:1;padding-left:44px;}
/*.time-axis dl:first-child dt:before{width: 28px;height: 28px;left: 146px;top: -4px;}*/
.time-axis dt:before{background:url(../images/time1.png) no-repeat 100%/100%;width:22px;height:22px;display:block;position:absolute;content:'';left:5px;top:-2px;z-index: 3;}
.time-axis dd{margin-left:44px;padding:16px 0;position:relative;line-height:1;}
.time-axis dd:before{background:url(../images/time2.png) no-repeat 100%/100%;width:15px;height: 15px;display:block;position:absolute;content:'';left: -35px;top:18px;z-index: 2;}
.time-axis .font-16{line-height:1.2;}
.time-axis .mar-b-5{line-height:1.3;}
.time-axis .inp-btn4{margin-top:10px;font-weight: normal;}
.time-axis dl:last-of-type dd:last-of-type:after{content:'';background:#fff;position:absolute;width:15px;bottom:-30px;left: -35px;top:25px;z-index:1;}
.screening-time-axis{padding-top:30px;}
.screening-time-axis dt .date{position:relative;padding-right:24px;color:var(--bl-dominant-color);}
.screening-time-axis dt .date:after{content:'';border:transparent solid 6px;border-bottom-color:var(--bl-dominant-color);right:0;top:10px;position:absolute;}
.screening-time-axis .active {margin-bottom: 0;}
.screening-time-axis .active .date:after{transform:rotate(180deg);top:16px;}
.screening-time-axis .week{margin-left:40px;color:var(--bl-dominant-color);padding-top:8px;}
.screening-time-axis .btn .btn-l{border-radius:4px;padding:8px 10px;transition: all .3s;}
.screening-time-axis dl{position:relative;padding-bottom:30px;}
.screening-time-axis dl:first-child:before{top:10px;}
.screening-time-axis dl:before{content:'';width:1px;position:absolute;background:#e3e3e3;left:145px;top:0px;bottom:0;}
.screening-time-axis dt{position:relative;line-height:1;margin-bottom:20px;}
.screening-time-axis dt:before{background:#fff;border-radius:100%; border:var(--bl-dominant-color) solid 4px; width:16px;height:16px;display:block;position:absolute;content:'';left:137px;top:10px;z-index: 3;}
.screening-time-axis dd{margin-left:170px;padding:15px 0;position:relative;line-height:1;}
.screening-time-axis dd:before{background:var(--bl-dominant-color);width:11px;border-radius:10px;height:11px;display:block;position:absolute;content:'';left:-30px;top:19px;z-index: 2;}
.screening-time-axis dd .date{position:absolute;left:-150px;top:17px;color:var(--bl-dominant-color);}
.screening-time-axis dl:last-of-type dd:last-of-type:after{content:'';background:#fff;position:absolute;width:15px;height:100%;left:-32px;top:25px;z-index:1;}
.screening-time-axis .plate-table .inp-btn4{padding:0 10px;font-weight:normal;height:30px;line-height:28px;font-size:12px;}
.layui-form-select .layui-input,.layui-form-select .layui-input:hover{border:#ced4da solid 1px!important; height:35px;border-radius: 4px;}
.layui-form-select .layui-input:focus{ border-color:var(--bl-dominant-color);-webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.075);}
.layui-form-select dl dd.layui-this {background-color:var(--bl-dominant-color)!important;}
.layui-form-select dl{max-height: 200px!important;}
.lotice-list li{border-bottom:#dee2e6 solid 1px;padding:15px 10px;}
.lotice-list li:hover{background:#f8f9fa;}
.lotice-list .status{vertical-align: 2px;}
/*首页*/
.home-left{width:45%;}
.home-1 .font-30 {vertical-align: -1px;}
.home-1-a{margin-bottom:50px}
.home-1-a dl{height:100px;padding:0 22px;}
.home-1-a dt{width:52px;height:52px;}
.home-1-a .co1{background:#316AFD; background:-webkit-linear-gradient(180deg,#316AFD,#2E90F0);box-shadow:0 5px 10px rgb(45 148 239 / 60%);}
.home-1-a .co2{background:#FF5500; background:-webkit-linear-gradient(180deg,#FF5500,#F98206);box-shadow:0 5px 10px rgb(254 109 16 / 53%);}
.home-1-a .co1 dt{background:url(../images/home-1.png) no-repeat 100%/100%;}
.home-1-a .co2 dt{background:url(../images/home-2.png) no-repeat 100%/100%;}
.home-1-b dt{width:78px;height:78px;border-radius:100%;position:absolute;left:50%;margin-left:-39px;top:-39px;}
.home-1-b dl{position:relative;padding:50px 12px 20px 12px;height:129px;}
.home-1-b .co1 dt{border:#FFB661 solid 2px;background:url(../images/home-3.png) no-repeat 100%/100%;box-shadow:0 5px 10px #E96201;}
.home-1-b .co2 dt{border:#4AE5B6 solid 2px;background:url(../images/home-4.png) no-repeat 100%/100%;box-shadow:0 5px 10px #009E6A;}
.home-1-b .co3 dt{border:#FF86AB solid 2px;background:url(../images/home-5.png) no-repeat 100%/100%;box-shadow:0 5px 10px #FB1C5D;}
.home-1-b .co1{background:#FC8200; background:-webkit-linear-gradient(180deg,#FC8200,#FFB731);box-shadow:0 5px 10px rgb(252 139 9 / 59%);}
.home-1-b .co2{background:#04BE81; background:-webkit-linear-gradient(180deg,#04BE81,#2DC999);box-shadow:0 5px 10px rgb(10 191 132 / 57%);}
.home-1-b .co3{background:#FE3A73; background:-webkit-linear-gradient(180deg,#FE3A73,#F86B97);box-shadow:0 5px 10px rgb(251 28 93 / 53%);}
.home-3{width:400px;}
.home-3-a{height:110px;background-color:#456bfc;background:url(../images/user.png);border-radius: 5px;box-shadow:0 5px 10px rgb(45 148 239 / 60%);padding-left:20px;background-size: 100% 100%;position: relative;}
.home-3-a .relative{z-index:2;}
.home-3-a .bg-img{background:url(../images/img2.png);background-size: 100% 100%;right:0px;top:-9px;pointer-events: none;z-index:1;width:130px;height:130px;}
.home-3-b ul{height:170px;}
.home-3-b li{padding:10px;box-shadow:0 5px 10px rgb(204 204 204 / 23%); margin-bottom:10px;border-radius:12px;transition:all .3s;}
.home-3-b li:hover{background:#f8f9fa;box-shadow:0;}
.home-3-b li .date{background:#FFF2E5;color:#FF9323;border-radius:8px;width:44px;padding:10px 0;}
.home-3-b li:nth-child(even) .date{background:#E8F3FF;color:#306CFB;}
.home-6 li{padding:9px 0;}
.home-6 .ico{width:48px;height:48px;margin-right:12px;border-radius:12px;}
.home-6 .font-bold{vertical-align: -2px;margin-right:2px;}
.home-6 a{display: block;width:75px;line-height:34px;border-radius:4px;color: #316CFC;border:#316CFC solid 1px;transition:all .3s;}
.home-6 a:hover{background: #e9eefb;}
.home-6 a:active{background: #e0e9ff;}
.home-6 .co1 .ico{background-color:#316cfc;background:url(../images/home-6.png) no-repeat 100%/100%;box-shadow:0 5px 10px #6d99fb;}
.home-6 .co2 .ico{background-color:#ff7f09;background:url(../images/home-7.png) no-repeat 100%/100%;box-shadow:0 5px 10px #f99b3e;}
.home-6 .co3 .ico{background-color:#fd3c3c;background:url(../images/home-8.png) no-repeat 100%/100%;box-shadow:0 5px 10px #ff9a9a;}
.home-6 .co4 .ico{background-color:#fd3c3c;background:url(../images/home-9.png) no-repeat 100%/100%;box-shadow:0 5px 10px #fd9ac8;}
.home-6 .co1 .font-bold{color:#316cfc;}
.home-6 .co2 .font-bold{color:#ff7f09;}
.home-6 .co3 .font-bold{color:#fd3c3c;}
.home-6 .co4 .font-bold{color:#FF3693;}
.notice-list ul{height:170px;}
.notice-list li{padding:10px;box-shadow:0 5px 10px rgb(204 204 204 / 23%); margin-bottom:14px;border-radius:8px;transition:all .3s;background:#fff;}
.notice-list li:hover{background:#f8f9fa;box-shadow:0;}
.notice-list li .date{background:#FFF2E5;color:#FF9323;border-radius:8px;width:44px;padding:10px 0;}
.notice-list li:nth-child(even) .date{background:#E8F3FF;color:#306CFB;}
.notice-form{width:1000px;margin:auto;min-height:1500px;padding:100px;color:#000;}
.notice-form .title{margin-bottom:20px;font-size:18px;font-family: fangsong;}
.notice-form .txt{font-size:24px;line-height: 2;text-align: justify;word-break: break-all;font-family: fangsong;}
.notice-form .underline{text-decoration: underline;}
.notice-form .noneline{border-bottom:#000 solid 1px;}
.notice-form .byl-radio label{border: #ced4da solid 1px;padding: 7px 10px;border-radius: 4px;margin:0;margin-right:10px;min-width: 200px;}
.notice-form .inp-btn2{padding: 12px 30px;}
.qrcode_div{border:#eee solid 1px;padding:50px 50px 30px;border-radius:20px;}
.qrcode_div #qrcode{width:250px;margin:auto;margin-bottom:20px;height:250px;background:#e1e1e1;}
.map-box{padding-top:60px;}
.map-top{position:fixed;z-index:10;box-shadow: 5px 11px 23px -13px #dedede;border-radius: 5px;background: #fff;width:500px;margin-left:-250px;top:80px;left:50%;padding:10px;}
.map-top .inp-txt{height:40px;border-color:var(--bl-dominant-color);border-radius:4px 0 0 4px;}
.map-top .inp-btn2{height:40px;border-radius:0 4px 4px 0;font-size:18px;padding-top: 12px;}

.actGotop,.actGobottom{z-index: 10;width:46px;border-radius:100%; height:46px;right:20px;background:#fff;position: fixed;box-shadow:#ced4da 0 5px 10px;border:#ced4da solid 1px;font-size:24px;padding-left:11px;}
.actGotop{bottom:130px;display:none;padding-top: 10px;}
.actGobottom{bottom:70px;padding-top:12px;}

.article-list {padding-bottom:6px;}
.article-list ul{margin-right:-10px;}
.article-list li{margin-bottom:10px;border: #e4e7ed solid 1px;padding:14px;float:left; margin-right:10px;width: calc(50% - 10px);border-radius:4px;transition:all .3s}
.article-list li img{height:50px;object-fit: cover;}
.article-list li:hover{border-color:#d5d9e1;box-shadow: 1px 1px 3px #e4e7ed;}

.course-list .byl-boxzt{padding-top:0;display:flex;width:auto;}
.course-list .byl-boxzt span{width:44px;height:20px;}
.course-list .state-1{left:0;top:0;}

.whether input{display:none;}
.whether label{display: block;width:56px; height:22px;border-radius: 30px; background-color: #d5d7d9;position: relative;transition:all .35s ease;cursor: pointer;}
.whether label:before,
.whether label:after{position:absolute;color:#fff; top:2px;transition:all .35s ease;z-index:1;font-size:12px;transition:all .35s ease;}
.whether label:before{content:attr(data-yes);left: 9px;opacity:0;}
.whether label:after{content:attr(data-no); right: 9px;}
.whether label span{position: absolute; width: 18px; height:18px;background-color: #fff;border-radius: 30px; top:2px; left:2px;transition:all .35s ease;z-index: 2;}
.whether input:checked + label{background-color:var(--bl-dominant-color);}
.whether input:checked + label:after{opacity:0;}
.whether input:checked + label:before{opacity:1;}
.whether input:checked + label span{left:36px;}
.whether input:disabled + label{opacity: .6;cursor: no-drop;}

.course-list{padding:0 14px;}
.course-list .byl-boxzt span:after{width:18px;height:18px;}
.course-list li{border-bottom: #dee2e6 solid 1px;padding: 14px 0;-webkit-transition: all .3s;overflow: hidden;}
.course-list li .relative{margin-right:12px;margin-left:12px;}
.course-list li .absolute {border-radius: 6px 0 6px 0;padding: 4px 6px;}
.course-list li .state-1{background:#52cf20;}
.course-list li .state-3{background:#c1c1c1;}
.course-list li img{width:74px;height:74px; border-radius:6px;display: block;}
.course-list li .text_ell{margin-bottom:12px;font-weight:500;}
.course-list li .pointer{color:#0081EB;}
.course-list li .pointer:hover{color:#FF7801;}
.course-list .radio span{width:18px;height:18px;border:#ced4da solid 1px;display: block;text-align:center;border-radius:100%;cursor: pointer;font-size: 12px;padding-top: 2px;font-weight: bold;}
.course-list .radio input{display:none;}
.course-list .radio span:hover{border-color:#94999d;}
.course-list .radio input:checked + span,
.course-list .radio input:checked + span:hover{background:var(--bl-dominant-color);color:#fff;border-color:var(--bl-dominant-color);}
.course-list .radio input:checked + span:before {content: "\E83F";}
.course-list li:has(.radio input:checked){border-color:var(--bl-dominant-color);box-shadow:var(--bl-dominant-color) 0 0 0 1px inset, #d5d5d5 1px 1px 3px;}
.course-list .inp-btn4{display:inline-block;height:auto;line-height:32px;font-weight:normal;}
.prompt-error{border:#ffccc7 solid 1px;background: #fff2f0;border-radius:4px;padding:8px 12px;margin:0 20px 12px 20px;}
@media screen and (min-width:2000px) {.course-list{grid-template-columns:repeat(4, 1fr)}}
@media screen and (max-width:1640px) {.course-list{grid-template-columns:1fr 1fr;}}
@media screen and (max-width:1600px) {.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;}.home-3 {width:380px;}}
@media screen and (max-width:1500px) {.grade-list .plate{width: calc(25% - 10px);}.home-3 {width:330px;}.home-left {width: 47%;}}
@media screen and (max-width:1400px) {.home-1 .font-30{font-size:24px;}.home-3 {width:320px;}.home-3 .font-22{font-size:16px;}.home-1-b dt {width:68px;height:68px;margin-left:-34px;}.home-1-a dt{width:48px;height:48px;}.home-1-a dl {padding: 0 16px;}}
@media screen and (max-width:1300px) {
    .home-3 {width: auto;}
    .home-4,.home-5{display:block;}
    .home-3-b li {padding:0 10px;}
    .home-3-b ul {height: 149px;}
    .home-4 .mar-r-10,.home-5 .mar-r-10{margin-right:0;margin-bottom:10px;}
    .patient-top .l{width:60%;}
    .patient-top .r {padding:0;}
    .patient-top .r dl{width:50%;-webkit-align-items:center;-webkit-flex-direction: inherit;text-align:left;border-bottom:#EEEEF7 solid 1px;}
    .patient-top .r dt{margin-right:15px;margin-bottom: 0}
    .patient-top .r dd{-webkit-flex:1;}
    .patient-top .r dl:nth-child(2),.patient-top .r dl:nth-child(4){border-right:0;}
    .patient-top .r dl:nth-child(3),.patient-top .r dl:nth-child(4){border-bottom:0;}
    .variable span{width:45%;}
    .grade-list .plate{width: calc(33.3% - 10px);}
}

:root{
    --bl-font-color1:#333;
    --bl-header-font-color:#333;
    --bl-dominant-color:#FF7801;
    --bl-2btnhover-color:#FF661A;
    --bl-2btnactive-color:#E54D00;
    --bl-3btnhover-color:#fff6f1;
    --bl-3btnactive-color:#FFEEE5;
    --bl-3btnborder-color:#ffb370;
    --bl-body-bg-color:#eff0f2;
}
.header select{border:#dee2e6 solid 1px;}
.nav .dt:after{border-top-color:#fff;}
.menu-box{background: #fff;}
.menu-2{border-right:#e4e7ed solid 1px;padding:12px;}
.menu-2 .current{background:var(--bl-dominant-color);color: #fff;border-radius: 5px;font-weight:bold;}
.menu-2 .menu-con {padding:10px 0;}
.menu-2 .menu-con a { display: block; font-size: 15px; line-height:44px;padding-left:44px;}
.menu-2 .menu-con a:hover{background:#f8f9fa;}
.menu-2 .menu-con .on,.menu-2 .menu-con .on:hover{color:var(--bl-dominant-color); background:#f7f7ff; position:relative;font-weight:bold;border-radius: 5px;}
.home-user{background:url(../images/home-bg1.png) no-repeat; background-size:100% 100%;box-shadow: 0px 4px 10px 0px rgba(9, 222, 168, 0.34);}
.login-box{background: url(../images/login-bg1.png) no-repeat;background-size:100% 100%;}
.login-left{background-color:var(--bl-dominant-color);}
.login-img{background: url(../images/login-sk1.png) no-repeat center;background-size: 90%;}
.inp-checkbox input:checked + span {
    background: url(../image/checkbox2skin3.png) no-repeat left center;
}

/*
 以下为手机端迁移过来的样式
*/

body { padding: 0; margin: 0;font-family: Arial, Microsoft YaHei, Verdana, Geneva, sans-serif;font-size: 14px;}
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:#252935;}
*, :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,textarea::-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}
.text_clamp2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; 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%;}

.icon37{background: url(../images/icon37.png) no-repeat 100%/100%;}
.icon38{background: url(../images/icon38.png) no-repeat 100%/100%;}
.icon39{background: url(../images/icon39.png) no-repeat 100%/100%;}
.icon40{background: url(../images/icon40.png) no-repeat 100%/100%;}

.font_12{font-size:12px}
.font_16{font-size:16px}
.font_18{font-size:18px}
.font_30{font-size:30px;}
.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;}
.dis_box {display: -webkit-flex; display: flex;}
.flex_end{justify-content: flex-end;}
.flex_wrap{flex-wrap: wrap;}
.flex{-webkit-box-flex:1;flex:1;}
.mar_r15{margin-right:15px}
.font_bold{font-weight:700}
.font_medium{font-weight:500}
.color_blue{color:#08BCD0}
.color_h{color:#7F8DAD}
.color-org {color: #FF9C00;}
.color_red {color: #ff0000;}
.color_9 {color: #999;}
.color_fff {color: #fff;}
.color_lv {color: #62c462;}
.mar_b5 {margin-bottom: 5px;}
.mar_b10 {margin-bottom: 10px!important;}
.mar_b15 {margin-bottom: 15px;}
.mar_b28 {margin-bottom: 0.7rem;}
.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_t8 {padding-top:0.2rem;}
.padd_t14 {padding-top:0.35rem;}
.padd_0_14px {padding:0 0.35rem;}
.padd_14_0px {padding:0.35rem 0;}
.wh_14{width:0.35rem;height:0.35rem;}
.wh_16{width: 0.4rem;height: 0.4rem;}
.width_160 {width: 160px;}
.mar_auto {margin: auto;}
.bg_1{background:#fafafa}
.bg_fff{background:#fff}
.bg_2{background:#fff}
.padd_10_15px{padding:10px 15px}
.bor_b1{border-bottom: #f1f1f1 solid 1px;}
.bor_t1{border-top: #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%,#3ED0F8 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:#10cddf;}
.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%,#3ED0F8 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%,#3ED0F8 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,#3ED0F8 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,#3ED0F8 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:#3ed0f8;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: #3ED0F8;}
.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%,#3ED0F8 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,#3ED0F8 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%,#3ED0F8 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%;}
.byl-radio label input:disabled + span {background: url(../images/radio3.png) no-repeat;background-size:100%;}
.byl-radio label input:checked:disabled + span {background: url(../images/icon49.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:#10cddf;}

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

/*移动端账号绑定状态页*/
.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%,#3ED0F8 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:#10cddf dashed 1px; padding:15% 0;text-align:center;color:#10cddf;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:#10cddf;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:#10cddf;}
.stretch-btn:active{box-shadow:1px 1px 3px #e5e5e5 inset;background: #fbfbfb;}
.stretch-sq{right:-285px;}
.stretch-sq .stretch-btn{background:#10cddf;color:#fff;border-color:#10cddf;}
.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: #3ed0f8;}
.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:#10cddf dashed 1px;text-align:center;color:#10cddf;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:#10cddf;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:#10cddf dashed 1px;text-align:center;color:#10cddf;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:#10cddf;border:#10cddf 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;}
/*登录页面*/
body{background:#eff0f2;}
html{font-size:10.258vw;}
.opacity_9{opacity: .9}
.break_all{word-break: break-all;}
.font_12rem{font-size:0.3rem}
.font_14rem{font-size:0.35rem}
.font_16rem{font-size:0.4rem}
.font_18rem{font-size:0.45rem}
.mar_r8rem{margin-right: 0.2rem;}
.mar_b5rem{margin-bottom:0.125rem;}
.mar_b10rem{margin-bottom:0.25rem;}
.mar_b12rem{margin-bottom:0.3rem;}
.mar_t12rem{margin-top:0.3rem;}
.padd_t10rem{padding-top:0.25rem;}
.padd_b10rem{padding-bottom:0.25rem;}
.padd_b14rem{padding-bottom:0.35rem;}
.padd_16rem {padding:0.4rem;}
.overflow{overflow:hidden;}
.w_100rem{width:2.5rem;}
.h_80rem{height:2.0rem;}
.shadow{box-shadow:0 0.05rem 0.15rem 0 rgb(173 173 173 / 10%);border-radius:0.25rem;}
.state-s {font-size: 0.3rem;padding:0.1rem 0.125rem;border-radius: 0.1rem;color: #fff;font-weight: 500;line-height:1;}

.answer-footer{ text-align: center;color:#999;padding:0.25rem 0;}
.footer{color:#bdbec7;position:absolute; bottom:0.6rem; text-align: center;width:100%;}

.logon-bg{
background-repeat: no-repeat;
background-position: center top;
background-size: 100%;
background-color: #f7b98f;
position: relative;
}

.logon-box{padding-top:80%;width:75%;margin:0 auto;}
.logon-box .bg_fff{margin:0 0.8rem;border-radius: 0.25rem;padding:0.9rem 0.9rem 1.5rem;background: rgb(255 255 255 / 70%);backdrop-filter: blur(3px);
    border: #fff solid 2px;}
.logon-box .bt{margin-bottom:0.6rem;}
.logon-box .fon1{font-size: 0.65rem;}
.logon-box li{background:#fff;border: #fff solid 1px; 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;box-shadow: 0 5px 10px rgb(191 152 126 / 62%);}
.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:var(--bl-dominant-color);background:#fff;outline:var(--bl-dominant-color) solid 1px;}
.logon-box li:focus-within .dl-icon5{background:url(../images/student-icon5.png) no-repeat; background-size:100%;}
.logon-box li:focus-within .dl-icon6{background:url(../images/student-icon6.png) no-repeat; background-size:100%;}
.logon-box li:focus-within .dl-icon8{background:url(../images/student-icon8.png) no-repeat; background-size:100%;}
.logon-box input::-webkit-input-placeholder{color:#ccc;}
.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,.register-box .btn{display: block;border:0;margin:0; outline: none;background:var(--bl-dominant-color);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 rgb(255 120 1 / 30%);-webkit-transition:all .5s ease;}
.img-code{position:absolute;right: 0.2rem;top:0.2rem;width: 1.7rem;height: 0.8rem;}
.register-box {padding:0.9rem;}
.register-box .bt{margin-bottom:0.6rem;}
.register-box .fon1{font-size: 0.75rem;}
.register-box dl{height:1.225rem;}
.register-box dt{width:2.25rem;line-height:1;}
.inp_sel{background:url(../images/sel.png) no-repeat center right 10px;background-size:0.25rem;}
.inp_date{background:url(../images/date.png) center right 8px no-repeat;}


.radio-1{display:inline-block;margin:0.25rem 0.25rem 0.25rem 0;cursor: pointer;}
.radio-1 input{display:none;}
.radio-1 span{display:inline-block;border:#D3D4D7 solid 1px;position:relative;width:0.45rem;height:0.45rem;border-radius:0.5rem;vertical-align: -0.1rem;margin-right:0.125rem;}
.radio-1 span:hover{border-color: #c3c3c3;}
.radio-1 input:checked + span{border-color:#08BCD0;}
.radio-1 input:checked + span:after{content:'';display: block;position: absolute;width: 0.25rem;height:0.25rem;background:#08BCD0;left: 0.075rem;top: 0.075rem;border-radius:0.25rem;}

.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-icon7.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%;}
.register-a{padding-top:0.6rem;}
.weixin-dl{padding-top:0.6rem;}
.weixin-dl em{width:0.55rem; height:0.55rem;display:inline-block; margin-right:0.15rem;vertical-align: -0.15rem;}

.me-top{background:url(../images/me-bg.png) no-repeat;background-size:100%;padding:24px;}
.me-top .tx{margin-right:0.4rem;}
.me-top .tx img{ width:58px; height:58px;object-fit: cover; border-radius: 1.1rem;}
.me-top .user .flex{margin-right: 18px;}
.me-top .exit{ padding:0.25rem 0.4rem;border-radius:0.5rem;border:#fff solid 1px;line-height:1;color:#fff;font-size:0.35rem;}
.me-top .user{padding-top:0.55rem;padding-bottom:0.4rem;color:#fff;}
.me-top .inp-sel{background-color:#fff;border:0;border-radius: 0.15rem;height:0.875rem;padding:0.25rem;background-size: 0.2rem;font-size:0.35rem;line-height:1;}
.me-top .name{font-size: 0.6rem;line-height:1;}
.me-top .school{padding:0.3rem 0.35rem;background:rgb(255 255 255 / 38%);border:#fff solid 1px;border-radius: 0.3rem;margin-bottom: 0.65rem;}
.me-icon1{background: url(../images/me-icon1.png) no-repeat;background-size: 100%;}
.me-icon2{background: url(../images/me-icon2.png) no-repeat;background-size: 100%;}
.me-icon3{background: url(../images/me-icon3.png) no-repeat;background-size: 100%;}
.arrow-r{background: url(../images/arrow-r.png) no-repeat;background-size: 100%;}
.navigation .arrow-r{width:0.4rem;height: 0.4rem;opacity: .5;}
.navigation dl{background: #fff;margin-bottom: 0.45rem;border-radius:0.3rem;padding: 0.6rem;font-size: 0.5rem;font-weight: 500;box-shadow:0px 0.05rem 0.2rem rgba(0,0,0,0.06);border: #ebebeb solid 1px;}
.navigation dt{width:0.95rem;height:0.95rem;margin-right: 0.4rem;}

.list-con{padding:0 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 .mar_b5{font-size:16px; font-weight:600;}
.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 .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.15rem;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 .img2{width:4.25rem;}
.header {height:50px;}
.header .m{height:50px;top:0;left:0;width:100%;z-index:5;position:fixed;background:#fff;border-bottom: #f1f1f1 solid 1px;}
.header .return{position:absolute;left:0;top:0;width:50px;height:50px;background: url(../images/return.png) no-repeat center;background-size:35%;}
.header .title{margin:0 50px;font-size:16px;font-weight:600;line-height:50px;}

.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{width:4.75rem; margin-left:0.25rem;}
.info-box dt{position: relative;color: #535765;}
.info-box dt .color_red{position:absolute;left:-0.2rem;}

.introduction-title{margin:0.375rem;font-size: 0.4rem;color:#08BCD0;font-weight: 600;}
.introduction-title em{font-size: 0.3rem;margin-right: 0.1rem;vertical-align:0.05rem;}
.introduction-con{border: #f3f3f3 solid 1px;padding: 0.35rem 0.5rem;border-radius: 0.25rem;font-size: 0.4rem;line-height: 1.6;text-align: justify;margin:0.375rem 0.375rem 0;background:#fff;}

.bg-shadow{box-shadow:0 0.05rem 0.15rem 0 rgb(173 173 173 / 10%);background:#fff;border-radius: 0.25rem;}
.man{background:url(../images/man.png) no-repeat; background-size:100%;}
.girl{background:url(../images/girl.png) no-repeat; background-size:100%;}
.home-title{font-size:0.45rem;font-weight:bold;padding:0.35rem 0.35rem 0.2rem 0.7rem;}
.child-list,.assess-list{padding:0 0.35rem;}
.child-list li{margin-bottom:0.3rem;}
.child-list li:last-child{margin:0;}
.child-list .man,.child-list .girl{display:inline-block;width:0.4rem;height:0.4rem;vertical-align:-0.05rem;margin:0 0.125rem;}
.child-list .tx{width:1.55rem;height:1.55rem;border-radius:0.3rem;margin-left:0.4rem;}
.child-list em{display:inline-block;width: 0.45rem;height: 0.45rem; vertical-align:-0.1rem;margin-right:0.125rem;}
.child-list .none-date{margin-bottom:0.4rem;}
.child-list .t{margin-bottom: 0.35rem;}
.child-list .btn{border-top:#eee solid 1px;}
.child-list a{padding-top:0.25rem;text-align: center;cursor: pointer;color:#08BCD0;font-weight:bold;display:block;}

.assess-list dl{padding:0.4rem; margin-bottom:0.3rem;transition:all .3s;font-size: 0.35rem;}
.assess-list dt{font-size:0.4rem;font-weight: 600;margin-bottom:0.3rem;}
.assess-list dd{border-top:#f1f2f7 solid 1px;padding:0.25rem 0;}
.assess-list dd em{display:inline-block;width:0.55rem;height:0.55rem;vertical-align:-0.15rem; margin-right:0.125rem;}
.assess-list dd:last-child{padding-bottom:0;}
.assess-list .btn{background-color:#ffa000;padding:0.2rem 0.375rem;min-width: 2rem;text-align: center;cursor: pointer;color:#fff;border-radius:0.15rem;font-weight:bold;display:inline-block;font-size:0.3rem;margin-left:0.4rem;}
.dl-icon8{background:url(../images/student-icon7.png) no-repeat; background-size:100%;}
.dl-icon9{background:url(../images/student-icon8.png) no-repeat; background-size:100%;}
.head-portrait img{width:1.125rem;height:1.125rem; margin-right:0.2rem; object-fit:contain;}
.head-portrait .dl-icon9{width:0.4rem;height:0.4rem;}

.btn-a{display: block;border:0;margin:0; outline: none;background: #08BCD0;width:100%;line-height: 1.25rem; height: 1.25rem;color:#fff; font-size: 0.4rem; font-weight: bold;cursor: pointer;border-radius:0.25rem;-webkit-box-shadow: 0 0.125rem 0.125rem 0 rgba(8, 188, 208, 0.2);;-webkit-transition:all .5s ease;}
.btn-a:hover{background:#13c9dd;}
.btn-a:active{background:#0da4b5;}

.child-info{padding: 0.4rem;margin:0.35rem 0.35rem 0;}
.child-info .man,
.child-info .girl,
.child-list .man,
.child-list .girl,
.child-top .girl,
.child-top .man{display:inline-block;width:0.4rem;height:0.4rem;vertical-align:-0.05rem;margin:0 0.125rem;}
.child-info .tx{width:1.7rem;height:1.7rem;border-radius:0.2rem;margin-right:0.4rem;}
.child-info .t{margin-bottom:0.25rem;}
.child-info .b{margin-bottom:0.125rem;}
.child-info .color_h{font-size:0.35rem;}
.child-info .vertical_dq{margin-bottom:0.125rem;}
.child-info .name{font-weight: 600;font-size:0.4rem;}
.child-info em{display:inline-block;width: 0.45rem;height: 0.45rem; vertical-align:-0.1rem;margin-right:0.125rem;}

.choose-a-child {min-height:6.25rem;}
.choose-a-child .btn-1{width:3.75rem;display:inline-block;}
.choose-a-child li{padding:0.4rem; margin-bottom:0.3rem;transition:all .3s;border: #f1f2f7 solid 1px;}
.choose-a-child li .tx{width:1.45rem;margin-right:0.4rem;border-radius:0.2rem;}
.choose-a-child li .font_12 {font-size: 0.3rem;}
.choose-a-child li label{border:#f1f2f7 solid 1px;padding:0.2rem 0.25rem;border-radius:0.1rem; box-shadow:0.025rem 0.025rem 0.05rem #f5f5f5;transition:all .3s;}
.checkbox {cursor: pointer;}
.checkbox span{display:inline-block;width:0.4rem;height:0.4rem;background:url(../images/checkbox1.png) no-repeat 100%/100%;margin-right:0.1rem;vertical-align:-0.075rem;}
.checkbox input{display:none;}
.checkbox input:checked + span{display:inline-block;width:0.4rem;height:0.4rem;background:url(../images/checkbox2.png) no-repeat 100%/100%;margin-right:0.1rem;}

.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;font-size:0.35rem;}
.home-knowledge dt .font_bold{font-size: 0.45rem;font-weight: bold;}
.home-knowledge dd{font-size:0.35rem;}
.home-knowledge dd img{width:1.1rem;height:1.1rem; border-radius:0.3rem; margin-right:0.25rem;}
.home-knowledge dd a{padding:0.25rem 0;border-bottom: dashed #ddd 1px;}
.home-knowledge .bt{font-size: 0.375rem;font-weight: bold;margin-bottom:0.05rem;}
.home-knowledge dd .fbt{color:#999;}
.home-knowledge dd .fbt *{max-width:100%;}
.home-knowledge dd .fbt p{margin:0;}
.home-knowledge dd .fbt br{display:none;}
.home-knowledge dd:last-child a{border:0;}
.home-knowledge .flex{overflow:hidden;}
.con-knowledge{font-size: 0.45rem;line-height: 1.8;text-align: justify;}
.con-knowledge br:first-of-type{display:none;}
.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:0.4rem;}

.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;}
.official-account{margin: 0 0.35rem;display: block;}
.official-account img{border-radius: 0.25rem;}
.hotline{position:fixed;width:100px;bottom:25%;right: 0.35rem;}

.child-top{background:url(../images/bg3.png) no-repeat;background-size: 100% 100%;}
.child-top .bg_fff{border:#fff solid 1px;background:rgba(255,255,255,.8);box-shadow: 0 0.05rem 0.15rem 0 #bff1ff;}
.child-top .tx {width: 1.55rem;height: 1.55rem;border-radius: 0.3rem;margin-left: 0.4rem;}
.child-top .font_bold{position:relative;}
.child-top span{position:relative;z-index:2;}
.child-top .font_bold:after{content:'';position: absolute;left:0;bottom:0;right:0;height:0.15rem;background:linear-gradient(90deg,#0EBAD3,#0ebad300);z-index:1;}

.child-switching-t{background:#F0F0F0;overflow-x:auto;border-radius:0.3rem 0.3rem 0 0;}
.child-switching-t li{display:-webkit-flex;display: flex; -webkit-align-items:center;align-items:center;padding:0.2rem 0.35rem; font-size:0.4rem;font-weight:500;position:relative;flex:1;-webkit-justify-content:center;justify-content:center;color:#999;min-width:30%;}
.child-switching-t li img{width:0.6rem;height:0.6rem;border-radius:0.5rem;margin-right:0.15rem;filter:grayscale(1);opacity:.5;}
.child-switching-t li:only-of-type{width:50%;flex:none;}
.child-switching-t li.active:last-child:after{display:none;}
.child-switching-t .active{background:#fff;border-radius:0.3rem 0.3rem 0 0;color:#252935;}
.child-switching-t .active img{filter:grayscale(0);opacity:1}
.child-switching-t .active:before,.child-switching-t .active:after{position:absolute;content: '';bottom:0;width:0.5rem;height: 0.5rem;border-radius: 100%;box-shadow:0 0 0 1.0rem #fff}
.child-switching-t .active:before{left:-0.5rem;clip-path:inset(50% -0.25rem 0 50%);}
.child-switching-t .active:after{right:-0.5rem;clip-path:inset(50% 50% 0 -0.25rem);}
.child-switching-b{border-radius:0 0 0.3rem 0.3rem;box-shadow: 0 0.05rem 0.15rem 0 rgb(173 173 173 / 10%);}
.child-switching-b li{background:#F5F5F5;border-radius:0.3rem;padding:0.3rem;margin-bottom:0.3rem;}
.child-switching-b li:last-child{margin-bottom:0;}
.child-switching-b .bq{background:#FFF5E5;border:#FF9C00 solid 1px;color:#FF9C00;border-radius:0.1rem;padding:0.075rem 0.15rem;display:inline-block;line-height:1}
.child-switching-b .btn{background-color: #ffa000;padding:0 0.375rem;line-height:0.85rem;min-width: 2rem;text-align: center;cursor: pointer;color: #fff;border-radius: 0.15rem;font-weight: bold;display: inline-block;font-size: 0.3rem;}

.classroom-list dl{background:#fff;padding:0.3rem;border-radius:0.3rem;margin-bottom:0.3rem;box-shadow: 0 0.05rem 0.15rem 0 rgb(173 173 173 / 10%);}
.classroom-list dd{background:#fff;padding:0.3rem;border-radius:0.3rem;margin-top:0.3rem;}
.classroom-list dt span{margin:0 0.05rem;}
.classroom-list dd .text_clamp2{line-height: 1.2;}
.classroom-list dd img{width:1.05rem;height:1.05rem; border-radius:0.2rem; margin-right:0.3rem;}
.classroom-list dd .btn{background:#F5F5F5;padding:0.25rem;border-radius:0.2rem;color:#ADADAD;line-height:1;margin-left:0.2rem;}
.classroom-list .icon40{width:0.85rem;height: 0.85rem;}
.chapter{background:#DBFBFF;color: #08BCD0;border-radius:0.15rem;padding:0 0.15rem; writing-mode: vertical-rl; margin-right:0.3rem;}
.classroom-list .active{background:#F2F2F2;}
.classroom-list .active .icon40{transform: rotate(180deg);}
.classroom-list dd .not-started{background:#DBFBFF;color: #08BCD0;}

/*观察记录*/
.home-observe dd a{padding:0.35rem 0;}
.home-observe .bt{margin-bottom:0.25rem;}
.tip {color:#999;margin-right:0.35rem;}
.tip i{width:0.4rem;height: 0.4rem;background: url(../images/prohibit.png) no-repeat 100%/100%;display:inline-block;vertical-align: -0.075rem;margin-right:0.1rem;}
.tip.action{color:#08BCD0;}
.tip.action i{background: url(../images/allow.png) no-repeat 100%/100%;}

.list-observe{padding:0.35rem 0.35rem 0;}
.list-observe .bt{font-size:0.4rem;font-weight: 500;}
.list-observe .b-line{border-top:#F1F2F7 solid 1px;padding-top: 12px;}
.list-observe a{display: block;padding: 0.4rem;margin-bottom: 0.3rem;transition: all .3s;font-size: 0.35rem;}

.btn-h{height:1.875rem;}
.btn-box{position:fixed;z-index: 2;bottom: 0;padding: 0.35rem;left: 0;right: 0;}
.inp_disabled{background:#fff!important;color: #252935!important;opacity:1;}
.record-btn{border:#ddd solid 1px;padding:10px 14px;border-radius: 4px;}
.layui-layer{border-radius: 0!important;box-shadow:0!important}
.layui-layer-title{border-radius:0!important;}
.layui-layer-dialog .layui-layer-content{padding:14px!important;}
/*关注名单*/
.files-top .sex{width:18px;height:18px;display:inline-block;margin-left:4px;vertical-align:-2px;}
.files-top .man{background:url(../images/man.png) no-repeat 100%/100%;}
.files-top .girl{background:url(../images/girl.png) no-repeat 100%/100%;}
.files-top .head{background:url(../images/tx.jpg) no-repeat 100%/100%; width:58px;height:58px;border-radius:100%;margin-right: 14px;}
.files-more i{display:inline-block;border:#000 solid 1.5px;width:8px;height:8px;transform: rotate(45deg);border-left: 0;border-top:0;margin-left:4px;vertical-align: 3px;}
.files-more .rotate{vertical-align: middle;transform: rotate(224deg);}
.prompt{background:#fffaf3;color: #ff9b00;padding:0.35rem;text-align: center;}
.prompt i{display:inline-block;width: 0.4rem;height: 0.4rem;background: url(../images/prompt.png) no-repeat;vertical-align:-0.075rem;margin-right: 0.1rem;background-size: 100%;}