@charset "utf-8";
/****************************************************************************
CSS RESET   Author: DBS
****************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong,  tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio,
video {	margin: 0; 	padding: 0;	border: 0;	font-size: 100%;	font: inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none;}
table {border-collapse: collapse; border-spacing: 0; }
/*::-moz-selection { background: #005a80; color: #fff; text-shadow: none; }*/
/*::selection { background: #005a80; color: #fff; text-shadow: none; }*/

/****************************************************************************/


body{  color:#3b3b3b; font: 12px "GothamBook","helvetica","arial","Microsoft Yahei","微软雅黑",sans-serif; }
a { text-decoration: none; }
a:hover, a:active { outline: 0; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.ellipsis{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.un{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.wrap{width: 1200px; margin: 0 auto;}
.wraper{width: 100%; min-width: 1200px;}
.fl{float: left;}
.fr{float: right;}
.flex{display: flex;}
.flex-1{flex: 1;}
.column{flex-direction: column;}
.j-center{justify-content: center;}
.j-around{justify-content: space-around;}
.j-evenly{justify-content: space-evenly;}
.stretch{justify-content: stretch;}
.ai-center{align-items: center;}
.ac-center{align-content: center;}
.d-none{display: none;}
.d-block{display: block;}
.d-inblock{display: inline-block;}
.relative{position: relative;}
.absolute{position: absolute;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.over-scroll{overflow: auto;}
/* border */
.border-solid{border: 1px solid #eee;}
.border-solid-top{border-top: 1px solid #eee;}
.border-solid-left{border-left: 1px solid #eee;}
.border-solid-right{border-right: 1px solid #eee;}
.border-solid-bottom{border-bottom: 1px solid #eee;}
.border-dashed{border: 1px dashed #dedede;}
.border-dashed-top{border-top: 1px dashed #eee;}
.border-dashed-left{border-left: 1px dashed #eee;}
.border-dashed-right{border-right: 1px dashed #eee;}
.border-dashed-bottom{border-bottom: 1px dashed #eee;}
.border-solid-primary{border: 1px solid var(--primary);}
.border-dashed-primary{border: 1px dashed var(--primary);}
.shadowInset{box-shadow: 0px 0px 5px 2px rgba(170, 170, 170, 0.4) inset;}
.shadow{box-shadow: 0px 0px 3px 0 rgb(0,0,0,0.15);}

/* font-size */
.font-12{font-size: 12px;}
.font-14{font-size: 14px;}
.font-16{font-size: 16px;}
.font-17{font-size: 17px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-22{font-size: 22px;}
.font-24{font-size: 24px;}
.font-50{font-size: 50px;}
.font-bold{font-weight: bold;}
.font-normal{font-weight: normal;}

.radius-2{border-radius: 2px;}
.radius-4{border-radius: 4px;}
.radius-5{border-radius: 5px;}
.radius-6{border-radius: 6px;}
.radius-8{border-radius: 8px;}
.radius-10{border-radius: 10px;}
.radius-50{border-radius: 50%;}

.w-20{width: 20%;}
.w-30{width: 30%;}
.w-50{width: 50%;}
.w-80{width: 80%;}
.w-100{width: 100%;}

/* spacing */

.mx-auto{margin: 0 auto;}
.mx-0{margin-left:0!important;margin-right:0!important}
.my-0{margin-top:0!important;margin-bottom:0!important}
.ml-0{margin-left:0!important}
.mt-0{margin-top:0!important}
.mr-0{margin-right:0!important}
.mb-0{margin-bottom:0!important}

.m-5{margin: 5px;}
.mx-2{margin-left: 2px;margin-right: 2px;}
.mx-5{margin-left: 5px;margin-right: 5px;}
.my-5{margin-top: 5px;margin-bottom: 5px;}
.my-n-5{margin-top: -5px;margin-bottom: -5px;}
.mt-5{margin-top: 5px;}
.ml-5{margin-left: 5px;}
.mr-5{margin-right: 5px;}
.mb-5{margin-bottom: 5px;}

.m-10{margin: 10px;}
.mx-10{margin-left: 10px;margin-right: 10px;}
.my-10{margin-top: 10px;margin-bottom: 10px;}
.mt-10{margin-top: 10px;}
.ml-10{margin-left: 10px;}
.mr-10{margin-right: 10px;}
.mb-10{margin-bottom: 10px;}

.m-15{margin: 15px;}
.mx-15{margin-left: 15px;margin-right: 15px;}
.my-15{margin-top: 15px;margin-bottom: 15px;}
.mt-15{margin-top: 15px;}
.ml-15{margin-left: 15px;}
.mr-15{margin-right: 15px;}
.mb-15{margin-bottom: 15px;}

.m-20{margin: 20px;}
.mx-20{margin-left: 20px;margin-right: 20px;}
.my-20{margin-top: 20px;margin-bottom: 20px;}
.mt-20{margin-top: 20px;}
.ml-20{margin-left: 20px;}
.mr-20{margin-right: 20px;}
.mb-20{margin-bottom: 20px;}

.m-25{margin: 25px;}
.mx-25{margin-left: 25px;margin-right: 25px;}
.my-25{margin-top: 25px;margin-bottom: 25px;}
.mt-25{margin-top: 25px;}
.ml-25{margin-left: 25px;}
.mr-25{margin-right: 25px;}
.mb-25{margin-bottom: 25px;}

.m-30{margin: 30px;}
.mx-30{margin-left: 30px;margin-right: 30px;}
.my-30{margin-top: 30px;margin-bottom: 30px;}
.mt-30{margin-top: 30px;}
.ml-30{margin-left: 30px;}
.mr-30{margin-right: 30px;}
.mb-30{margin-bottom: 30px;}

.m-40{margin: 40px;}
.mx-40{margin-left: 40px;margin-right: 40px;}
.my-40{margin-top: 40px;margin-bottom: 40px;}
.mt-40{margin-top: 40px;}
.ml-40{margin-left: 40px;}
.mr-40{margin-right: 40px;}
.mb-40{margin-bottom: 40px;}

.p-0{padding:0!important}
.px-0{padding-left:0!important;padding-right:0!important}
.py-0{padding-top:0!important;padding-bottom:0!important}
.pl-0{padding-left:0!important}
.pt-0{padding-top:0!important}
.pr-0{padding-right:0!important}
.pb-0{padding-bottom:0!important}

.p-5{padding: 5px;}
.px-5{padding-left: 5px;padding-right: 5px;}
.py-5{padding-top: 5px;padding-bottom: 5px;}
.pt-5{padding-top: 5px;}
.pl-5{padding-left: 5px;}
.pr-5{padding-right: 5px;}
.pb-5{padding-bottom: 5px;}

.p-10{padding: 10px;}
.px-10{padding-left: 10px;padding-right: 10px;}
.py-10{padding-top: 10px;padding-bottom: 10px;}
.pt-10{padding-top: 10px;}
.pl-10{padding-left: 10px;}
.pr-10{padding-right: 10px;}
.pb-10{padding-bottom: 10px;}

.p-15{padding: 15px;}
.px-15{padding-left: 15px;padding-right: 15px;}
.py-15{padding-top: 15px;padding-bottom: 15px;}
.pt-15{padding-top: 15px;}
.pl-15{padding-left: 15px;}
.pr-15{padding-right: 15px;}
.pb-15{padding-bottom: 15px;}

.p-20{padding: 20px;}
.px-20{padding-left: 20px;padding-right: 20px;}
.py-20{padding-top: 20px;padding-bottom: 20px;}
.pt-20{padding-top: 20px;}
.pl-20{padding-left: 20px;}
.pr-20{padding-right: 20px;}
.pb-20{padding-bottom: 20px;}

.p-25{padding: 25px;}
.px-25{padding-left: 25px;padding-right: 25px;}
.py-25{padding-top: 25px;padding-bottom: 25px;}
.pt-25{padding-top: 25px;}
.pl-25{padding-left: 25px;}
.pr-25{padding-right: 25px;}
.pb-25{padding-bottom: 25px;}

.p-30{padding: 30px;}
.px-30{padding-left: 30px;padding-right: 30px;}
.py-30{padding-top: 30px;padding-bottom: 30px;}
.pt-30{padding-top: 30px;}
.pl-30{padding-left: 30px;}
.pr-30{padding-right: 30px;}
.pb-30{padding-bottom: 30px;}

/* line-height */
.line-height-20{line-height: 20px;}
.line-height-25{line-height: 25px;}
.line-height-30{line-height: 30px;}
.line-height-35{line-height: 35px;}
.line-height-40{line-height: 40px;}
.line-height-45{line-height: 45px;}
.line-height-50{line-height: 50px;}

/* color */
.text-333{color: #333;}
.text-666{color: #666;}
.text-666{color: #999;}
.bg-lightgrey{background-color: #f7f7f7;}
.bg-lightblue{background-color: #e5f1fc;}
.bg-white{background: #fff;}

.layui-form-label{width: auto !important; padding-left: 0 !important; padding-right: 10px !important; min-width: 65px;}
a.layui-font-blue:hover{color: #f44712 !important}
.layui-table tbody tr:hover{background-color: #f8f8f8;}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: var(--primary) !important;}
/*.layui-tab-title .layui-this:after{border-bottom-color: #f2f2f2;}*/
.not-allowed{cursor:not-allowed;opacity: .6;-webkit-opacity: .6;filter: alpha(opacity=60);}

.layui-tab-title .layui-this:before{position: absolute;content: "";width: 100%;height: 3px;background-color: var(--primary);left: 0;top: 1px;}
.layui-tab-title .layui-this a,.layui-tab-title .layui-this{color: var(--primary);}
.layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 2px solid #fff !important;}
.layui-card .layui-tab-brief .layui-tab-title li{margin: 0; width: 110px;}
/*.layui-tab-brief>.layui-tab-title .layui-this{border-left: 1px solid #efefef; border-right: 1px solid #efefef}*/
#chooseGrade{border-bottom: none;}
#chooseGrade li{line-height: 28px;width: 75px; background-color: #eff0f2;border-radius: 5px;border: 1px solid #eff0f2;min-width: 70px;margin: 0 12px;}
#chooseGrade li.layui-this:after{border: none !important;}
#chooseGrade li.layui-this:before{width: 0}
#chooseGrade li.layui-this{border-color: var(--primary); color: var(--primary); background-color: #eaf0fd}

#addTeacherTab li.layui-this:before{top: 38px; z-index: 1000;}

.brand{position: relative;margin-left:10px;display: inline-block;height: 35px;}
.brand span{color:#fff;display: inline-block;position: relative;}
.brand:hover .brandbox{display: block}
.brand .brandbox{position: absolute;width: 135px;background: #fff;left: -37px;display: none;top: 32px;}
.brand .brandbox a{color:#333;/* width: 100%; */height: 36px;/* padding: 0 15px; */line-height: 36px;display: block;text-align: left;font-size: 12px;text-align: center;margin: 0;box-sizing: border-box;}
.brand .brandbox a:hover{color:var(--primary)}