@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;}
html{ overflow-y:scroll}
body{ font:12px/1.5 \5b8b\4f53, Arial, Verdana; color:#888888; background:#fff!important}
ul{ list-style:none;}
button{ border:0 none; padding:0; cursor:pointer;}
img{ border:0;}
.clear {clear:both;}
.clear_fix {zoom:1;}
.clear_fix:after {display:block;clear:both;content:".";visibility:hidden;height:0;font-size:0;}
.wrapfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.wrapfix{display: inline-table;}/* Hides from IE-mac \*/
* html .wrapfix{height: 1%;}
.wrapfix{display: block;}/* End hide from IE-mac */
*+html .wrapfix{min-height: 1px;}/*ie7*/

a{ text-decoration:none; color:#777; outline:0}
.wrap{ width:960px; margin:0 auto; position:relative;}
/**/
.footer{ text-align:center; color:#666; line-height:24px; padding:25px 0;}
.footer a{ color:#666;}
.loginbox {color:#333}
/*header*/
#header{ height:95px; background:url(http://www1.kugou.com/service/images/default.png) no-repeat 0 -65px; position:relative; width:960px; margin:0 auto}
#header a:hover{ text-decoration:underline}
#header .link{ width:163px; height:38px; position:absolute; text-indent:-9999px; left:8px; top:55px;}
#header .login{ position:absolute; right:0; top:20px; background:url(http://www1.kugou.com/service/images/default.png) no-repeat 121px 0; padding-right:20px;}
#header .logined{padding-right:0!important; right:2px; background:#fff;}
#header .logined .pic{ position:absolute; left:-40px; top:-16px}
#header .blue{color:#45BEEE!important; text-decoration:underline; margin-right:5px; display:inline-block}
#header .login a{ color:#888;}
#header .download{ position:absolute; right:3px; bottom:13px; color:#45beee}
#header .download a{ color:#45beee; display:inline-block; padding-left:23px;}
#header .download a.game{ background:url(http://www1.kugou.com/service/images/default.png) no-repeat -132px 0}
#header .download a.client{ background:url(http://www1.kugou.com/service/images/default.png) no-repeat -218px 0; padding-left:16px}
/*nav*/
#nav{ font-family:Microsoft YaHei; background:url(http://www1.kugou.com/service/images/bg.png) repeat-x; height:35px; width:960px; margin:0 auto}
#nav li{ float:left;}
#nav .n1 li{ margin-right:25px;}
#nav ul{ float:left; height:35px;}
#nav .n1 a{ color:#fff; font-size:14px; height:35px; line-height:35px; width:107px; text-align:center; display:block;}
#nav .hover a,#nav .n1 a:hover{ background:#80dbff}
#nav .hover{ position:relative}
#nav .hover span{ border-style:dashed dashed solid dashed; border-color:transparent transparent #fff transparent; border-width:5px; position:absolute; bottom:-1px; left:50%; margin-left:-5px; font-size:0; line-height:0}
#nav .line{ float:left; width:12px; height:35px; background:url(http://www1.kugou.com/service/images/default.png) no-repeat -337px 0; margin:0 0 0 230px; display:inline}
#nav .n2 a{ font-size:12px; height:35px; color:#fff; line-height:35px; margin-left:30px; display:inline}
#nav .n2 a:hover{ text-decoration:underline}

/*service_nav*/
#service_nav ul{ border-bottom:1px solid #dcdcdc; height:35px; padding-left:20px;}
#service_nav li{ float:left; position:relative; margin-right:10px}
#service_nav a{ display:block; height:35px; line-height:35px; text-align:center; width:66px; color:#5e5e5e}
#service_nav .hover a{font-weight:bold}
#service_nav .hover a,#service_nav a:hover{ color:#6fcef4;}
#service_nav .hover span{ height:3px; font-size:0; line-height:0; background:#6fcef4; width:66px; position:absolute; bottom:-1px; _bottom:-2px}

.leftcon{width:210px;float:left;}
.rightcon{width:740px;overflow:hidden;float:left; margin:15px 0 50px 0;border-left:1px solid #e3e3e3;}

ul.info{ margin:25px 0 0 0;color:#666666;}
ul.info li{ margin:0 0 10px 0;}
ul.info li img{width:50px;height:50px;border:1px solid #e7e7e7; padding:1px;float:left; margin:0 7px 0 0;}
ul.info li.user{ overflow:hidden}
ul.info li.user a{display:block;font-weight:bold;color:#39b7e9; padding:3px 0 12px 0;}
ul.info li.user soan{display:block;}
ul.info a.green{color:#00b939;font-weight:bold;}
ul.info a.red{color:#be1200;font-weight:bold;}
ul.info label.blue{color:#39b7e9;}

ul.loginact{margin:50px 0 0 0;color:#666666;}
ul.loginact li{ margin:0 0 12px 0; line-height:20px;}
ul.loginact li a{color:#39b7e9;}
ul.loginact li a:hover{ text-decoration:underline;}
ul.loginact li a.login{width:140px;height:50px; line-height:50px; text-align:center;display:block; background:#39b7e9;font-size:24px;font-family:Microsoft YaHei;color:#FFF;}
ul.loginact li a.login:hover{ text-decoration:none;}
ul.loginact label.blue{color:#39b7e9;}

ul.qa{ margin:0 0 0 15px;}
ul.qa li{color:#666666;}
ul.qa li h3{font-weight:bold;color:#39b7e9;font-size:14px; background:url(../images/wenhao.png) no-repeat 0 center; padding:0 0 0 20px;}
ul.qa li p{ margin:20px; line-height:24px;}
ul.qa li p a{display:block;}
ul.qa li p a:hover{color:#39b7e9;}
ul.qa li img{ margin:0 0 20px 20px;}
ul.qa li dl dd{ margin:10px 0 0 0; position:relative; z-index:100;}
ul.qa li dl dd.spe{ z-index:120;}
ul.qa li dl dd b{display:inline-block;width:100px; text-align:right;float:left;font-weight:normal;}
ul.qa li dl input{width:125px;}
ul.qa li dl textarea{ vertical-align:text-top;width:370px;height:90px;}
ul.qa li dl dd p{ margin:0 0 0 100px;}
ul.qa li dl dd.button{ padding:0 0 0 100px;}
ul.qa li dl dd.button a{display:block;float:left; margin:0 8px 0 0;width:80px;height:28px; line-height:28px; text-align:center;color:#FFF;font-weight:bold;font-size:14px; background:#3ebbeb;}
ul.qa li dl dd #searchTips{border:1px solid #dcdcdc; padding:3px; position:absolute; background:#FFF; z-index:9000; left:100px;_left:0;top:24px;}
ul.qa li dl dd #searchTips a{display:block;}
ul.qa li dl dd #searchTips a:hover{color:#39b7e9;}
ul.qa li dl dd #searchTips label{color:#F00;}
ul.qa select{width:250px;}
#inputTitle{width:598px;}

.replybox{ margin:0 0 0 12px;}
.replybox h3 a{font-size:14px;}
.replybox h3 a.current{color:#39b7e9;}
.replybox h3 label{font-weight:normal;color:#c4c4c4; margin:0 10px;}
.replybox dl{ margin:10px 0 0 0;} 
.replybox dl dt{height:26px; padding:0 0 0 12px;line-height:26px; background:#ededed;color:#7b7b7b;}
.replybox dl dd{color:#333333; padding:0 0 0 12px;line-height:26px;}
.replybox dl span{float:left;}
.replybox dl span.title{width:536px;}
.replybox dl span.title i{display:block;background:url(../images/new.png) no-repeat;width:27px;height:13px; position:relative;}
.replybox dl span.date{width:120px; text-align:center;color:#666666;}
.replybox dl span.state{width:50px; text-align:center;color:#666666; overflow:hidden;}
.replybox dl label{color:#70bd6e;}
.replybox dl span a{color:#333;}
.replybox dl span a:hover{color:#39b7e9;}
.replybox ul.session{border-top:1px solid #dcdcdc; margin:10px 0; padding:10px 0 0 0;}
.replybox ul.session li{}
.replybox ul.session li h4{color:#2d97e1; margin:0 0 6px 0;}
.replybox ul.session li h4 span{font-weight:normal;color:#666666; margin:0 0 0 30px;}
.replybox ul.session li p{ line-height:22px;color:#666;}
.replybox ul.session li div.adminReBox{width:719px; margin:0 0 10px 0;}
.replybox ul.session li div.adminReBox .top{height:11px; background:url(../images/adminTop.png) no-repeat;}
.replybox ul.session li div.adminReBox .bottom{height:6px; background:url(../images/adminBottom.png) no-repeat;}
.replybox ul.session li div.adminReBox .middle{ padding:10px; border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;}
.replybox ul.session li div.adminReBox h5{color:#6ab34a;font-size:12px;font-weight:normal;}
.replybox ul.session li div.adminReBox h5 span{color:#999;}
.replybox .inputbox{}
.replybox .inputbox h3{color:#2d97e1;font-size:14px;}
.replybox .inputbox textarea{height:85px;width:718px;border:1px solid #d7d7d7; margin:10px 0 10px 0;}
.replybox .inputbox a{display:block;float:left; margin:0 8px 0 0;width:80px;height:28px; line-height:28px; text-align:center;color:#FFF;font-weight:bold;font-size:14px; background:#3ebbeb;}

.kf_body_area{ width:950px; margin:0 auto; padding-top:32px;}
.kf_table{ font-size:14px; padding-left:50px;}
.kf_textarea{ width:610px; height:140px; border:1px solid #ccc; overflow:auto;}
.kf_table td{ padding:10px 3px;}
.kf_sorry{ background:url(../images/kuxiaogou_bg.png) no-repeat; height:73px; padding-left:130px; padding-top:25px; font-size:14px; color:#888; line-height:1.5;}
.kf_submit{display:block;float:left; margin:0 8px 0 0;width:80px;height:28px; line-height:28px; text-align:center;color:#FFF;font-weight:bold;font-size:14px; background:#3ebbeb;}

/*box*/
#box {overflow:hidden;display:none;position:relative;z-index:1000;width:398px;height:193px;border:1px solid #CCCCCC;background:#ffffff;}
#box .close{cursor:pointer;float:right;width:13px;height:13px;overflow:hidden;text-indent:-999px;background:url(../images/close_btn.png) no-repeat;position:relative;margin:10px 14px 0 0;}
#box .tit{padding-left:20px;height:50px;display:block;font-family:"\5FAE\8F6F\96C5\9ED1";color:#888888;font-size:24px;}
#box .con{font-family:"\5B8B\4F53";height:73px;padding-top:10px;}
#box .con p{text-align:center;line-height:26px;}
#box .con .p1{font-size:14px;}
#box .con p span{color:#F54747;}
#box .con a{color:#3EBBEB;text-decoration:underline;}
#box .con a:hover {text-decoration:none;}
#box .btns{text-align:center;display:block;}
#box .btns button{font-size:18px;height:32px;line-height:32px;display:inline;color:#FFFFFF;text-align:center;font-family:"\5FAE\8F6F\96C5\9ED1";float:left;}
#box .btns .btn_sub{width:103px;margin-left:97px;background-color:#e83546;background-repeat:repeat-x;background-image:-moz-linear-gradient(top, #fc394c, #e83546);background-image:-ms-linear-gradient(top, #fc394c, #e83546);background-image:-webkit-gradient(linear, left top, left bottom, from(#fc394c), to(#e83546));background-image:-webkit-linear-gradient(top, #fc394c, #e83546);background-image:-o-linear-gradient(top, #fc394c, #e83546);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc394c', endColorstr='#e83546');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc394c', endColorstr='#e83546')";background-image:linear-gradient(top, #fc394c, #e83546);}
#box .btns .btn_close{width:73px;margin-left:29px;background-color:#54a9dd;background-repeat:repeat-x;background-image:-moz-linear-gradient(top, #69c3f9, #54a9dd);background-image:-ms-linear-gradient(top, #69c3f9, #54a9dd);background-image:-webkit-gradient(linear, left top, left bottom, from(#69c3f9), to(#54a9dd));background-image:-webkit-linear-gradient(top, #69c3f9, #54a9dd);background-image:-o-linear-gradient(top, #69c3f9, #54a9dd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#69c3f9', endColorstr='#54a9dd');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#69c3f9', endColorstr='#54a9dd')";background-image:linear-gradient(top, #69c3f9, #54a9dd);}

.contain{width:960px;height:100px;clear:both;padding-top:50px;line-height:22px;}
.contain strong{font-size:14px;color:#888888;}
.contain .kefu{float:left;width:144px;padding-left:115px;padding-right:25px;}
.contain .vipcall{float:left;height:44px;line-height:22px;padding-left:25px;border-left:1px solid #555555;}
