@charset "utf-8";
/* Reset the style */ 
html{font-size: 62.5%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,blockquote,th,td,span,b,i,p,em,a,input,button{ margin:0px; padding:0px;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details { display:block; } table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0px;}
input,textarea{-webkit-appearance: none;}
address,caption,em,code{ font-style:normal; font-weight:normal;}
pre, code, kbd, samp { font-family:inherit; } 
ol,ul{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
a{ text-decoration:none;} 
* html,* html body{background-image:url(about:blank);background-attachment:fixed;} 

body{font-size: 62.5%;font-size:1.2rem;  background:#f5f5f5; font-family:arial,georgia,verdana,helvetica,sans-serif; background:#f4f4f4; position:relative; min-width:320px; max-width:640px;width:expression(document.body.clientWidth <700 ? "640px" : "100%" ); margin:0 auto; }
.wrap,.main{ width:1000px; margin:0px auto; clear:both;}
* html,* html body{background-image:url(about:blank);background-attachment:fixed;}
/*bgcolor-change*/
::selection {background:#0487da; color:#fff;}
::-moz-selection {background:#0487da; color:#fff;}
/*none-content*/
#link:after{display:block;visibility:hidden;clear:both;height:0;content:'.'; }
#link { zoom:1;}
/*size.color*/
a{color:#000;}
a:link{color:#000;text-decoration:none;}
a:visited{color:#000;}
.bule-color{ color:#1780e4}
.red-color{ color:#ff4400}
.grey-color{ color:#999;}
.green-color{ color:#198f06;}
.font12{ font-size:1.2rem;}
.font14{ font-size:1.4rem;}
.font16{ font-size:1.6rem;}
.font18{ font-size:1.8rem;}
.font20{ font-size:2rem;}
.fr{ float:right}
.fl{ float:left}
.pb{ padding-bottom:10px;}
.mt-no{ margin-top:0!important;}
.bo-top-no{ border-top:none!important}
/*qingchu-fudong*/
.clearfix:after { display:block;visibility:hidden;clear:both;height:0;content:'.';}
.clearfix { zoom:1;}
/*header*/
.header{ width:100%; height:44px; margin:0 auto;background:#e23b29; box-shadow:0 2px 3px 0 rgba(0,0,0,0.2); position:relative; z-index:1 }
.header-box{ width:100%; height:43px; margin:0 auto;position:relative}
.header-box a{display:block;  font:normal 1.4rem/34px "arial"; position:relative; color:#fff}
.header-box a.left-arrowico,.header-box a.list-menu{width:30px; height:34px; position:absolute; margin-top:4px}
.header-box a.left-arrowico{ left:0; top:0px; background:url(../images/small-bg.png) 8px -465px no-repeat;background-size:22px auto; padding-left:25px;}
.header-box a.list-menu{ right:0px; top:0;background:url(../images/small-bg.png) 30px 9px no-repeat;background-size:24px auto; padding-right:30px}
.header-box a.right-ico-end{ float:right; font-size:1.6rem; color:#fff; position:absolute; right:10px; top:24px;}
.header-box .logo{ width:110px; height:26px; float:left; margin:10px auto 0 8px; display:inline;background:url(../images/phone-bg.png) 0 0 no-repeat; background-size:110px auto;}
.header-box .nav-right{ float:right; display:inline; }
.login-left,.msm-right{ width:44px; height:42px;  float:right; background:url(../images/small-bg.png) 10px -28px no-repeat;background-size:28px auto;  }
.msm-right{ background-position:10px -64px;}
.msm-right b.number-one{ bottom:10px; right:28px}
h2.middle-text{ position:relative;font:normal 1.8rem/30px "microsoft yahei"; width:144px; display:block; margin:-38px auto 0; overflow:hidden; white-space:nowrap; color:#fff; text-align:center;}
.content{ width:100%;margin:0 auto; min-height:300px; background:#fff;  }
.fixed-box{width:100%; height:100%; position:absolute;left:0; top:43px;}
.fixed-box-box{ width:100%; height:100%; float:left; position:relative;}
.bg-blcok{ width:100%; height:100%;background:#000; opacity:0.6; position:absolute;left:0; top:0;}
.sjx-top{ width:15px; height:15px; position:absolute; right:15px;top:-6px;background:url(../images/small-bg.png) 0 -335px no-repeat;background-size:28px auto; z-index:1}
ul.menu-close{ width:135px; position:absolute; right:0; top:0; z-index:1; background:#fff; box-shadow:0 3px 5px 0 rgba(0,0,0,0.6); border-radius:0 0 3px 3px; border:1px solid #fff;}
ul.menu-close li{ display:inline; width:100%; float:left; text-align:center;border-bottom:1px solid #eeeeee;}
ul.menu-close li.people-head{ padding:10px 0;}
ul.menu-close li b{ display:block; float:left;}
ul.menu-close li .left-people{ width:40px; height:40px; padding:2px; background:#fff; border-radius:100px;border:1px solid #eeeeee; margin-left:10px}
ul.menu-close li .left-people img{ width:40px; height:40px; border-radius:100px;}
ul.menu-close li .text-right{ width:46px; color:#1172cc; font-size:1.4rem; overflow:hidden; line-height:40px; white-space:nowrap; padding:0 10px;}
ul.menu-close li a{ width:115px; display:block; float:left; padding:6px 10px;font:normal 1.4rem/30px "simsun"; }
ul.menu-close li a b{ width:30px; height:30px;border-radius:3px;background:url(../images/ico1.png) 0 -130px no-repeat; background-size:30px auto;}
ul.menu-close li a b.home-ico{ background:url(../images/ico1.png) 0 -130px no-repeat; background-size:30px auto;}
ul.menu-close li a b.course-ico{ background:url(../images/ico1.png) 0 -0px no-repeat;  background-size:30px auto;}
ul.menu-close li a b.order-ico{ background:url(../images/ico1.png) 0 -33px no-repeat; background-size:30px auto;}
ul.menu-close li a b.question-ico{ background:url(../images/ico1.png) 0 -65px no-repeat; background-size:30px auto;}
ul.menu-close li a b.car-ico{ background:url(../images/ico1.png) 0 -97px no-repeat; background-size:30px auto;}
ul.menu-close li a b.news-ico{ background:url(../images/ico1.png) 0 -473px no-repeat; background-size:30px auto;}
ul.menu-close li a b.message-ico{ background:url(../images/ico1.png) 0 -163px no-repeat; background-size:30px auto;}
ul.menu-close li a b.team-ico{ background:url(../images/ico1.png) 0 -508px no-repeat; background-size:30px auto;}

ul.menu-close li a:hover{background:#f3f3f3}
ul.menu-close li a.register,ul.menu-close li a.login{ width:66px; padding:6px 0}


.box-fixed{ width:100%; background:#fff; padding:10px 0 0; margin:0 auto; height:46px; position:relative; overflow:hidden}
.box-f-left{ float:left}
.box-f-left em{ height:36px; display:inline; float:left; margin-left:10px;font-size:1.1rem; color:#999; position:relative; margin-top:-4px;}
.box-f-left em.ico-app{ width:36px;margin-top:0;}
.box-f-left em.ico-app img{ width:100%; height:36px;}
.box-f-left em strong{ font-size:1.6rem; padding-bottom:15px; font-family:microsoft yahei; font-weight:500; color:#000; line-height:26px;}
.box-f-right{ float:right; padding-right:40px; padding-top:4px;}
.box-f-right a.down-button{ padding:7px 10px; border-radius:2px; display:inline-block;background:#11aee9; color:#fff; font-size:1.2rem;}
.app-center{ width:220px; margin:0 auto; height:80px; background:#f4f4f4; border:1px solid #ddd; border-bottom-color:#d3d3d3; box-shadow:0 2px 3px 0 rgba(0,0,0,0.1); border-radius:3px; padding-left:10px}
.content .box-f-right{ padding-right:0; width:70%; padding-left:55px; float:left;}
a.close-button{ width:20px; height:20px; background:url(../images/small-bg.png) 0 -346px no-repeat; background-size:28px auto; position:absolute; right:10px; top:8px}


/*footer{ width:100%;margin:0 auto;font-size:1.1rem; padding:10px 0 0; background:#f4f4f4}
.footer-top{ width:100%; text-align:center; float:left; padding:8px 0 0;}
.footer-top a{ display:inline-block; line-height:26px; padding:0 10px; border-radius:3px}
.footer-top a.hover-grey{ color:#fff; background:#ccc;}
.footer-top.bottom{ color:#888; line-height:16px; border-bottom:none;}
.footer-button{ width:298px; margin:0 auto;}
.footer-button a{ display:block; float:left; padding:0 0 0 28px; border:1px solid #ddd; color:#333; line-height:26px;background:#5b5b5b;box-sizing:border-box;}
.footer-button a.ico-peple{ width:84px;background:url(../images/small-bg.png) 6px -384px no-repeat #f4f4f4; background-size:24px auto; border-right:none; border-radius:2px 0 0 2px}
.footer-button a.ico-phone{ width:96px;background:url(../images/small-bg.png) 6px -441px no-repeat #f4f4f4; background-size:26px auto}
.footer-button a.ico-number{ width:116px;background:url(../images/small-bg.png) 6px -466px no-repeat #f4f4f4; background-size:26px auto; border-left:none; border-radius:0 2px 2px 0}*/

.top-top{position:fixed;right:10px; bottom:60px; z-index:100;}
.top-top a{  width:45px; height:45px; display:block;border-radius:3px; margin-top:8px; opacity:0.5}
.top-top a.top-button{background:url(../images/small-bg.png) 12px -365px no-repeat #888; background-size:28px auto; }
.top-top a.top-speak{background:url(../images/small-bg.png) 10px -402px no-repeat #888; background-size:28px auto; }
.top-top a:hover.top-button{background:url(../images/small-bg.png) 12px -365px no-repeat #fe510c; background-size:28px auto; }
.top-top a:hover.top-speak{background:url(../images/small-bg.png) 10px -402px no-repeat #fe510c; background-size:28px auto; }

.common-nav{ width:100%; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #e4e4e4; font-size:1.2rem; text-align:center}
.common-nav a{ width:25%; display:block; float:left; border-right:1px solid #eee;box-sizing: border-box; padding:8px 0;}
.common-nav a b{ width:20px; height:20px; background:#000; display:block; margin:0 auto 2px; }
.common-nav a b.nav-home{ background:url(../images/common-nav-bg.png) 0 0 no-repeat; background-size:20px auto}
.common-nav a b.nav-pen{ background:url(../images/common-nav-bg.png) 0 -20px no-repeat; background-size:20px auto}
.common-nav a b.nav-person{ background:url(../images/common-nav-bg.png) 0 -40px no-repeat; background-size:20px auto}
.common-nav a b.nav-people{ background:url(../images/common-nav-bg.png) 0 -60px no-repeat; background-size:20px auto}
.common-nav a b.nav-out{ background:url(../images/common-nav-bg.png) 0 -85px no-repeat; background-size:20px auto}


.fixed-bottom_b{ width:100%; height:52px; background:#000; opacity:0.5; position:fixed; bottom:0; left:0; z-index:1}
.fixed-bottom-box{ width:100%; margin:0 auto; position:fixed; bottom:10px; z-index:2;left:0}
.fixed-boxbottom{ width:240px; margin:0 auto; position:relative; height:32px;}
.fixed-bottom-box a{ display:inline-block; height:32px; border-radius:2px; float:left; margin-right:15px; width:70px; padding-left:35px; color:#fff; font:normal 1.4rem/32px "simsun"; box-shadow:0 3px 3px 0 rgba(0,0,0,0.1)}
.fixed-bottom-box a.telephone-ico{ background:#f26e2d url(../images/kf.png) 10px 7px no-repeat; background-size:18px auto; }
.fixed-bottom-box a.line-ico{ background:#00abd8 url(../images/kf.png) 10px -20px no-repeat; background-size:18px auto;}


/*20160901底部*/
.borderCommon .line { position: relative; border: none; background: #fff; }
.borderCommon .line:after, .borderCommon .line:before { content: ''; position: absolute; left: 0; background: #dbdbdb; width: 100%; height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
.line{background:#fff; border:1px solid #dbdbdb; border-width:1px 0;}
.footer {padding: 0 0 80px 0; background: #f7f7f7; }
.footer .version { text-align: center; width: 100%; }
.footer .version p { padding: 12px 0 0 0; }
.footer .version a { display: inline-block; width: 33%; font-weight: normal; font-size: 1.2rem; line-height: 20px; color: #787878; margin-bottom: 8px; }
.footer .version a i { width: 34px; height: 34px; display: block; background: url(../images/foot-ico.png) no-repeat; background-size: 70px auto; margin: 0 auto; position: relative; }
.footer .version a i.cpb { background-position: 0 -40px; }
.footer .version a i.pcd { background-position: 0 -79px; }
.footer .version a.on, .footer .version a:hover { color: #202023; }
.footer .version a.on i.khd, .footer .version a:hover i.khd { background-position: -36px 0; }
.footer .version a.on i.cpb, .footer .version a:hover i.cpb { background-position: -36px -40px; }
.footer .version a.on i.pcd, .footer .version a:hover i.pcd { background-position: -36px -79px; }
.footer .copyRight { text-align: center; font-size: 1.2rem; color: #86888a; padding-top:10px; }
.footer .foot-four { text-align: center; margin: 0 0 10px 0; border-top: 1px solid #dbdbdb; padding-top:8px; }
.footer .foot-four a { padding: 0 5.8%; color: #86888a; font-size: 1.2rem; line-height: 20px; border-right: 1px solid #d8d8d8; }
.footer .foot-four a.nobor { border: 0; }
.footer .version a b { height: 16px; line-height: 16px; padding: 0 3px; border-radius: 10px; position: absolute; top: -5px; left: 24px; font-size: 1.1rem; background: #f00; color: #fff; white-space: nowrap; font-style:normal; }
.footer .line{ background: #f7f7f7; }
/*****底部 end****/
body { font-family: "Microsoft Yahei"; margin-left: auto; margin-right: auto; }

.menu_panel .classifying:after,.menu_panel .foot-tool:after{ display:block; visibility:hidden; clear:both; height:0; content:'.'; }
.content{ background:none}

/*����*/
.arrow-down { display:inline-block; width:0; height:0; font-size:0; border-width:4px; border-color:#777 transparent transparent; border-style:solid; *border-style:solid dashed dashed}
.arrow-right {display:inline-block; width:0; height:0; font-size:0; border-width:4px; border-color:transparent  transparent  transparent  #777;border-style:solid; *border-style:solid dashed dashed}

/*��ɫ����ͷ��*/
header{ width:100%; text-align:center; font-size:1.8rem; height:44px; line-height:30px;position:relative; top:0; left:0; background:#e23b29;background-image:linear-gradient(to right,#e13b29,#f45930);z-index:99;overflow: hidden;display: -webkit-box !important;}
.subtopic-head .icon-logo{ width:26px;height:22px; margin-left:10px; margin-top:11px;float:left;background:url(../images/head_bgx.png) 0 0;  background-size:74px auto;}
.subtopic-head .h1{display: block; -webkit-box-flex: 1; -ms-flex: 1; font-weight: 400; text-align: center; line-height: 1rem; margin: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color:#FFF; font-size:1.6rem; line-height:44px;padding-left:50px;}
.subtopic-head .h1 a{color:#fff !important;}
.subtopic-head .h-nav-t{width:19px; height:18px; line-height:28px; background:url(../images/head_bgx.png) 0 0 no-repeat;  background-size:74px auto;margin-top:14px; float:left;}
.subtopic-head .icon-back { background-position:0 -165px; margin-left:10px}
.subtopic-head .icon-user { background-position:0 -207px}
.subtopic-head .icon-menu { background-position:0 -44px}
.subtopic-head .wrap-right a{float:left; height:44px; padding:0 10px}
.subtopic-head .land-user { height:10px; width:30px; height:38px;font-size:1.2rem; color:#fff;float:right}
.subtopic-head .land-user img{ width:26px; height:26px; line-height:29px;border-radius:100px; border:#b92211 solid 2px; margin-top:7px}


/*������*/
.mask{position:fixed;width:200%;height:200%;left:0;top:0;opacity:0;visibility:hidden;-webkit-transition:.3s ease;transition:.3s ease;z-index:9989;-webkit-backdrop-filter:blur(10px) saturate(180%);pointer-events:none}
.mask::before{content:" ";display:block;position:absolute;width:200%;height:200%;background-color:rgba(0,0,0,0.8);top:0;left:0}
.menu_panel{ width:260px;height:100%; position:fixed; top:0; right:0;z-index:999999; background:#FFF;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(100%);-webkit-transition:-webkit-transform .5s ease;transition:transform .5s ease;box-sizing:border-box; display:none;}
.menu_panel .close-btn{ background:#e23b29; color:#FFF; display:block; text-align:center; font-size:1.8rem; line-height:44px}
.menu_panel .classifying{ width:90%; margin:0 auto}
.menu_panel .classifying a{ display:block; width:50%;margin-top:25px; float:left}
.menu_panel .classifying .class-t{ width:75px; height:70px; background-image:url(../images/head_bgx.png);background-size:74px auto; display:block; margin:0 auto;}
.menu_panel .classifying .class-txt{ font-size:1.6rem; line-height:25px; display:block; text-align:left; color:#fb0808}
.menu_panel .classifying .icon-course{background-position:0 -250px}
.menu_panel .classifying .icon-news{background-position:0 -325px}
.menu_panel .classifying .icon-exam{background-position:0 -400px}
.menu_panel .classifying .icon-vipexam{background-position:0 -472px}

.menu_panel .foot-tool{width:100%; margin:0 auto; background:#f3f3f3; position:absolute; left:0; bottom:0}
.menu_panel .foot-tool a{ display:block; width:50%;float:left; padding:12px 0 5px}
.menu_panel .foot-tool .class-t{ width:29px; height:29px; background-image:url(../images/head_bgx.png);background-size:74px auto; display:block; margin:0 auto;}
.menu_panel .foot-tool .class-txt{ font-size:1.2rem; line-height:25px; padding-top:2px; display:block; text-align:center; color:#8b8b8b}
.menu_panel .foot-tool .icon-app{background-position:0 -77px}
.menu_panel .foot-tool .icon-service{background-position:0 -117px}

.mask.show{opacity:1;visibility:visible;pointer-events:auto}
.menu_panel.show{-webkit-transform:none;-ms-transform:none;transform:none; display:block}

/*����app*/
body.show-appdown {padding-bottom:60px;}
.tk-consult{ width:100%; height:60px; position: fixed;z-index:99999;bottom:0px;left: 0px;  background-color:rgba(0,0,0,0.8);display:block;}
.tk-consult .closed{ position:absolute; width:25px; height:25px; left:0; top:0; background:url(../images/share_logo.png) no-repeat -50px 0; background-size:75px 40px;opacity: 0.4;}
.tk-consult .load{position:absolute;display:block; right:10px; top:16px;width:90px; height:30px; line-height:30px; font-size: 1.4rem; text-align: center;border-radius: 3px;background:#e23b29; color: #fff;font-family: sans-serif;}
.tk-consult .appdown{ width:120px; margin:10px 0 0 25px; color:#dbdbdb; font-size:1.5rem; line-height:20px; position:relative; padding-left:55px; padding-top:2px; font-family: sans-serif;}
.tk-consult .appdown:before{content: ''; display: block; width:44px;height:44px; position:absolute; left:2px; top:0;  background:url(../images/share_logo.png) no-repeat 0 1px; background-size:75px 40px;}
.tk-consult .appdown p{ font-size:1.2rem}


/*�б�����ѡ��*/
.hd-list-tab1{ width:100%; position:relative; z-index:3;}
.hd-list-tab1 a{ width:50%; display:block; float:left; font-size:1.6rem; line-height:40px; text-align:center; border-right:#e7e7e7 solid 1px; border-bottom:#e7e7e7 solid 1px; background-color:#f5f5f5; margin-right:-1px; position:relative; }
.hd-list-tab1 a.check{ background-color:#FFF;border-bottom:#fff solid 1px; margin-bottom:-1px; position:relative; z-index:9999;box-shadow:1px 2px 1px #fff; color:#e23b29}