@charset "utf-8";
/*****CSS RESET******/
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, sub, sup, tt, var, b, u, i, center, dl,textarea,
dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas,button,select,
details, embed,  figure, figcaption, footer, header,   menu, nav, output, ruby, section, summary, time, mark, audio,
video {	margin: 0; padding: 0;border: 0; font-style: normal;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header,  menu, nav, section { display: block; }
ol, ul { list-style: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
sub{vertical-align: sub;font-size: smaller;}
sup{vertical-align: super;font-size: smaller;}
::-moz-selection { background: #60a29f; color: #fff; text-shadow: none; }
::selection { background: #60a29f; color: #fff; text-shadow: none; }
/****FONTS******/
@font-face {
    font-family: 'iconfont';  /* Project id 2365490 */
    src: url('//at.alicdn.com/t/font_2365490_uay69uwsekk.woff2?t=1621678030370') format('woff2'),
    url('//at.alicdn.com/t/font_2365490_uay69uwsekk.woff?t=1621678030370') format('woff'),
    url('//at.alicdn.com/t/font_2365490_uay69uwsekk.ttf?t=1621678030370') format('truetype');
}
.font{font-family:"iconfont" !important;
    font-size:14px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
/****BASIC STYLES*****/
html{font: 14px/1.5 "Microsoft YaHei", "PingFang SC",Arial, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #3b3b3b;min-width: 1200px;}
body{background: #fff;min-width: 1200px;}
a {text-decoration: none; color: #4b4b4b;}
a:hover, a:active,a:hover i{ outline: 0; color: #2CB699;}
.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; }
.arial{font-family:"Arial" !important;}
.wraper{width: 100%;min-width: 1200px;}
.hide{display: none;}
.pull-left{float: left;}
.pull-right{float: right;}


/* margin */
.mx5{margin:0 5px!important;}
.mx10{margin:0 10px!important;}
.mx15{margin:0 15px!important;}
.mx20{margin:0 20px!important;}
.mx25{margin:0 25px!important;}

.my5{margin:5px 0!important;}
.my10{margin:10px 0!important;}
.my15{margin:15px 0!important;}
.my20{margin:20px 0!important;}
.my25{margin:25px 0!important;}

.ml5{margin-left: 5px!important;}
.ml10{margin-left: 10px!important;}
.ml15{margin-left: 15px!important;}
.ml20{margin-left: 20px!important;}
.ml25{margin-left: 25px!important;}
.ml30{margin-left: 30px!important;}

.mr5{margin-right: 5px!important;}
.mr10{margin-right: 10px!important;}
.mr15{margin-right: 15px!important;}
.mr20{margin-right: 20px!important;}
.mr25{margin-right: 25px!important;}
.mr30{margin-right: 30px!important;}

.mt10{margin-top: 5px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt25{margin-top: 25px!important;}
.mt30{margin-top: 30px!important;}

.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb25{margin-bottom: 25px!important;}
.mb30{margin-bottom: 30px!important;}

.m5{margin:5px!important;}
.m10{margin:10px!important;}
.m15{margin:15px!important;}
.m20{margin:20px!important;}
.m25{margin:25px!important;}

/* padding */
.px5{padding:0 5px!important;}
.px10{padding:0 10px!important;}
.px15{padding:0 15px!important;}
.px20{padding:0 20px!important;}
.px25{padding:0 25px!important;}

.py5{padding:5px 0!important;}
.py10{padding:10px 0!important;}
.py15{padding:15px 0!important;}
.py20{padding:20px 0!important;}
.py25{padding:25px 0!important;}

.pl10{padding-left: 5px!important;}
.pl10{padding-left: 10px!important;}
.pl15{padding-left: 15px!important;}
.pl20{padding-left: 20px!important;}
.pl25{padding-left: 25px!important;}
.pl30{padding-left: 30px!important;}

.pr5{padding-right: 5px!important;}
.pr10{padding-right: 10px!important;}
.pr15{padding-right: 15px!important;}
.pr20{padding-right: 20px!important;}
.pr25{padding-right: 25px!important;}
.pr30{padding-right: 30px!important;}

.pt5{padding-top: 5px!important;}
.pt10{padding-top: 10px!important;}
.pt15{padding-top: 15px!important;}
.pt20{padding-top: 20px!important;}
.pt25{padding-top: 25px!important;}
.pt30{padding-top: 30px!important;}

.pb5{padding-bottom: 5px!important;}
.pb10{padding-bottom: 10px!important;}
.pb15{padding-bottom: 15px!important;}
.pb20{padding-bottom: 20px!important;}
.pb25{padding-bottom: 25px!important;}
.pb30{padding-bottom: 30px!important;}

.p5{padding: 5px!important;}
.p10{padding: 10px!important;}
.p15{padding: 15px!important;}
.p20{padding: 20px!important;}
.p25{padding: 25px!important;}
.p30{padding: 30px!important;}


/*top start*/
.top-box {background-color: #f3f3f3;height: 40px;line-height: 40px;font-size: 12px}
.top-box a, .top-box span {color: #666}
.top-menu img {position: relative;top: 3px;margin-right: 4px;}
.top-menu li {padding-left: 15px}
.top-menu li .vip{color: #dfab68;}
.top-menu li .vip em{color: #dfab68}
.top-menu li i{font-size: 13px;color: #ddd;}
.top-menu li em {color: #2CB699;font-size: 14px;}
.top-menu a:hover,.top-menu a:hover em {color: #2cb699;}
.top-box .icon-dropdown{color: #aaa}
.home,.phone{color: #aaa;font-size: 12px}
.top-menu{padding-right:10px;}
.brand{cursor: pointer;line-height:36px;position: relative;z-index: 1;padding:0 20px 0 10px;border: 1px solid #f3f6f9;}
.brand .font-dropdown{position: absolute;top: 0;right: 3px;}
.brand:hover .font-dropdown{transform: rotate(-180deg);}
.brand:hover .brandbox{display: block}
.brandbox{position: absolute; width: 135px;background: #fff;right: -1px;border: 1px solid #e4e4e4;line-height: 38px}
.brandbox a{width: 104px;height: 36px;padding: 0 15px;line-height: 36px;display: block;text-align: left;font-size: 12px;text-indent: .5em}
.brandbox a:hover{background: #f3f6f9}
.phonebox{cursor: pointer;position: relative;}
.phoneother{width:320px;height: 310px;background:#fff;position: absolute;z-index: 2;border:1px solid #eeeeee;top: 32px;display: none;left: -100px}
.phonepart{padding:20px;border-bottom: 1px dashed #cecece}
.phonepart:last-child{border:none;}
.phonepart img{margin-right:20px;width: 115px}
.phonepart h4{width: 140px;font-weight: normal;color: #333}
.phonepart h5{width: 140px;font-weight: normal;color: #333;line-height:32px;font-size: 12px}
.phonepart p{font-size: 12px;color: #888;line-height:20px;}
.boxsp{background: #e5e5e5;width:40px;height:40px;border-radius: 40px;line-height:40px;text-align: center;margin-right:27px;margin-left:3px;}
.boxsp span{color: #333}
.boxsp i{font-size: 20px;color: #333}
.phonebox:hover,.phonebox:hover .icon-dropdown{color: #2cb699}
.phonebox:hover .phoneother{display: block;}

.user-box{position: relative;padding:0 20px 0 10px;;}
.user-box i{color: #dfab68!important;position: absolute;top: 0;right: 0;}
.user-msg{width: 178px;height: 110px;padding: 10px 15px;border: 1px solid #e9e9e9;top: 38px;position: absolute;top:38px;left: -5px;background-color: #fff}
.user-top{border-bottom: 1px solid #dedede;margin-bottom: 5px;}
.user-msg img{width: 36px;height: 36px;background-color: #f5f5f5;border-radius: 50%;border:1px solid #e9e9e9}
.user-msg h2{width: 90px;line-height: 38px;height: 38px;margin: 0 10px;}
.user-md a{width: 52px;margin-right:20px;line-height: 26px;}
.user-box:hover .font-dropdown{transform: rotate(-180deg);}
.user-box:hover  .user-msg{display: block}

/* color */
.color-primary{color: #2CB699;}
.color-warning{color: #f60;}
.color-danger{color: #f00;}
.color-grey{color: #cccccc;}

/* font */
.font-xp::before{content: "\e648"}
.font-zq::before{content: "\e647"}
.font-zqy::before{content: "\e650"}
.font-xzw::before{content: "\e64c"}
.font-zk::before{content: "\e64b"}
.font-vip::before{content: "\e649"}
.font-zqylogo::before{content: "\e650"}
.font-xpwlogo::before{content: "\e652"}
.font-dropdown::before{content: "\e632"}
.font-home::before{content: "\e703"}
.font-qrcode::before{content: "\e64f"}
.font-upto::before{content: "\e64e"}

body{background: #ffd4c4 url(../images/banner.png) center 20px no-repeat;}
.inr{background: url(../images/text.png) center no-repeat; height: 117px; margin-top: 230px; margin-bottom: 30px; box-sizing: border-box; padding: 35px 20px 0; color: #fb2026; font-size: 18px; text-indent: 2em; line-height: 29px;}

/* side */
.side-tool{position: fixed;left: 50%;margin-left: 610px;bottom: 100px;}
.side-tool li{width: 50px;height: 50px;line-height: 50px;text-align: center;margin-bottom: 15px;border: 1px solid #dedede;border-radius: 3px;cursor: pointer;background-color: #ffffff;}
.side-tool li i{font-size: 30px;color: #dedede;}
.side-tool li:hover{background-color: #dedede;}
.side-tool li:hover i{color: #ffffff;}



/* leftMenu */
.left-box{width: 180px;background: url(../images/leftbg.png) center no-repeat;height: 489px;font-size: 16px;}
.fix{position: fixed;left: 50%;margin-left: -600px;top: 0;}

.left-box dd,.left-box dt{background: url(../images/area.png) center no-repeat;height: 45px;line-height: 44px;text-align: center;color: #fff;margin: 6px auto;}
.left-box dd.active{background: url(../images/area-1.png) center no-repeat;line-height: 40px;margin: 8px auto 0;}
.left-box dd.active a{ color: #fff;}
.left-box dd a,.left-box dt a{ color: #ff8823;}
.right-box{width: 1000px; background: rgba(253, 191, 166, 1.0) url(../images/line.png) center 5px no-repeat;}
.title{font-size: 26px;text-align: center;font-weight: 700;color: #642929;background: url(../images/title.png) center no-repeat;}
.foot{text-align: center;text-transform: uppercase;font-size: 13px;line-height: 40px;padding-top: 20px;margin-top: 20px;opacity: .5;}

/* 试题 */
.main dd {background: #fff;width: 150px;min-height: 110px;border-radius: 5px;margin: 0 4px;cursor: pointer;position: relative;background: url(../images/little.png) center no-repeat;}
.main dd:hover{border-radius: 0;box-shadow: 0 0 5px 5px rgba(0,0,0,.15);}

.main dt{width: 100%;clear: both;font-size: 17px;color: #642929;}
.main dt span{font-size: 12px;color: rgba(0,0,0,.7);}
.main .subject{line-height: 50px;text-align: center;font-size: 17px;color: #a56827;/* border-bottom: 1px dashed #F5F3ED; */}
.abox{text-align: center;}
.abox a{display: inline-block;font-size: 12px;padding: 2px 5px;}
.abox a:last-child{margin-right: 0!important;}

.left-box{width: 180px;overflow-y:auto;}
::-webkit-scrollbar{width:12px;height:11px; background-color:#ededed;}
::-webkit-scrollbar:hover{ background-color:#eee; }
::-webkit-scrollbar-thumb{ background-color:#ccc; height:11px;}
::-webkit-scrollbar-thumb:hover{ background-color: #aaa;}
::-webkit-scrollbar-thumb:active{background-color:#999;}


.class2023 .logo {padding: 30px 0 0 20px;}
.class2023 .logo i {font-size: 126px;width: 130px;height: 48px;overflow: hidden;display: block;line-height: 52px;color: #fff;}
.foot {text-align: center;text-transform: uppercase;font-size: 13px;line-height: 40px;padding-top: 20px;margin-top: 20px;opacity: .5;color: #fff}
.abox a {font-size: 14px;}