.row{display:-ms-flexbox;display:flex;flex-direction:row;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left:-15px;margin-right:-15px;}
.col{display:-ms-flexbox;display:flex;flex-direction:column;flex-wrap: wrap;}
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-6,.col-xl-4,.col-xl-6,.col-xl-6,.col-xs-12,.col-lg-3,.col-lg-4,.col-lg-6,.col-lg-9{position:relative;min-height:1px;width:100%;padding-right:15px;padding-left:15px;}
input[type="checkbox"], input[type="radio"]{-webkit-appearance: none;-ms-appearance: none;-moz-appearance: none;appearance: none;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none !important;margin:0;}
input[type="number"]{-moz-appearance:textfield;}
input[type=checkbox],input[type=radio]{background-color: #fff;border: 1px solid #707070;width: 18px;height: 18px;position: relative;transition: background-color .25s,transform .2s linear;border-radius:4px;}
input[type=checkbox]:checked{background-color: #159eff;border-color: #159eff;}
input[type=checkbox]:checked:after {border-color: #fff;top: 3px;left: 3px;height: 3px;width: 6px;}
input[type=checkbox]:checked:after {content: "";display: block;height: 4px;width: 7px;border: 0 solid #fff;border-width: 0 0 2px 2px;transform: rotate(-45deg);position: absolute;}
input[type=radio]{border-radius:50%;transition:border-color cubic-bezier(0.19, 1, 0.22, 1)s ease-in;}
input[type=radio]:checked{border-color:#159eff;}
input[type=radio]:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color: #159eff;transform: scale(.8);opacity:0;transition:.4s ease-in;}
input[type=radio]:checked:after{opacity:1;}
/* 加载 */
#Loading{position:fixed;z-index:999;top:0px;left:0px;width:100vw;height:100vh;background:rgba(0,0,0,.1);text-align:center;overflow:hidden;}
#Loading .table_loading{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);}
#Loading .load_text .load_eng,#Loading .load_text .load_title{display:inline-block;transform:skew(-10deg);background-image:-webkit-linear-gradient(left, #b8b9bb, #bbbbbb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
#Loading .load_title{font-size:17px;font-weight:700;margin-bottom:2px;letter-spacing:.5px;}
#Loading .load_eng{position:relative;font-size:16px;}
#Loading .ddd{position:absolute;color:#4597f9;-webkit-text-fill-color:unset;}
#Loading .load_box {position:relative;display:flex;align-items:center;width:160px;height:8px;border-radius:10px;padding:0 2px;margin:7px auto;background-color:#fff;}
#Loading .load_box::before {position:absolute;content:'';left:-2px;top:-2px;width:164px;height:12px;z-index:-1;border-radius:12px;background-image:-webkit-linear-gradient(left, #c5c5c5, #d9d9d9);}
#Loading .load {position:relative;display:flex;justify-content:space-between;width:100%;height:6px;border-radius:8px;overflow:hidden;}
#Loading .load_cover {position:absolute;top:-2px;right:-2px;width:135px;height:10px;z-index:1;transform:skew(15deg);background-color:#fff;}
#Loading .loadbox {width:14.5%;height:100%;transform:skew(15deg);background-color:#d5d5d5;}
/* 登录页面 */
.login-bg{width:100%;height:100%;position:fixed;top:0;bottom:0;background-image:url(../images/bag.jpg);background-repeat:no-repeat;background-size:100% 100%;}
.teacher-bg{background-image:url(../images/teacher_bg.jpg);}
.center-bg{background-image:url(../images/center_bg.jpg);}
.rules-bg{background-image:url(../images/rdbag.jpg);}

.login-box{position:absolute;top:50%;left:50%;transform:translate(-50% , -50%);width:100%;height:80vh;margin:auto;padding:20px;z-index: 100;}
.box-container,.theme-container{height:100%;width:100%;margin:auto;display:flex;flex-direction:column;justify-content:center;position:relative; }

.box-container .left-img,.login-title .logoimg img{width:100%;}
.box-container .left-img,.login-title .logoimgX img{width:100%;}
.login-title .logoimg{width: 5rem;height: 5rem;}
.login-title .logoimgX{width: 7.5rem;height: 5rem;}
.login-box .login-title{display:flex;justify-content:center;align-items: center;margin-right: 28px;}
.login-box .login-title .logotit p{color: #242426;text-align-last: justify;}
.login-title .logotit .p1{font-weight:bold;font-size:35px;}
.login-title .logotit .p2{font-size:37px;font-weight: lighter;}
.logotit .p2 span{padding: 0 10px 0 0;border-right: 1px solid #696e76;}
.logotit .p2 span:last-of-type{border: 0;padding: 0;}
.careful-page .login-title .logotit{text-align-last: justify;}
.careful-page .login-title .title-b{border-left:1px solid #ccc;padding-left:20px;margin-left:20px;font-size:42px;color:#0097ee;font-weight:700;letter-spacing:5px;}

.login-contain{margin: 3% auto;height:auto;width: 45%;background: linear-gradient(120deg,  #0dc6aa, #00d76d);border-radius: 5px;position: relative;}
.center-bg .login-contain{background: linear-gradient(120deg, #00c6ff, #1974e5);}
.teacher-bg .login-contain{background: linear-gradient(120deg, #1dc5f5, #d56ef6);}
.login-form{margin: 3% 0 6%;}
.box-title{margin: 5% 0 3%;}
.box-title > .title-s{color:#0097ee;font-size:30px;font-weight:700;letter-spacing:8px;}
.box-title p{width: 180px;text-align: center;margin: auto;}
.box-title p:first-of-type{font-size:34px;color:#fff;font-weight:bold;letter-spacing: 1px;}
.box-title p:last-of-type{font-size:22px;color:#fff;margin-top: 2px;text-transform: uppercase;font-weight: lighter;letter-spacing: 1px;}


.box-titleX{margin: 5% 0 3%;display:flex;align-items:center;justify-content: center;padding-left:5%;}
.box-titleX > *:first-child{border-right:1px solid #fff;padding-right:20px;margin-right:20px;}
.box-titleX > .title-s{color:#0097ee;font-size:30px;font-weight:700;letter-spacing:8px;}
.box-titleX p{width: 180px;text-align: center;margin: auto;}
.box-titleX p:first-of-type{font-size:34px;color:#fff;font-weight:bold;letter-spacing: 1px;}
.box-titleX p:last-of-type{font-size:22px;color:#fff;margin-top: 2px;text-transform: uppercase;font-weight: lighter;letter-spacing: 1px;}



.form-item{width:100%;margin-top:25px;margin-left: -10px;}
.input--control{width:100%;display: flex;align-items: center;justify-content: center;}
.code_box{height:40px;background-color:#fff;margin-left:1%;border-radius: 3px;}
.code_box .code{display:block;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size: 26px;white-space: nowrap;}
.input__label,.input__label i{font-size: 23px !important;color:#fff;transition:.4s ease-in;}
.form-item .input--control input{width:48%;text-indent:22px;font-size:20px;height:50px;line-height:50px;border:0;border-radius: 3px;background-color:#fff;transition:.4s ease-in;}
.input--control input::-webkit-input-placeholder{color: #d4d4e3;}
.input--control input::-moz-placeholder{color: #d4d4e3;}
.input--control input:-moz-placeholder{color: #d4d4e3;}
.input--control input:-ms-input-placeholder{color: #d4d4e3;}

.exam-time{margin: 2% 0;font-weight:lighter;font-size:19px;color:#fff;text-align: center;}
.form-btn{width:100%;position: absolute;bottom: -7%;text-align: center;}
.form-btn button{background: linear-gradient(110deg, #06deeb, #048ae0);width:35%;height:65px;color:#fff;font-size:24px;font-weight:bold;border:0;border-radius: 50px;text-align:center;;letter-spacing:5px;transition:.4s linear;}
.teacher-bg .form-btn button{background: linear-gradient(110deg, #0cceff, #1974e5);}
.center-bg .form-btn button{background: linear-gradient(110deg, #0cc9ff, #1974e5);}
.form-btn button:hover{background: linear-gradient(110deg, #1fe1ed, #1e96e3);}
.teacher-bg .form-btn button:hover{background: linear-gradient(110deg, #25d3ff, #3082e8);}
.center-bg .form-btn button:hover{background: linear-gradient(110deg, #25cfff, #3082e8);}
.banh{position: fixed;bottom:3%;left: 51%;transform: translate(-50%);font-size: 14px;color: #8a8989;z-index: 99;}
.banh a{color: #676767;padding-left:5px;}

.input_span{position: relative;display: inline-block;width: 52%;}
.form-item .input--control .input_span>input{width: 100%;}
.form-item .input--control .input_span>img{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);cursor: pointer;height: 60%;}

.old_pattern{position: absolute;right: 20px;bottom: 15px;font-size: 18px;}
.old_pattern h4{margin-bottom: 3px;text-align: center;color: #fffc00;text-shadow:0 3px 3px rgba(0,0,0,.3);}
.old_pattern .old_btn{position: relative;padding: 3px 15px;border-radius: 20px;cursor: pointer;color: #f1f1f3;background-color: #0492e1;}
.old_pattern .old_btn img{position: absolute;height: 60%;top: 50%;left: -10px;transform: translate(-100%,-50%);}
.keyboard{position: absolute;left: 0;bottom: -5px;transform: translateY(100%);display: none;padding: 10px;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.3);z-index: 100;}
.keyboard .keyboard_row{position: relative;display: flex;}
.keyboard .keyboard_row .keyboard_item{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin: 2px;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    background-color: #4c4c4e;
}
.keyboard .keyboard_row .keyboard_item.long{width: 80px;}
.keyboard_item.backspace{background:url(../img/backspace.png) no-repeat center;background-size: 32px;background-color: #4c4c4e;}
.keyboard_item.success{position: absolute;bottom: 0px;right: 0px;}
.keyboard .keyboard_row .keyboard_item:hover{background-color: #75757a;}
.keyboard .keyboard_row .keyboard_item>img{width: 30px;}
/*规则   条款*/
/* .theme-container{border-radius:20px;position:absolute;left:0;right:0;top:0;bottom:45px;width:80%;height:85%;margin:auto;} */
.scroll{width:100%;height:100%;overflow:hidden;}
.theme-box{height:85vh;width:100%;display:flex;flex-direction:column;  justify-content:center;}
.theme-container .login-title{width:66%;margin:20px auto 20px;display: flex;align-items: center;}
.theme-box .login-title .logoimg{width: 60px;height: 60px;}
.theme-container .theme-circle{text-align:center;width:80px;height:80px;margin:auto;display:flex;margin-bottom:10px;align-items:center;border:1px solid #ccc;border-radius:50%;overflow:hidden;}
.theme-container .login-title .logotit .p1{font-size: 26px;}
.theme-container .login-title .logotit .p2{font-size: 24px;}
.theme-container .careful-text{background-color:#f8f9fb;border: 1px solid #c5cdd8;width:66%;margin:0 auto;border-radius:20px;padding: 30px 32px;height:calc(100% - 150px);}
.theme-container .careful-text > div{height:100%;overflow:auto;padding-right:20px;}
.theme-container .careful-text p:first-of-type{font-weight:bold;font-size:16px;text-align:left;padding-bottom:10px;color: #474948;}
.theme-container .careful-text p:last-of-type,.theme-container .careful-text p:nth-last-of-type(2){color:#fe0000;font-weight:bold;}
.theme-container .careful-text p{line-height:30px;letter-spacing:4px;font-size:14px;text-align:left;color:#474747;}
.label-btn-big{display:flex;}
.label-btn-big input[type="button"]{width:150px;font-size:16px;height:45px;margin:20px auto 10px;line-height:45px;background-color:#197ee6;color:#fff;border:0;border-radius: 3px;cursor:pointer;}

/*统计界面 县*/
.view-wrap{padding:20px;width:100%;margin-left:0;margin-right:0;}
.view-nav .statistics-box{display:flex;align-items:center;}
.view-items .statistics-box{height:100%;}
.statistics-box{padding:20px 25px 20px 25px;width:100%;min-height:100px;background-color:#fff;margin-bottom:15px;border-radius:4px;box-shadow:0 0 30px rgb(236, 236, 236);position:relative;}
.next-btn{position:absolute;right:2%;top:2%;z-index:99;border:none;border-radius:4px;box-shadow: 5px 3px 30px rgba(189, 188, 188, 0.79);background: #FB5353;padding: 5px 6px;color: #fff;}
.statistics-header{display:flex;display:-ms-flex;justify-content:space-between;align-items:center;}
.statistics-title{position:relative;text-align:left;}
.statistics-title-cn{font-size:18px;text-align:left;font-weight:700;height:30px;line-height:30px;color:#313131;}
.statistics-title-en{display:block;color:#dadada;font-size:14px;}
.switch-control{flex:1;}
.switch-hd{height:28px;display:inline-block;border:1px solid #4597fd;border-radius:4px;font-size:0;}
.switch-hd a{display:inline-block;width:55px;height:27px;text-align:center;line-height:27px;color:#484848;font-size:12px;}
.switch-hd a:first-of-type{border-right:1px solid #4597fd}
.switch-hd a.on{background-color:#4597fd;color:#fff;}

.statistics-box .statistics-content{font-size:18px;padding-left:15px;flex:1;text-align:left;color:#353535;font-weight:400;}
.statistics-box .statistics-content em{display:block;font-size:14px;margin-top:5px;}
.statistics-box .statistics-img{width:57px;height:57px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f1f6ff;}
.statistics-box .statistics-img i{font-size:30px;}
.box-c1 .statistics-img i,.box-c1 .statistics-num h3{color:#00abff;}
.box-c2 .statistics-img i,.box-c2 .statistics-num h3{color:#105694;}
.box-c3 .statistics-img i,.box-c3 .statistics-num h3{color:#bc78e4;}
.box-c4 .statistics-img i,.box-c4 .statistics-num h3{color:#7fc7a0;}
.statistics-box .statistics-num{width:100px;}
.statistics-box .statistics-num > h3{font-size:30px;}
.wait-wrap{height:500px;}
.wait-img{width:100%;height:100%;display:flex;align-items:center;}
.wait-img > img{width:100%;}
.wait-wrap > .wait-con{height:480px;overflow-y:auto;}
.wait-items{padding:10px 20px 10px 0;min-height:50px;overflow:hidden;margin-left:15px;margin-right:15px;border-bottom:1px solid #ccc;display:flex;display:-ms-flex;align-items:center;justify-content:space-between;}
.wait-items .items-col{flex:1;}
.wait-items span{color:#dedede;}
.wait-items span.items-text{width:90%;text-align:left;font-size:12px;line-height:18px;margin-bottom:5px;color:#929191;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.wait-items span a{color:#757575;transition:.5s linear;}
.wait-items span a:hover{color:#000;}
.wait-items p{width:45px;height:45px;color:#fff;border-radius:50%;display:flex;display:-ms-flex;align-items:center;justify-content:center;position:relative;}
.wait-items p.new:before{content:'';display:inline-block;border: 5px solid #ff1c1c;border-radius: 50%;position:absolute;right:0;top:0;}
.wait-items p.same{background-color:#79bff9;}/*一般*/
.wait-items p.imp{background-color:#f97f7f;}/*重要*/
.wait-items p.urgent{background-color:#c395f9;}/*紧急*/

/*统计界面 市*/
.all-header{width:100%;overflow:hidden;}
.table{width:100%;border-collapse:collapse;}
.all-box .table{border:1px solid #eaeaea;margin-top:20px;height:350px;}
.all-box .table th,.all-box .table td{border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
.all-box .table th{font-size:14px;color:#777;}
.all-box .table td{height:32px;padding-left:15px;color:#777;font-size:12px;}
.all-box .table .cut{height:40px;background:#fff;position: relative;color:#777;font-size:12px;font-weight: 200;}
.all-box .table .cut:before{content: '';display: block;height: 1px;width: calc(100% + 9px);background:#eaeaea;transform:rotateZ(23deg);transform-origin: 0 0;}
.all-box .table .cut span:first-of-type{position:absolute;bottom:2px;left:5px;font-weight:700;}
.all-box .table .cut span:nth-of-type(2){position:absolute;right:15px;top:5px;font-weight:700;}
.wait-items p.gray{background-color:#c5c5c5;}/*重要*/

/*查询*/
.statistics-search{width:100%;padding:20px 15px;display:flex;align-items:center;text-align:left;margin-bottom:15px;border-radius:4px;box-shadow:0 0 30px rgb(236, 236, 236);}
.btn{display:inline-block;width:80px;height:30px;text-align:center;line-height:30px;}
.search-btn{color:#777;background-color:transparent;border:1px solid #8C8C8C;}

/*日历*/
.calendar *{box-sizing:border-box;font-size:14px}
.calendar-sm{cursor:default;width:800px;height:370px}
.calendar:not(.datebox-calendar-inner .calendar){cursor:default;width:100%;height:350px;margin-top:20px;display:flex;display:-ms-flex;}
.calendar-sm .c-pad-top{padding-top:2%}
.c-event-top{width: 190px;height:350px;background: #181f28;float: left;position: relative;}
/*.calendar .c-pad-top{padding-top:3%}*/
.c-grid{height:350px;width:440px;float:left;background: #fff;padding:0 25px;color: #bbc3cd;}
.c-day{border-radius: 3px;width:45px;height:45px;float:left;text-align:center;margin: 5px 5px 0px 5px;color: #bbc3cd;line-height: 45px;}
.c-day-previous-month{width:45px;height:45px;float:left;text-align:center;color:gray;margin: 5px 5px 0px 5px;}
.c-day-next-month{width:40px;height:40px;float:left;text-align:center;color:gray;margin: 5px 5px 0px 5px;}
.c-week-day{width:55px;height:10.38%;line-height: 25px;float:left;text-align:center;padding-top:1%}
.c-next{width:24px;height:24px;text-align:right;cursor:pointer;text-align: center;background: url(../images/you.png);position: absolute;bottom:15px;right: 15px;}
.c-previous{width:24px;height:24px;text-align:left;cursor:pointer;text-align: center;background: url(../images/zuo.png);position: absolute;bottom:15px;right: 50px;}
.c-month{width:100%;height:inherit;text-align:center;}
.c-month-top{font-size: 22px;margin-top: 90px;}
.c-month-center{font-size: 92px;color: #fff;}
.c-month-bottom{font-size: 22px;height: 30px}
.c-today{color:white;background: -webkit-linear-gradient(to right, #2fb5ff , #348de8);background: -o-linear-gradient(to right, #2fb5ff , #348de8);/* Opera 11.1 - 12.0 */background: -moz-linear-gradient(to right, #2fb5ff , #348de8); /* Firefox 3.6 - 15 */background:linear-gradient(to right, #2fb5ff , #348de8);}
.c-event{background-color:#00aeff;color:#fff;font-weight:700;cursor:pointer;position:relative;overflow:hidden; }
/*.c-event:before{content:"课";color:#FFF;position:absolute;top:0;left:0;z-index:1}
.c-event:after{content:" ";position:absolute;width:50px;height:50px;background:#2FA8EC;left:-25px;top:-25px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);z-index:0}*/
.c-event-grid{margin-left:1px;height:inherit;width:565px;float:left;}
.c-grid-title{float:left;color:#fff}
/*.c-event-title{width:100%;height:12%;text-align:center;font-weight:700;background-color:#879bbc;color:#fff}*/
.c-event-body{height:342px;overflow: hidden;}
.c-event-list{padding:7 0 0 0;overflow:auto;height:95%;position:relative; overflow-y: scroll;overflow-x: hidden;}
.c-event-list::-webkit-scrollbar {display:none}
.c-event-item>.title{font-weight:700}
.c-event-item>div{text-overflow:ellipsis;width:inherit;overflow:hidden;white-space:nowrap}
.c-event-item{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;padding-left:10px;padding: 20px 0px 20px 20px;margin-left: 30px;border-bottom: 1px solid #f9f9f9;}
.c-event-over{font-weight:700;color:#fff;background: -webkit-linear-gradient(left, #01c2e6 , #1160ff); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(right, #01c2e6 , #1160ff); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(right, #01c2e6 , #1160ff); /* Firefox 3.6 - 15 */background: linear-gradient(to right, #01c2e6 , #1160ff)}
.c-event-over1{background: #f9f9f9;color: #000000;}
.c-event-over1 a{color: #000000;}
.c-event-over a{color: white;}
.c-event-over>.description{font-weight:400}




/*后台头部*/
.view-header{min-height:150px;width:100%;position:relative;background-color:#fff;border-bottom:1px solid #f9f9f9;}
.view-header .header{display:flex;display:-ms-flex;align-items:center;justify-content:space-between;}
.header{width:auto !important;padding-left:15px;padding-right:15px;height:60px !important;float:none !important;background-color:#1e97ff;}
.view-header .header .header-logo{color:#fff;font-size:16px;font-weight:bolder;}
.view-header .header .header-logo span.small-txt{font-size:14px;margin-left:10px;border-left: 2px solid #fff;padding-left:10px;}
.view-header .header .header-besider{color:#fff;}
.view-header .header .header-besider a{color:#fff;}
.view-header .mynav{display:flex;align-items:center;height:90px;}
.view-header .mynav > li{float:left;}
.view-header .mynav > li > a{display:block;padding:7px 15px 7px 15px;font-size:14px;transition:.5s ease-in;color:#777;}
.view-header .mynav > li > a:before{content:'';display:block;font-family:"icon";font-size:24px;margin-bottom:5px;}
.view-header .mynav > li:first-of-type > a:before{content:'\e612';}
.view-header .mynav > li:nth-of-type(2) > a:before{content:'\e7e9';}
.view-header .mynav > li:nth-of-type(3) > a:before{content:'\e742';}
.view-header .mynav > li:nth-of-type(4) > a:before{content:'\e602';}
.view-header .mynav > li:nth-of-type(5) > a:before{content:'\e613';}
.view-header .mynav > li:nth-of-type(6) > a:before{content:'\e63e';}
.view-header .mynav > li:nth-of-type(7) > a:before{content:'\e741';}
.view-header .mynav > li:nth-of-type(8) > a:before{content:'\e603';}
.view-header .mynav > li:nth-of-type(9) > a:before{content:'\e683';}
.view-header .mynav > li:nth-of-type(10) > a:before{content:'\e60b';}
.view-header .mynav > li:nth-of-type(11) > a:before{content:'\e6fe';}
.view-header .mynav > li:nth-of-type(12) > a:before{content:'\e636';}
.view-header .mynav > li.active a,.view-header .mynav > li.active a:hover{color:#000;text-shadow: 1px 6px 9px #797979;}
.view-header .mynav > li > a:hover{color:#9C9C9C;}
.view-frame{height:calc(100vh - 150px);background-color: #f7f7f7;}
.table-wrap tr{}
.table-wrap tr td{vertical-align:middle;}


/*plant over easyui*/
.datagrid-pager .l-btn, .pagination-page-list, .pagination .pagination-num {
    border: 1px solid #ccc !important;
    margin: 0 3px;
    width: 25px;
    height: 25px;
    border-radius: initial;
}
.panel{background: #fff;}
.tree-node{padding:3px 0;height:auto;}
.messager-warning{background:url(../images/warn.png) no-repeat center 2px;}
[class^="messager-"] + div{}
.panel-tool-close{background:url(../images/close.png) no-repeat;}
.window .window-header .panel-tool{top:10px;right:10px;}
.box-con {padding:5px 5% 5px 15px;background: #fff;}
.input-grp{padding: 0 3px;}
.header-default{padding:5px 15px 5px;height: auto !important;}
.header-default table tr {display:flex;align-items:center;flex-wrap:wrap;}
.header-default table td {padding: 0;font-size: 13px;color: #58617b;margin: 5px 15px 5px 0px;}
.panel-body-noborder[data-grid="global"] {padding: 0 15px 10px;}
.panel-header,.panel-body{border-color:#E4F0F7;}
.combo-p .panel-body{border-color:#a5a5a5;}
.combo-p .combobox-item{padding: 7px 15px;}
.datagrid-header-row td,.datagrid-row td {color: #454954;padding: 8px 0;background: transparent;border-style: solid;border-color: #ebebeb;}
.datagrid-header-row td{color:#1c1d21;padding:15px 0;}
.datagrid-header .datagrid-cell span{font-size:14px;font-weight:bold;}
.datagrid-toolbar{height:55px;padding:0;}
.datagrid-toolbar table{display:flex;justify-content:center;}
.datagrid-toolbar td a{border:1px solid #d4e0eb;padding:5px 10px;min-width:135px;box-sizing: border-box;height: 40px;background:#fff;margin-right:10px;transition:.4s linear;border-radius:0 0 10px 2px;box-shadow:1px 5px 5px 0 rgba(27, 71, 109, 0.46);color:#105694;}
.datagrid-toolbar td a .l-btn-text{line-height:30px;}
.datagrid-toolbar td a .l-btn-icon-left .l-btn-icon{background:none;left:0;}
.datagrid-toolbar td a .l-btn-icon-left .l-btn-icon:before{font-family:'icon1';font-size:20px;}
.datagrid-toolbar td a#download{background-color:#2a89ff;border:none;color:#fff;}
.datagrid-toolbar td a#download .l-btn-icon-left .l-btn-icon:before{content:'\e628';}
.datagrid-toolbar td a#download1 .l-btn-icon-left .l-btn-icon:before,.datagrid-toolbar td a#excel .l-btn-icon-left .l-btn-icon:before{content:'\e629';}
.datagrid-toolbar td a#login .l-btn-icon-left .l-btn-icon:before{content:'\e61d';}
.datagrid-toolbar td a#cj .l-btn-icon-left .l-btn-icon:before{content:'\e647';}
.datagrid-toolbar td a#sj .l-btn-icon-left .l-btn-icon:before{content:'\e63f';}
.datagrid-toolbar td a#scores .l-btn-icon-left .l-btn-icon:before{content:'\e61a';}
.header-default-bg{background:transparent;}
.header-default .l-btn{border:none;background:#006ff9;margin-right: 5px;border-radius: 3px;filter: drop-shadow(2px 4px 6px rgba(0,111,249,.2));padding:0;}
.header-default .l-btn .l-btn-left .l-btn-text{margin:0 20px;line-height:30px;color:#fff;}
.panel.window .l-btn:not(#dlg-buttons .l-btn):hover{color:#000000 !important;}
.l-btn{overflow:initial;}
.l-btn-left,.l-btn-text,.l-btn-text span{display:block;overflow:initial;}
.l-btn-text span{display:block;min-width:100px;height:30px;border-radius:3px;padding:0 10px;}
.l-btn-text span.btn-s{padding:0;width:100px;border:1px solid #1d88e6;background:#fff;color:#777;}
.l-btn-text span.btn-s.btn-active{background:#1d88e6;color:#fff;}
.datagrid-header-row, .datagrid-row{height:35px; !important;}
.datagrid-header-row{color:#464646;padding:5px 0;}
td[field="opt"] .datagrid-cell a:first-of-type font{color:#36b5ff !important;}
td[field="opt"] .datagrid-cell a:nth-of-type(2) font{color:#3686ff !important;}
td[field="opt"] .datagrid-cell a:last-of-type font{color:#105694 !important;}
td[field="ksrs"] .datagrid-cell font{color:#0ea6ff !important;}
td[field="outtime"] .datagrid-cell font{color:#bc78e4 !important;}
td[field="upload"] .progressbar{border:1px solid #d3d3d3;border-radius:10px;transition:width .4s linear;}
td[field="upload"] .progressbar .progressbar-value .progressbar-text{background-color:#cfedfe;}
.datagrid-row-selected{background:#f5fbff !important;}
.panel.window select,.panel.window .textbox{width: 200px !important;}
select,.textbox {border: 1px solid #ddd;border-radius: 3px;width: 150px;}
.textbox .textbox-text {font-size: 12px;border: 0 !important;margin: 0;padding: 4px;white-space: normal;vertical-align: top;outline-style: none;resize: none;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;}
.textbox-addon + input {border: 0;}
.textbox .textbox-addon a,.textbox input{height:30px !important;line-height:30px !important;}
select[disabled="disabled"],input[disabled="disabled"]{background-color:#F3F3F3 !important;opacity:.6;}
.easyui-datetimebox + span input[id^="_easyui"]{width:auto !important;}
.panel.window{background:#fff;font-size:14px;position:absolute;border-radius:4px;}
.panel.window .l-btn{width:70px;}
.panel.window .window-header{padding:12px 15px;background: #ecf6ff;font-size:14px;}
.panel.window .window-body{padding:10px 15px 15px 15px;border:0;}
.panel.window .window-body + .dialog-button{padding:5px 0 15px;}
.panel.window .window-body table tr:first-of-type td{color:#E61111;font-weight:700;}
.panel.window .window-body table td{height:50px;position:relative;}
.panel.window .window-body table td a.l-btn span.l-btn-left{padding:0;}
.panel.window .window-body table td input{height:30px;padding-left:15px;line-height:30px;width:180px;border-radius:4px;border: 1px solid #ddd;}
.panel.window .window-body .dialog-button{background-color:transparent;margin-top:10px;border:none;}
.panel.window .window-body .dialog-button a:hover{opacity:.9;}
.window .panel-header .panel-title{color:#2b2b2b;font-weight:600;text-align:left;}
.view-frame + div + div + .window{background-color:#fff;}
.view-frame + div + div + .window .window-header{padding:25px 25px 0;background:none;border:none;}
.view-frame + div + div + .window .window-header .panel-title{text-align:left;}
.view-frame + div + div + .window .window-header .panel-title span{display:block;color:#105694;font-size:12px;margin-top:5px;}
.view-frame + div + div + .window .window-header .panel-title:before{font-family:'icon1';content:'\e639';}
#dlg2{padding:30px 25px 0;background:transparent;}
#dlg2:before{content:'';display:inline-block;position:absolute;z-index:-1;right:0;top:0;width:120px;height:150px;background-image:url(../images/window_load_shape.png);opacity:.6;}
#dlg2 .panel{background:transparent;}
#dlg2 #load-table td input{border:none;background:transparent;font-size:13px;}
#dlg2 #load-table tr td:last-of-type{border-bottom:1px solid #ccc;}
#dlg2 #dlg-buttons tr td a.l-btn{background:#105694;color:#fff;}
/**download_form**/
.table-control{background-color:#fff;width:100%;border:1px solid #e7e7e7;border-radius:4px;font-size:14px;}
.table-control tr{border-bottom:1px dashed #dcdcdc;}
.table-control tr:last-of-type{border:none;}
.table-control tr td:first-of-type{width:200px;padding-left:25px;}
.table-control td{padding:20px 0;}
.btn-default{height:32px;line-height:32px;border:1px solid transparent;border-radius:4px;cursor:pointer;}
.download-file{position:relative;display:inline-block;}
.download-file .file-text{display:inline-block;width:auto;min-width:230px;height:32px;line-height:30px;color:#c3cad9;padding: 0 10px;white-space:nowrap;border:1px solid #959ca7;border-radius:4px;}
.download-file .file-btn{width:120px;background-color:#fff;border:1px solid #0ea6ff;color:#0ea6ff;margin-left:15px;}
.download-file .myfile{position: absolute;width:120px;right: 0;top: 0;opacity: 0;cursor:pointer;}
.download-file + .Anbut{background-color:#0ea6ff;color:#fff;}
.table-control td .Anbut{padding:0 40px;}
.table-control tr.table-btn td:last-of-type input{border-radius:4px;}
.table-control tr.table-btn td:last-of-type input:first-of-type{border:1px solid #105694;color:#105694;background:#fff;}
.table-control tr.table-btn td:last-of-type input:not(:first-of-type){background-color:#105694;border:none;color:#fff;}
.load-box{background:#fff;height:calc(100% - 150px - 20px);margin-top:20px;border:1px solid #e7e7e7;border-radius:4px;font-size:14px;padding:50px;text-align:center;}
.load-box > .load-auto{height:100%;overflow:auto;}
.load-box > .load-auto p{padding:5px;}
@media screen and (min-width: 768px){
    .col-sm-1{max-width:8.333332%;-ms-flex:0 0 8.333332%;flex:0 0 8.333332%;}
    .col-sm-2{max-width:16.666664%;-ms-flex:0 0 16.666664%;flex:0 0 16.666664%;}
    .col-sm-3{max-width:25%;-ms-flex:0 0 25%;flex:0 0 25%;}
    .col-sm-4{max-width:33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;}
    .col-sm-5{max-width:41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;}
    .col-sm-6{max-width:50%;-ms-flex:0 0 50%;flex:0 0 50%;}
    .col-sm-7{max-width:58.333336%;-ms-flex:0 0 58.333336%;flex:0 0 58.333336%;}
    .col-sm-8{max-width:66.666666%;-ms-flex:0 0 66.666666%;flex:0 0 66.666666%;}
    .col-sm-9{max-width:75%;-ms-flex:0 0 75%;flex:0 0 75%;}
    .col-sm-10{max-width:83.333334%;-ms-flex:0 0 83.333334%;flex:0 0 83.333334%;}
    .col-sm-11{max-width:91.666666%;-ms-flex:0 0 91.666666%;flex:0 0 91.666666%;}
    .col-sm-12{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%;}
}
@media screen and (min-width: 992px){
    .col-md-1{max-width:8.333332%;-ms-flex:0 0 8.333332%;flex:0 0 8.333332%;}
    .col-md-2{max-width:16.666664%;-ms-flex:0 0 16.666664%;flex:0 0 16.666664%;}
    .col-md-3{max-width:25%;-ms-flex:0 0 25%;flex:0 0 25%;}
    .col-md-4{max-width:33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;}
    .col-md-5{max-width:41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;}
    .col-md-6{max-width:50%;-ms-flex:0 0 50%;flex:0 0 50%;}
    .col-md-7{max-width:58.333336%;-ms-flex:0 0 58.333336%;flex:0 0 58.333336%;}
    .col-md-8{max-width:66.666666%;-ms-flex:0 0 66.666666%;flex:0 0 66.666666%;}
    .col-md-9{max-width:75%;-ms-flex:0 0 75%;flex:0 0 75%;}
    .col-md-10{max-width:83.333334%;-ms-flex:0 0 83.333334%;flex:0 0 83.333334%;}
    .col-md-11{max-width:91.666666%;-ms-flex:0 0 91.666666%;flex:0 0 91.666666%;}
    .col-md-12{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%;}

}
@media screen and (min-width: 1200px){
    .col-lg-1{max-width:8.333332%;-ms-flex:0 0 8.333332%;flex:0 0 8.333332%;}
    .col-lg-2{max-width:16.666664%;-ms-flex:0 0 16.666664%;flex:0 0 16.666664%;}
    .col-lg-3{max-width:25%;-ms-flex:0 0 25%;flex:0 0 25%;}
    .col-lg-4{max-width:33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;}
    .col-lg-5{max-width:41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;}
    .col-lg-6{max-width:50%;-ms-flex:0 0 50%;flex:0 0 50%;}
    .col-lg-7{max-width:58.333336%;-ms-flex:0 0 58.333336%;flex:0 0 58.333336%;}
    .col-lg-8{max-width:66.666666%;-ms-flex:0 0 66.666666%;flex:0 0 66.666666%;}
    .col-lg-9{max-width:75%;-ms-flex:0 0 75%;flex:0 0 75%;}
    .col-lg-10{max-width:83.333334%;-ms-flex:0 0 83.333334%;flex:0 0 83.333334%;}
    .col-lg-11{max-width:91.666666%;-ms-flex:0 0 91.666666%;flex:0 0 91.666666%;}
    .col-lg-12{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%;}


}
@media only screen and (min-width: 1400px) {
    .col-lg-1{max-width:8.333332%;-ms-flex:0 0 8.333332%;flex:0 0 8.333332%;}
    .col-lg-2{max-width:16.666664%;-ms-flex:0 0 16.666664%;flex:0 0 16.666664%;}
    .col-lg-3{max-width:25%;-ms-flex:0 0 25%;flex:0 0 25%;}
    .col-lg-4{max-width:33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;}
    .col-lg-5{max-width:41.666667%;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;}
    .col-lg-6{max-width:50%;-ms-flex:0 0 50%;flex:0 0 50%;}
    .col-lg-7{max-width:58.333336%;-ms-flex:0 0 58.333336%;flex:0 0 58.333336%;}
    .col-lg-8{max-width:66.666666%;-ms-flex:0 0 66.666666%;flex:0 0 66.666666%;}
    .col-lg-9{max-width:75%;-ms-flex:0 0 75%;flex:0 0 75%;}
    .col-lg-10{max-width:83.333334%;-ms-flex:0 0 83.333334%;flex:0 0 83.333334%;}
    .col-lg-11{max-width:91.666666%;-ms-flex:0 0 91.666666%;flex:0 0 91.666666%;}
    .col-lg-12{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%;}
    .exam-time{margin-top:6%;}
}

@media screen and (max-width: 1400px){
    .form-btn button{height: 42px;border-radius: 16px;font-size: 18px;}

    /* 20200420改  登录*/
    .login-title .logoimg{width: 44px;height: 40px;}
    .login-title .logotit .p1,.box-title p:first-of-type{font-size: 22px;}
    .login-title .logotit .p2{font-size: 20px;}
    .input__label, .input__label i,.form-item .input--control input{font-size: 16px !important;}
    .form-item .input--control input{height: 36px;line-height: 36px;}
    .box-title{margin: 4% 0 0;}
    .exam-time{margin: 5% 0;}
    .banh{font-size: 12px;}
    .form-item{margin-top: 20px;}

    /* 20200420改  规则*/
    .theme-box .login-title .logoimg{width: 40px;height: 36px;}
    .theme-box .login-title .logotit{display: flex;align-items: center;margin: 0;}
    .theme-container .login-title .logotit .p1{font-size: 20px;margin: 0 10px;}
    .theme-container .login-title .logotit .p2{font-size: 20px;border-left: 1px solid #696e76;padding-left: 10px;}
    .scroll .logotit .p2 span {padding: 0;border: none;}
    .theme-container .careful-text{width:80%;padding:20px 10px 20px 30px;}
    .theme-container .careful-text p:first-of-type,.box-title p:last-of-type,.exam-time{font-size: 14px;}
    .theme-container .careful-text p{line-height: 25px;font-size: 12px;}
	.theme-container .login-title{width:80%;}

    
}
@media screen and (max-width: 1680px){
    .form-item .input--control input{
        text-indent: 18px;
        font-size: 17px;
    }
}
@media screen and (max-width: 1440px){
    .login-contain{
        width: 52%;
    }
}
@media screen and (max-width: 1360px){
    .login-bg .login-contain{width: 50%;}
    .login-bg .login-form{margin: 3.5% 0 7%;}
    .login-bg .box-title p:first-of-type{font-size: 28px;}
    .login-bg .input__label{font-size: 18px !important;}
    .login-bg .box-title p:last-of-type,
    .login-bg .exam-time{font-size: 17px;}
    .login-bg .form-item .input--control input{height: 44px;line-height: 44px;font-size: 16px !important;}
}
@media screen and (max-width: 1280px){
    .input_span{width: 55%;}
    .form-item .input--control input{text-indent: 14px;}
    .old_pattern{right: 10px;bottom: 7px;font-size: 13.5px;}
    .old_pattern h4{margin-bottom: 2px;}
    .old_pattern .old_btn{padding: 2px 10px;}
    .old_pattern .old_btn img{left: -4px;height: 55%;}
    
    .keyboard{padding: 6px;}
    .keyboard .keyboard_row .keyboard_item{width: 35px;height: 35px;font-size: 14px;}
    .keyboard .keyboard_row .keyboard_item.long{width: 60px;}
    .keyboard_item.backspace{background-size: 24px;}
}
@media screen and (max-width: 1024px){
    .login-bg .login-contain{
        width: 62%;
    }
}
@media screen and (max-width: 768px){
    .col-xs-4{max-width:33.333333%;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;}
    .col-xs-6{max-width:50%;-ms-flex:0 0 50%;flex:0 0 50%;}
    .col-xs-12{max-width:100%;-ms-flex:0 0 100%;flex:0 0 100%;}
    .login-bg .login-contain{
        width: 74%;
    }
    .login-bg .form-item .input--control input{
        font-size: 15px !important;
    }
    .input_span{
        width: 60%;
    }
}

input:-webkit-autofill{
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}


.iconfont{font-size:24px;}
.ico-account:before{content:'\e622';}
.ico-password:before{content:'\e601';}
.ico-card:before{content:'\e600';}
.ico-piciguanli:before{content:'\e63c';}
.ico-name-number:before{content:'\e674';}
.ico-gognzhong:before{content:'\e6b1';}
.ico-shujuhegeshuai:before{content:'\e74f';}



::-webkit-scrollbar
{
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #BDBDBD;
}