/*通用样式*/
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-y:scroll;-webkit-text-size-adjust:none; overflow-x:hidden;}
body { font-size:14px; font-family: "microsoft yahei"; min-width:1200px; background:#f4f4f4;}
body, h1, h2, h3, p, dl, dd { margin:0;}
h2, h3 { font-weight: normal;}
ul,li{ list-style:none; margin:0; padding:0;}
.cc{clear:both; font-size:1px; height:0; line-height:0;}
.clear{clear:both;display:block;overflow:hidden;  visibility:hidden; width:0; height:0;zoom: 1;}
.clear:after{ content: ""; display: block; clear: both;}
a {text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects;outline:none;blr:expression(this.onFocus=this.blur()); color:#333;}
a:active, a:hover {outline-width:0;}
a:focus, a:hover{text-decoration:none;}
a:focus {outline:none; -moz-outline:none;}
img { border: none; vertical-align: top;}
strong { font-weight: normal;}
button { padding: 0; border: 0; font-family: "microsoft yahei"; outline: none; cursor: pointer;}
textarea { border: none; padding: 0; outline: none; font-family: "microsoft yahei"; }
table { border-collapse: collapse; border: none; border-spacing: 0;}
th, td { padding: 0;}
*{ margin:0; padding:0;}
.fl,.left,#left{ float:left;}
.fr,.right,#right{ float:right;}
.icon { display:inline-block; vertical-align: middle;}
.wrapper { width:1200px; margin: 0 auto;}
.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition: opacity .15s linear;transition:opacity .15s linear;}
.fade.in{opacity:1}

/*头部*/
#header{ width:100%; background:#3c3849; margin-bottom:20px;}
.header{ width:1200px; height:60px; margin:0 auto;}
.logo{ width:190px; padding-top:3px; height:57px; overflow:hidden;}
.nav{ width:538px;}
.nav ul li{ float:left; font:15px/60px "microsoft yahei"; color:#fff; padding-right:20px;}
.nav ul li a{ color:#fff; display:block; padding:0 15px; float:left;}
.nav ul li a:hover,.nav ul li.on a{ background:#ca63ff;}
.nav ul li#last a{ background:url(../images/top_cur.png) no-repeat 50px center; padding-right:28px;}
.nav ul li#last a:hover,.nav ul li#last.on a{ background:#ca63ff url(../images/top_cur.png) no-repeat 50px center;}

/*搜索*/
.search{ width:172px; height:28px; border:1px solid #6b6a6f; border-radius:15px; padding:0 11px; margin-top:14px;}
.txt-search{ border:0; background:transparent; color:#999999; font:12px/28px "microsoft yahei"; width:144px; height:28px;}
.search span{ display:block; float:left; width:16px; height:16px; padding-left:10px; margin-top:6px; border-left:1px solid #6b6a6f;}
.btn-search{ width:16px; height:16px; background:url(../images/ico_search.png) no-repeat 0 0; cursor:pointer; border:0;}

/*登录注册*/
.top-login{ padding-top:16px; height:44px;}
.top-login a{ padding:0 18px; margin-left:10px; border:1px solid #6b6a6f; height:24px;font:12px/24px "microsoft yahei"; color:#fff; border-radius:2px; float:left; }
.top-login a.top-btn-login{ background:#e4e3e5; border-color:#e4e3e5;color:#333;}
.top-login a.top-btn-reg:hover,.top-login a:hover{ background:#ca63ff; border-color:#ca63ff; color:#fff;}

#header .logged { float: right; display:none; width:275px; height:60px;}
#header .logged .icon-user { display:block; float:left; width:32px; height:32px; margin-top:12px; display:inline-block;}
#header .logged .icon-user img{ background:#63606d; border-radius:50%; -moz-border-radius:50%; width:32px !important; height:32px !important;}
#header .logged .list { float: right; width:240px;font:12px/60px "microsoft yahei";}
#header .list li { float: left; }
#header .list li a { font-size: 12px; color: #b0b0b0; padding: 0 9px 0 6px; border-right: 1px solid #726f7c;}
#header .logged a:hover { color:#e4e3e5;}

#header .dropDown { position: relative; z-index: 1; }
#header .mcDropDown { position: absolute; z-index: 999; top: 50px; left: -30px; width: 110px; padding: 15px 0 13px; border: 1px solid #dddddd; background: #fff; border-radius: 6px; -moz-border-radius: 6px; display:none;}
#header .mcDropMenu{width:110px; overflow:hidden;}
#header .list .mcDropMenu li { height:30px; overflow: hidden; width:110px; float:left;}
#header .list .mcDropMenu li a {  text-align:center; width:110px; font-size:12px; color:#333; line-height:30px; display: block; height: 30px; overflow:hidden; float:left; padding:0; border:0;}
#header .mcDropMenu a:hover{ color:#ca63ff !important;}

#header .logged .arrow, #header .logged .arr { position: absolute; border-width: 8px; border-style: dashed dashed solid dashed; width: 0; height: 0; z-index: 1000;}
#header .logged .arrow { z-index: 1000; border-color: transparent transparent #ddd transparent; top: -16px; left: 50%; margin-left: -4px;}
#header .logged .arr { border-color: transparent transparent #fff transparent; left: -8px; top: -6px;}
#header .highlight { color: #fac31c;}
#header .logged .no_border a { border: none;}

#header-line{ width:100%; height:2px; overflow:hidden;background: -webkit-gradient(linear, 0 100%, 0 0, from(#a384fc), to(#fe7e57));
background: -moz-linear-gradient(left, #a384fc, #fe7e57); background: -ms-linear-gradient(left, #a384fc, #fe7e57); background: -o-linear-gradient(left, #a384fc, #fe7e57); background: linear-gradient(left, #a384fc, #fe7e57); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#a384fc, endColorstr=#fe7e57); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#a384fc, endColorstr=#fe7e57)"; _background:url(../images/header_line.gif) no-repeat center top;}

/*底部*/
#footer{ text-align:center; background:#fff; border-top:1px solid #dddddd; margin-top:40px; padding:36px 0 45px 0;}
.footer-nav{ font-size:15px; padding-bottom:25px; color:#444;}
.footer-nav a{ color:#444;}
#footer a:hover{ color:#ff4200;}
.footer-nav span{ padding:0 14px;}
.copy{ padding-bottom:20px; font-size:12px; color:#666;}
.copy a{color:#666;}

/*侧边工具栏样式*/
#sideTool { position:fixed; bottom:70px; left:50%; margin-left:615px; }
#sideTool .st-item { width:48px; height:54px; background: url(../images/sideTool2.png) no-repeat; display: block; margin-bottom: 1px; cursor:pointer; position:relative;}
#sideTool .st-qq { background-position: 0 0;}
#sideTool .st-qqonline { background-position: 0 -55px;}
#sideTool .st-phone { background-position: 0 -110px; height:46px;}
#sideTool .st-top { background-position: 0 -157px; display:none; height:23px;}
#sideTool .st-phone .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}

/*遮罩层*/
#mask { width:100%; height:100%; position:fixed; top:0; left:0; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index: 997; display:none;}

/*登录框、注册框*/
.login-form,.register-form{ display:; z-index:998px;}
/**.login-form,.register-form{ width:700px; background:#fff;padding:6px 0 20px 40px; border-radius:4px; -moz-border-radius:4px; background:#fff; position: fixed; top:50%; left:50%; z-index:998; margin-top:-200px; margin-left:-370px;}
.register-form{margin-top:-255px;}*/
.login-form,.register-form{ background:#fff;padding:0 10px 0 30px;width:700px;}
.register-form{width:730px;}
.login-close{ text-align:right; padding-right:10px; padding-top:6px; height:14px;}
.icon-close{ width:14px; height:14px; background:url(../images/login.png) no-repeat 0 -34px; cursor:pointer;}
.login-form-box,.register-form-box{ width:439px; border-right:1px solid #e4e4e4; padding-top:6px;}
.login-form-box ul li{ height:40px; padding-bottom:15px; overflow:hidden;font:14px/40px "microsoft yahei";}
.login-form-box ul li.l1,.register-form-box ul li.l1{ height:72px; font:18px/26px "microsoft yahei"; color:#999999; padding-bottom:0;}
.txt-313{ width:272px; height:38px; background:#fff; border:1px solid #e0e0e0; padding:0 5px 0 36px; position:relative;}
.txt-313 .icon{width:17px; height:17px; position:absolute; left:10px; top:10px;background:url(../images/login.png) no-repeat; display:block; }
.txt-313 .icon-user-txt{ background-position:0 0;}
.txt-313 .icon-pass{ background-position:0 -17px;}
.login-form-txt{width:272px; height:38px; background:transparent; border:0; float:left; font:14px/38px "microsoft yahei"; color:#b7b7b7; outline:none;}
.txt_313 .icon-pass{ background-position:0 -17px;}
.login-form-box ul li.l3 a{ color:#ca63ff; margin-left:12px;font:12px/40px "microsoft yahei";}
.login-form-box ul li a:hover,.register-form-box a:hover{color:#ff4200 !important;}
.login-form-box ul li.l4{ padding-bottom:0;}
.txt-154{ width:134px; height:38px; background:#fff; border:1px solid #e0e0e0; padding:0 10px; font:14px/38px "microsoft yahei"; color:#b7b7b7;outline:none;}
.login-form-box ul li.l4 img{ float:left; padding:7px 16px 0 14px;}
.login-form-box ul li.l4 a{ color:#999999;}
.login-form-box ul li.l5{ padding-bottom:0; height:50px; padding-left:10px; font:12px/43px "microsoft yahei"; color:#666666;}
.login-form-box ul li.l5 input{ float:left; margin-top:15px; *+margin-top:10px; margin-right:10px; *+margin-right:5px;}
.login-btn01{ width:315px; height:40px; background:#ca63ff; border-radius:4px;font:18px/40px "microsoft yahei"; color:#fff; cursor:pointer; border:0;transition:0.25s;text-align:center;}
.login-btn01:hover{ background:#d582ff;color:#fff;}
.login-formr{ width:176px; padding-top:83px; padding-right:42px;}
.login-formr p{font:14px/42px "microsoft yahei";padding-left:34px; color:#666;}
.btn-login-formr{ width:138px; height:38px; background:#f7e8ff; border:1px solid #ca63ff; border-radius:4px; text-align:center; font-size:15px; font-family:"microsoft yahei"; color:#ca63ff; cursor:pointer;transition:0.25s;}
.btn-login-formr:hover{ background:#ca63ff; color:#fff;}

.register-form-box ul li{ padding-bottom:7px; clear:both; height:68px; overflow:hidden;}
.register-form-box ul li label{ display:block; font:14px/28px "microsoft yahei"; color:#444;}
.register-txt{ width:298px; height:38px; padding:0 7px; border:1px solid #e0e0e0; outline:none; font:14px/38px "microsoft yahei"; color:#b7b7b7; float:left;}
.register-form-box ul li.l2 span{ display:block; padding-top:4px;font:12px/16px "microsoft yahei"; float:left; }
.register-code-txt{width:134px; height:38px; background:#fff; border:1px solid #e0e0e0; padding:0 10px; font:14px/38px "microsoft yahei"; color:#b7b7b7;outline:none; float:left;}
.register-form-box ul li.l3{ padding-bottom:0;}
.register-form-box ul li.l3 img{ float:left; padding:7px 16px 0 14px;}
.register-form-box ul li.l3 a{ color:#999999;font:12px/40px "microsoft yahei";}
.register-form-box ul li.l4{ padding-bottom:0; height:55px; padding-left:10px; font:12px/55px "microsoft yahei"; color:#666666;}
.register-form-box ul li.l4 a{ color:#ca63ff; padding-left:5px;}
.register-form-box ul li.l4 input{ float:left; margin-top:20px; *+margin-top:16px; margin-right:10px; *+margin-right:5px;}
.register-form-box ul li.l5{ height:40px; padding-bottom:0;}

.modal-open{overflow:hidden}
.modal {position:fixed;top:0;right:0;bottom:0;left:0;z-index:850;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0;}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);}
.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip: padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}