﻿body,ul,ol,li,h1,h2,h3,h4,h5,h6,dl,dd,p{ margin: 0; padding:0;}
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section,time {display: block}
h1,h2,h3,h4,h5,h6,b,strong{ font-weight: 400}

a,a:hover{text-decoration: none;}
li{ list-style:none;}
input,button,select,textarea{outline: none; padding: 0rem; margin: 0rem}
body, button, input, select, textarea {
    font: 14px/1.5 \5FAE\8F6F\96C5\9ED1,arial,\5b8b\4f53;
}
input,textarea{ border: 0}
textarea{ resize: none}
img{border: 0px;}
em,i{font-style: normal; font-weight: 400}
button{ border:0;outline:none}
table{ border-collapse: collapse}
body{ width: 100%; overflow-x:hidden; font-family: "微软雅黑"}
/*head*/
.head_main{ background-color: #2a2a2b; width: 100%; height: 85px; line-height: 85px; position: relative; z-index: 10}
.width_main{ width: 1100px; margin: 0 auto;}
.head_height{ height: 85px}
.logos{ float: left; margin: 20px 35px 0 0; height: 45px; width: 171px; background-image: url(../images/logos.png)}
.logo_tit{ float: left; margin-top: 20px}
.nav_right1{ float: right; margin-top: 26px; height:32px}
.btn1{ float: right; font-size: 14px; width:151px; height: 32px; line-height: 32px; overflow: hidden}
.btn1 a{ color: #f28e04; float: left; width:40px; text-align:center; font-size:16px}
.register{ background:url(../images/enroll.png) no-repeat left center; padding-left:20px; margin-left:16px}
.login{ background:url(../images/enter.png) no-repeat left center; padding-left:20px}
.btn1 a:hover{ color: #fff}
.searchForm_main{ position: relative; float: right; width:207px; height: 32px; margin-right: 16px; background-color: #484848; overflow: hidden; }
.searchForm_main input{height: 32px;line-height: 32px;width: 174px; color: #a2a2a2; font-size: 12px; background-color: transparent; font-family: "微软雅黑"; position: absolute; top: 0; left: 33px}
.searchForm_main a{ position: absolute; height: 32px; line-height: 32px; text-align: center; font-size: 14px; width:33px; top: 0px; right:0px; background-color: #f18e00; color: #fff}
.searchForm_main a:hover{ background-color: #f89c17}
.searchForm_main i{ position: absolute; top: 9px; left: 9px; display: block; width: 17px; height: 17px; background-position: -229px -110px}
/*登录后*/
.me_name{ float: right; position: relative; padding:0 10px;margin-top:6px; }
.me_name span{ color:#fff}
.me_img{ display: block; height: 32px; line-height: 32px; color: #5c5c5c; font-size: 14px}
.home .me_img{ color: #fff}
.me_img img{ height: 30px; height: 30px;float:left; border-radius: 50%; margin-right:6px}
.me_img span{ float:left;max-width:56px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis}
.me_popup{ border-radius: 5px;box-shadow: 0 1px 2px rgba(0,0,0,.01),0 -1px 8px rgba(0,0,0,.09); border: #eee 1px solid; width: 120px; position: absolute; top: 42px; left: -19px; background-color: #fff; text-align: center; display: none}
.me_name:hover .me_popup{ display: block}
.me_popup ul{ overflow: hidden}
.me_popup li{ margin-top: -1px; border-top: dashed 1px #e0e0e0; height: 45px; line-height: 45px; overflow: hidden}
.me_popup a{ font-size: 14px; color: #999}
.me_popup a:hover{ color: #f18e00}
.me_popup:after{ content: ''; top: -8px; position: absolute; left: 50%; margin-left: -6px; width: 12px; height: 8px; background:url(../images/sprites.png) no-repeat 0 -51px; display: block}
.searchForm{ position: relative; float: right; width: 320px; height: 32px; margin-right: 16px; border: 1px solid #d4d4d4; overflow: hidden; border-radius: 2px}
.home .searchForm{ border: #fff 1px solid}
.searchForm input{height: 32px;line-height: 32px;width: 275px; padding: 0 10px; color: #a2a2a2; font-size: 12px; background-color: transparent; font-family: "微软雅黑"}
.home .searchForm input{ color: #fff}
.searchForm a{ position: absolute; height: 17px; width: 20px; top: 7px; right:6px; background-position: -20px -17px}
.home .searchForm a{ background-position: -20px 0}
/*navs*/
.navs{ background-color: #1e1e1f; width: 100%; height: 51px; /*position: absolute;*/ z-index: 9; }
.navs ul{ width: 100%; height: 51px}
.navs li{ height: 51px; line-height: 51px; float: left; position: relative;}
.navs li>a{ float: left; color: #fff; font-size:18px; width:120px;  text-align: center}
.navs li.navs_current>a,.navs li:hover>a{ color: #f18e00; background-color: #131313}
.navs_sub{ position: absolute; left:0; top: 51px; width:110px; padding: 0 5px; text-align: center; background-color: #1e1e1f; z-index: 99999; display: none}
.navs_sub dl{  overflow: hidden; background:none}
.navs>.navs_current>dl{  overflow: hidden; background:none}
.navs_sub dl dd{ border-top: #3b3b3c 1px dotted; margin-top: -1px; height: 38px; line-height: 38px}
.navs_sub dl a{ font-size: 13px; color: #a3a3a3; display:block}
.navs_sub dl a:hover{ color: #f18e00; text-decoration:underline}
.navs li:hover .navs_sub{ display: block}
.navs_fix{ position: fixed; top: 0; left: 0}

/*header*/
header{ position: fixed;top: 0; left: 0; height: 58px; width: 100%; z-index: 9;box-shadow: 0 0 4px rgba(0,0,0,.1); border-bottom: #ededed 1px solid; background-color: #fff; transition:background .15s ease-in-out; -webkit-transition:background .15s ease-in-out; -moz-transition:background .15s ease-in-out; -o-transition:background .15s ease-in-out;z-index:99999;}
header.no_fixed{ position: absolute; top: 0; left: 0}
.home header{ box-shadow: none; background-color: transparent; border-bottom: 0}
.home .headBg{ position: absolute; left: 0; width: 100%;height: 81px; background: url(../images/headBg.png) repeat-x}
nav{ position: relative; width: 1224px; margin: 0 auto; height: 48px}
nav.wid{ width: 1170px}
.nav_left{ float: left; margin-top: 14px; min-width: 600px}
.logo{ float: left; margin: 2px 38px 0 0; height: 32px; width: 120px; background-image: url(../images/logo.png); background-position: 0 -32px; background-repeat: no-repeat}
.home .logo{  background-position: 0 0}
.menu{ float: left; position: relative; font-size: 14px}
.menu>a{ float: left;line-height: 18px;padding-top: 8px;color: #5c5c5c; padding: 0 20px; height: 40px; line-height: 40px}
.home .menu>a{ color: #fff}
.icon{ background-image: url(../images/sprites.png); background-repeat: no-repeat}
.nav_left i{ float: left; height: 25px; width: 1px;background-position: -6px -24px}
.home .nav_left i{ background-position: 0px -24px}
.nav_left b.nav_cur,.menu:hover b{ position: absolute; height: 4px; width: 7px;left: 50%; top: 0; margin-left:-3px; background-position: 0 -4px}
.home .nav_left b{ background-position: 0 0}
.nav_right{ float: right; margin-top: 13px; height: 35px}
.btn{ float: right; font-size: 14px; background-color: #f18e00; width: 80px; height: 32px; line-height: 32px; padding:0 5px; border: #f18e00 1px solid; overflow: hidden; border-radius: 2px}
.home .btn{ background-color: transparent; border: #fff 1px solid}
.btn a{ color: #FFF; float: left; width:40px; text-align:center}
.btn:hover{ background-color: #f89c17}
.btn:active{ background-color: #f18e00}
.home .btn:hover,.home .btn:active{ background-color: transparent}
/*footer*/
footer{ background-color: #333; width: 100%; font-size: 12px; clear:both;}
.footer_top{ height: 33px; line-height: 33px; background-color: #f4f4f4}
.foot_tit{ width: 1224px; margin: 0 auto; overflow: hidden}
.foot_tit.wid{ width: 1170px}
.foot_tit li{ float: left; width: 92px; color: #666; text-align: center; cursor: pointer}
.foot_tit li.active{ background-color: #333; color: #f4c624}
.footMain{ width: 1224px; margin: 0 auto; padding-top: 47px}
.footMain.wid{ width: 1170px}
.foot1,.foot2,.foot3{ width: 100%}
.foot1 ul,.foot2 ul,.foot3 ul{ overflow: hidden; padding-bottom: 27px}
.foot1 ul li,.foot2 ul li,.foot3 ul li{ float: left; padding-right: 11px; margin-right: 11px; position: relative; height: 30px; line-height:30px}
.foot1 ul a,.foot2 ul a,.foot3 ul a{ color: #999}
.foot1 ul b,.foot2 ul b,.foot3 ul b{ position: absolute; top: 50%; margin-top: -6px; right: 0; background-position: -28px -55px; display: inline-block; width: 1px; height: 12px}
.bottom{ width: 100%; height: 35px; line-height: 35px; background-color: #1b1b1b; text-align: center; color: #999}
.foot_small{ width: 1100px}
.footerNav{ font-size: 12px; color: #999; text-align: center; line-height: 35px; clear:both; background-color:#1b1b1b;}
.footerNav a{ color: #999; display: inline-block; padding: 0 6px}
/*toTop*/
.toTop{ width: 55px; height: 48px; position: fixed; bottom: 90px; left: 75%; margin-left: 280px; background: url(../images/toTop.png) no-repeat; cursor: pointer; display: none; opacity: .4; filter:alpha(opacity=40);transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear}
.toTop:hover{ opacity: 1; filter:alpha(opacity=100)}
/*register*/
.register_main,.login_main{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999999;display: none}
.registerBg{ background-color: #000;opacity: .3; filter:alpha(opacity=30); width: 100%; height: 100%; position: absolute; top: 0; left: 0}
.regist_box{ width: 538px; background-color: #fff; position: absolute; top: 40%; left: 50%; margin-top:-220px; margin-left: -305px; border-radius: 5px;box-shadow: 0 2px 5px rgba(0,0,0,.2); padding: 16px 36px 27px}
.reg_tit{ font-family: "微软雅黑"; font-size: 18px; color: #555; height: 45px; line-height: 45px}
.content{ overflow: hidden}
.con_left{ float: left; width: 322px; border-right: #e4e4e4 1px dashed; padding-top: 20px; padding-bottom: 10px}
.con_left form{ width: 286px}
.con_left .text{ width: 264px; height: 34px; line-height: 34px; border: #ccd 1px solid; font-size: 14px; color: #a9a9a9; padding: 0 10px; border-radius: 2px; margin-bottom: 10px}
.con_left .codes{ width: 100%; overflow: hidden; margin-bottom: 10px}
.con_left .codes strong{ float: left; width: 163px; border-radius: 2px; color: #a9a9a9;border: #ccd 1px solid; height: 34px; line-height: 34px; padding: 0 10px; overflow: hidden}
.codes strong input{ float: left; height: 34px; line-height: 34px; width: 140px; margin-right: 7px}
.codes strong i{ float: left; width: 16px; height: 16px; background-position: -247px -93px; margin-top: 9px}
.con_left .codes a{ float: right; width: 92px;height: 36px; line-height: 36px; background-color: #f18e00; border-radius: 2px; color: #fff; font-size: 12px; text-align: center}
.con_left div{ font-size: 12px; color: #7a7a7a; margin-bottom: 36px}
.con_left .check{ margin-right: 5px; vertical-align: middle; margin-top: -2px}
.con_left div a{color: #4f97d3}
.con_left .sub{ background-image: url(../images/submited.jpg); background-repeat: repeat-x; background-position: 0 0; height: 36px; line-height: 36px; width: 284px; border: #f29003 1px solid; border-radius: 2px; color: #fff; font-size: 14px; font-weight: bold; cursor: pointer}
.con_left .sub:hover{ background-position: 0 -36px}
.con_left .sub:active{ background-position: 0 0}
.con_right{ width: 188px; float: right; padding-top: 20px; font-size: 12px; color: #7a7a7a}
.con_right a{ color: #4f97d3}
.con_right .account{ overflow:hidden;zoom:1; margin:18px 0}
.account_QQ{ width:40px; height:40px;float:left; background:url(../images/QQ.png) no-repeat; margin-right:9px}
.account_QQ:hover{background:url(../images/QQs.png) no-repeat;}
.account_weibo{ width:40px; height:40px;float:left; background:url(../images/weibo.png) no-repeat;margin-right:9px}
.account_weibo:hover{background:url(../images/weibos.png) no-repeat;}
.account_weixin{ width:40px; height:40px;float:left; background:url(../images/weixin.png) no-repeat;}
.account_weixin:hover{background:url(../images/weixins.png) no-repeat;}
.close{ position: absolute; top: 6px; right: 8px; width: 16px; height: 16px; background: url(../images/close.png) no-repeat}
.con_left .codes .sended{ background-color: #b4b4b4}
.regRltv{ position: relative;width: 286px; height: 36px; margin-bottom: 10px}
.regRltv input{ margin-bottom: 0}
.regRltv i{ position: absolute; top: 10px; right: -25px; display: block; width: 16px; height: 16px; background-position: -265px -93px}
.regRltv b{ position: absolute; top: 0; right: -110px; display: block; height: 36px; line-height: 36px; background-color: rgba(0,0,0,.75); border-radius: 2px; font-size: 12px; color: #fff; font-family: "微软雅黑"; text-align: center; width: 98px}
.regRltv b.reg_name{ width: 190px; right: -200px}
.regRltv b strong{ display: inline-block; width: 16px; height: 16px; background-position: -247px -93px; vertical-align: middle; margin-top: -2px; margin-right: 5px}
.regRltv b strong:after{ content: ''; top: 50%; margin-top: -6px; position: absolute; left: -6px; width: 6px; height: 12px; background:url(../../common/images/sprites.png) no-repeat -222px -105px; display: block}
.regWord{ font-size: 12px; color: #7a7a7a; margin-bottom: 10px}
/*login*/
.missPsw{ overflow: hidden; font-size: 12px; color: #7a7a7a; margin-bottom: 36px}
.missPsw span{ float: left}
.missPsw a{ float: right; color: #4f97d3}
.login_main .con_left{ padding-top: 39px; padding-bottom: 33px}
.login_main .con_right{ padding-top: 39px}
.login_main .
con_right p{ margin-bottom: 40px}
/*page*/
.page{ overflow: hidden;text-align: center; margin: 0 auto; display:inline-block}
.page a{ border-radius:5px;float: left; padding: 0 14px; height: 30px; line-height: 30px; background-color: #303a43; margin: 0 6px; font-size: 16px; color: #fff}
.page .page_size{ font-size: 13px}
.page .active,.page a:hover{ background-color: #f18e00; color: #000}
.page_left i{ display: inline-block; width: 7px; height: 12px; background-position: -67px -64px; vertical-align: middle; margin-top: -2px; margin-right: 10px}
.page_right i{ display: inline-block; width: 7px; height: 12px; background-position: -75px -64px; vertical-align: middle; margin-top: -2px; margin-left: 10px}












/* 导航 */
.header{position:relative;padding:20px 0 14px;width:100%;height:42px;background-color:#000;z-index:99999;}
.header-box{margin:0 auto;width:1200px}
.headers{position:absolute;height:42px;margin-left: 50%;z-index:8;left: -600px;padding: 20px 0 14px;border-bottom: 1px solid #4d4a4d; }
.header-logo{float:left;margin-right:30px;width:132px;height:42px}
.nav{float:left; font-size:20px;line-height:42px;margin:0;}
.nav li{position:relative;float:left;padding:0 20px;text-align:center;}
.nav li a{color:#fff;font-size:20px;padding:0;}
.nav li a:hover{color:#eda224}
.nav li a.action{color:#eda224}
.nav li:hover .nav-sub{display:block;}
.nav .nav-sub{display:none;height:183px;position:absolute;z-index:99999998;left:-60px;margin-left:50%;width:120px;border-radius:3px;background-color:#fff;text-align:center;    box-shadow: 0 1px 2px rgba(0,0,0,.01),0 -1px 8px rgba(0,0,0,.09);}
.nav .nav-sub:after{position:absolute;top:-8px;left:50%;display:block;margin-left:-6px;width:12px;height:8px;background:url(../images/sprites.png) no-repeat 0 -51px;content:'';    z-index: 99999999;}
.nav .nav-sub dl{position:relative;z-index:99998;height:182px;overflow:hidden;}
.nav .nav-sub dd{position:relative;z-index:99999}
.nav .nav-sub a{display:inline-block;padding:0 10px;border-bottom:1px dashed #e0e0e0;color:#000;font-size:14px;line-height:45px}
.search{float:right;height:30px;margin-top:6px;}
.search-text{float:left;width:138px;height:30px;line-height:28px;font-size:12px;border-right:1px solid #999;background:#fff;padding:0 2px;color:#999;}
.search-btn{float:left;width:30px;height:30px;border:none;background:url(../images/search.png) #fff no-repeat center;cursor:pointer;}
.logins{float:right;line-height:42px;font-size:16px;padding:0 10px;}
.logins a{color:#fff;}
.logins > .login{background:none;padding:0;margin:0;}
.logins > .register{background:none;padding:0;margin:0;}
/*登录后*/
.me_name{ float: right; position: relative; padding-bottom: 10px;display:none;}
.me_name span{ color:#fff}
.me_img{ display: block; height: 32px; line-height: 32px; color: #5c5c5c; font-size: 14px}
.home .me_img{ color: #fff}
.me_img img{ height: 30px; height: 30px;float:left; border-radius: 50%; margin-right:6px}
.me_img span{ float:left;max-width:56px; font-size:16px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis}
.me_popup{z-index:5;border-radius: 5px;box-shadow: 0 1px 2px rgba(0,0,0,.01),0 -1px 8px rgba(0,0,0,.09);border: #eee 1px solid;width: 120px;position: absolute;top:38px;left: -19px;background-color: #fff;text-align: center;display: none;}
.me_name:hover .me_popup{ display: block}
.me_popup ul{ overflow: hidden}
.me_popup li{ margin-top: -1px; border-top: dashed 1px #e0e0e0; height: 45px; line-height: 45px; overflow: hidden}
.me_popup a{ font-size: 14px; color: #999}
.me_popup a:hover{ color: #f18e00}
.me_popup:after{ content: ''; top: -8px; position: absolute; left: 50%; margin-left: -6px; width: 12px; height: 8px; background:url(../images/sprites.png) no-repeat 0 -51px; display: block}
.searchForm{ position: relative; float: right; width: 320px; height: 32px; margin-right: 16px; border: 1px solid #d4d4d4; overflow: hidden; border-radius: 2px}
.home .searchForm{ border: #fff 1px solid}
.searchForm input{height: 32px;line-height: 32px;width: 275px; padding: 0 10px; color: #a2a2a2; font-size: 12px; background-color: transparent; font-family: "微软雅黑"}
.home .searchForm input{ color: #fff}
.searchForm a{ position: absolute; height: 17px; width: 20px; top: 7px; right:6px; background-position: -20px -17px}
.home .searchForm a{ background-position: -20px 0}
.bgnone{background:none;}