@charset "utf-8";
/*********************************
* 重置浏览器默认样式
* 2014-10-23
*********************************/
html { background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body,dl,dd,h1,h2,h3,h4,h5,h6,p,form,pre,blockquote,figure { margin: 0; }
th,td { padding: 0; }
ul,ol,menu,input,button { margin: 0; padding: 0; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }
audio,canvas,video { display: inline-block; *display: inline; *zoom: 1; }
body,button,input,select,textarea { color: #666; font: 12px/1.5 Microsoft YaHei,arial,SimSun;}
input,select,textarea { font-size: 100%; }
input,select { vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: inherit; }
fieldset,img { border: 0; }
iframe { display: block; }
abbr,acronym { border: 0; font-variant: normal; }
del { text-decoration: line-through; }
address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: 400; }
em{ color: #f47a20; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
q:before, q:after { content: ''; }
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ins,a { text-decoration: none; }
a { color: #666; outline: none; }
a:hover { color: #333; text-decoration: underline; }
a:active { star: expression(this.onFocus=this.blur()); }
:focus { outline: 0; }
button { hide-focus: expression(this.hideFocus=true); }
button:focus { outline-style: none; }

.clearfix:after {clear: both;content: " "; display: block;font-size: 0;height: 0;visibility: hidden;}
.clearfix {}
.clear {clear: both;font-size: 0;height: 0;overflow: hidden;}

body{overflow-x:hidden;}
/******************************
* 部分公用样式
******************************/
.kk-sprite-bg,.icon{background: url(../image/home_bg.png?v=1.0) no-repeat 0 0;}
.qk-login-bd .icon,.login-main .icon,.reg-bd .icon{background: url(../image/login_register.png?v=1.0) no-repeat 0 0;}
.area{width:980px;margin:0 auto;}

/* 字体与颜色 */
.ff-st { font-family: Simsun; }
.ff-yh { font-family: Microsoft YaHei, Arial; }
.fs-12 { font-size: 12px; }
.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }
.fs-20 { font-size: 20px; }
.fs-22 { font-size: 22px; }
.fw-400 { font-weight: 400; }
.fw-700 { font-weight: 700; }
.lh-16 { line-height: 16px; }
.lh-18 { line-height: 18px; }
.lh-20 { line-height: 20px; }
.lh-30{line-height:30px;}
.ta-left { text-align: left; }
.ta-center { text-align: center; }
.ti-999 { text-indent: -999em; }
.ls-1 { letter-spacing: 1px; }
.word-wrap { word-wrap: break-word; word-break: break-all; }
.clr-333 { color: #313131; }
.clr-666 { color: #666; }
.clr-96{color:#969696;}
.clr-999 { color: #919191; }
.red,.clr-f00 { color: #f00; }
.blue,.clr-00f { color: #00f; }
.black,.clr-000 { color: #000; }
.white,.clr-fff { color: #fff; }
.orange { color: orange; }
.clr-f47a20{color:#f47a20;}
/* 定位与显示 */
.d-inline { display: inline; }
.inline-block { display: inline-block; }
.d-block,.show{ display: block; }
.d-none,.hide,.none { display: none; }
.absolute { position: absolute; }
.relative { position: relative; }
.top-0 { top: 0; }
.left-0 { left: 0; }
.right-0 { right: 0; }
.bottom-0 { bottom: 0; }
.zindex-1 { z-index: 1; }
.zindex-2 { z-index: 2; }
.left,.right,.center,.l,.r,.c { _display: inline; }
.left,.l,.center,.c { float: left; }
.right,.r { float: right; }
.o-hidden { overflow: hidden; zoom: 1; }
.limit-width,.limit-height { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; zoom: 1; }
.limit-height { _white-space: normal;}
.mb10{margin-bottom:10px;}
.mb22{margin-bottom:22px;}

/*公共头部*/
.header{width:100%;height:84px;border-bottom:6px solid #1e1e1e;background-color:#292929;}
.kk-logo{width:170px;height:85px;margin-right:20px;}
.kk-logo h1{margin-left:-18px;}
.kk-nav{position:relative;width:450px;height:84px;}
.kk-nav ul{position:absolute;bottom:-6px;}
.kk-nav li{float:left;position:relative;}
.kk-nav li a{display:block;width:75px;padding-bottom:24px;border-bottom:6px solid #1e1e1e;color:#c2c2c2;font-size:16px;line-height:16px;text-align:center;text-shadow:1px 1px 1px #000;}
.kk-nav li a:hover,.kk-nav .current a{
border-bottom-color:#f47a20;color:#f47a20;text-decoration:none;
-webkit-transition: border-color 0.5s ease-in 0s;
-o-transition: border-bottom-color 0.5s ease-in 0s;
transition: border-bottom-color 0.5s ease-in 0s;
}
.kk-nav li .channel-des{display:none;position:absolute;left:-40px;line-height:14px;margin-top:3px;color:#c4c4c4;white-space:nowrap;}
.kk-nav .current .channel-des{display:block;}
.kk-search{padding:37px 0 0 10px;}
.kk-search .search-cnt{width:142px;height:17px;line-height:17px;padding:8px 5px;border:none;background-color:#545454;color:#292929;border-radius:3px 0 0 3px;
-webkit-transition:background-color 0.5s ease 0s;
-o-transition:background-color 0.5s ease 0s;
transition:background-color 0.5s ease 0s;
}
.kk-search .search-cnt:focus{
background-color:#8a8a8a;
-webkit-transition:background-color 0.5s ease 0s;
-o-transition:background-color 0.5s ease 0s;
transition:background-color 0.5s ease 0s;}
.kk-search .search-btn{width:33px;height:33px;border:none;background-position:0 0;cursor:pointer;border-radius:0 3px 3px 0;}
.kk-login{padding:0 0 0 10px;}
.kk-login a{padding:0 8px;margin-top:45px;line-height:12px;color:#c2c2c2;}
.kk-login .login{display:inline-block;border-right:1px solid #c2c2c2;}
.kk-login .kk-user-photo{display:block;position:relative;z-index:2;width:50px;height:50px;line-height:0;margin:22px 0 0 30px;padding:0;font-size:0;overflow:hidden;border-radius:100%;}
.kk-login .kk-user-photo img{width:50px;height:50px;}
.logged{position:relative;left:10px;width:82px;padding-left:13px;}
.logged .kk-user-photo{margin:22px 16px 0 16px;}
.logged .logout{padding:0 0 0 8px;margin-top:58px;}
.logged .user-operate{display:none;position:absolute;left:10px;z-index:1;width:82px;padding:80px 0 10px 0;border-radius:0 0 3px 3px;}
.logged:hover .user-operate{display:block;background-color:#333;}
.user-operate li{height:40px;}
.user-operate li a{display:block;height:40px;line-height:40px;padding:0 5px;margin:0;font-size:14px;text-align:center;color:#fff;transition:background-color 0.2s ease-in-out;}
.user-operate li a:hover{background-color:#292929;text-decoration:none;transition:background-color 0.2s ease-in-out;}

/*公共底部*/
.pt35{padding-top:35px;}
.mt35{margin-top:35px;}
.pb60{padding-bottom:60px;}
.pb98{padding-bottom:98px;}
.pl13{padding-left:13px;}
.pl28{padding-left:28px;}
.footer{background-color: #efefef;}
.footer .left-kk-QR{margin:0 25px 0 114px;}
.right-company-info{background:#888;border-top: 1px solid #b8b8b8;border-bottom: 1px solid #b8b8b8;}
.right-company-info p{overflow:hidden;}
.right-company-info p a{line-height:12px;}
.map-nav{width:980px;height:58px;margin:0 auto;text-align:center;line-height:60px;font-size: 14px;}
.map-nav a{display:inline-block;padding:0 13px;border-right:1px solid #ccc;height:12px;color:#eaeaea;}
.map-nav a:last-child {border-right:none;}
.links{padding:35px 26px 0;font-size:14px;}
.links li{float:left;padding-left:90px;line-height:36px;}
.links li a{display:block;}
.footer-bottom{width:590px;margin:0 auto;padding:60px 0 98px;}
.company-address{padding-left:153px;}
.social-share a,.social-share .weixin,.social-share .QQ{float:left;width:40px;height:40px;line-height:40px;margin-right:20px;background:url(../image/home_bg.png?v=1.0) no-repeat 0 0;-webkit-transition:background-position 0.1s linear 0s;
-o-transition:background-position 0.1s linear 0s;
transition:background-position 0.1s linear 0s;}
.social-share .weibo{background-position:-38px 0;}
.social-share .weixin{display:block;position:relative;background-position:-78px 0;cursor:pointer;}
.social-share .tencent{background-position:-118px 0;}
.social-share .QQ{display:block;position:relative; background-position:-158px 0;cursor:pointer;}
.social-share .weibo:hover{background-position:-38px -40px;}
.social-share .weixin:hover{background-position:-78px -40px;}
.social-share .tencent:hover{background-position:-118px -40px;}
.social-share .QQ:hover{background-position:-158px -40px;}

.social-share .weixin-box{display:none;position:absolute;top:-214px;left:-70px;width:200px;height:200px;background: url(../image/3dcBig.jpg) no-repeat 10px 10px #fff;border:1px solid #ddd;cursor: auto;}
.social-share .qq-box{display:none;position:absolute;top:-125px;left:-80px;width:150px;height:90px;padding:10px 25px;background-color:#fff;border:1px solid #ddd;border-radius:1px;cursor:text;}
.social-share .qq-box i{position:absolute;bottom:-20px;left:90px;width:0;height:0;line-height:0;font-size:0;border-width:10px;border-style:solid dashed dashed dashed;border-color:#ddd transparent transparent transparent;}
.social-share .qq-box .down-arr2{bottom:-19px;border-color:#fff transparent transparent transparent;z-index:1;}
#J_hide_box{width:20px;height:20px;position:absolute;right:-5px;top:-10px;font-size:14px;color:#999;cursor:pointer;font-weight:400;}
#W-box-hide{width:20px;height:20px;position:absolute;right:-4px;top:-9px;font-size:14px;font-weight:400;color:#999;cursor:pointer;}

/*返回顶部*/

/*chrome & safari & opera*/
@-webkit-keyframes flaming {
from,to {opacity:0.5}
50% {opacity:0.9;-webkit-transform:scale(1.1,1.3)}
}
/*firefox*/
@-moz-keyframes flaming {
from,to {opacity:0.5}
50% {opacity:0.9;-moz-transform:scale(1.1,1.3)}
}
/*其他浏览器*/
@keyframes flaming {
from,to {opacity:0.5}
50% {opacity:0.9;transform:scale(1.1,1.3)}
}

#J_go_top{position:fixed;left:50%;margin-left:550px;bottom:160px;z-index:7;display: none;visibility:hidden;width:42px;height:77px;background:url(../image/rocket1.png?v=1.0) no-repeat 50% 0;opacity:0;
-webkit-transition:visibility 0.6s cubic-bezier(0.6,0.04,0.98,0.335),opacity 0.6s cubic-bezier(0.6,0.04,0.98,0.335),-webkit-transform 0.6s cubic-bezier(0.6,0.04,0.98,0.335);
-moz-transition:visibility 0.6s cubic-bezier(0.6,0.04,0.98,0.335),opacity 0.6s cubic-bezier(0.6,0.04,0.98,0.335),-moz-transform 0.6s cubic-bezier(0.6,0.04,0.98,0.335);
transition:visibility 0.6s cubic-bezier(0.6,0.04,0.98,0.335),opacity 0.6s cubic-bezier(0.6,0.04,0.98,0.335),transform 0.6s cubic-bezier(0.6,0.04,0.98,0.335);
}
#J_go_top i {display:block;margin:47px 5px 0 5px;width:32px;height:27px;background:url(../image/rocket1.png?v=1.0) no-repeat -200% -200%;opacity:0.5;
-webkit-transition:-webkit-transform 0.2s;
-moz-transition:-moz-transform 0.2s;
transition:transform 0.2s;
-webkit-transform-origin:50% 0;
-moz-transform-origin:50% 0;
transform-origin:50% 0
}
#J_go_top:hover {background-position:50% -90px;}
#J_go_top:hover i{background-position:50% -139px;
-webkit-animation:flaming 0.7s infinite;
-moz-animation:flaming 0.7s infinite;
animation:flaming 0.7s infinite
}
#J_go_top.show{visibility:visible;opacity:1;}
#J_go_top.launch{background-position:50% -90px;opacity:0;
-webkit-transform:translateY(-800px);
-moz-transform:translateY(-800px);
-ms-transform:translateY(-800px);
transform:translateY(-800px);
pointer-events:none;
}
#J_go_top.launch i {
background-position:50% -139px;
-webkit-transform:scale(1.4,3.2);
-moz-transform:scale(1.4,3.2);
transform:scale(1.4,3.2)
}

/*二维码*/
#J_barcode{position:fixed;left:50%;margin-left:526px;bottom:50px;z-index:7;width:90px;height:110px;text-align: center;}
.barcode{width:90px;height:90px;cursor:pointer;background: url(../image/3dc.jpg) no-repeat 50% 0;);}
.big-barcode{position:fixed;left:50%;margin-left:346px;bottom:50px;z-index:7;width:180px;height:180px;background: url(../image/3dcBig.jpg) no-repeat 50% 0;display: none;box-shadow:-3px -1px 20px #999;}
.big-barcode.show{display: block;}
/*PopBox弹出对话框样式*/
.pop-box{position: fixed;z-index: 999;border:6px solid rgba(0, 0, 0,0.3);box-shadow: 0 0 5px #ccc;border-radius:6px;background-color: #fff;
-moz-background-clip: border; /* Firefox 3.6 半透明边框*/   
-webkit-background-clip: border; /* Safari 4? Chrome 6? */    
background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */    
-moz-background-clip: padding; /* Firefox 3.6 */    
-webkit-background-clip: padding; /* Safari 4? Chrome 6? */    
background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */    
-moz-background-clip: content; /* Firefox 3.6 */    
-webkit-background-clip: content; /* Safari 4? Chrome 6? */    
background-clip: content-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
}
.pop-mask{position:fixed;left:0;top:0;width:100%;height:100%;z-index:998;background-color:#000;opacity:0.3;
filter: alpha(opacity=30);}
.close-btn{position:absolute;right:0;top:0;width:30px;height:30px;line-height:30px;text-align:center;color:#ccc;font-size:20px;}
.close-btn:hover{text-decoration:none;}
.pop-header{width:100%;height:30px;background-color:#eee;}
.pop-header h3{padding:0 8px;font: 14px/30px Microsoft YaHei, Arial, Helvetica, sans-serif;}
.pop-cont{padding:10px;margin:0 auto;}
.pop-footer a{border-radius:3px;padding:3px 10px;margin:5px 10px 0 0;background-color:#eee;border:1px solid #ddd;}
.pop-footer .comfir-btn{margin-left:50px;}
.pop-footer a:hover{background-color:efefef;text-decoration:none;}
.pop-box .no-bgclr{background-color:#fff;}

/*快速登录*/
.qk-login-hd{line-height:50px;margin:-40px 15px 20px 15px;border-bottom:1px solid #ddd;font-size:20px;font-weight:400;text-align:center;}
.qk-login-bd{width:100%;font-size:14px;}
.qk-login-bd li{width:360px;margin:0 0 15px 20px;overflow:hidden;}
.qk-login-bd .qk-user-account,.qk-login-bd .qk-user-psw{width:344px;height:18px;padding:12px 5px;border:1px solid #eee;border-radius:3px;background-color:#fff;font-size:16px;}
.qk-user-account *,.qk-user-psw *{float:left;}
.qk-user-account .icon,.qk-user-psw .icon{width:16px;height:18px;}
.qk-user-account .icon{background-position:0 0;}
.qk-user-psw .icon{background-position:-16px 0;}
.qk-user-account input,.qk-user-psw input{width:280px;height:18px;line-height:18px;padding-left:10px;border:none;font-size:14px;}
.qk-login-bd .qk-login-btn{margin-bottom:30px;}
.qk-forgot{padding-top:10px;}
.login-btn{display:inline-block;width:356px;height:44px;line-height:44px;text-align:center;font-size:20px;color:#fff;background-color:#f57921;-webkit-transition:background-color 0.5s linear;-o-transition:background-color 0.5s linear;transition:background-color 0.5s linear;}
.login-btn:hover{color:#fff;text-decoration:none;background-color:#f78c41;-webkit-transition:background-color 0.5s linear;-o-transition:background-color 0.5s linear;transition:background-color 0.5s linear;}
.qk-login-bd .qk-register{padding-bottom:34px;border-bottom:1px solid #ddd;margin-bottom:25px;}
.qk-register a:hover{color:#f47a20;}

.qk-login-bd .f-checkbox{display: inline-block;width: 17px;height: 17px;margin-right: 5px;border: 1px solid #bcbcbc;border-radius: 3px;vertical-align: middle;background-position:100px 100px;}
.qk-login-bd .f-checkbox.checked{border: 1px solid #f55c11;background-position:-34px 0;}
#J_remenber{display:none;}

.qk-other-login a{display:block;width:230px;height:40px;padding:5px 10px;line-height:40px;color:#fff;font-size:16px;margin:0 auto;}
.qk-other-login a:hover{text-decoration:none;}
.qk-other-login a .icon{float:left;display:inline-block;width:36px;height:36px;margin:2px 10px 2px 0;line-height:0;font-size:0;}
.qk-other-login .sina-login-btn{background-color:#ec7474;}
.qk-other-login .qq-login-btn{background-color:#7cb5ea;}
.qk-other-login .sina-login-btn .icon{background-position:0 -19px;}
.qk-other-login .qq-login-btn .icon{background-position:-37px -19px;}

/*.qk-login-bd .qk-show-tips{display:none;}*/
.qk-login-bd .error-status{border-color:#f47a20;}

/*跳转页面*/
@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}
.system-message{width:600px;margin:200px auto; padding: 100px 48px;text-align:center;background-color:#f5f5f5;border:5px solid #f9f9f9;}
.system-message h1{ font-size: 30px; font-weight: normal; line-height: 120px; margin-bottom: 12px; }
.system-message .jump{ padding-top: 10px;color:#666;font-size: 16px;}
.system-message .jump a,.system-message .error{ color:#f47a20;}
.system-message .success,.system-message .error{ line-height: 1.8em; font-size:30px }
.system-message .error{ line-height: 1.8em; font-size:30px;
-webkit-animation-name: bounceInDown;animation-name: bounceInDown;
-webkit-animation-duration: .75s;
 animation-duration: .75s;
}
.system-message .detail{ font-size: 16px; line-height: 20px; margin-top: 12px; display:none}