/* CSS Reset */

/* 清除内外边距 */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, img, a, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, em, strong, b, i, /* text formatting elements 文本格式元素 */ fieldset, form, label, legend, button, input, textarea, /* form elements 表单元素 */ table, tbody, tfoot, thead, tr, th, td { /* table elements 表格元素 */ margin: 0; padding: 0; border: 0; outline: 0; }
/* 设置默认字体 */
body, button, input, select, textarea { /* for ie */ /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/ font: 12px/1 "Microsoft Yahei", SimSun, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */ }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
/* 重置列表元素 */
ul, ol { list-style: none; }
/* 重置文本格式元素 */
a { text-decoration: none; color:#3c3c3c;}
a:hover { text-decoration: none;/* color:#008eeb;*/}
a:active {/*star:expression(this.onFocus=this.blur());*/}
a.unline,a:visited.unline{text-decoration: underline;}
a, button { cursor: pointer; }
em, i {font-style:normal;}
/*a:hover .rotate {-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg); -o-transform:rotate(-180deg);transform:rotate(-180deg);}*/

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */ }
input, select, img { vertical-align: middle; }
input::-ms-clear { display:none; ;}
input::-ms-reveal { display: none; }
/* 重置表格元素 */
table { border-collapse: collapse; border-spacing: 0; }
/* 重置 hr */
hr { border: none; height: 1px; }
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }
/* 基础样式 */
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tr { text-align: right; }
.of { overflow: hidden; }
.pr {position:relative;}
.pa {position:absolute;}
.c3 { color: #3c3c3c; }
.c6 { color: #6c6c6c; }
.c9 { color: #9c9c9c; }
.hide {display:none;}
.show { display:block;}
.clear { clear: both; }
.clearfix { *zoom:1;}
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
.cf { zoom: 1; }
.cf:after { clear: both; display: table; content: ""; }

.orange { color: #ff8d13; }
.orange:hover { color: #ffb413; }
.red { color: #f25277; }
.red:hover { color: #ec2b58; }
.blue { color: #0f8ff2; }
.blue:hover { color: #008eeb; }
.green { color: #6bac2f; }
.f6c { color: #6c6c6c; }
.f9c { color: #9c9c9c; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f18 { font-size: 18px; }

.disabled { cursor: default; color: #9c9c9c; /*opacity:0.6;filter:alpha(opacity=60);*/ }
.disabled:hover { color: #9c9c9c; text-decoration: none; }

.noresult { font-size: 24px; width: 360px; color: #9c9893; height: 63px; padding-left: 90px; padding-top: 60px; margin: 50px auto; background: #fff url(http://img1.37wanimg.com/www/css/images/common/fg-avatar-nodata.jpg) no-repeat; }

.checkbox { width: 14px; height: 14px; position: relative; display: inline-block; vertical-align: middle; background: url(images/checkbox.png?__sprite) no-repeat; }

.checked { background: url(images/checked.png?__sprite) no-repeat; }
.sel_hide {_position:absolute;_bottom:0;display:none;}

/*************** common ***************/
body {color:#3c3c3c;font:12px/1.5 "Microsoft Yahei",SimSun; background-color: #f8f8f8;}
.animated {-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.shadow1, .shadow2 {-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;}
.shadow1 {box-shadow:5px 5px 10px rgba(0,0,0,0.14);}
.shadow2:hover {box-shadow:0 3px 8px -2px rgba(0,0,0,.6);}
.shadow3:hover {box-shadow:0 0 8px rgba(0, 0, 0, .3);}
.shadow4:hover {box-shadow:0 0 15px rgba(79, 91, 46, 1);}
.common-mask {position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;filter:alpha(opacity=50);opacity:.5;}
.animateColor {-webkit-transition:color 500ms ease;-moz-transition:color 500ms ease;-o-transition:color 500ms ease;transition:color 500ms ease;}
/*.common-page {text-align:center;margin:30px auto;}
.common-page a,.common-page span {display:inline-block;font-size:14px;border:1px solid #d9d9d9;padding:5px 12px;margin-left:2px;margin-right:5px;border-radius:3px;box-shadow:2px 2px 3px #ddd;*vertical-align:middle;}
.common-page a:hover, .common-page .cur {background-color:#ff9600;border-color:#ff9600; border-radius:3px;box-shadow:2px 2px 3px #b2d4f6;color:#fff;transition:.3s;}*/
.common-page {text-align:center;margin:40px auto;}
.common-page a,.common-page span {display:inline-block;border:1px solid #d9d9d9;padding:7px 14px;margin-left:2px;margin-right:5px;*vertical-align:middle;}
.common-page .cur {background-color:#45acef;border-color:#45acef;color:#fff;}
.common-page a:hover {border-color:#45acef;text-decoration:none;}


.ico-prev, .ico-next {width:30px;height:50px;position:absolute;top:50%;margin-top:-25px;z-index:1;}
.ico-prev {left:10px;background:url("images/ico-kv-prev.png?__sprite") no-repeat;}
.ico-next {right:10px;background:url("images/ico-kv-next.png?__sprite") no-repeat;}
.ico-prev:hover {background:url("images/ico-kv-prev-hover.png?__sprite") no-repeat;}
.ico-next:hover {background:url("images/ico-kv-next-hover.png?__sprite") no-repeat;}

/* layout */
.w1000 { width: 1000px; margin: auto; }
.w1200 { width: 1200px; margin: auto; }
.w960 { width: 960px; margin: auto; }
.w700 {width:700px;}
.w280 {width:280px;}

/*************** content ***************/
/*当面位置*/
.content-title {font:14px/14px "Microsoft Yahei";color:#9c9c9c;padding:20px 0;}
.content-title a {color:#9c9c9c;}
.content-title span {color:#3c3c3c;}
/*************** kv ***************/
@-webkit-keyframes kv { 0% {     -webkit-transform: scale3d(1, 1, 1);     transform: scale3d(1, 1, 1); }
 50% {     -webkit-transform: scale3d(1.01, 1.01, 1.01);     transform: scale3d(1.01, 1.01, 1.01); }
 100% {     -webkit-transform: scale3d(1, 1, 1);     transform: scale3d(1, 1, 1); }
}

@-moz-keyframes kv { 0% {     -moz-transform: scale3d(1, 1, 1);     transform: scale3d(1, 1, 1); }
 50% {     -moz-transform: scale3d(1.01, 1.01, 1.01);     transform: scale3d(1.01, 1.01, 1.01); }
 100% {     -moz-transform: scale3d(1, 1, 1);     transform: scale3d(1, 1, 1); }
}

@keyframes kv { 0% {     -webkit-transform: scale3d(1, 1, 1);     transform: scale3d(1, 1, 1); }
 50% {     -webkit-transform: scale3d(1.01, 1.01, 1.01);     transform: scale3d(1.01, 1.01, 1.01); }
 100% {     -webkit-transform: scale3d(1, 1, 1);     transform: scale3d(1, 1, 1); }
}

@-webkit-keyframes fromBottom { from {     -webkit-transform: translate3d(0,50px,0);     transform: translate3d(0,50px,0);     opacity: 0 }
 to {     -webkit-transform: translate3d(0,0,0);     transform: translate3d(0,0,0);     opacity: 1 }
}

@-moz-keyframes fromBottom { from {     -moz-transform: translate3d(0,50px,0);     transform: translate3d(0,50px,0);     opacity: 0 }
 to {     -moz-transform: translate3d(0,0,0);     transform: translate3d(0,0,0);     opacity: 1 }
}

@keyframes fromBottom { from {     -webkit-transform: translate3d(0,50px,0);     -moz-transform: translate3d(0,50px,0);     transform: translate3d(0,50px,0);     opacity: 0 }
 to {     -webkit-transform: translate3d(0,0,0);     -moz-transform: translate3d(0,0,0);     transform: translate3d(0,0,0);     opacity: 1 }
}

@-webkit-keyframes fromRight { from {     -webkit-transform: translate3d(50px,0,0);     transform: translate3d(50px,0,0);     opacity: 0 }
 to {     -webkit-transform: translate3d(0,0,0);     transform: translate3d(0,0,0);     opacity: 1 }
}
@-moz-keyframes fromRight { from {     -moz-transform: translate3d(50px,0,0);     transform: translate3d(50px,0,0);     opacity: 0 }
 to {     -moz-transform: translate3d(0,0,0);     transform: translate3d(0,0,0);     opacity: 1 }
}

@keyframes fromRight { from {     -webkit-transform: translate3d(50px,0,0);     -moz-transform: translate3d(50px,0,0);     transform: translate3d(50px,0,0);     opacity: 0 }
 to {     -webkit-transform: translate3d(0,0,0);     -moz-transform: translate3d(0,0,0);     transform: translate3d(0,0,0);     opacity: 1 }
}
.header,.container{ min-width:1000px; margin:auto;}
.container{ background:url(images_/container-bg.jpg) repeat-x;}
.header, .header .w1000 { position: relative; z-index: 21; background-color: #fff;}
.hd-top { height: 30px; line-height: 30px;border-bottom: 1px solid #ececec; box-shadow: 0 1px 2px rgba(0,0,0,0.05);position:relative;z-index: 22;}
.hd-top .w1000 { height: 30px; }
.hd-nav { height: 85px; box-shadow: 0 4px 4px rgba(0,0,0,0.2);position:relative;}
.hd-nav .w1000 { height: 85px;}
.header a:hover{ text-decoration:none;}
.top-menu-fl { height: 30px; position: absolute; }
.homepage-fav { width: 158px; border: 1px solid #d9d9d9; background: #fff; box-shadow: 1px 1px 5px rgba(0,0,0,0.1); position: absolute; left: 75px; top: 30px; z-index: 2; padding: 5px 0; }
.homepage-fav li { padding: 0 20px; color: #3c3c3c; cursor: pointer; }
.homepage-fav li:hover { background: #f2f2f2; }
.top-menu-fl a, .top-menu-fl a:visited { float: left; height: 30px; display: inline; padding-left: 20px; margin-right: 15px; background: url(images_/icon-8.png) no-repeat; overflow:hidden; _line-height:34px;}
.top-menu-fl .home-page span { padding-right: 10px; background: url(images_/icon-8.png) 51px -156px no-repeat; *background-position:51px -159px;_background-position:51px -159px;}
a.to-desk,a:visited.to-desk { background-position: 2px 9px;}
a.home-page,a:visited.home-page { background-position: 2px -25px;}
a:hover.to-desk { background-position: -91px 9px;}
a:hover.home-page { background-position: -91px -25px;}
/*去掉保存到桌面功能，修改为手游入口*/
a.onion-home,a:visited.onion-home { background-position: 3px -59px; }
a:hover.onion-home { background-position: -90px -59px; }
.all-game { height: 29px; line-height:29px;width: 68px; padding-left: 25px; position: absolute; right: 0; background: #fff url(images_/icon-8.png) 5px -92px no-repeat;z-index: 4; border: 1px solid #fff; border-bottom: 0;}
.all-game-show { border: 1px solid #d9d9d9; box-shadow: 0 -3px 3px rgba(0,0,0,0.2); border-bottom: 0; background-position: -88px -92px; }
.all-game span { padding-right: 15px; background: url(images_/icon-8.png) 53px -156px no-repeat;*background-position:53px -158px;_background-position:53px -158px;  color: #6c6c6c; }
.all-game-show span { background-position: -40px -157px;_background-position: -40px -158px; }
.all-game-list { width: 899px; height: 262px; position: absolute; right: 0; top: 29px; background: #fff; border: 1px solid #d9d9d9; box-shadow: 0 0 3px rgba(0,0,0,0.2); z-index: 3; display: none; }
.all-game-list a, .all-game-list a:visited { color: #6c6c6c; }
.all-game-img { width: 400px; height: 262px; position: absolute; left: 0; top: 0; background:url(http://img1.37wanimg.com/www/css/images/common/loading-48x48.gif) center center no-repeat;}
.all-game-img .all-game-txt { width: 215px; height: 100px; line-height: 20px; overflow: hidden; color: #6c6c6c; position: absolute; left: 17px; top: 130px; }
.all-game-list dl { height: 262px; position: absolute; top: 0; }
.all-game-list .all-game-hot { width: 330px; left: 400px; padding: 0 15px; font-size:14px;}
.all-game-list .game-tool { width: 137px; left: 760px; border-left:1px solid #d9d9d9;}
.all-game-list dt { height: 44px; font: bold 14px/44px 'Microsoft Yahei', '\5b8b\4f53'; color: #6c6c6c; text-align: center; }
.all-game-hot dd { width: 110px; height: 30px; float: left; overflow: hidden; }
.all-game-hot dd a, .all-game-hot dd a:visited { padding-left: 18px; position:relative; overflow:hidden; display:block; height:30px;}
.all-game-hot dd a span{width:10px; height:10px; font-size:0; position:absolute; left:0; top:10px;}
.all-game-hot dd span.h { background: url(images/ico-hot.png?__sprite) no-repeat; }
.all-game-hot dd span.n { background: url(images/ico-new.png?__sprite) no-repeat; }
.all-game-hot dd.last-dd { width: 330px; clear: both; text-align: right; }
.all-game-hot dd.last-dd a, .all-game-hot dd.last-dd a:visited { color: #1ea6ff; }
.game-tool a { display: block; width: 60px; margin: auto; text-align: center; margin-top: 5px; padding-top:60px; }
a.top-gbox-ico{ background:url(images/gbox.png?__sprite) no-repeat; line-height:50px;}
a.top-lp-ico{ background:url(images/lp.png?__sprite) no-repeat;}
.top-user { height: 30px; width: 350px; position: absolute; right: 95px; }
.top-user .unlog, .top-user .loged { height: 30px; width: 350px;}
.top-user .unlog a:hover ,.loged a:hover.logedlink{color:#008eeb;}
.top-has-msg{ width:370px; border:1px solid #d9d9d9; box-shadow:0 0 5px rgba(0, 0, 0, 0.2); background:#fff; top:30px;z-index:3; position:absolute; left:50px;}
.top-has-msg dt,.top-has-msg dd{ margin:0 20px;border-top:1px solid #ededed;}
.top-has-msg dt{ border:0; line-height:43px; text-align:center; font-size:14px;}
.top-has-msg dt span{ color:#ff8d13;}
.top-has-msg dd{padding:10px 0 15px 0; font-size:12px;}
.top-has-msg a,.top-has-msg a:visited{ color:#0f8ff2;}
.top-has-msg dd.more-msg{ margin:0; padding:0; border:0;}
.top-has-msg dd.more-msg a,.top-has-msg dd.more-msg a:visited{ line-height:40px; display:block; text-align:center; background:#fafafa; color:#9c9c9c;}
.top-has-msg dd.more-msg a:hover {color:#008eeb;}
.top-has-msg .msg-tit{ height:28px; line-height:28px; overflow:hidden; font-weight:bold;}
.top-has-msg .msg-tit a,.top-has-msg .msg-tit a:visited{ color:#3c3c3c;}
.top-has-msg .msg-tit span{ float:right; color:#aaa; font-weight:normal;}
.top-has-msg .msg-text{ line-height:18px;}
.top-has-msg .has-no-mas{ height:165px; width:153px; margin:auto; background:url(images/has-no-msg.png?__sprite) no-repeat; display:none; padding-bottom:0; border:0;}
.loged a.logedlink, .loged a.logedlink:visited { float: right; height: 30px; margin-right: 5px;}
.loged .u-name { width: 165px; overflow: hidden; color: #6c6c6c; font-weight: bold; }
.loged a.top-level,.loged a:visited.top-level { overflow: hidden; line-height: 100px; display: inline; margin-top: 7px; height: 14px; }
.u-level { width: 47px; height: 14px;}
.loged .log-out { width: 37px; }
/*.lv-sm{ background:url(images/level-8.png?__sprite) no-repeat; display:inline-block; width:32px; height:10px; font-size:0;}*/
.u-level-00 {background:url("images/ico-level-00.png?__sprite") no-repeat;}
.u-level-01 {background:url("images/ico-level-01.png?__sprite") no-repeat;}
.u-level-02 {background:url("images/ico-level-02.png?__sprite") no-repeat;}
.u-level-03 {background:url("images/ico-level-03.png?__sprite") no-repeat;}
.u-level-04 {background:url("images/ico-level-04.png?__sprite") no-repeat;}
.u-level-05 {background:url("images/ico-level-05.png?__sprite") no-repeat;}
.u-level-06 {background:url("images/ico-level-06.png?__sprite") no-repeat;}
.u-level-07 {background:url("images/ico-level-07.png?__sprite") no-repeat;}
.u-level-08 {background:url("images/ico-level-08.png?__sprite") no-repeat;}

/*by xiaobin*/
.ico-vip {width:32px;height:10px;display:inline-block;}
.ico-vip0 {background:url("images/ico-vip0.png?__sprite") no-repeat;}
.ico-vip1 {background:url("images/ico-vip1.png?__sprite") no-repeat;}
.ico-vip2 {background:url("images/ico-vip2.png?__sprite") no-repeat;}
.ico-vip3 {background:url("images/ico-vip3.png?__sprite") no-repeat;}
.ico-vip4 {background:url("images/ico-vip4.png?__sprite") no-repeat;}
.ico-vip5 {background:url("images/ico-vip5.png?__sprite") no-repeat;}
.ico-vip6 {background:url("images/ico-vip6.png?__sprite") no-repeat;}
.ico-vip7 {background:url("images/ico-vip7.png?__sprite") no-repeat;}
.ico-vip8 {background:url("images/ico-vip8.png?__sprite") no-repeat;}


.user-info { border: 1px solid #d9d9d9; box-shadow: 0 0 5px rgba(0,0,0,0.2); background: #fff; width: 198px; position: absolute; top: 30px; z-index: 3; left:23px;}
.user-info dt { background: #fafafa; padding: 9px; overflow: hidden; zoom: 1; }
.user-info .u-face { float: left; margin-right: 10px; }
.user-info h4 { height: 35px; overflow: hidden; line-height: 35px; padding-top: 5px;}
.user-info h4 a{ width:100%; height:35px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.user-info .u-level { margin-left: 82px; }
.user-info dd a, .user-info dd a:visited { display: block; height: 36px; line-height: 36px; color: #3c3c3c; padding-left: 90px;position:relative;}
.user-info dd a span{ width:14px; height:14px; position:absolute; left:55px; top:12px;}
.user-info dd a:hover { background-color: #f2f2f2;}
.user-info dd a.user-info-m1 span, .user-info dd a:visited.user-info-m1 span { background:url("images/info-ico-0.png?__sprite"); }
.user-info dd a.user-info-m2 span, .user-info dd a:visited.user-info-m2 span { background:url("images/info-ico-1.png?__sprite"); }
.user-info dd a.user-info-m3 span, .user-info dd a:visited.user-info-m3 span { background:url("images/info-ico-2.png?__sprite"); }
.user-info dd a.user-info-m4 span, .user-info dd a:visited.user-info-m4 span { background:url("images/info-ico-3.png?__sprite"); }
.user-info dd a.user-info-m5 span, .user-info dd a:visited.user-info-m5 span { background:url("images/info-ico-4.png?__sprite"); }
.user-info dd a:hover.user-info-m1 span { background:url("images/info-ico-00.png?__sprite"); }
.user-info dd a:hover.user-info-m2 span { background:url("images/info-ico-01.png?__sprite"); }
.user-info dd a:hover.user-info-m3 span { background:url("images/info-ico-02.png?__sprite"); }
.user-info dd a:hover.user-info-m4 span { background:url("images/info-ico-03.png?__sprite"); }
.user-info dd a:hover.user-info-m5 span { background:url("images/info-ico-04.png?__sprite"); }
.u-msg { width: 52px; background: url(images_/icon-8.png) no-repeat; }
a.u-msg { background-position: 27px -122px; }
a.has-msg { background-position: -66px -122px; }

.logo37 { width: 148px; height: 50px; position: absolute; left: 0px; top: 17px; background: url(images_/logo.png) no-repeat; }
.logo37 a {height:100%;display:block;}
.logo-icon { display: block; width: 1px; height: 46px; position: absolute; left: 156px; top: 19px; background: url(images_/logo-icon.jpg) no-repeat;  }
.logo-kf { width: 137px; height: 35px; position: absolute; left: 173px; top: 23px; background: url(images_/logo-kf.png) no-repeat; }
.logo-kf a {height:100%;display:block;}


.nav-list { width: 300px; height: 30px; position: absolute; right: 0; top: 28px; }

.nav-list li { float: left; height: 30px; font: 16px/30px 'Microsoft Yahei', '\5b8b\4f53'; width: 90px; text-align: center; display:inline; margin:0 5px;}
.nav-list li h2{ font-weight:normal;}
.nav-list li.current { background: url(images/nav-bg.png?__sprite) top center no-repeat; }
.nav-list a, .nav-list a:visited { color: #3c3c3c; }
.nav-list li.current a, .nav-list li.current a:visited { color: #fff; }
.hd-search { width: 226px; height: 30px; position: absolute; right: 2px; top: 28px; color: #6c6c6c; background: url(images/search-box.png?__sprite) no-repeat; display:none;}
.hd-search-link{ width:16px; height:16px;  background: url(images/search-sub.png?__sprite) no-repeat; display:block; position:absolute; top:35px; right:0;}
.search-sel { width: 65px; float: left; margin-right: 10px; position: relative;z-index:2;}
.search-sel dt { height: 30px; line-height: 30px; cursor: pointer; background: url(images_/icon-8.png) 55px -176px no-repeat; overflow:hidden;_line-height:34px;}
.search-sel dd { width: 100%; border: 1px solid #d9d9d9; background: #fff; position: absolute; left: 0; top: 32px; padding: 5px 0; box-shadow: 0 0 3px rgba(0,0,0,0.2); }
.search-sel dd a, .search-sel dd a:visited { display: block; text-align: center; line-height: 30px; color: #3c3c3c; }
.search-sel dd a:hover {background: #f2f2f2; }
.search-key { width: 120px; height: 30px; color: #9c9c9c; float: left; background: none; line-height: 30px; }
.search-sub { width: 18px; height: 16px; position: absolute; background: url(images/search-sub.png?__sprite) no-repeat; right: 8px; top: 7px; cursor:pointer;}
.about-result { width: 223px; border: 1px solid #d9d9d9; position: absolute; top: 35px; background: #fff; box-shadow: 0 1px 5px rgba(0,0,0,0.2); left:0;}
.about-result img { float: left; margin-right: 10px; border-radius:5px;}
.about-result li { padding: 9px; overflow: hidden; height:50px; vertical-align:middle;}
.about-result li:hover { background: #f2f2f2; }
.about-result h4 { height: 22px; line-height: 22px; overflow: hidden; margin-bottom: 3px; }
.about-result .result-dec { overflow: hidden; }
.about-result .result-dec a, .about-result .result-dec a:visited { height: 20px; float: left; color: #1ea6ff;line-height: 20px;}
.about-result .result-dec a.result-dec-m { width: 70px; color: #6c6c6c; text-align: center; background: url(images/s-btn-hov.png?__sprite) no-repeat; margin-right: 9px;}
.about-result .result-dec a.result-dec-m:hover {background: url(images/s-btn.png?__sprite) no-repeat; color: #fff; }

.progress-groove {width: 176px;height: 6px; position: absolute;top: 6px;left: 58px;}

/* footer */
.footer { background: #f8f8f8; color: #6c6c6c; padding-bottom: 15px; position: relative;min-width:1000px;}
.rec-game { padding: 15px 0; border-bottom: 1px solid #d9d9d9; }
.rec-game a, .rec-game a:visited { margin-left: 12px; }
.about-37 { font: normal 12px/40px 'Microsoft Yahei', '\5b8b\4f53'; color: #d9d9d9; }
.about-37 a, .about-37 a:visited {font-size: 14px; margin: 0 6px; }
.copyright { line-height: 18px; }
.legal-ico { height: 50px; padding: 10px 0; width: 960px; margin: auto; }
.legal-ico li { float: left; height: 50px; width: 148px; background: #fff; margin-right: 10px; }
.legal-ico li.last{ margin-right:0; width:170px;}
.legal-ico a, .legal-ico a:visited { height: 30px; line-height: 15px; display: block; padding: 10px 10px 10px 60px; background: url(images_/legal-ico-8.png) no-repeat; }
.legal-ico a:hover{ text-decoration:none; color:#3c3c3c;}

a.legal-01 { background-position: 9px 7px; }
a.legal-02 { background-position: 9px -39px; }
a.legal-03 { background-position: 9px -85px; }
a.legal-04 { background-position: 9px -130px; }
a.legal-05 { background-position: 9px -178px; }
a.legal-06 { background-position: 9px -229px; }

/* box */
.common-title { height: 24px; color: #3c3c3c; font: 24px/22px "Microsoft Yahei"; padding-left: 10px; position: relative; margin: 25px 0 15px; }
.common-short-title {margin-top:15px;}
.common-title .tit-links{ font:normal 14px/24px 'Microsoft Yahei'; float:right;}
.common-title .tit-links a,.common-title .tit-links a:visited{margin-left:25px; color:#1ea6ff;}
.common-title .tit-links a:hover{ color:#008eeb;}
.common-title-ico { width: 4px; height: 22px;_height:20px; display: inline-block; background-color: #2b9ae7;  *background: transparent url(images/ico-tit.png?__sprite) no-repeat; position: absolute; left: 0; top: 50%;margin-top:-11px;_margin-top:-13px;}
.common-title-ico:after { content: ""; width: 3px; height: 9px; background-color: #2b9ae7; position: absolute; left: 0; bottom: 0; }
.common-title-more { width: 51px; height: 19px; position:absolute; top: 3px; /*left:125px; */margin: 0 0 0 20px; text-indent: -9999px; background: transparent url(images/btn-more-24.png?__sprite) no-repeat; overflow:hidden;zoom:1;}
.common-title-more:hover { background: transparent url(images/btn-more-h-24.png?__sprite) no-repeat;}

/*list-text*/
.uip { overflow: hidden; padding: 0 0 10px 0; border-bottom: 1px dashed #e0e0e0; margin-bottom: 6px; }
.uip h4 { height: 20px; font: bold 14px/20px "Microsoft Yahei", "宋体"; overflow: hidden; margin-bottom:7px;}
.uip h4 a, .uip h4 a:visited { color: #f25277; }
.uip .summary {color: #9c9c9c; line-height: 18px;overflow: hidden;*zoom:1;}
.uip .summary-txt{ margin-left:94px; height:60px; overflow:hidden;line-height:20px;}
.uip .summary a, .uip .summary a:visited { color: #1ea6ff; }
.uip dt { float: left; margin-right: 12px; }
.ul-14 { font: normal 14px/26px "Microsoft Yahei"; }
.ul-14 li { height: 26px; overflow: hidden; padding-left: 15px; background: url(images_/middot.png) left center no-repeat; }


/*firendLink*/

.firendlink .common-con{ line-height:20px; margin-bottom:18px;}
.firendlink .common-con a,.firendlink .common-con a:visited{ margin:0 20px 0 0;white-space:nowrap;}
.firendlink a.common-title-more{left:100%; margin-left:-52px; position:absolute; background:url(images/btn-hide.png?__sprite) no-repeat; text-indent:9px; font:normal 12px/18px 'Microsoft Yahei'; color:#1ea6ff;_line-height:20px;}
.firendlink a.hidelinks{ background:url(images/btn-show.png?__sprite) no-repeat;}
.hide-box .common-con{ height:40px; overflow:hidden;}

.homepage-fav li:hover,.user-info dd a:hover,.nav-list a:hover,.search-sel dd a:hover,.rec-game a:hover,.ul-14 li a:hover,.uip a:hover,.firendlink .common-con a:hover,.about-37 a:hover,.all-game-hot dd a:hover,.log-erweima .tc a:hover,.copyright a:hover,.all-game-list a:hover,.uip h4 a:hover{ color:#008eeb; text-decoration:none;}

/* sq dialog */
.sq-dialog {position:absolute;top:200px;left:500px;z-index:1001;padding:0;width:420px;color:#6c6c6c;}
.sq-dialog-source {display:none;}
.sq-dialog-avatar {z-index:1;width:22px;height:23px;position:absolute;top:7px;left:12px;background:transparent url(http://img1.37wanimg.com/www/css/images/common/dialog2/bg-dialog-avatar.png?__sprite) no-repeat;_background-image:url(http://img1.37wanimg.com/www/css/images/common/dialog2/bg-dialog-avatar-8.png?__sprite);}
.sq-dialog-body {word-break:break-all;background-color:#fff;border:1px solid transparent;_border-color: #fff;border-radius:3px;box-shadow:inset 0 0 2px 1px #fff;*padding-bottom:10px;}
.sq-dialog-titlebar {position:relative;height:20px;color:#3c3c3c;padding:10px 0 4px 46px;}
.sq-dialog-titlebar-text {color:#3c3c3c;font-size:14px;}
.sq-dialog-notitle {height:1px;overflow:hidden;}
.sq-dialog-client {background-color:#fff;padding:24px 14px 0;margin-right:10px;margin-left:10px;font-size:14px;_line-height:20px;}
.sq-dialog-content {margin-left:10px;margin-right:10px;}
.sq-dialog-close {position:absolute;width:14px;height:13px;top:10px;right:15px;text-indent:-9999px;background:transparent url(http://img1.37wanimg.com/www/css/images/common/dialog2/bg-dialog-close.png?__sprite) no-repeat 0 0;_background-image:url(http://img1.37wanimg.com/www/css/images/common/dialog2/bg-dialog-close-8.png?__sprite);}
.sq-dialog-close:hover {background-position:0 -30px;}
.sq-dialog-buttons {margin:0 10px 10px;background-color:#fff;padding-bottom:15px;text-align:center;*zoom:1;}
.sq-dialog-buttons a {margin-left:10px;margin-right:10px;}
.sq-dialog-nobutton {border:none;padding:0;height:1px;overflow:hidden;}
.sq-dialog-nobutton button {display:none;}
.sq-dialog-masking {background-color:#000;left:0;opacity:0.4;filter:alpha(opacity=40);position:absolute;top:0;z-index:1000;width:100%;}
.sq-dialog-overlay {background-color:#fff;border:1px solid #999;position:absolute;}
.sq-dialog-content h5 {font-weight:normal;font-size:16px;color:#f25277;padding:15px 0;}
.sq-dialog-content a {margin-left:3px;margin-right:3px;}
.sq-dialog-content p {line-height:18px;margin:8px 0;}
.sq-dialog-content-col {display:inline-block;width:112px;text-align:right;}
.sq-dialog-loading {height:60px;background:transparent url(http://img1.37wanimg.com/www/css/images/common/loading-48x48.gif) no-repeat 50px center;}
.sq-dialog-loading span {position:relative;top:20px;left:120px;}
.sq-dialog .btn-s-140, .sq-dialog .btn-s-w {width:140px;height:36px;line-height:36px;font-size:16px;}
.sq-dialog .not-button {color:#9c9c9c;}
/* scss */
.sq-dialog-titlebar { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #e9e9e9)); background-image: -moz-linear-gradient(#f2f2f2, #e9e9e9); background-image: -webkit-linear-gradient(#f2f2f2, #e9e9e9); background-image: linear-gradient(#f2f2f2, #e9e9e9); background-color:#e9e9e9\9; }

.sq-dialog .btn-s-140 { background: #ffab16; border-radius: 4px; color: #fff; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; }
.sq-dialog .btn-s-140:hover { background: #ff970e; color: #fff; text-decoration: none; }
.sq-dialog .btn-s-w { border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; color: #9c9c9c; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; }
.sq-dialog .btn-s-w:hover { color: #0c3c3c; text-decoration: none; }
.sq-dialog .btn-s-disabled { color: #9c9c9c; cursor: default; }
.sq-dialog .btn-s-disabled:hover { color: #9c9c9c; }
/* scss end */


/*kf2016公共样式*/

.kf-blue { color: #1ea6ff; }
.kf-red { color: #f25278; }
.kf-mt-20 { margin-top: 20px; }
.kf-mb-20 { margin-bottom: 20px; }

.container { background: url(images_/sa-bg.jpg) no-repeat top center #f2f4f5; overflow: hidden; }

.service-content { background: #fff; }
.service-top { background: url(images_/service-top.jpg) no-repeat top center; width: 1000px; height: 91px; }
.service-main { width: 1000px; height: 100%; margin: 22px auto 40px; }
.service-left { width: 182px; }
.service-right { width: 737px; border-left: 1px solid #ededed; padding: 28px 40px 40px 40px; min-height: 736px; _height : 736px; }

/*左侧menu样式*/
.service-menu { width: 182px; padding: 18px 0 0 }
.service-menu li { padding: 5px 0; height: 31px; line-height: 32px; position: relative; _z-index: 0;}
.service-menu .service-menu-a { width: 156px; height: 31px; color: #6c6c6c; font-size: 16px; display: inline-block; float: left; background: url(images/service-menu-a.png?__sprite) no-repeat; margin-left: 12px; text-align: center; }
.service-menu .service-menu-a:hover { color: #0f8ff2; text-decoration: none; background: url(images/service-menu-a-hover.png?__sprite) no-repeat; }
.service-menu .circle { line-height: 100%; font-family: Tahoma,Helvetica; font-size: 29px; color: #eaeaea; position: absolute; top: 50%; margin-top: -15px; right: -8px; *right: -7px;}
.service-menu .focus .service-menu-a { color: #0f8ff2; background: url(images/service-menu-a-hover.png?__sprite) no-repeat;;}
.service-menu .focus .circle { height: 16px; display: inline-block; border-bottom: 1px solid #0f8ff2; position: relative; right: 0; top: -4px; _z-index: 0; transition: width .5s; _float: left; _margin-top: 2px;}
.service-menu .focus .circle span { color: #0f8ff2; font-size: 40px; right: -10px; position: absolute; _right: -7px;}

/*右侧title样式*/
.service-title { padding: 0 0 6px 10px; font-size: 18px; line-height: 24px; position: relative; margin-bottom: 18px; }
.service-title .common-title-ico { _left: -8px; _top: 0;}
.common-title-ico { top: 4px; *top: 0; margin: 0; height: 18px;}
.common-title-more { *top: -3px; _top: 3px;}

/*右侧提示样式*/
.service-tips { border: 1px solid #eaeaea; background-color: #fffcef; padding: 10px 9px 11px; width: 716px; color: #6c6c6c; font-size: 14px; text-align: justify; line-height: 24px; }
.service-tips span { color: #3d3d3d; }
.service-tips a { color: #1ea5fe; text-decoration: underline; }

/*右侧进度条样式*/
.service-bar { width: 736px; height: 130px; position: relative; }
.service-bar-1 { background: url(images/progress-bar.png?__sprite) no-repeat; width: 82px; height: 28px; position: absolute; z-index: 11; left: 221px; top:40px;}
.service-bar-2 { background: url(images/progress-bar-bg.png?__sprite) no-repeat; width: 294px; height: 28px; position: absolute; z-index: 10;left: 221px; top:40px;}
.service-bar-1.three { background: url(images/progress-bar-three.png?__sprite) no-repeat;}
.service-bar-2.three { background: url(images/progress-bar-bg-three.png?__sprite) no-repeat;}
.service-bar-tips { text-align: center; position: absolute; left: 172px; top: 80px; }
.service-bar span { display: inline-block; width: 130px; color: #9c9c9c; text-align: center; font-size: 14px; }
.service-bar span.on { color: #0f8ff2; background: none; }

/*提交表单样式*/
.input { border: 1px solid #d9d9d9; border-radius: 2px; background-color: #fff; box-shadow: 0 0 3px #ddd inset ;}
.textarea { border: 1px solid #d9d9d9; border-radius: 2px; background-color: #fff; box-shadow: 0 0 3px #ddd inset ; resize: none;}

::-webkit-input-placeholder{color:#9c9c9c;}
::-moz-placeholder{color:#9c9c9c;}
:-moz-placeholder{color:#9c9c9c;}
input:-ms-input-placeholder ,textarea:-ms-input-placeholder { color: #9c9c9c;}

/*自助服务表单样式*/
.service-form { padding: 0px 0 20px; }
/*按钮样式*/
.service-form .service-form-btn { padding: 20px 0 30px; position: relative; width: 737px; height: 36px; }
.btn-yellow-125 { width: 125px; height: 39px; line-height: 39px; font-size: 18px; background: #ffab16; border-radius: 4px; color: #fff; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; }
.btn-yellow-125:hover { background: #ff970e; color: #fff; text-decoration: none; }
.btn-write-125 { width: 123px; height: 37px; line-height: 39px; font-size: 18px; background: #fff; border-radius: 4px; color: #9c9c9c; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; border: 1px solid #d9d9d9; }
.btn-write-125:hover { background: #fff; color: #3c3c3c; text-decoration: none; }

.btn-yellow-245 { width: 245px; height: 39px; line-height: 39px; font-size: 14px; font-weight: bold; background: #ffab16; border-radius: 4px; color: #fff; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; }
.btn-yellow-245:hover { background: #ff970e; color: #fff; text-decoration: none; }
.btn-write-245 { width: 243px; height: 37px; line-height: 37px; font-size: 14px; font-weight: bold; background: #fff; border-radius: 4px; color: #9c9c9c; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; border: 1px solid #d9d9d9; }
.btn-write-245:hover { background: #fff; color: #3c3c3c; text-decoration: none; }

/*2015-5-15新增*/
.btn-yellow { background: #ffab16; border-radius: 4px ;}
.btn-yellow:hover { background: #ff970e ;}
.btn-blue { display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; color: #1fb6f2; background: #fff; border-radius: 4px ;}
.btn-blue:hover { color: #008eeb; text-decoration: none ;}
.btn-orange { display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; color: #6f3b13; background: #fbed55; border-radius: 4px; border-bottom: 1px solid #f1ba00; box-shadow: 0 0 8px rgba(255,255,255,.3) ;}
.btn-orange:hover { color: #6f3b13; background: #ffd800; text-decoration: none ;}
.btn-s { color: #fff; text-align: center ;}
.btn-s:hover { color: #fff; text-decoration: none ;}
.btn-yellow-140 { width: 140px; height: 36px; line-height: 36px; font-size: 16px; background: #ffab16; border-radius: 4px; color: #fff; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle ;}
.btn-yellow-140:hover { background: #ff970e; color: #fff; text-decoration: none ;}
.btn-eee { border: 1px solid #d9d9d9; border-radius: 3px; font-size: 12px; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fefefe),color-stop(100%,#eee)); background-image: -moz-linear-gradient(#fefefe,#eee); background-image: -webkit-linear-gradient(#fefefe,#eee); background-image: linear-gradient(#fefefe,#eee) ;}
.btn-eee:hover { text-decoration: none ;}
.btn-resend { width: 106px; height: 20px; line-height: 20px; border: 1px solid #d9d9d9; border-radius: 3px; font-size: 12px; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fefefe),color-stop(100%,#eee)); background-image: -moz-linear-gradient(#fefefe,#eee); background-image: -webkit-linear-gradient(#fefefe,#eee); background-image: linear-gradient(#fefefe,#eee) ;}
.btn-resend:hover { text-decoration: none ;}
.btn-code-send,.btn-email-code-send { width: 94px; height: 34px; line-height: 34px; border: 1px solid #d9d9d9; border-radius: 3px; font-size: 12px; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fefefe),color-stop(100%,#eee)); background-image: -moz-linear-gradient(#fefefe,#eee); background-image: -webkit-linear-gradient(#fefefe,#eee); background-image: linear-gradient(#fefefe,#eee) ;}
.btn-code-send:hover,.btn-email-code-send:hover { text-decoration: none ;}
.btn-back { width: 106px; height: 28px; line-height: 28px; border: 1px solid #d9d9d9; background: #fff; border-radius: 3px; color: #9c9c9c; display: inline-block; text-align: center; overflow: hidden; vertical-align: middle ;}
.btn-back:hover { color: #0c3c3c; text-decoration: none ;}
.not-button { color: #9c9c9c ;}

/*2016-5-15新增*/
.field-error-message { color: #f25277; font-size: 12px; margin-left: 8px; }
.field-default-message { color: #f25277; font-size: 12px; margin-left: 8px;}
.field-right-message { margin-left: 8px; padding-left: 18px; background: transparent no-repeat; background-position: -240px -146px; font-size: 15px; position: relative; top: 5px; *font-size: 17px; _position: static; }

.ab-left .field-error-message { position: absolute; left: 519px; display: inline-block; width: 240px; text-align: left;}
.ab-left .field-default-message { position: absolute; left: 519px; display: inline-block; width: 240px; text-align: left;}
.ab-left .field-right-message { position: absolute; left: 519px; display: inline-block; width: 240px; text-align: left;}

/*表单行*/
.service-form-tr { height: 68px; position: relative;  font-size: 14px; }
/*表单第一行*/
.service-form-tr-first { margin-top: 0;}

.service-form-tr-more { height: 136px; width: 737px; }
.service-form-tr-upload { height: 95px; width: 737px; }
.service-form-tr-upload iframe { height: 180px; width: 375px; _height:90px; }
.service-form-td { height: 36px; line-height: 36px; font-size: 14px; padding: 16px 4px; float: left; text-align: right;color: #6c6c6c; }
.service-form-td-left { width: 212px; }
.service-form-td-w { width: 440px; text-align: left; }
.service-form-account { color: #3d3d3d; }
.service-form-a { color: #1ea6ff; text-decoration: underline; }
.service-form-a:hover { text-decoration: underline; }
.service-form-vip { color: #f25278; font-weight: bold; }
.service-form-desc { padding: 20px 0 0 180px; color: #9c9c9c; }
.service-form-desc p { height: 18px; line-height: 18px; font-size: 12px; margin: 0; }
.service-form-tr-textarea { min-height: 120px; _height: 82px; }
.service-form-vercode { display: inline-block; width: 96px; height: 36px; border-radius: 3px;}
.service-form-vercode img{ width: 96px; height: 36px; border-radius: 3px; }
.service-form-message { display: inline-block; width: 96px; height: 36px; line-height:36px; background: url(images/icon-msg.png?__sprite) no-repeat; text-align: center;  }
.service-form-refresh { color: #6c6c6c; line-height: 36px; }
.service-form-add { display: inline-block; width: 125px; height: 28px; line-height:28px; border: 1px solid #d9d9d9;  border-radius: 3px;  text-align: center; font-size: 12px; margin-top: 5px; overflow: hidden; vertical-align: middle; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fefefe),color-stop(100%,#eee)); background-image: -moz-linear-gradient(#fefefe,#eee); background-image: -webkit-linear-gradient(#fefefe,#eee); background-image: linear-gradient(#fefefe,#eee) ;position: absolute; top: 60px; left: 224px;}
/*新增*/
.service-form-tr-add { height: 94px; }
.service-form-td .charge-child { position: absolute; left: 224px; top: 15px; width: 300px; text-align: left;}
.service-form-td .charge-child span { display: none; }
.recharge-tips { width: 300px; position: absolute; left: 224px; top: 100px; }

/*radio样式*/
.service-form-edit input { width: 284px; height: 26px; padding: 4px 5px; line-height: 26px; color: #3d3d3d;}
.service-form-edit input:focus { border: 1px solid #1fb8ff; }
.service-form-edit textarea { width: 284px; height: 80px; padding: 4px 5px; line-height: 26px; color: #3d3d3d;}
.service-form-edit .vercode-input { width: 180px; }
.service-form-edit .radio { width: 14px; height: 14px; padding: 0; border: 0;  cursor: pointer; margin-right: 5px;}
.service-form-edit .service-form-radio { float: left; width: 147px; display: inline-block; cursor: pointer; text-align: left; position: relative; height: 36px; _top:10px;}
.service-form-edit .checkbox { width: 20px; padding: 0; border: 0; opacity: 0; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter: alpha(opacity=0); display: inline-block; margin-left: -18px;}
.service-form-edit .service-form-checkbox { width: 296px; display: block; cursor: pointer; text-align: left; position: relative; height: 20px; padding-left: 18px; line-height: 20px; }
.service-check { display: inline-block; background: url(images/form-radio.png?__sprite) no-repeat center; width: 13px; height: 13px; position: absolute; margin-top: -7px; top: 50%; left: 0; }
.service-check.on { background: url(images/form-radio-on.png?__sprite) no-repeat center; }
.service-checkbox { display: inline-block; background: url(images/form-check.png?__sprite) no-repeat center; width: 14px; height: 14px; position: absolute; margin-top: -5px; _margin-top: -7px; top: 50%; left: 0; }
a .service-checkbox{ margin-top: -8px; }
.service-checkbox.on { background: url(images/form-check-on.png?__sprite) no-repeat center; }

/*多选项自定义样式*/
.service-form-select .sq-selectmenu { margin-right: 4px; }
.sq-selectmenu { display: inline-block; position: relative; }
.sq-selectmenu-input { height: 20px; padding: 4px 5px; line-height: 20px; border: 1px solid #d9d9d9; border-radius: 2px; background-color: #fff; box-shadow: 0 0 3px #ddd inset; }
.sq-selectmenu-menu {  display: none; top: 0; left: 0; position: absolute; z-index: 1000; border: 1px solid #d9d9d9; overflow: auto; background-color: #fff; color: #585954; *overflow-x: hidden ;}
.sq-selectmenu-menu a { color: #585954; display: block; padding: 7px 8px; z-index: 10; white-space: nowrap ;}
.sq-selectmenu-menu a:hover { text-decoration: none ;}
.sq-selectmenu-menu a.sq-selectmenu-menu-hover { background-color: #0f8ff2; color: #fff ;}
.sq-selectmenu-menu a.sq-selectmenu-menu-focus { background-color: #f2f2f2 ;}
.sq-selectmenu-menu a.sq-selectmenu-item-disabled { color: #aaa; cursor: default ;}
.sq-selectmenu-btn { display: inline-block; position: absolute; right: 10px; top: 14px; width: 0; height: 0; background: 0 0; margin: 0; border-right: 4px solid #fff; border-left: 4px solid #fff; border-top: 5px solid #9c9c9c; *top: 14px; _top: 14px; _font-size: 0 ;}
.sq-selectmenu-btn-hover { border-top-color: #3c3c3c ;}
.sq-selectmenu-btn-focus { border-bottom: 5px solid #9c9c9c; border-top: 0 ;}
.sq-selectmenu-disabled { background-color: #fff; display: block; height: 100%; left: 0; opacity: .5; position: absolute; top: 0; width: 100%; z-index: 20; filter: alpha(opacity=50); _height: 30px ;}
@media all and (min-width: 0) { .sq-selectmenu-input { padding-bottom:8px\9 } }

/*相关问题样式*/
.some-problems { width: 737px; position: relative; padding-top: 40px; color: #6c6c6c; font-size: 14px; text-align: justify;  }
.some-problems h2 { display: inline-block; height: 32px; line-height: 32px; border-bottom: 2px solid #c7c7c7; position: absolute; left: 0; top: 0; z-index: 11; font-weight: normal; }
.some-problems span { position: absolute; left: 0; top:33px; z-index: 10; display: inline-block; width: 100%; height: 1px; border-top: 1px solid #eaeaea;  }
.some-problems ul { }
.some-problems ul li { line-height: 36px; }
.some-problems ul li i { background: url(images/problem-li.png?__sprite) no-repeat; width: 6px; height: 6px; display: inline-block; margin-right: 4px; vertical-align: middle;  }
.some-problems ul li a { color: #6c6c6c; }
.some-problems ul li a:hover { color: #0f8ff2; }

/*提交成功返回*/
.service-form-result { margin-bottom: 80px;}
.service-form-result  p { text-align: center; }
.service-form-result .result-status { font-size: 18px; line-height: 36px; color: #3c3c3c; }
.service-form-result .result-info { font-size: 14px; line-height: 28px; }
.service-form-result .result-info a{ color: #1ea5fe;text-decoration: underline; }
.service-form-result .result-red { color: #f25278; }

.service-form-result table,.service-form-result table td,.service-form-result table th{ border: 1px solid #eaeaea; }
.service-form-result table { width: 558px; margin: 20px auto; table-layout: fixed; vertical-align: middle; text-align: center; }
.service-form-result table tr { height: 63px; }
.service-form-result table th { font-size: 16px; font-weight: normal; color: #3c3c3c; }
.service-form-result table td { font-size: 14px; font-weight: normal; color: #6c6c6c; }

/*服务记录查询*/
.service-center { width: 920px; border-left: 1px solid #ededed; padding: 50px 40px 0 40px; min-height: 400px; _height : 400px; }
.service-top-2 { background: url(images_/service-top-2.jpg) no-repeat; }
.service-title-tips { position: absolute; right: 0; bottom: 0; color: #6c6c6c; font-size: 12px; }
.service-title-tips a { color: #1ea5fe; }

/*热点问题文章样式*/
.question-content h2 { text-align: center; font-size: 18px; color: #3c3c3c; font-weight: normal; margin-top: 38px; }
.question-content p { font-size: 14px; color: #6c6c6c; line-height: 24px; text-align: justify; margin-top: 7px; }
.question-content .red { color: #f25278; }
.question-content p.tc { text-align: center;}
 /*通道样式*/
.tags-service { margin: 50px 0 ; }
.left-tags { padding: 40px 20px; width: 316px; height: 175px; border: 1px solid #e9e9e9; float: left; }
.right-tags { padding: 40px 20px; width: 316px; height: 175px; border: 1px solid #e9e9e9; float: right; }
.tags-service .explain { height: 90px; line-height: 24px; color: #6c6c6c; font-size: 14px; text-align: justify; }
.tags-service .button { text-align: center; margin-bottom: 13px; }
.tags-service .status { color: #6c6c6c; font-size: 14px; }
.tags-service .status .blue { color: #1ea5fe; }
.tags-service .status .red { color: #f25278; }

/*选择游戏*/
.dropdown {display:none;position:absolute;top:1172px;left:899px;z-index:10;width:513.9px;_width:514px; *width: 514px; background-color:#fff;border:1px solid #ccc;}
.dropdown li {float:left;}
.dropdown .dropdown-title {background-color:#f2f2f2;}
.dropdown .dropdown-title li {border-right:1px solid #fff;color:#6c6c6c;cursor:pointer;padding:3px 12px;font-size:14px;}
.dropdown .dropdown-title .last {border-right:0; width: 33px;}
.dropdown .dropdown-title .hover {color:#fff;background-color:#0f8ff2; }
.dropdown .dropdown-title .focus {color:#fff;background-color:#0f8ff2; }
.dropdown .dropdown-panel {padding:10px 15px;display:none;}
.dropdown .dropdown-panel-show {display:block;}
.dropdown .dropdown-panel li {padding:2px 0 2px 5px;width:115px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height: 24px; line-height: 24px;}
.dropdown .dropdown-panel li:hover,.dropdown .dropdown-panel .hover {background-color:#0f8ff2;color: #fff;}
.dropdown .dropdown-panel li input {position:relative;top:0px;*top:1px;margin-right: 5px;}
.dropdown .dropdown-panel li.on { font-weight: bold; color: #0f8ff2; background-image: none; }
.dropdown .dropdown-panel li.on:hover {color: #fff;}

/*还可以选择其他*/
.service-else-modules p{ line-height: 32px; }
.service-else-modules a { display: inline-block; width: 237px; height: 90px; border: 1px solid #e9e9e9; position: relative; }
.service-else-modules .mr-10 { margin-right: 8px;}
.else-icon { display: inline-block; position: absolute; top:0; left: 15px; width: 90px; height: 90px;  }
.else-icon-1 { background: url(images_/icon-1.png) no-repeat center; }
.else-icon-2 { background: url(images_/icon-2.png) no-repeat center; }
.else-icon-3 { background: url(images_/icon-3.png) no-repeat center; }
.else-title { position: absolute; left: 105px; top: 32px; color: #9c9c9c; font-size: 18px; }
.service-else-modules a:hover { border-color: #0f8ff2;}
.service-else-modules a:hover .else-title { color: #0f8ff2; }
.service-else-modules a:hover .else-icon-1 { background: url(images_/icon-1-on.png) no-repeat center; }
.service-else-modules a:hover .else-icon-2 { background: url(images_/icon-2-on.png) no-repeat center; }
.service-else-modules a:hover .else-icon-3 { background: url(images_/icon-3-on.png) no-repeat center; }

/* 服务记录具体查询 by-hlb*/
.fwjl-detail { position: relative; padding-bottom: 50px; }

.order-title { overflow: hidden; background: #f5f5f5; width: 896px; height: 13px; margin: 14px 0 auto; position: relative; padding: 10px 12px 10px 12px; line-height: 13px; font-size: 14px;  }
.order-title p { float: left; color: #6c6c6c;  }
.order-title strong { color: #f25278;  }
.order-title a { float: right; color: #9c9c9c;  }

.fwjl-detail-tab-panel { position: relative; margin-top: 25px; overflow: hidden;  }

.timeline { padding: 39px 0 50px; margin-top: -20px; background: url("images_/timeline.png") no-repeat top left; width: 894px; position: relative;  }

.fwjl-detail-tab-tit { margin-top: 35px; margin-left: 23px; overflow: hidden; position: relative; z-index: 10;  }
.fwjl-detail-tab-tit li { cursor: pointer; float: left; margin-left: 10px; width: 125px; height: 21px; border: 1px solid #9c9c9c; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; line-height: 21px; font-size: 14px;  }
.fwjl-detail-tab-tit li:hover, .fwjl-detail-tab-tit .fwjl-detail-active { font-weight: bold; border: 1px solid #008eea;  }
.fwjl-detail-tab-tit li:hover a, .fwjl-detail-tab-tit .fwjl-detail-active a { color: #008eea;  }

.order-list { position: relative; overflow: hidden;  }
.order-list .service-form { padding: 0;}
.order-list .service-form-td-left { width: 250px; }
.order-list .service-form-add { left:263px;}
.order-list .recharge-tips { left:263px;}
.order-list .field-error-message { left:390px!important;}
.order-list .service-bar { left:40px;}
.order-list-supply { display: none; }
.order-list .service-form-td .charge-child {left: 262px;}

.round { top: 52.5px; left: 2.5px; position: absolute; display: block; width: 10px; height: 10px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #eaeaea;  }

.dialog { margin-top: 20px; left: 5px; font-size: 14px; color: #3c3c3c; position: relative; float: right; width: 826px; height: auto; padding: 21px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  }
.dialog:before { position: absolute; content: "\00a0"; width: 0px; height: 0px; border-width: 10px 13px 10px 13px; border-style: solid; top: 27.5px; left: -25px;  }

.dialog strong { margin-right: 10px;  }

.brightpink { background: #fff7d7;  }
.brightpink:before { border-color: transparent #fff7d7 transparent transparent;  }

.brightblue { background: #d9ecff;  }
.brightblue:before { border-color: transparent #d9ecff transparent transparent;  }

.dateTime { color: #9c9c9c; font-style: normal; font-size: 12px;  }
.toDetail { text-decoration: underline; color: #1ea5fe; margin-top: 10px;  }
.description { margin-top: 20px;  }

.detail-info-table { margin: 10px auto; width: 704px; }
.detail-info-table td { min-height: 30px; _height: 30px; line-height: 30px; vertical-align: top; width: 306px; word-break: break-all; word-wrap:break-word;  }
.detail-info-table th { width: 200px; font-weight: 500;   min-height: 30px; _height: 30px; line-height: 30px; vertical-align: top; text-align: right; padding-right: 10px;}

.fwjl-detail-table { overflow: hidden; width: 100%; height: 466px; text-align: left; font-size: 12px;  }
.fwjl-detail-table tbody { position: relative;  }
.fwjl-detail-table tr { height: 45px;  }
.fwjl-detail-table th, .fwjl-detail-table td { text-align: left; overflow: hidden; padding: 0 20px 0 20px; vertical-align: middle; width: 460px; border: 1px solid #eaeaea; font-weight: 500;  }
.fwjl-detail-table textarea { resize: none; width: 760px; height: 152px; text-align: left; padding: 12px; float: right; background: #f5fafc; border: 1px solid #eaeaea; margin-bottom: 6px;  }
.fwjl-detail-table em { float: right;  }
.fwjl-detail-table label { margin-right: 63px; cursor: pointer;  }
.fwjl-detail-table input { margin-right: 8px; cursor: pointer;  }
.fwjl-detail-table .comment-textarea { padding: 10px 20px 10px 20px;  }

.iconfont { margin-right: 10px; cursor: pointer;  }
.starRate { float: left;  }
.tip { padding: 0 10px 0 10px; line-height: 20px; float: left; position: relative; height: 20px; border: 1px solid blue; display: block; margin: 2px 0 0 10px;  }
.tip-before { font-size: 12px; position: absolute; width: 0px; height: 0px; border-width: 7px 9px 7px 9px; border-style: solid; top: 3px; left: -18px; border-color: transparent #0000FF transparent transparent;  }
.tip-after { font-size: 12px; position: absolute; width: 0px; height: 0px; border-width: 5px 7px 5px 7px; border-style: solid; top: 5px; left: -14px; border-color: transparent #FFFFFF transparent transparent;  }