*, article, dd, dl, dt, li, ul, ol { list-style-type: none; margin: 0; padding: 0 }
body, input, select,textarea{ font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif; font-size: 14px; color: #274371;outline:none;}
input { line-height: 20px; outline: none; }
*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box }
:root{
--bl-font-color1:#274371;
--bl-font-color2:#52698D;
--bl-font-color3:#93A1B8;
--bl-font-color4:#A9B4C6;
--bl-font-color5:#D4D9E3;
--bl-dominant-color:#3375d6;
}
@font-face {
font-family: 'Fontbyl';
src: url('../fonts/fontawesome-webfont.ttf');
font-weight: normal;
font-style: normal;
}
@font-face{font-family:"HarmonyOS_Sans_SC_Medium";font-style: normal;font-weight: 500;src:url(../fonts/HarmonyOS_Sans_SC_Medium.ttf);}
.HarmonyOS_Medium{ font-family:"HarmonyOS_Sans_SC_Medium";}
@font-face {font-family: "scientific";src:url('../fonts/scientific.ttf');}
.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;}
[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-user:before {content: "\f007";}
.byl-icon-trash-o:before {content: "\f014";}
.byl-icon-pencil:before {content: "\f040";}
.byl-icon-external-link:before {content: "\f08e";}
.byl-icon-caret-down:before {content: "\f0d7";}
.byl-icon-caret-up:before {content: "\f0d8";}
.byl-icon-print:before {content: "\f02f";}
.byl-icon-file-text:before {content: "\f15c";}
.byl-icon-clone:before {content: "\f24d";}
.byl-icon-file-text-o:before {content: "\f0f6";}
.byl-icon-filter:before {content: "\f0b0";}
.byl-icon-plus-circle:before {content: "\f055";}
.byl-icon-ban:before {content: "\f05e";}
.byl-icon-power-off:before {content: "\f011";}
.byl-icon-angle-right:before {content: "\f105";}
.byl-icon-th-large:before {content: "\f009";}
.byl-icon-wrench:before {content: "\f0ad";}
.byl-icon-check:before {content: "\f00c";}
.byl-icon-sitemap:before {content: "\f0e8";}
.byl-icon-list-alt:before {content: "\f022";}
.byl-icon-list:before {content: "\f03a";}
.byl-icon-level-up:before {content: "\f148";}
.byl-icon-level-down:before {content: "\f149";}
.byl-icon-arrows:before {content: "\f047";}
.byl-icon-edit:before {content: "\f2b6";}
.byl-icon-delete:before {content: "\f2b7";}
.byl-icon-drop:before {content: "\f2b8";}
.byl-icon-angle-double-right:before {content: "\f101";}
.byl-icon-question-circle:before {content: "\f059";}
.byl-icon-times-circle:before {content: "\f057";}
.byl-icon-angle-double-up:before {content: "\f102";}
.byl-icon-angle-double-down:before {content: "\f103";}
.byl-icon-del:before {content: "\F2B5";}
.byl-icon-floppy-o:before {content: "\f0c7";}
.byl-icon-pie-chart:before {content: "\f200";}
.byl-icon-factor:before {content: "\f2b9";}
.byl-icon-th-large:before {content: "\f009";}
.byl-icon-auto:before {content: "\f2ba";}
.byl-icon-count:before {content: "\f2bb";}
.byl-icon-plus:before {content: "\f2bc";}
.byl-icon-reduce:before {content: "\f2bd";}
.byl-icon-ride:before {content: "\f2be";}
.byl-icon-except:before {content: "\f2bf";}
.byl-icon-times:before {content: "\f00d";}
.byl-icon-enter:before {content: "\f2c0";}
.byl-icon-retreat:before {content: "\f2c1";}
.byl-icon-undo:before {content: "\f0e2";}
.byl-icon-tab:before {content: "\f2c2";}
.byl-icon-cog:before {content: "\f013";}
.byl-icon-long-arrow-down:before {content: "\f175";}
.byl-icon-long-arrow-up:before {content: "\f176";}
.byl-icon-exclamation-circle:before {content: "\f06a";}
.byl-icon-clock-o:before {content: "\f017";}
.byl-icon-design:before {content: "\f2c3";}
.byl-icon-arrow-up:before {content: "\f062";}
.byl-icon-arrow-down:before {content: "\f063";}
.byl-icon-cloud-upload:before {content: "\f0ee";}
.byl-icon-play-circle:before {content: "\f144";}
.byl-icon-circle:before {content: "\f111";}
.byl-icon-chevron-up:before {content: "\f077";}
.byl-icon-chevron-down:before {content: "\f078";}
.byl-icon-table:before {content: "\f0ce";}
.byl-icon-area-chart:before {content: "\f1fe";}
.byl-icon-circle-o-notch:before {content: "\f1ce";}
.byl-icon-download:before {content: "\f019";}
.byl-icon-qrcode:before {content: "\f029";}
.byl-icon-key:before {content: "\f084";}
.byl-icon-angle-left:before {content: "\f104";}
.byl-icon-bar-chart:before {content: "\f080";}
.byl-icon-reply:before {content: "\f112";}
.byl-icon-search:before {content: "\f002";}
.byl-icon-repeat:before {content: "\f01e";}
.byl-icon-desktop:before {content: "\f108";}
.byl-icon-tablet:before {content: "\f10a";}
.byl-icon-files-o:before {content: "\f0c5";}
.byl-icon-file-excel-o:before {content: "\f1c3";}
.byl-icon-cogs:before {content: "\f085";}
.byl-icon-image:before{content: "\f03e";}
.byl-icon-link:before {content: "\f0c1";}
.byl-icon-weixin:before {content: "\f1d7";}
.byl-icon-internet-explorer:before {content: "\f26b";}
.byl-icon-send:before {content: "\f1d8";}
.byl-icon-eye:before {content: "\f06e";}
.byl-icon-puzzle-piece:before {content: "\f12e";}
.byl-icon-plus2:before {content: "\f067";}
.byl-icon-tag:before {content: "\f02b";}
.byl-icon-hourglass-start:before {content: "\f251";}
.byl-icon-warning:before {content: "\f071";}
.byl-icon-gauge-1:before {content: "\f2c4";}
.byl-icon-gauge-2:before {content: "\f2c5";}
.byl-icon-gauge-3:before {content: "\f2c6";}
.byl-icon-gauge-4:before {content: "\f2c7";}
.byl-icon-gauge-5:before {content: "\f2c8";}
.byl-icon-gauge-6:before {content: "\f2c9";}
.byl-icon-choice-1:before {content: "\f2d0";}
.byl-icon-choice-2:before {content: "\f2d1";}
.byl-icon-choice-3:before {content: "\f2d2";}
.byl-icon-choice-4:before {content: "\f2d3";}
.byl-icon-choice-5:before {content: "\f2d4";}
.byl-icon-choice-6:before {content: "\f2d5";}

.byl-icon-angle-up:before {content: "\f106";}
.byl-icon-angle-down:before {content: "\f107";}
.byl-icon-screenshot:before {content: "\F05B";}
.byl-icon-chevron_left:before {content: "\F053";}
.byl-icon-chevron_right:before {content: "\F054";}
.byl-icon-chevron_down:before {content: "\F078";}
.byl-icon-repeat:before {content: "\F01E";}
.byl-icon-home:before {content: "\F015";}
.byl-icon-th_large:before {content: "\F009";}
.byl-icon-th_list:before {content: "\F00B";}
.byl-icon-download_alt:before {content: "\F019";}
.byl-icon-angle_left:before {content: "\F104";}
.byl-icon-angle_right:before {content: "\F105";}
.byl-icon-plus:before {content: "\F067";}
.byl-icon-exclamation_sign:before {content: "\F06A";}
.byl-icon-plus_sign:before {content: "\F055";}
.byl-icon-minus_sign:before {content: "\F056";}
.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-left:before { content: "\E843"; }
.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-minuscircle:before {content: "\E894";}
.ft-repeat:before {content: "\E8B6";}
.ft-arrowup:before {content: "\E82D";}
.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";}
.ft-speaker:before {content: "\E8CC";}
.ft-dagang:before {content:"\e932";}
.ft-image:before {content:"\E87C";}
.ft-shipin:before {content:"\e933";}
.ft-yinpin:before {content:"\e934";}
.ft-wenben:before {content:"\e935";}
.ft-liangb:before {content:"\e936";}
.ft-gongn:before {content:"\e937";}
.ft-fankui:before {content:"\e938";}
.ft-renwu:before {content:"\e939";}
.ft-morevertical:before {content:"\e921";}
.ft-tuod:before {content:"\e940";}
.ft-arrowleft:before {content:"\E828";}
.ft-cornerdownright:before {content:"\E856";}
.ft-lock:before {content:"\E941";}
.ft-key:before {content:"\E942";}
.ft-helpcircle:before {content:"\E903";}
.ft-login:before {content:"\E885";}
.ft-bed:before {content:"\E943";}
.ft-ltimg:before {content:"\E944";}
.ft-zoomin:before {content:"\E8F9";}
.ft-zoomout:before {content:"\E8FA";}
.ft-menu:before {content:"\E88F";}
.ft-plussquare:before {content:"\E8AF";}
.ft-calendar:before {content:"\E83A";}
.ft-chevronsleft:before {content:"\E849";}
.ft-chevronsright:before {content:"\E847";}
.ft-alertoctagon:before {content:"\E81B";}
.ft-eye:before {content:"\E86A";}
.ft-settings:before {content:"\E8C3";}
.ft-users:before {content:"\E8EA";}
.ft-user:before {content:"\E8E9";}
.ft-morehorizontal:before {content:"\E922";}
a { text-decoration: none; color: #3375d6 }
a:hover { color: #ffac0c }
.font-12 { font-size: 12px; }
.font-15 { font-size: 15px; }
.font-16 { font-size: 16px; }
.font-18 { font-size: 18px; }
.font-20 { font-size: 20px;}
.font-24 { font-size: 24px;}
.font-30 { font-size: 30px; }
.color-lv { color: #54cfa2; }
.color-a7 { color: #a7b1c2; }
.color-green { color: #65BF22; }
.color-org { color: #ff9651; }
.color-red { color: #f06969; }
.color-fff { color: #fff; }
.color-999 { color: #A5A5BD; }
.color-blue {color: #3375d6;}
.pointer {cursor: pointer;}
.color-1 { color: #9bc2fb; }
.color_1 { color:var(--bl-font-color1);}
.color_2 { color:var(--bl-font-color2);}
.color_3 { color:var(--bl-font-color3);}
.color_4 { color:var(--bl-font-color4);}
.color_5 { color:var(--bl-font-color5);}
.text-c { text-align: center; }
.text-r { text-align: right; }
.font-bold{font-weight: bold;}
.font-medium{font-weight:500;}
.border_b1{border-bottom:#EEEEF7  solid 1px;}
.border-d5 { border: #D0D0E6 solid 1px; }
.mar-t-5 { margin-top: 5px; }
.mar-t-9 { margin-top: 9px; }
.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_14 { margin-bottom: 14px; }
.mar-b-15 { margin-bottom: 15px; }
.mar-b-20 { margin-bottom: 20px; }
.mar-b-30 { margin-bottom: 30px; }
.mar-r-5 { margin-right: 5px; }
.mar-l-5 { margin-left: 5px; }
.mar-l-10 { margin-left: 10px; }
.mar-l-15 { margin-left: 15px; }
.mar-r-10 { margin-right: 10px; }
.mar-r-15 { margin-right: 15px; }
.padd-15 {padding: 15px;}
.padd_16 {padding: 16px;}
.padd_14_16 { padding:14px 16px; }
.padd-20-0 { padding: 20px 0; }
.padd_0_12 { padding: 0 12px; }
.padd-0-20 { padding: 0 20px; }
.padd-0-10 { padding: 0 10px; }
.wh-20{ width:20px; height:20px;}
.float-l { float: left; }
.float-r { float: right; }
.overflow { overflow: hidden;}
.overflow-y{overflow-y:auto;}
.none { display: none; }
.relative{position:relative;}
.bg-fff { background: #FFF; }
.width-50 { width: 50px; }
.width-1000 { width: 1000px; margin: auto; }
.flex { -webkit-box-flex: 1;box-flex: 1;-webkit-flex:1;flex: 1; }
.vertical_dq { display: -webkit-box; -webkit-box-align: center;display:-webkit-flex;display: flex; -webkit-align-items:center;align-items:center;}
.sp_ends { display: -webkit-flex;display:flex; align-items: center;justify-content: space-between;}
.vercui{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.flex_column{-webkit-flex-direction:column;flex-direction:column;}
.flex_box{display:-webkit-flex;display:flex;}
.flex_warp{flex-wrap: wrap;}
.text_ell { white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.text_clamp2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }
.bor-raidus-10 { border-radius: 10px; }
.bor-raidus-5 { border-radius:5px; }
[type="text"]:focus,textarea:focus,select:focus{border-color: #3375d6; box-shadow: rgb(51 117 214 / 10%) 0 0 0 2px;}
.inp-btn { background: #ffac0c; border: 0; cursor: pointer; color: #FFF; font-size: 16px; font-weight: bold; }
.inp-btn:hover{background: #EFA413;}
.inp-btn:active{background: #E0980B;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#C8C8E2;}
input[type=number]{-moz-appearance:textfield;}  
input[type=number]::-webkit-inner-spin-button,  
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;  margin: 0;}
.btn {border-radius: 3px; font-family: "Microsoft YaHei", SimSun, Tahoma, Verdana, Arial, sans-serif; font-size: 14px; position: relative; border:0; border-style: solid; padding: 0 25px; height: 40px; display: inline-block; cursor: pointer;outline: 0;}
.btn_yellow {-webkit-transition: all .5s; color: #fff; border-color: #f18817; background:#f18817}
.btn_yellow:hover{background:#ffa23e}
.btn_red {color: #fff; border-color: #f11e29; background: -webkit-linear-gradient(#ff4336 20%, #f11e29)}
.btn_red:hover{ background:#fd4a3e;}
.btn-l{cursor:pointer; border:#D0D0E6 solid 1px; font-size:12px; padding:5px 10px;color: #3375d6; margin:0 3px;background:none;display: inline-block;border-radius: 3px;}
.btn-l:hover{ border-color:#3375d6;background:#3375d6; color:#fff}
.btn-5{cursor:pointer; border:#D0D0E6 solid 1px; padding:0 15px;background:none;line-height:30px;border-radius:2px;}
.btn-5:hover{border-color:#3375d6;color: #3375d6;}
html {height: 100%;}
.body-box{height: 100%;display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;}
.height_100b {height:100%;}
.w-33b{ width:33.3%;}
.width_20b {width:20%;}
.width_25b {width:25%;}
.width_33b {width:33.3%;}
.width_40b {width:40%;}
.width_50b {width: 50%;}
.col-50 {width: 50%;}
.width_100b {width: 100%;}
.w-100{ width:100px;}
.w-150{ width:150px;}
.w-200{ width:200px;}
.w-300{ width:300px;}
.w-400{ width:400px;}
.icon1 { background: url(../images/icon1.png) no-repeat;}
.icon2 { background: url(../images/icon2.png) no-repeat;}
.icon3 { background: url(../images/icon3.png) no-repeat;}
.icon4 { background: url(../images/icon4.png) no-repeat;}
.icon5 { background: url(../images/icon5.png) no-repeat;}
.icon6 { background: url(../images/icon6.png) no-repeat;}
.icon7 { background: url(../images/icon7.png) no-repeat;}
.icon8 { background: url(../images/icon8.png) no-repeat;}
.icon9 { background: url(../images/icon9.png) no-repeat;}
.icon10 { background: url(../images/icon10.png) no-repeat;}
.icon11 { background: url(../images/icon11.png) no-repeat;}
.icon12 { background: url(../images/icon12.png) no-repeat;}
.icon13 { background: url(../images/icon13.png) no-repeat;}
.icon14 { background: url(../images/icon14.png) no-repeat;}
.icon15 { background: url(../images/icon15.png) no-repeat;}
.icon18 { background: url(../images/icon18.png) no-repeat;}
.icon19 { background: url(../images/icon19.png) no-repeat;}
.icon20 { background: url(../images/icon20.png) no-repeat;}
.icon32 { background: url(../images/icon32.png) no-repeat;}
.icon33 { background: url(../images/icon33.png) no-repeat;}
.icon34 { background: url(../images/icon34.png) no-repeat;}
.icon35 { background: url(../images/icon35.png) no-repeat;}
.icon36 { background: url(../images/icon36.png) no-repeat;}
.icon37 { background: url(../images/icon37.png) no-repeat;}
.icon38 { background: url(../images/icon38.png) no-repeat;}
.icon39 { background: url(../images/icon39.png) no-repeat; background-size:100%;}

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

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

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

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

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


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

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

.fold-l{ width:60px;}
.fold-l span{ display:none; font-size:12px;}
.fold-l em{ display:none;}
.fold-l li{padding:12px 0;}
.fold-l li a{ padding:15px 0; text-align:center;}
.fold-l li i{ margin:auto; }
.fold-btn i{ -webkit-transform:rotate(-180deg);}
.fold-r{left:60px;}
.plate-nr{ padding:10px;}
.plate-table{border-collapse:collapse; text-align:center;}
.plate-table .bt{ background:#F7F7FF;font-weight: bold;}
.plate-table td{ border:#EEEEF7 solid 1px; padding:10px;word-wrap: break-word;word-break: break-all;}
.paging-box{ padding:2px 10px 14px;}
.paging-box li a{border:#D0D0E6 solid 1px; margin-left:10px; padding:0 12px;height:34px;line-height:32px;min-width:34px;text-align: center; display:block;border-radius:3px;cursor: pointer;color:var(--bl-font-color2);}
.paging-box li a:hover{ background:#f5f5ff;color:var(--bl-font-color1);}
.paging-box li a:active{ background:#e9e9f3;}
.paging-box .active a,.paging-box .active a:hover{background-color: #3375d6;border-color: #3375d6;cursor: default; color:#FFF;}

.paging-style1 li{border:#D0D0E6 solid 1px; margin-left:10px; padding:0 12px;height:34px;line-height:32px;min-width:34px;text-align: center; display:block;border-radius:3px;cursor: pointer;color:var(--bl-font-color2);}
.paging-style1 li:hover{ background:#f5f5ff;color:var(--bl-font-color1);}
.paging-style1 li:active{ background:#e9e9f3;}
.paging-style1 .active,.paging-style1 .active:hover{background-color: #3375d6;border-color: #3375d6;cursor: default; color:#FFF;}

.form-box{ padding:30px 0;}
.form-box dl{ display:-webkit-box; margin-bottom:15px; -webkit-box-align:center;}
.form-box dt{ width:25%; text-align:right; padding-right:20px;}
.txt-input{ border:#D0D0E6 solid 1px;height:38px;padding-left:10px;border-radius:3px;}
.inp-txt{ border:#D0D0E6 solid 1px; height:38px; padding-left:10px;border-radius:3px;}
.inp-sel{ border:#D0D0E6 solid 1px; height:38px; padding:0 10px;border-radius:3px; appearance:none;background:url(../images/sel.png) no-repeat right 10px center;cursor: pointer;}
.inp-tar{ border:#D0D0E6 solid 1px; height:150px; padding:8px 10px; display:block;border-radius:3px;resize:none;}
.inp-date{ border:#D0D0E6 solid 1px; height:38px; padding:0 10px;background: url(../images/icon21.png) right 8px center no-repeat;border-radius:3px;background-size: 16px;}
.error-bk{border-color:#F00; box-shadow:#F00 0 0 5px;}
.error-txt{ color:#F00; font-size:12px; -webkit-box-flex:1; margin-left:10px;}

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

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

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

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

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

.byl-boxzt{ width:50px; display:block;cursor: pointer;}
.byl-boxzt span{ background:#dcdcea;-webkit-transition: all 0.1s ease-in; display:block; width:100%; height:25px;border-radius:25px; position:relative; cursor:pointer;transition: all .3s;}
.byl-boxzt span:after{ content:'';-webkit-transition: all 0.1s ease-in; position:absolute; width:21px; height:21px; border-radius:25px; background:#FFF;box-shadow:0 0 2px #ccc; top:2px;left:2px;}
.byl-boxzt input{ display:none;}
.byl-boxzt input:checked + span{ background:#3375D6; box-shadow:none;}
.byl-boxzt input:checked + span:after{ left:27px;}

.inp-btn1 {-webkit-transition:all .3s;height:38px;line-height:35px;background:#fff; border: 0;padding:0 18px; cursor: pointer;font-weight: bold; border:#D0D0E6 solid 1px;color:var(--bl-font-color1);border-radius:3px;}
.inp-btn1:hover{background: #f5f5ff;color:var(--bl-font-color1);}
.inp-btn1:active{background: #e9e9f3;}

.inp-btn2 { background: #3375d6; -webkit-transition:all .3s; border: 0;padding:12px 30px; cursor: pointer; color: #FFF;font-weight: bold;border-radius:3px;}
.inp-btn2:hover{background: #5C91DE;color: #FFF;}
.inp-btn2:active{background: #2E69C0;}
.btn-35{height:35px;line-height:32px;padding:0 18px;}
.btn_disabled,.btn_disabled:hover{background:#E9ECF0;border-color:#D4D9E3;color: #93A1B8;cursor: no-drop;}

.detail-box{ display:-webkit-box; }
.detail-l-box{width:200px; background:#f7f7ff;border-right:#f1f1f1 solid 1px;}
.detail-l{ width:200px; bottom:0; overflow-y:auto;top:0;}
.detail-l::-webkit-scrollbar{ width:5px; height:5px;}
.detail-l::-webkit-scrollbar-thumb{ background:#C1C1C1;}
.detail-l::-webkit-scrollbar-track{ background:#F1F1F1;}
.detail-l dt{ line-height:50px;color: #3375d6;background: url(../images/icon12.png) left 30px center no-repeat; border-bottom:#E9E9F3 solid 1px;font-size:15px; font-weight:bold;}
.detail-l b{ margin:0 2px;font-family:"HarmonyOS_Sans_SC_Medium";}
.detail-l dd{ -webkit-transition:all .3s; padding:14px 16px;border-bottom:#EEEEF7 solid 1px; cursor:pointer; position:relative;}
.detail-l dd:before {content: "\F105";position:absolute;font-family:Fontbyl;right: 16px;font-size: 18px;top: 50%;transform: translateY(-50%);}
.detail-l dd .font-bold{margin-bottom:2px;}
.detail-l .active,.detail-l .active:hover{color: #fff;background:#3375D6;}
.detail-l .active .color_2{color: #fff;}
.detail-l dd:hover{background:#fff;}
.detail-r{ margin:0 20px; -webkit-box-flex:1;}
.detail-r-box{ height:53px;}
.detail-r-tab{ line-height:50px;-webkit-transition: all .3s; border-bottom:#f2f2f5 solid 1px; margin-bottom:10px; background:#FFF; left:236px; z-index:5;right:36px;top:0;}
.detail-r-tab ul{ overflow-x:auto;}
.detail-r-tab li{ padding:0 20px; font-size:15px;}
.detail-r-tab li a{color: #384355;}
.detail-r-tab .active a,.detail-r-tab .active a{ color:#3375d6;font-weight:bold;}
.detail-r-tab .active{ border-bottom:#3375d6 solid 2px;}
.fold-tab{ left:300px;}

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

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

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

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

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

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

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

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

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

.filter-box{ padding:16px;}
.filter_wrap{flex-wrap: wrap;padding:16px 16px 4px;}
.filter_wrap .vertical_dq{margin-bottom:12px;}
.filter-box input,.filter-box select,
.filter_wrap input,.filter_wrap select{ height:35px; display:block; margin-right:10px;}
.filter-box .inp-btn2,
.filter_wrap .inp-btn2{ font-size:14px; padding:0 20px;}

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

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

.patient-info{ background:#FFF;padding:22px;}
.patient-info .user{border-right:#EEEEF7 solid 1px;width:25%;}
.patient-info .user .font-medium{margin-bottom:8px;}
.patient-info img{width:76px;margin-right:18px;}
.patient-info .border_b1{padding-bottom:18px;}
.patient-info .border_b1 dl{padding:6px 0;}
.patient-info .border_b1 dt{text-align:right;width:120px; margin-right: 16px;}

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

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



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

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

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

.programme-ri{ position: absolute;bottom:16px; right:16px; left:280px; top:16px; background: #fff;display: -webkit-flex;display: flex;-webkit-flex-direction:column;}
.programme-ri dt{border-bottom: #EEEEF7 solid 1px;padding:10px 15px;}
.programme-ri dd{padding:10px;-webkit-flex:1;flex:1;overflow-y: auto;}
.programme-ri dd::-webkit-scrollbar{ width:10px; height:10px;}
.programme-ri dd::-webkit-scrollbar-thumb{ background:#1e74d6;}
.programme-ri dd::-webkit-scrollbar-track{ background:#eaeaea;}

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

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

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

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

.radio-tab{border:#D0D0E6 solid 1px;background:#fff;display:-webkit-flex;display: flex;overflow: hidden;padding: 3px 0 3px 3px;
    max-width: 74px;}
.radio-tab span,.radio-tab label{display: block; cursor: pointer; line-height:1; font-size: 12px; margin-right: 1px;}
.radio-tab span{padding:0 10px; line-height:22px;}
.radio-tab span:hover{background-color:#f9f9f9;}
.radio-tab input{display: none;}
.radio-tab input:checked + span{background:#3375d6;color:#fff;}
.radio-tab input:disabled + span{background: #f1f1f1;color:#999;cursor:default;}

.radio-tab2{display:-webkit-flex;display:flex;margin:10px 15px 5px;box-shadow: 0 2px 5px #efefef;border-radius:4px;}
.radio-tab2 label{font-size: 12px;-webkit-flex:1;flex:1;display:block;}
.radio-tab2 span{padding:5px 0;border:#d0d0e6 solid 1px;cursor:pointer;display: block;pointer-events:auto;border-left:0;transition: all .3s cubic-bezier(.645,.045,.355,1);}
.radio-tab2 span:hover{color:#3375d6;}
.radio-tab2 label:first-child span{border-radius: 4px 0 0 4px;border-left:#d0d0e6  solid 1px;}
.radio-tab2 label:last-child span{border-radius:0 4px 4px 0;}
.radio-tab2 input{display: none;}
.radio-tab2 input:checked + span{background:#3375d6;color:#fff;box-shadow: -1px 0 0 0 #3375d6;border-color: #3375d6;}
.radio-tab2 input:disabled + span{color:#a2a2b3;cursor:not-allowed;border-color:#d0d0e6;}
.radio-tab2 input:checked[disabled] + span{background: #e1e1ef;color:#a2a2b3;cursor:not-allowed;border-color:#d0d0e6;box-shadow: -1px 0 0 0 #d0d0e6;}
.tj-list{border:#e0e0e0 solid 1px;margin:0 10px 10px;padding:10px 15px;}
.tj-list .bt{border-bottom:#f0f0f0 solid 1px;padding-bottom: 10px;}
.tj-list .nr{padding-top:10px;}
.total-score-nr{background: #fff;display: -webkit-flex;display: flex;overflow: hidden;}
.total-score-nr span{display: block;border: #D0D0E6 solid 1px; cursor: pointer;width:50px; text-align: center;margin-right:10px; font-size: 18px; font-weight: bold;height: 40px; line-height: 35px;}
/*.total-score-nr span:last-child{border-radius:5px 0 0 5px;}
.total-score-nr span:last-child{border-radius:0 5px 5px 0;}*/
.total-score-nr span:hover{border-color: #c1c1c1;}
.total-score-nr span:active{background:#F1F1F1;}
.total-score-nr .active,
.total-score-nr .active:hover{background:#3375d6;color:#fff;border-color:#3375d6;}

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

.poin_auto {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);}
layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn {padding-top: 10px;border-top: #eee solid 1px; text-align:center;}
.layui-layer-btn .layui-layer-btn0 {border-color: #3375d6!important;background-color: #3375d6!important;color: #fff;}
.layui-layer-btn a {height: 40px!important;line-height: 40px!important;margin: 0 5px;padding: 0 30px!important;border: 1px solid #dedede;background-color: #fff;color: #333;border-radius: 5px;font-weight: 400;cursor: pointer;text-decoration: none;}
.layui-laydate .layui-this, .layui-laydate .layui-this:hover{background-color:var(--bl-dominant-color)!important;}
.layui-laydate-footer span:hover {color:var(--bl-dominant-color)!important;}
.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{color:#fff!important;}
.layui-laydate-header i:hover, .layui-laydate-header span:hover{color:var(--bl-dominant-color)!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";}
.byl-icon-remove:before {content: "\F00D";}
textarea[disabled]{background: #fffdf2;border: #eade9b solid 1px;color: #c79a15;}

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

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

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


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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.answer-score{position: absolute;top:40px;right:30px;-webkit-transform: rotate(-15deg);transform: rotate(-15deg);text-align: center;white-space: nowrap;box-sizing: border-box; line-height: 1; border:#f06969 dashed 1px; padding: 10px; border-radius:10px;}
.answer-score .t{color: #f06969;}
.answer-score .b{font-size:40px;color: #f06969;}
.answer-score span{ font-size: 20px;}
.answer-option{ background:#f7f7f7; position: relative; padding:5px 20px; border-radius: 5px;}
.answer-option li{ margin:10px 0;}
.answer-option .label{ position: absolute; right:10px; top:10px; color: #fff; border-radius: 3px; padding:5px 10px;}
.answer-option .error{background: #f06969;}
.answer-option .correct{background: #2c9fff;}
.color-red{ color:#f06969;}
.examination-box{ border:0;}
.examination-box label{cursor: default}
.examination-box label:hover{ background:none;}
.return-btn{background:rgba(0, 0, 0, 0.6); position: fixed; left: 0; top:50px;box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.1); padding:20px; color: #fff; width:100px; line-height: 1.2; z-index: 5; border-radius:0 10px 10px 0;}
/*量表管理*/
.main-absolute{top:0;right:0;left: 0;bottom:0;position:absolute;display: -webkit-flex;display: flex;    -webkit-flex-direction: column;flex-direction: column;}
.main-r .gauge-main,
.main-r .gauge-bottom{left: 200px;}
/*弹窗适应*/
.field-setting-box{display:-webkit-flex;display: flex;-webkit-flex-direction:column;flex-direction:column; height:100%;}
.field-setting-btn{border-top:#f0f0f0 solid 1px;box-shadow:0 -2px 10px rgba(154, 189, 220, 0.1); height:60px;-webkit-justify-content:center;}
.field-setting-btn .bg-fff{height:60px;-webkit-box-pack:center;}
.export-hz-le{border-right:#EEEEF7 solid 1px;}
.export-hz-le,
.export-hz-ri{padding:4px 16px 0px;}
.export-hz-le .inp-radio{border: #D0D0E6 solid 1px;padding:0 10px;margin-right:34px;border-radius: 3px;height: 38px;padding-top: 7px;}
.export-hz-le .inp-radio:last-child{margin:0;}
.export-hz-le .bt,
.export-hz-ri .bt{border-bottom: #EEEEF7 solid 1px;height:50px;}
.export-hz-ri .bt b{vertical-align:-2px;margin-right:5px;}
.export-hz-ri .bt li{cursor: pointer;margin-right: 18px;position:relative;}
.export-hz-ri .bt .active{color:var(--bl-dominant-color);}
.export-hz-ri .bt .active:after{content:'';position:absolute;height:2px;background:var(--bl-dominant-color);width:72px; left: 0;right: 0;bottom:-15px;}
.export-hz-ri .ztree-box{font-size:14px;}
.export-hz-ri-selected{background:#fff; position:absolute;width:100%;right:-100%;top:0;bottom:0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;padding:0 20px;box-shadow: 0 5px 10px #dddded; z-index:3;}
.export-hz-ri-selected li{padding:10px;border-bottom: #EEEEF7 solid 1px;-webkit-transition: all 0.3s ease;}
.export-hz-ri-selected li:hover{background:#F7F7FF;}
.export-hz-ri-selected .byl-icon-trash-o{border:#EEEEF7 solid 1px;padding:2px 6px;background:#fff;-webkit-transition: all 0.3s ease;}
.export-hz-ri-selected .byl-icon-trash-o:hover{color:#f06969;border-color:#f06969;}
.export-hz-ri-selected .not-available{transform: translate(-50%,-50%);left: 50%;top: 50%;position:absolute;}
.export-hz-ri-selected h4{background:#EEEEF7;padding:5px 10px;}
.drag-sort{padding-bottom:16px;}
.drag-sort li{border:#EEEEF7 solid 1px;padding:12px;margin-top: 12px;cursor: move;border-radius:3px;}
.drag-sort li:hover{border-color:#D0D0E6;background:#F7F7FF;}
.drag-sort li .scientific{margin-right:6px;vertical-align:-2px;}
.drag-sort .sp_ends{position:sticky;top:0;padding:8px 0;background:#fff; z-index:2;border-bottom:#EEEEF7 solid 1px;}
.drag-sort .sp_ends .btn-35{padding:0 14px;}
.blue-background-class {background-color: #F1F6FF;border-color:#DFE7F3!important;}
/*目标代码添加*/
.target-add{font-size: 0;}
.target-add span{background: #f1f6ff; color:#3375d6; padding:8px 10px; display: inline-block; font-size:12px; margin:0 10px 10px 0; cursor: pointer;border-radius: 3px;}
.target-add span:hover{background: #3375d6; color:#fff;}
/*页面标签*/
.main-iframe{position:absolute;right: 0;bottom: 0;top:100px;left:200px;background: #EDF0F3;}
.main-iframe iframe{border:0;display:block;}
.loading-frame{display:none;position:absolute;right:0;bottom:0;top:100px;left:200px;transition: 0.3s linear;}
.loading-frame div{width: 58px;height: 58px;border: 6px solid #f0f6ff;border-radius: 50%;position: relative;-webkit-animation: rotation 1s linear infinite;animation: rotation 1s linear infinite;  position: absolute;left: 50%;top: 46%;transform: translate(-50%, -50%);}
.loading-frame div:after {content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 68px;height: 68px;border-radius: 50%;border: 6px solid;border-color:var(--bl-dominant-color) transparent;}
@-webkit-keyframes rotation {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
@keyframes rotation {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
.group-title{margin:-14px;margin-bottom: 14px;padding:14px;position: sticky;top:-14px;z-index:2;}
.weeks{display:inline-flex;grid-gap:2px;height:10px;border-radius:3px;overflow:hidden;width:86px;}
.weeks li{background:#dee2ed;flex:1;}
.tab-title{-webkit-animation:bl-dw .5s;animation:bl-dw .5s;position:fixed;top:60px;right:0;left:200px;z-index:2;background:#F1F6FF;height:40px;border-bottom:#DFE7F3 solid 1px;}
.tab-title > .scientific,.tab-title .btn-dropdown .scientific{width:40px;cursor: pointer;text-align: center;font-size:14px;line-height: 40px;color:var(--bl-font-color2);transition: all .2s;-webkit-transition: all .2s;}
.tab-title > .scientific:hover,.tab-title .btn-dropdown .scientific:hover{color:var(--bl-font-color1);background:#e4eaf3;}
.tab-title .byl-icon-home{font-size:17px;border-left:#DFE7F3 solid 1px;}
.tab-title .main{border-right:#DFE7F3 solid 1px;overflow: hidden;border-left:#DFE7F3 solid 1px;}
.tab-title ul{font-size: 0;white-space:nowrap;position:relative;transition: transform 0.3s ease;height:100%;}
.tab-title li{cursor: pointer;height:28px;border-right:#DFE7F3 solid 1px;padding:0 12px;display:inline-block;font-size: 14px;color:var(--bl-font-color2);height: 100%;line-height: 38px;position:relative;}
.tab-title li i{margin-left:4px;border-radius:2px;transition: all .2s;-webkit-transition: all .2s;vertical-align: -.4px;display:inline-block;}
.tab-title li:after{content:'';position:absolute; height:2px;background:var(--bl-dominant-color); bottom:0;left: 0;width:0;transition:all 0.3s ease;}
.tab-title li:hover{color:var(--bl-font-color1);}
.tab-title li:hover:after{width:100%;}
.tab-title li .close_btn:hover{background:#ff5722;color:#fff;}
.tab-title li .ft-rotatecw:hover{transform: rotate(24deg);}
.tab-title .main .active,.tab-title .main .active:hover{color:var(--bl-dominant-color);}
.tab-title .main .active:after{width:100%;}
.tab-title > .active,.tab-title > .active:hover{color:var(--bl-dominant-color);}
.tab-title .scroll-disabled,.tab-title .scroll-disabled:hover{cursor: not-allowed;opacity: 0.5;background: #e4eaf3;color:var(--bl-font-color3);}
.tab-title .dis_click{color:#ccc;cursor: no-drop;}
.btn-dropdown .scientific{border:0;}
.btn-dropdown{position:relative;text-align: center;border-left:#DFE7F3 solid 1px;}
.btn-dropdown .dd{position:absolute;background:#fff;width:130px;right:0;border:#EAE8F1 solid 1px;box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.15);padding:5px 0;border-radius: 4px;display:none;}
.btn-dropdown .dd > div{line-height:34px;cursor: pointer;color:var(--bl-font-color2);}
.btn-dropdown .dd > div:hover{color:var(--bl-font-color1);background:#e4eaf3;}

.tab-pop{background: #f8f8f8;}
.tab-pop li{padding:20px;cursor: pointer;}
.tab-pop li:hover{background:#f1ffff;color:#2cb9b9;}
.tab-pop .active,.tab-pop .active:hover{background: #fff;color:#2cb9b9;border-left:#2cb9b9 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 .btn{height: 40px;line-height:36px; border: #E0E0E0 solid 1px; padding-left: 10px; border-radius: 5px; 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{border-left:#f0f0f0 solid 1px;width: 40px; text-align: center;}
.opt-gauge .con{border: #E0E0E0 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;}
.opt-gauge .inp-txt {border: #ced4da solid 1px;
    height: 40px;
    padding: 0 10px;
    border-radius: 4px;}
.bor-e0{border:#E0E0E0 solid 1px;}
.bor-raidus-4 { border-radius:4px; }
.padd-20 {padding: 20px;}
.mar-t-10 {margin-top:10px}
.border-b {border-bottom: #f1f1f1 solid 1px;}

.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;}
.h-30{ height:30px;}
.w-50{ width:50px;}
.padd-0-10{padding:0 10px}
.padd-10-0{padding:10px 0}
.h-35{height: 35px!important;}
.padd-b-10{padding-bottom:10px}
/*患者列表*/
.list-switching{background:#fff;border-radius:3px;height:35px;padding:0 4px;border: #D0D0E6 solid 1px;}
.list-switching div{padding:0 8px;cursor: pointer;line-height:27px;border-radius:2px;-webkit-transition:all .3s;}
.list-switching div:hover{background: #f5f5ff;color:var(--bl-font-color1);}
.list-switching div:active{background: #e9e9f3;}
.list-switching div i{margin-right: 4px;}
.list-switching .active,
.list-switching .active:hover{background:var(--bl-dominant-color);color:#fff;}
.card-list{display:grid;grid-gap:14px;grid-template-columns:repeat(4,calc(25% - 11px));}
.card-list dt{position:relative;}
.card-list .scroll-box{overflow-x:hidden;}
.point-time{display:flex;align-items: flex-end;height:28px;}
.point-time li{width: 38px;height:26px;clip-path: polygon(0% 0%,85% 0%,100% 100%,0% 100%);cursor: pointer;color: #fff;line-height: 25px;padding-left: 14px;flex-shrink: 0;transition: all 0.3s ease;}
.point-time li{width:26px;height:22px;line-height: 22px;padding-left:8px}
.point-time .active{height:28px;line-height:28px;}
.card-list dd{background:#fff;padding:16px 18px;transition: all 0.3s ease;}
.card-list dd:hover{box-shadow: 0 8px 10px #d8dee3;}
.card-list dd > .vertical_dq{padding:18px 0;}
.card-list dd .head{margin-right: 16px;position:relative;height:54px;}
.card-list dd .head img{width:54px;display:block;}
.card-list dd .exited{position:absolute;left: 0;top:0;right:0;bottom:0;background:rgba(0,0,0,.3);color:#fff;text-align: center;border-radius: 100%;line-height:54px;font-size:12px; backdrop-filter:blur(5px);}
.card-list dd .text-c{width:40%}
.card-list dd .font-18{margin-bottom: 4px;}
.dropdown {position: relative;}
.dropdown-button:hover{color: var(--bl-font-color1);}
.dropdown-content {display: none;border:#EBEBF7 solid 1px; position: absolute;right:0; background-color: #fff;min-width:90px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;text-align: center;padding:4px 0;}
.dropdown-content a,.dropdown-content div {padding:6px 12px;color: var(--bl-font-color2);display: block;transition: background-color 0.3s;cursor: pointer;white-space: nowrap;}
.dropdown-content a:hover,.dropdown-content div:hover {background-color: #F0F3F7;color: var(--bl-font-color1);}
.project-jd{display:flex;height:12px;grid-gap:2px;margin-right:8px;}
.project-jd div{background:#D4D9E3;width:6px;}
.project-jd > .active{background:#93D92B;}
.card-list .scroll-btn {position: absolute;top: 50%;transform: translateY(-50%);background: rgba(0,0,0,0.5);color: white;border-radius:20px;cursor: pointer;display: none;z-index: 2;width:22px;height:22px;font-size:16px;line-height:20px;}
.card-list .scroll-btn.left {left:6px;padding-left: 8px;}
.card-list .scroll-btn.right {right:6px;padding-left: 10px;}
.card-list .scroll-btn.show {display: block;}
.card-list .scroll-btn:hover {background: rgba(0,0,0,0.7);}
.card-list .scroll-btn-box{display:none;}
.card-list dl:hover .scroll-btn-box{display:block;}
.state-legend{height:47px;}
.state-legend ul{justify-content:center;padding: 12px;position:fixed;bottom: 0;left:0;right:0;background: linear-gradient(#F1F6FF,#fff);}
.state-legend li{margin-right:22px;}
.state-legend li:last-child{margin:0;}
.state-legend i{display:inline-block;width:18px;height:14px;vertical-align:-2px;margin-right:8px;clip-path:polygon(0% 0%,85% 0%,100% 100%,0% 100%);}
.state-bg1{background:#81B4FF!important;}
.state-bg2{background:#A16738!important;}
.state-bg3{background:#FF380D!important;}
.state-bg4{background:#FF720D!important;}
.state-bg5{background:#F9B738!important;}
.state-bg6{background:#22C7A3!important;}
.state-bg7{background:#93D92B!important;}
.state-bg8{background:#9E59FF!important;}
.state-bg9{background:#A9B4C6!important;}
.qr-code-box{ text-align: center; padding:30px 20px 0 20px;}
.qr-code-box .ewm{ width:256px;height:265px; margin:20px auto; border:#f1f1f1 solid 1px; padding:10px; border-radius:5px;box-shadow: 0px 0px 5px 0 rgba(215, 218, 219, 0.44);overflow: hidden;}
.qr-code-box .ewm img,.qr-code-box .ewm canvas{width:100%;}
.qr-code-box dl{overflow: hidden;display: -webkit-flex;display: flex;-webkit-align-items:center;align-items:center;width:80%;margin:auto; margin-bottom: 10px;}
.qr-code-box dt{float:left;}
.qr-code-box dd{-webkit-flex:1;flex:1;}
.qr-code-box dl input{display: block;border: #E0E0E0 solid 1px;padding:0 10px;border-radius:3px 0 0 3px; outline: none;width:100%;height: 35px;font-size: 12px;border-right: 0;}
.qr-code-box dl button{display: block; height: 35px; width:70px;cursor: pointer;border-radius:0 3px 3px 0;border:0;background:#3375d6;color:#fff;outline: none;-webkit-transition:all .3s;}
.qr-code-box dl button:hover{background: #5C91DE;}
.qr-code-box dl button:active{background: #2E69C0;}
.permission{padding:30px 50px;}
.permission .storey1 dl{padding:12px;border-bottom:#EEEEF7 solid 1px;}
.permission .storey1 dt{width:25%;}
.permission .storey1 dd{flex:1;}
.permission .storey1 dd label{margin-right:0;width:20%;}
.permission .storey1 dl:hover{background:#F7F7FF;}
.permission .storey2 dt{text-align:right;padding-right:15px;}
@media only screen and (min-width: 321px) and (max-width: 1024px) {
.crumbs{padding:0 10px;}
.plate-m{margin:10px;}
.detail-l-box,.detail-l{width:150px;}
.detail-r-tab{left:360px;right: 30px;}
.clinical-m, .scale-box .clinical-m {max-width:100%;-webkit-flex: none;width:100%;}
.clinical-m{margin-bottom: 15px;}
.btn-l{display: block;margin:5px 0;white-space: nowrap;}
.status em{display: block;}
header{height:50px;}
.nav img{width:30px;}
.main-box{padding-top:50px;}
.menu-box,.main-r{top:50px;}
.login-box .color-fff{margin-right:20px;}
.login-box img{width:100%;}
.login-box{display: -webkit-box; -webkit-box-align: center;display:-webkit-flex;display: flex; -webkit-align-items:center;align-items:center;left: 0;padding:0 20px;margin:0;}
}
@media screen and (max-width:1300px) {.card-list {grid-template-columns: repeat(3, calc(33.3% - 11px));}}
@media screen and (max-width:1600px) {
	.patient-info .means-box dl{ width:50%;}
	.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;}
}