/* Reset the style */ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,blockquote,th,td{ 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;}
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;} 
/*qingchu-fudong*/
.clearfix:after { display:block;visibility:hidden;clear:both;height:0;content:'.';}
.clearfix { zoom:1;}
.daohang{color:#999}
.daohang a{color:#3c81f9}
body{ font-size:12px; background:#f5f5f5; font-family:microsoft yahei;}
input:focus{}
.wrap,.main{ width:1180px; 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:#333;}
a{color:#333;text-decoration:none;}
a:hover{color:#3C81F9;text-decoration:none;}
a:active{color:#3c81f9;}
.redTxt,a.redTxt:link,a.redTxt:visited,.redTxt a{ color:red;}
.orgTxt,a.orgTxt:link,a.orgTxt:visited,.orgTxt a{ color:#f28d32;}
.grayTxt,a.grayTxt:link,a.grayTxt:visited,.grayTxt a{ color:#aaa;}a.grayTxt:hover{ color:#666;}
.blueTxt,a.blueTxt:link,a.blueTxt:visited,.blueTxt a{ color:#4790d2;}
.greenTxt,a.greenTxt:link,a.greenTxt:visited,.greenTxt a{ color:#53ab10;}

.f-fb{ font-weight:700;}
.f-tac{ text-align:center;}
.f-mt60{ margin-top:60px!important;}
.f-mt40{ margin-top:40px!important;}

.fl{ float:left}
.fr{ float:right}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font22{ font-size:22px;}
.font28{ font-size:28px;}
.font22{ font-size:22px;}
.green-color{ color:#52ba3d}
.red-color{ color:#3c81f9}
.grey-color{ color:#999}
/*nav*/
.head-nav{ width:100%; margin:0 auto; background:#333; z-index:9999; position:relative;}
.head-box{ width:1180px; margin:0 auto; height:40px; line-height:40px;}
.head-box .fr,.head-box .fl{ position:relative; z-index:30}
.head-box a{ color:#fff;}
.head-box .btn-register{ margin-left:15px;}
.head-box .layer-border{position:absolute;left:0px;top:12px;font-family:"\5FAE\8F6F\96C5\9ED1"; padding-top:30px; z-index:9; border:none!important; background:none!important}
.head-box .layer-border .icon-up-arrow{width:20px;height:0;position:relative;font-size:0;line-height:0;right:3px;}
.head-box .layer-border .icon-up-arrow i{position:absolute;top:-10px;left:50px!important;width:20px;height:11px;overflow:hidden;background:url(http:icons.png) no-repeat 0 -384px;clear:both}
.head-box .layer-border .icon-up-arrow i{left:35px!important}


#PopLoginTips .userface{width:30px;float:left; cursor:pointer; margin-top:8px;}
#PopLoginTips .userface img{width:20px;height:20px;border-radius:50%}
#PopLoginTips .username{float:left;margin-left:0px; font-size:14px;max-width:80px; text-overflow:ellipsis; overflow:hidden; }
#PopLoginTips .username a{ color:#BFBFC7}
#PopLoginTips .useredit{float:left;margin-left:15px; margin-top:6px;}
#PopLoginTips .useredit a{ display:block;width:20px;height:20px;background:url(/user/images/2015/navicon.png) no-repeat -3px 50%;margin-top:4px;}
#PopLoginTips .useredit a:hover{background:url(/user/images/2015/navicon2.png) no-repeat -3px 50%;}
#PopLoginTips .userxx{float:left;margin-left:20px;margin-top:7px; position:relative}
#PopLoginTips .userxx a{ display:block;width:20px;height:20px;background:url(/user/images/2015/navicon.png) no-repeat -35px 50%;margin-top:4px;}
#PopLoginTips .userxx a:hover{background:url(/user/images/2015/navicon2.png) no-repeat -35px 50%;}
#PopLoginTips .userxx .xxbg{width:5px;height:5px;background:url(/user/images/2015/numbg.png) no-repeat;position:absolute;right:1px;top:6px;}
#PopLoginTips .userout{float:left;margin-left:20px;}
#PopLoginTips .userout a{ display:block;width:20px;height:20px;background:url(/user/images/2015/navicon.png) no-repeat -71px 50%;margin-top:10px;}
#PopLoginTips .userout a:hover{background:url(/user/images/2015/navicon2.png) no-repeat -71px 50%;}


.head-box .layer-border .n-unity{overflow:hidden;width:165px;border:1px solid;border-color:#ddd;background:#fff; box-shadow:0 2px 3px 0 rgba(0,0,0,0.1) }
.head-box .layer-border .n-unity span{padding-left:10px;max-width:155px;height:22px;overflow:hidden}
.head-box .layer-border .n-unity a{width:135px;height:22px;line-height:22px;padding:7px 15px 9px;overflow:hidden;display:block;color:#444;font-size:14px; margin-right:0;}
.head-box .layer-border .n-unity.n-ico{ width:90px}
.head-box .layer-border .n-unity.n-ico a{ width:60px;}

.head-box .layer-border .n-unity a:hover{background-color:#f6f6f6;color:#f30}
.head-box .layer-border .n-unity span{float:left;padding-left:12px;cursor:pointer}


.headbar{ width:100%;font-family:microsoft yahei; background:#fff; box-shadow:0 2px 3px #f5f5f5;}
.headbar .box{ width:1200px; height:80px; line-height: 80px;margin:0 auto;}
.headbar .box h1.logo {min-width:150px;}
.headbar .box h1.logo img{position: relative;top: 0px;width: 142px;}

.headbar .box h1.logo a{ padding-left:0}
.headbar .box .search{ border:0; height:42px; border-radius:5px; line-height:42px ; width:240px; padding:0 40px 0 20px; position:relative}
.headbar .box .search input{ line-height:40px;line-height:35px; border:none; font-size:14px;font-family:microsoft yahei; cursor:pointer; border:0;}
.headbar .box .search input.search-box{ width:100%; color:#888; height:40px; cursor:auto; outline:none;display:block;float:left}
.headbar .box .search input.btn{ width:60px;color: #fff;background: #3c81f9 url() no-repeat center;position:absolute;right:0;top:-1px;height:44px;background-size:20px 20px;border:1px solid #3c81f9}



.box a{ display:inline-block; border-radius:2px; padding:0 15px; font-family:microsoft yahei; font-size:16px;min-width: 50px;}
.box a:last-child {padding-right:0}
.headbar .box a.name,.headbar .box a.img-box{ padding:0; position:relative; margin-top:-14px}
.headbar .box a.img-box img{ width:60px; height:60px; border-radius:50px;vertical-align:middle; margin-left:6px; border:1px solid #eee; padding:5px;}


.f-icon{width:22px;height:22px;display:inline-block;line-height:14px;vertical-align:text-top;background:url(icons.png) no-repeat}

.icon-zixun{float:left; background-position:0 -272px}
.icon-PC{float:left; background-position:0 -297px}
.icon-IPh{float:left; background-position:0 -324px}
.icon-anz{float:left; background-position:0 -352px}

/*footer*/
#footer{ padding-top:20px;padding-bottom:30px; margin-top:20px; position:relative; z-index:2; text-align:center; background:#fff; color:#000}
#footer .a2{margin:0 auto;color:#666;font:12px/30px Arial;width: 1180px;text-align: left;}
#footer .a2 span{padding-right:20px;color:#888;}
#footer .a2 a{ padding-right:15px; color:#666;text-align: center;}
#footer strong.cDRed{color:#3c81f9;font-size:14px; font-weight:normal}

/*page*/
#pageBar{padding:30px 0 0; position:relative; margin:0 auto; background:#FFF;}
.ui-page{ width:auto; float:right }
.ui-page a{ font-size:14px; font-weight:normal; border:1px solid #e6e6e6; color:#666}
.ui-page a,.ui-page b{ border-radius:5px; padding:6px 12px; margin:0 4px;}
.ui-page a:hover{ background:#f8f8f8; color:#666; border:1px #eee solid;}
.ui-page a.ui-page-turn:hover{ box-shadow:none}
.ui-page a.z-on,.ui-page a.z-on:hover{background:#3c81f9; border:1px solid #3c81f9; color:#fff}
.ui-page a.ui-page-turn{ padding:6px 12px;}
.ui-page a.ui-page-turn:hover,.ui-page a:hover,.ui-page a.z-on,.ui-page a.z-on:hover{border-radius:5px;}
.page-width{margin: 0 auto;width: 885pt;}
.bd-style{border-bottom: 1px solid #ebebeb;box-shadow: 0 1px 4px rgba(0,0,0,0.05);border-radius: 3px;}
.clearfix{display: block;}
.f-l{float:left}.f-r{float:right}
/*头像下拉*/
 .haed-user{ padding:15px 20px; position:relative;color:#666;float:right; font-size:14px;height:50px;line-height:50px; }
 .haed-user a{ font-size:14px; margin:0 15px;}
 .haed-user img{width:30px;height:30px; float:left;border-radius:50%; overflow:hidden; margin:8px 10px 0 0;}

 .message{ position:absolute;right:0;top:0; width:60px; text-align:center;}
 .message .iconfont{color:#6b6b6b; font-size:18px;}
 .message a{ margin:0;}
 .message:hover .iconfont{color:#3c81f9;}
 .u-navdropmenu{ position:absolute;top:80px;right:0;width:140px; background:#fff; padding:10px 0;border-radius:4px; overflow:hidden; box-shadow:0 3px 15px rgba(0,0,0,0.1); display:none;z-index: 9}
 .u-navdropmenu span{ display:block;height:40px; line-height:40px; overflow:hidden; font-size:14px;position: relative;}
 .u-navdropmenu a{ display:block; padding:0 20px; margin:0;color:#6b6b6b!important}
 .u-navdropmenu a:hover{ background:#3c81f9;color:#fff !important;}
 .u-navdropmenu .iconfont{ float:left;margin-right:5px;width:18px; font-size:14px;}

.haed-user .num{font-style:normal;width:16px;height:16px;border-radius:50%;text-align:center;line-height:16px;background:#fc4c4c;color:#fff;position:absolute;font-size:12px;right:12px;top:12px!important}
.head-nav  a{margin-right:10px;font-size:14px}

/*fenye*/
/*fenye*/
.fenye{padding:20px 0;text-align:center;}
.fenye table{display:inline-block;vertical-align: middle;}
#pagelist .prev,#pagelist .next{padding:0 10px}
.fenye a{min-width:38px;height:38px;text-align:center;line-height:38px;background:#ebf0f3;border-radius:3px;font-size:16px;float:left;margin-left:10px;color:#5b6269}
.fenye a img{display:block;margin:0 auto;margin-top:15px}
.fenye a:hover{color:#fff;background:#3c81f9}
.fenye a.curr{background:#3c81f9;color:#fff}
.f-l{float:left}.f-r{float:right}
/*标题banner*/
.title-banner{ height:260px; width: 100%; overflow:hidden; text-align:center;color:#fff;text-align: center;}
.title-banner h4{ font-size:32px; line-height:52px; padding-top:80px; font-weight:normal;}
.title-banner p{ font-size:14px; letter-spacing:1px; line-height:44px;}

.bg-classroom{ background:url(./class/bjlb.jpg) no-repeat 50% 0;}
.bg-group{ background:url(./group/xzsy.jpg) no-repeat 50% 0;}
.bg-exam{ background:url(./exam/banner-exam.jpg) no-repeat 50% 0;}
.bg-ask{ background:url(./ask/bg.jpg) no-repeat 50% 0;}
.bg-gkc{ background:#3e4651 url(./course/20170829.jpg) no-repeat 50% 0;height:200px; }

.bg-gkc h4{padding-right: 60px;}

.page-animate{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0;  opacity: 0;
}

.posnav {line-height: 23px;color: #9b9b9b;font-size:13px;padding:15px 0 10px 0;}
.posnav a{color: #999;}
.posnav em{ margin:0 5px;}

.bd-style{border-bottom: 1px solid #ebebeb;box-shadow: 0 1px 4px rgba(0,0,0,0.05); border-radius: 3px;}

/*filterbox*/
.filterbox{border:1px solid #ebebeb;border-radius:4px;}
.filterbox ul{ background-color:white; text-indent:20px;border-radius:3px;}
.filterbox li{ position: relative;border-top:1px dashed #ebebeb;padding:15px 0 15px 100px;}
.filterbox li:first-child{border-top:0px;}
.filterbox li span{width: 100px;font-size: 14px;line-height:30px;position: absolute;left:0px;top: 15px; color:#6b6b6b;}
.filterbox li a{float: left;margin:5px 30px 5px 0;font-size: 14px;color: #828282;line-height: 24px; }
.filterbox li a.curr,
.filterbox li a:hover{color:#3c81f9;}
.filterbox li:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.filterbox .path-now{font-size: 16px;color: #333;margin-bottom:20px;}
.clear{clear:both;height:0;overflow:hidden}
.mt15{margin-top:15px}
#nologin a{margin-left:5px;columns: #000;}
.pageWidth{width:1200px;margin:0 auto}

/*newtype*/
.exam_head{height: 50px;line-height: 50px;background: #3E3E3E;color: #fff}
.exam_head .exam_email {position: relative;padding-left: 30px;padding-right: 20px}
.exam_head .exam_email::before {position: absolute;left: 0;top: 2px;;content: '';display: block;width: 18px;height: 13px;background: url(email.png) no-repeat;background-size: cover}
.exam_head .exam_phone {position: relative;padding-left:15px;}
.exam_head .exam_phone::before {position: absolute;left: 0;top: 2px;;content: '';display: block;width: 11px;height: 14px;background: url(phone.png) no-repeat;background-size: cover}
.headbar .box .exam_search .search{ overflow: hidden;position: absolute;bottom:-15px;left: 0px;background: #fff;z-index: 99;border: 1px solid #3c81f9;margin-left: 0;}
.headbar .box .exam_search > img {position: relative;top: 3px}
.box .exam_search {position: relative;cursor: pointer}
div#pageWrap {padding: 15px 0}
div#pageWrap .daohang a {color:#999}

.aboutus .aboutus_r p {font-size: 14px;line-height: 1.8;color: rgb(102, 102, 102)}
.mp_20 {margin-top: 20px}
.handle{float: right;text-align: center;}
.handlea{padding: 0 10px;text-align: center;}