@charset "gb2312";
/* html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}*/
/* reset css */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, fieldset, lengend, button, input, textarea, th, td,span{margin: 0;padding: 0;}
body,button, input, select, textarea {font: 12px/1 Microsoft YaHei,Tahoma, Helvetica, Arial, "\5b8b\4f53";}
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var,i ,b{ font-style: normal; }
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; }
small { font-size: 12px; }
ul, ol { list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none !important; }
fieldset, img { border: none; }
button, input, select, textarea {font-size: 100%; }
table {border-collapse: collapse;border-spacing: 0;}
hr { border: none;height: 1px;}
html { overflow-y: scroll; }
/*public css*/
.fl{float: left;}
.fr{float: right;}
a:hover{text-decoration: underline;}
.clearfix::after{content: "";clear: both;display: block;height: 0;visibility: hidden;}
.redText{color:#ed3f3f !important;}
.showBox{display: block !important;}
.hideBox{display: none !important;}
.hideBoxImg{display: none;}
.main{width: 1200px;margin: 0 auto;}
.menuBox .menuClass i,.menuBox .menuClass li em,.menuBox .menuClass b,.hotNewsList .topContBox h2 span,.hotNewsList .topContBox h2 i,.hotNewsList .topContBox .hotIcon i,.hotNewsList .botContBox dl dd i,.otherBox .botContBox .loginBox h3 i,.otherBox .botContBox .loginBox .btnBox button.registerBtn i,.classifyBox .classifyCont h2 .name i,.classifyBox .classifyCont h2 ul li .examIcon i,.classifyBox .infoCont .classSildeBox .sildeCont h2 i,.classifyBox .infoCont .classSildeBox .sildeCont h2 em,.classifyBox .classFtkBox ul li h5,.classifyBox .classFtkBox h4 i,.classifyBox .articleBox .liveBox .rollBox li .iconBox i,.classifyBox .classifyCont h2 .navListBox i{background: url("index.png") no-repeat;}
/*menuBox*/
.menuBox{width: 100%;height: 318px;background: url("meanBoxBg.jpg") no-repeat top center;padding-top: 20px;}
.menuBox .main{position: relative;}
.menuBox .menuClass{background: #fff;position: relative;padding:18px 18px 30px;box-shadow: 0 2px 10px rgba(90,120,222,.3)}
.menuBox .menuClass h2{font-size: 20px;color: #333;font-weight: normal;height: 30px;line-height: 30px;}
.menuBox .menuClass h2 a{color: #333;}
.menuBox .menuClass ul:after{content: "";clear: both;display: block;height: 0;visibility: hidden;}
.menuBox .menuClass li{padding-top: 15px;float: left;height: 15px;line-height: 15px;}
.menuBox .menuClass li a{font-size:14px;color: #333333;position: relative;display: inline-block;}
.menuBox .menuClass li a:hover{text-decoration: underline;}
.menuBox .menuClass li em{display: inline-block;width: 24px;height: 11px;background-position:-41px -110px;color: #fff;font-size: 11px;position: absolute;top: -10px;right:-13px;}
/* 2021-11-24 新增自定义折扣价 */
.menuBox .menuClass li a span{position: absolute;top: -14px;right: -15px;font-size: 12px;background: red;color: #fff;width: 36px;height: 16px;line-height: 16px;text-align: center;border-radius: 10px 0 10px 0;transform: scale(.8);}
/*  */
.menuBox .menuClass b{display: inline-block;width: 10px;height: 9px;background-position: -83px -110px;position: absolute;bottom: 10px;left: 50%;margin-left: -5px;}
.menuBox .menuClass u{display: none;border-width: 0 20px 20px 0;border-style: solid;border-color: transparent #a4b0f6;position: absolute;right: 0;top: 0;}
.menuBox .menuClassA{width: 269px;position: absolute;top: 0;left: 0;}
.menuBox .menuClassB{width: 386px;position: absolute;top: 0;left: 320px;}
.menuBox .menuClassC{width: 408px;position: absolute;top: 0;right: 0;}
.menuBox .menuClassD{width: 357px;position: absolute;top: 180px;left: 320px;}
.menuBox .menuClassE{width: 236px;position: absolute;top: 180px;right: 0;}
.menuBox .menuClassF{width: 155px;position: absolute;top: 180px;left: 722px;}
.menuBox .menuClassA ul{height: 240px;overflow: hidden;}
.menuBox .menuClassB ul,.menuBox .menuClassC ul{height: 90px;overflow: hidden;}
.menuBox .menuClassD ul,.menuBox .menuClassE ul,.menuBox .menuClassF ul{height: 60px;overflow: hidden;}
.menuBox .menuClass:hover{/*height: auto;*/box-shadow: 0 2px 10px rgba(90,120,222,.5);z-index: 5;}
.menuBox .menuClass:hover ul{height: auto;}
.menuBox .menuClass:hover b{display: none;}
.menuBox .menuClass:hover u{display: inline-block;}
.menuBox .menuClass i{vertical-align: -6px;margin-right: 10px;}
.menuBox .menuClass li a:hover{color: #1946d9;}
.menuBox .menuClassA i{display: inline-block;width: 24px;height: 30px;background-position:-3px -6px;}
.menuBox .menuClassB i{display: inline-block;width: 21px;height: 30px;background-position:-51px -6px;}
.menuBox .menuClassC i{display: inline-block;width: 23px;height: 30px;background-position:-96px -6px;}
.menuBox .menuClassD i{display: inline-block;width: 25px;height: 30px;background-position:-141px -6px;}
.menuBox .menuClassE i{display: inline-block;width: 30px;height: 30px;background-position:-185px -6px;}
.menuBox .menuClassF i{display: inline-block;width: 30px;height: 30px;background-position:-230px -6px;}
.menuBox .menuClassA li a,.menuBox .menuClassF li a{padding-left: 20px;}
.menuBox .menuClassB li a{padding-left: 15px;}
.menuBox .menuClassC li a{padding-left: 10px;}
.menuBox .menuClassD li a{padding-left: 5px;}
.menuBox .menuClassE li a{padding-left: 6px;}
.menuBox .menuClassA li{width: 50%;}
.menuBox .menuClassB li,.menuBox .menuClassC li,.menuBox .menuClassD li{width: 25%;}
.menuBox .menuClassE li{width: 33.33%;}
.menuBox .menuClassF li{width: 50%;}
/*newsBox*/
.newsBox {width: 100%;height: 450px;padding-top: 12px;background: url("newsContBg.jpg") no-repeat top center;}
.newsCont{height: 430px;}
.newsCont .hotNewsList{width: 643px;height: 365px;background: #fff;padding:35px 20px 30px 32px;}
.newsCont .hotNewsList .topContBox{width: 100%;height: 50px;}
.newsCont .hotNewsList .topContBox .hotIcon{width: 117px;height: 38px;border: 2px solid #4553ad;text-align: center;line-height: 38px;font-size: 24px;color: #4553ad;margin-top: 4px;position: relative;}
.newsCont .hotNewsList .topContBox .hotIcon i{display: inline-block;width: 18px;height: 18px;position: absolute;top: -2px;right: -2px;background-position: -6px -110px;}
.newsCont .hotNewsList .topContBox .titBox{margin-left: 30px;}
.newsCont .hotNewsList .topContBox h2 a{font-size: 20px;color: #333333;}
.newsCont .hotNewsList .topContBox h2 span{display: inline-block;width: 62px;height: 24px;background-position: -120px -80px;margin-right: 15px;vertical-align: -4px;}
.newsCont .hotNewsList .topContBox h2 span i{display: inline-block;width: 58px;height: 24px;background-position: -120px -106px;}
.newsCont .hotNewsList .topContBox .titBox p{font-size: 16px;color: #333333;margin-top: 6px;}
.newsCont .hotNewsList .topContBox .titBox p a{font-size: 16px;color: #333333;}
.newsCont .hotNewsList .botContBox h3{padding-top: 30px;padding-bottom: 5px;}
.newsCont .hotNewsList .botContBox h3 a{font-size: 20px;color: #ed3f3f;margin-right: 16px;}
.newsCont .hotNewsList .botContBox h3 a:last-child{margin-right: 0;}
.newsCont .hotNewsList .botContBox dl{padding-top: 18px;}
.newsCont .hotNewsList .botContBox dl dt{float: left;border-right: 2px solid #eeeeee;padding-right: 15px;}
.newsCont .hotNewsList .botContBox dl dt a{font-size: 16px;color: #923737;font-weight: bold;}
.newsCont .hotNewsList .botContBox dl dd{float: left;padding-left: 10px;margin-right:10px;}
.newsCont .hotNewsList .botContBox dl dd a{font-size: 16px;color: #333;}
.newsCont .hotNewsList .botContBox dl dd a:hover{color:#1946d9;}
.newsCont .hotNewsList .botContBox dl dd i{display: inline-block;width: 20px;height: 15px;background-position: -6px -80px;vertical-align: -1px;margin-right: 4px;}
.newsCont .hotNewsList .botContBox dl dd img{width: 20px;height: 15px;vertical-align: bottom;margin-left: 5px;}
.newsCont .otherBox{width: 492px;height:430px;background: #fff;}
.newsCont .otherBox .bannerBox{width: 100%;height: 190px;}
.newsCont .otherBox .bannerBox img{width: 100%;}
.newsCont .otherBox .slideShow{width: 492px;height: 190px;margin: 0 auto;position: relative;overflow: hidden;}
.newsCont .otherBox .slideShow ul{width: 2000px;position: relative;}
.newsCont .otherBox .slideShow ul li{float: left;width: 492px;}
.newsCont .otherBox .slideShow .showNav{position: absolute;right: 10px;bottom: 12px;text-align:center;font-size: 12px;line-height: 20px;}
.newsCont .otherBox .slideShow .showNav span{cursor: pointer;display: block;float: left;width: 11px;height: 11px;background: #fff;margin-left: 6px;color: #fff;border-radius: 11px;}
.newsCont .otherBox .slideShow .showNav .active{background: #3745a0;}

.newsCont .otherBox .botContBox{padding-top: 15px;}
.newsCont .otherBox .botContBox .calendarBox{width: 213px;height: 208px;margin: 0 18px;}
.newsCont .otherBox .botContBox .calendarBox h3{font-size: 18px;text-align: center;height: 38px;line-height: 38px;}
.newsCont .otherBox .botContBox .calendarBox h3 a{color: #333;}
.newsCont .otherBox .botContBox .calendarBox h3 a:hover{color:#1946d9;}
.newsCont .otherBox .botContBox .calendarBox .tabTitBox{position: relative;}
.newsCont .otherBox .botContBox .calendarBox .tabTitBox i{display: inline-block;width: 70px;height: 3px;background: #3745a0;position: absolute;top: 0;left: 0;}
.newsCont .otherBox .botContBox .calendarBox .tabTitBox ul li{float: left;font-size: 15px;width: 33.33%;background: #f0f1f6;height: 37px;line-height: 37px;text-align: center;color: #333;cursor: pointer;transition: all .4s;}
.newsCont .otherBox .botContBox .calendarBox .tabTitBox ul li.cur{background: rgba(255,255,255,1)}
.newsCont .otherBox .botContBox .calendarBox .tabTitBox ul li:hover{background: rgba(255,255,255,1)}
.newsCont .otherBox .botContBox .calendarBox .tabCont{font-size: 13px;color: #333;height: 32px;line-height: 32px;display: none;}
.newsCont .otherBox .botContBox .calendarBox .tabCont p{height:35px}
.newsCont .otherBox .botContBox .calendarBox .tabCont .name{display: inline-block;width: 83px;padding-left: 5px;height:32px;overflow:hidden;float:left;}
.newsCont .otherBox .botContBox .calendarBox .tabCont .date{display: inline-block;width: 73px;text-align: center;height: 32px;overflow: hidden;}
.newsCont .otherBox .botContBox .calendarBox .tabCont a{color: #4553ad;display: inline-block;width: 46px;padding-right: 6px;text-align: right;height: 32px;float: right;}
.newsCont .otherBox .botContBox .calendarBox .tabCont span a{display: inline-block;width: 77px;padding-left: 5px;height:32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align:left;}
.newsCont .otherBox .botContBox .loginBox{width: 232px;height: 208px;background: #f0f1f6;overflow: hidden;}
.newsCont .otherBox .botContBox .loginBox h3{width: 100%;height: 38px;padding-top: 18px;text-align: center;}
.newsCont .otherBox .botContBox .loginBox h3 img{width:38px;height:38px;border-radius:38px;}
.newsCont .otherBox .botContBox .loginBox h3 i{display: inline-block;width: 38px;height: 38px;background-position: -185px -190px;}
.newsCont .otherBox .botContBox .loginBox p{text-align: center;}
.newsCont .otherBox .botContBox .loginBox .textBox{width: 100%;text-align: center;font-size: 14px;color: #333333;margin-top: 10px;}
.newsCont .otherBox .botContBox .loginBox .btnBox a,.newsCont .otherBox .botContBox .loginBox .btnBox a{display:inline-block; position: relative;top:0;width: 160px;height: 36px;line-height:36px;font-size: 15px;transition: all .2s; cursor: pointer;border-radius: 2px;}
.newsCont .otherBox .botContBox .loginBox .btnBox a.loginBtn,.newsCont .otherBox .botContBox .loginBox .btnBox a.loginBtn{border: 1px solid #3745a0;background: #fff;color: #3745a0;margin-top: 18px;}
.newsCont .otherBox .botContBox .loginBox .btnBox a.loginBtn:hover,.newsCont .otherBox .botContBox .loginBox .btnBox a.loginBtn:hover{background: #eff1ff;top: -2px;}
.newsCont .otherBox .botContBox .loginBox .btnBox a.registerBtn,.newsCont .otherBox .botContBox .loginBox .btnBox a.registerBtn{position: relative;width: 160px;height: 36px;margin-top: 12px;background-image:linear-gradient( 137deg, rgb(55,69,160) 0%, rgb(71,89,202) 100%);border: 0;cursor: pointer;font-size: 15px;color: #fff;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);top:0;transition: all 0.2s;}
.newsCont .otherBox .botContBox .loginBox .mt{margin-top: 10px;}
.newsCont .otherBox .botContBox .loginBox .quitBox a.loginBtn,.newsCont .otherBox .botContBox .loginBox .quitBox a.loginBtn{margin-top: 10px;}
.newsCont .otherBox .botContBox .loginBox .btnBox a.registerBtn:after {content: '';position: absolute;top: 0;left: -200%;width: 200%;height: 100%;transform: skewX(-20deg);background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3), transparent);}
.newsCont .otherBox .botContBox .loginBox .btnBox a.registerBtn:hover{top: -2px;}
.newsCont .otherBox .botContBox .loginBox .btnBox a.registerBtn:hover:after {animation: shine 1.6s ease;}
.newsCont .otherBox .botContBox .loginBox .btnBox a.registerBtn:active {transform: translateY(1px);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);}
.newsCont .otherBox .botContBox .loginBox .btnBox a.registerBtn i{display: inline-block;width: 68px;height: 19px;background-position: -36px -80px;text-align: center;line-height: 19px;font-size: 13px;text-align: center;position: absolute;top: 8px;right: -23px;}
/*consultBox*/
.consultBox{width: 100%;background: #fff;padding-top: 30px;}
.consultBox .consultCont{width: 1158px;border: 1px solid #eeeeee;padding: 0 20px;position: relative;}
.consultBox .consultCont .tabTitBox i{display: inline-block;width: 80px;height: 3px;background: #3745a0;position: absolute;top: 0;left: 20px;}
.consultBox .consultCont .tabTitBox ul li{float: left;width: 80px;height: 54px;line-height: 54px;text-align: center;font-size: 20px;color: #333333;margin-right: 20px;cursor: pointer;}
.consultBox .consultCont .tabTitBox ul li.cur{font-weight: bold;}
.consultBox .consultCont .tabCont{padding-bottom: 14px;display: none;}
.consultBox .consultCont .tabCont li{width: 348px;margin-right: 56px;float: left;font-size: 15px;height: 35px;line-height: 35px;}
.consultBox .consultCont .tabCont li i{margin-right: 5px;color: #333;}
.consultBox .consultCont .tabCont li a{color: #333;margin-right: 9px;}
.consultBox .consultCont .tabCont li a:hover{color:#1946d9;}
.consultBox .consultCont .tabCont li .textNews{width: 205px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: inline-block;vertical-align: -13px;}
.consultBox .consultCont .tabCont li span{float: right;color: #333;}
.consultBox .consultCont .tabCont li:nth-child(3n){margin-right: 0;}
/*classifyBox*/
.classifyBox{padding-bottom: 30px;}
.classifyBox .classifyCont{width: 100%;height: 431px;padding-top: 46px;background: url("classifyBg.jpg") no-repeat top center;}
.classifyBox .classifyCont h2{width: 100%;height: 38px;line-height: 38px;}
.classifyBox .classifyCont h2 .name{font-size: 28px;color: #333;}
.classifyBox .classifyCont h2 .name a{color: #333;}
.classifyBox .classifyCont h2 .name i{display: inline-block;width: 36px;height: 33px;margin-right: 12px;}
.classifyBox .classifyContA h2 .name i{background-position: 0 -40px;vertical-align: -5px;}
.classifyBox .classifyContB h2 .name i{background-position: -41px -40px;vertical-align: -5px;}
.classifyBox .classifyContC h2 .name i{background-position: -84px -40px;vertical-align: -5px;}
.classifyBox .classifyContD h2 .name i{background-position: -133px -40px;vertical-align: -5px;}
.classifyBox .classifyContE h2 .name i{background-position: -183px -40px;vertical-align: -5px;}
.classifyBox .classifyContF h2 .name i{background-position: -228px -40px;vertical-align: -5px;}
.classifyBox .classifyCont h2 .navListBox{position: relative;overflow: hidden;}
.classifyBox .classifyCont h2 .navListBox i{display: inline-block;width: 11px;height: 5px;background-position: -208px -80px;position: absolute;left: -15px;bottom: 0;}
.classifyBox .classifyCont h2 ul li{float: left;font-size: 15px;color: #333;font-weight: normal;position: relative;}
.classifyBox .classifyCont h2 ul li a{color: #333;}
.classifyBox .classifyCont h2 ul li.cur span{color: #fc444d;}
.classifyBox .classifyCont h2 ul li span{cursor:pointer;}
.classifyBox .classifyCont h2 ul li .examIcon{display: inline-block;width: auto;height: 22px;border-radius: 3px;border: 1px solid #fe524b;line-height: 22px;overflow: hidden;vertical-align: -6px;padding-right: 5px;}
.classifyBox .classifyCont h2 ul li .examIcon i{display: inline-block;width: 52px;height: 24px;background-position: -130px -80px;line-height: 24px;color: #fefefe;font-size: 13px;text-align: center;position:relative;top:-1px;left: -1px;margin-right: 3px;}
.classifyBox .classifyCont h2 ul li .enrollIcon{border:1px solid #fa850f;}
.classifyBox .classifyCont h2 ul li .enrollIcon i{background-position: -178px -106px;}
.classifyBox .classifyCont h2 ul em{margin: 0 6px;color: #d8d8d8;float: right;}
.classifyBox .classifyCont h2 .more{font-size: 13px;color: #4657c7; background:#fff;border: 1px solid #c3caf4;display: inline-block;width: 60px;height: 23px;line-height: 23px;text-align: center;border-radius: 23px;font-weight: normal;margin-left: 28px;position: relative;z-index: 10;}
.classifyBox .classifyCont h2 .more:hover{background: #4657c7;color:#fff;border: 1px solid #4657c7;text-decoration: none;}
.classifyBox .infoCont{padding-top: 18px;}
.classifyBox .infoCont .classSildeBox{width: 395px;height: 375px;border: 1px solid #eeeeee;background: #fff;position: relative;}
.classifyBox .infoCont .classSildeBox .sildeCont{padding: 20px;float: left;width:355px;position: absolute;top:0;left: 0;opacity: 0;}
.classifyBox .infoCont .slideBanner .showNav{position: absolute;right: 20px;top: 30px;text-align:center;font-size: 12px;line-height: 20px;z-index: 15;}
.classifyBox .infoCont .slideBanner .showNav span{cursor: pointer;display: block;float: left;width: 11px;height: 11px;background: #e8e8e8;margin-left: 6px;color: #fff;border-radius: 11px;}
.classifyBox .infoCont .slideBanner .showNav .active{background: #3745a0;}
.fadeOut{opacity: 1 !important;z-index: 10 !important;}
.classifyBox .infoCont .classSildeBox .sildeCont h2{display: inline-block;width:auto;font-size: 15px;color: #fff;text-align: center;position: relative;left: -25px;top:0;padding: 0 16px;height: 27px;background: #3745a0;line-height: 27px;font-weight: normal;}
.classifyBox .infoCont .classSildeBox .sildeCont h2 a{color:#fff;}
.classifyBox .infoCont .classSildeBox .sildeCont h2 a:hover{text-decoration:underline !important;}
.classifyBox .infoCont .classSildeBox .sildeCont h2 i{display: inline-block;width: 5px;height: 6px;background-position: -232px -190px;position: absolute;bottom: -6px;left: 0;}
.classifyBox .infoCont .classSildeBox .sildeCont h2 em{display: inline-block;width: 9px;height: 27px;background-position: -253px -190px;position: absolute;right: -9px;top:0;}
.classifyBox .infoCont .classSildeBox .sildeCont h3{font-size: 18px;color: #333333;font-weight: normal;line-height: 1.6em;padding-top: 25px;height: 56px;overflow: hidden;}
.classifyBox .infoCont .classSildeBox .sildeCont h3 a{color: #333;}
.classifyBox .infoCont .classSildeBox .sildeCont .classTip{font-size: 13px;color: #999;padding-top: 12px;}
.classifyBox .infoCont .classSildeBox .sildeCont ul{padding-top: 20px;}
.classifyBox .infoCont .classSildeBox .sildeCont ul li{float: left;margin-right: 13px;}
.classifyBox .infoCont .classSildeBox .sildeCont ul li:last-child{margin-right: 0;}
.classifyBox .infoCont .classSildeBox .sildeCont ul li h4{width: 60px;height: 60px;}
.classifyBox .infoCont .classSildeBox .sildeCont ul li img{width: 100%;border-radius: 62px;}
.classifyBox .infoCont .classSildeBox .sildeCont ul li img:hover{box-shadow: 0 2px 10px rgba(90,120,222,.5)}
.classifyBox .infoCont .classSildeBox .sildeCont ul li p{font-size:15px;color: #333;width: 100%;text-align: center;margin-top:12px;}
.classifyBox .infoCont .classSildeBox .sildeCont ul li  a p{color: #333;}
.classifyBox .infoCont .classSildeBox .sildeCont .detailsBox{width: 100%;height: 40px;line-height: 40px;margin-top: 40px;}
.classifyBox .infoCont .classSildeBox .sildeCont .priceBox{font-size: 28px;color: #fc444d;position: relative;}
.classifyBox .infoCont .classSildeBox .sildeCont .priceBox .oldPrice{font-size: 15px;color: #999999;text-decoration: line-through;position: absolute;top: -22px;left: 0;display: inline-block;min-width: 180px;}
.classifyBox .infoCont .classSildeBox button{overflow: hidden;width: 152px;height: 40px;font-size: 15px;color: #fff; border:0;position: relative;background-color: #3149d8; background-image:linear-gradient( 137deg, rgb(55,69,160) 0%, rgb(71,89,202) 100%);border-radius:3px;cursor: pointer;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);top:0;transition: all 0.2s;}
.classifyBox .infoCont .classSildeBox button:after {content: '';position: absolute;top: 0;left: -200%;width: 200%;height: 100%;transform: skewX(-20deg);background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3), transparent);}
.classifyBox .infoCont .classSildeBox button:hover{top: -2px;}
.classifyBox .infoCont .classSildeBox button:hover:after {animation: shine 1.6s ease;}
.classifyBox .infoCont .classSildeBox button:active {transform: translateY(1px);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);}
.classifyBox .infoCont .classSildeBox button a{color:#fff;display: inline-block;width: 100%;height: 100%;text-align: center;line-height: 40px;}
.classifyBox .classFtkBox{width: 228px;height: 335px;border: 1px solid #eee;padding: 20px;margin-left: 20px;position: relative;}
.classifyBox .classFtkBox h3{height: 27px;line-height: 27px;font-size: 20px;color: #333;}
.classifyBox .classFtkBox h3 a{color:#333;}
.classifyBox .classFtkBox h4{height: 27px;line-height: 27px;font-size: 13px;color: #666666;background: #efeeee;padding: 0 6px;position: absolute;top:20px;right: 0;font-weight: normal;}
.classifyBox .classFtkBox h4 a{color:#666;}
.classifyBox .classFtkBox h4 a:hover{color:#4657c7;font-weight:bold;}
.classifyBox .classFtkBox h4 i{display: inline-block;width: 9px;height: 27px;position: absolute;left: -9px;top:0;background-position: -232px -206px;}
.classifyBox .classFtkBox ul li h5{display: inline-block;width: 47px;height: 43px;margin-right: 8px;}
.classifyBox .classFtkBox ul li{padding-top: 30px;padding-left: 40px;position: relative;top: 0;transition: all .3s}
.classifyBox .classFtkBox ul li:hover{top:-3px;}
.classifyBox .classFtkBox ul li .iconA{background-position: -6px -190px;}
.classifyBox .classFtkBox ul li .iconB{background-position: -66px -190px;}
.classifyBox .classFtkBox ul li .iconC{background-position: -123px -190px;}
.classifyBox .classFtkBox ul li p{font-size:15px;color: #333;}
.classifyBox .classFtkBox ul li p b{font-size: 30px;color: #333;}
.classifyBox .classFtkBox .btnBox {width: 100%;text-align: center;margin-top: 28px;}
.classifyBox .classFtkBox .btnBox button{overflow: hidden;width: 180px;height: 40px;font-size: 15px;color: #fff; border:0;position: relative;background-color: #3149d8;background-image:linear-gradient( 137deg, rgb(55,69,160) 0%, rgb(71,89,202) 100%);border-radius:3px;cursor: pointer;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);top:0;transition: all 0.2s;}
.classifyBox .classFtkBox .btnBox button a{color: #fff;display: inline-block;width: 100%;height: 100%;text-align: center;line-height: 40px;}
.classifyBox .classFtkBox .btnBox button:after {content: '';position: absolute;top: 0;left: -200%;width: 200%;height: 100%;transform: skewX(-20deg);background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3), transparent);}
.classifyBox .classFtkBox .btnBox button:hover{top: -2px;}
.classifyBox .classFtkBox .btnBox button:hover:after {animation: shine 1.6s ease;}
.classifyBox .classFtkBox .btnBox button:active {transform: translateY(1px);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);}
@keyframes shine{ 100% {left: 200%;}}
.classifyBox .articleBox .liveBox{width: 100%;height: 70px;}
.classifyBox .articleBox .liveBox img{width: 100%;height: 100%;object-fit: fill;}
.classifyBox .articleBox .liveBox .rollBox{width: 491px;height: 70px;border: 1px solid #eee;border-top:2px solid #3745a0;overflow: hidden;}
.classifyBox .articleBox .liveBox .rollBox li{width: 491px;height: 42px;padding:12px 0;background: #fff;}
.classifyBox .articleBox .liveBox .rollBox li .infoBox{padding-left: 18px;}
.classifyBox .articleBox .liveBox .rollBox li h3{font-size:15px;color: #333333; }
.classifyBox .articleBox .liveBox .rollBox li h3 .date{font-size: 13px;color:#999;font-weight: normal;margin-left: 10px;}
.classifyBox .articleBox .liveBox .rollBox li h3 .num{font-size: 15px;color: #3745a0;margin-left: 10px;}
.classifyBox .articleBox .liveBox .rollBox li .infoBox p{margin-top: 9px;}
.classifyBox .articleBox .liveBox .rollBox li .teacher{font-size: 13px;color: #999;}
.classifyBox .articleBox .liveBox .rollBox li .website{font-size: 13px;color: #333;}
.classifyBox .articleBox .liveBox .rollBox li .enrollText{font-size: 13px;color: #fc444d;font-weight: bold;}
.classifyBox .articleBox .liveBox .rollBox li .iconBox i{display: inline-block;width: 36px;height: 39px;}
.classifyBox .articleBox .liveBox .rollBox li .iconBox img{width: 36px;height: 39px;}
.classifyBox .articleBox .liveBox .rollBox li .iconBox{width: 72px;text-align: center;border-left: 1px solid #eee;}
.classifyBox .articleBox .liveBox .rollBox li.liveRoll .iconBox i{background-position: -3px -140px;}
.classifyBox .articleBox .liveBox .rollBox li.guideBox .iconBox i{background-position: -57px -140px;}
.classifyBox .articleBox .liveBox .rollBox li.textBook .iconBox i{background-position: -111px -140px;}
.classifyBox .articleBox .liveBox .rollBox li.lessonBox .iconBox i{background-position: -164px -140px;}
.classifyBox .articleBox .liveBox .rollBox li.enrollBox .iconBox i{background-position: -218px -140px;}
.classifyBox .articleBox .articleList{border: 1px solid #eeeeee;margin-top: 20px;height: 287px;padding: 0 18px;}
.classifyBox .articleBox .articleList .tabTitBox {position: relative;height: 56px;line-height:56px;padding: 0 18px;margin-left: -18px;}
.classifyBox .articleBox .articleList .tabTitBox ul li{width: 80px;height: 56px;line-height:56px;text-align: center;font-size: 20px;color: #333333;margin-right: 20px;float: left;cursor: pointer;}
.classifyBox .articleBox .articleList .tabTitBox ul li.cur{font-weight: bold;}
.classifyBox .articleBox .articleList .tabTitBox i{display: inline-block;width: 80px;height: 3px;color: #3745a0;position: absolute;left: 18px;top:0;background: #3745a0;}
.classifyBox .articleBox .articleList .tabCont{display: none;}
.classifyBox .articleBox .articleList .tabCont li{font-size: 15px;height: 36px;line-height: 35px;}
.classifyBox .articleBox .articleList .tabCont li a{color: #333;display: inline-block;width: 382px;height: 35px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.classifyBox .articleBox .articleList .tabCont li a:hover{color:#1946d9;}
.classifyBox .articleBox .articleList .tabCont li span{float: right;color: #999999;}
.classifyBox .articleBox .singleClassList{display: none;}
.classifyBox .articleBox .singleClassList .articleList{display: none;}
/*linkBox*/
.linkBox{width: 100%;background: #f0f0f0;padding-bottom: 10px;}
.linkBox h2{padding-top: 15px;height: 46px;line-height: 46px;font-size: 20px;color: #333333;border-bottom: 1px solid #e1e1e1;}
.linkBox h2 span{float:right;font-size:14px;color:#666;font-weight:100;}
.linkBox .linkCont{padding-top: 20px;}
.linkBox .linkCont a{font-size: 15px;color: #333;margin-right: 17px;margin-bottom: 12px;display: inline-block;}
.linkBox .linkCont a:hover{color:#1946d9;}
/*婵炶尪顕ф慨鈺呭冀瀹勬壆纭€*/
.activePage .menuBox{background: url("meanActiveBg.jpg") no-repeat top center;padding-top: 0;height: 318px;}


/******************************************************????????????????????************************************************************************/
.floatNavBox a p,.floatNavBox em p,.floatDivBox .upBtn i,.floatDivBox .phoneBox .phoneCont{background: url("https://img.examw.com/images/floatBoxIcon.png") no-repeat;}
.activeFloatBox a p,.activeFloatBox em p,.activeFloatBox .upBtn i,.activeFloatBox .phoneBox .phoneCont{background: url("https://img.examw.com/images/activeBoxIcon.png") no-repeat;}

.myskin{background: transparent !important; box-shadow: none !important;}
.layerAdvance{width: 596px; height: 412px;border-radius: 20px; overflow: hidden; background: url("//img.examw.com/home/bg_advance.png") no-repeat; display: none;cursor: pointer;}
.layui-layer-ico{background: url("//img.examw.com/layer/skin/default/icon.png") no-repeat  -119px -32px !important;}

.duanwuBox{padding-top: 12px;background:#f7f8fc;}
.duanwuBox .activity{background: url("bg_duanwuActivityi.png") no-repeat; height: 284px; padding: 10px 9px 9px; width: 1182px; position: relative; overflow: hidden;}
.duanwuBox .activity .video{padding: 5px; background: #000; border-radius: 12px; overflow: hidden; float: left;}
.duanwuBox .activity .video video{height: 274px; width: 510px;border-radius: 10px;}
.duanwuBox .activity .btn{margin: 0 auto;width: 229px;height: 70px;line-height: 70px;font-size: 26px;color: #fff;text-align: center;background: url(btn_details.png);border-radius: 25px;display: block;}
.duanwuBox .activity .close{width: 32px; height: 32px; background: url("ico_close.png") no-repeat; display: block; cursor: pointer; position: absolute; right: 12px; top: 12px;}
.duanwuBox .adv{overflow: hidden;display: none;}
.duanwuBox .adv img{width: 100%; cursor: pointer;}
.duanwuBox .activity .textBox{float: left;padding-left: 40px;width: 620px;}
.duanwuBox .activity .textBox h2{font-size: 64px;color: #ffffff;font-weight: bold;padding-top: 10px;}
.duanwuBox .activity .textBox h2 span{font-size: 74px;}
.duanwuBox .activity .listBox{margin-top: 128px;float: left;}
.duanwuBox .activity .listBox p{width: 340px;font-size: 28px;color: #000000;line-height: 45px;}
.duanwuBox .activity .listBox p:last-child{border:0;}
.duanwuBox .activity .oper{width:270px;float:right;margin-top: 210px;margin-right: 190px;text-align: center;}
.duanwuBox .activity .oper p{line-height: 24px;font-size:16px;color:#fff;}


.sloganBox{padding: 10px 0; margin-bottom: 30px;}
.slogan{overflow: hidden; height: 278px;}
.slogan .video{width: 490px; height: 276px; border: 1px solid #eeeeee; float: left;}
.slogan .video video{width: 490px; height: 276px;}
.slogan .text{background: url("sloganBg.jpg") no-repeat; width: 687px; height: 278px; overflow: hidden; float: right;}
.slogan .text ul{width: 326px;height: 222px;margin: 38px 0 0 56px;}
.slogan .text ul li{height: 60px; padding: 7px 0; border-bottom: 1px dashed #3745a0; position: relative; margin-bottom: 36px;}
.slogan .text ul li h2{height: 40px; line-height: 40px;font-size: 24px; font-weight: bold; color: #3745a0;}
.slogan .text ul li h2 span{font-size: 18px; font-weight: normal; color: #333333;}
.slogan .text ul li p{height: 20px; line-height: 20px;color: #999999; text-transform: uppercase;}
.slogan .text ul li u{width: 51px; height: 5px;background: #3745a0; position: absolute; left: 0; bottom: -3px;}
/* 2021-08-20 */
.hot{font-size:12px;background:#ed3f3f;height:14px;line-height:14px;padding:0 4px;box-sizing:border-box;color:#fff;position:absolute;top:-14px;right:-25px}