﻿/*base*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px / 1.5 tahoma, arial,'宋体', \5b8b\4f53; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:courier new, courier, monospace; }
small { font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0 none; }
button, input, select, textarea { font-size:100%; outline:none;}
table { border-collapse:collapse; border-spacing:0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
.clearfix { display: block; }
.clearfix { *min-height: 1%;_height: 1%; }
.ellipsis{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*文字排版、颜色*/

.f12 { font-size:12px }
.f13 { font-size:13px }
.f14 { font-size:14px }
.f16 { font-size:16px }
.f18 { font-size:18px }
.f20 { font-size:20px }
.fb { font-weight:bold }
.fn { font-weight:normal }
.t2 { text-indent:2em }
.blue, a.blue { color:#03c }
.red, a.red { color:#f00 }
.darkred, a.darkred { color:#c00 }
.black, a.black { color:#333 }
.gray, a.gray { color:#666 }
.sgray,a.sgray{ color:#CCC;}
.green, a.green { color:#090 }
.orange, a.orange { color:#F90 }
.white, a.white{ color:#FFFFFF}
.lh150 { line-height:150% }
.lh180 { line-height:180% }
.lh200 { line-height:200% }
.unl { text-decoration:underline; }
.no_unl { text-decoration:none; }
/*定位*/
.tl { text-align:left }
.tc { text-align:center }
.tr { text-align:right }
.fl { float:left; display:inline }
.fr { float:right; display:inline }
.cb { clear:both }
.cl { clear:left }
.cr { clear:right }
.vm { vertical-align:middle }
.vm-img img { vertical-align:middle; }
.pr { position:relative }
.pa { position:absolute }
.zoom { zoom:1 }
.hidden { visibility:hidden }
.none { display:none }
/*长度高度*/
.w10 { width:10px }
.w20 { width:20px }
.w50 { width:50px }
.w90 { width:90px }
.w100 { width:100px }
.w200 { width:200px }
.w250 { width:250px }
.w500 { width:500px }
.w800 { width:800px }
.w { width:100% }
.h50 { height:50px }
.h80 { height:80px }
.h100 { height:100px }
.h200 { height:200px }
.h { height:100% }
/*边距*/
.m5 { margin:5px }
.m10 { margin:10px }
.m15 { margin:15px }
.m20 { margin:20px }
.mt5 { margin-top:5px }
.mt10 { margin-top:10px }
.mt15 { margin-top:15px }
.mt20 { margin-top:20px }
.mb5 { margin-bottom:5px }
.mb10 { margin-bottom:10px }
.mb15 { margin-bottom:15px }
.mb20 { margin-bottom:20px }
.ml5 { margin-left:5px }
.ml10 { margin-left:10px }
.ml15 { margin-left:15px }
.ml20 { margin-left:20px }
.mr5 { margin-right:5px }
.mr10 { margin-right:10px }
.mr15 { margin-right:15px }
.mr20 { margin-right:20px }
.p5 { padding:5px; }
.p10 { padding:10px; }
.p15 { padding:15px; }
.p20 { padding:20px; }
.pt5 { padding-top:5px }
.pt10 { padding-top:10px }
.pt15 { padding-top:15px }
.pt20 { padding-top:20px }
.pb5 { padding-bottom:5px }
.pb10 { padding-bottom:10px }
.pb15 { padding-bottom:15px }
.pb20 { padding-bottom:20px }
.pl5 { padding-left:5px }
.pl10 { padding-left:10px }
.pl15 { padding-left:15px }
.pl20 { padding-left:20px }
.pr5 { padding-right:5px }
.pr10 { padding-right:10px }
.pr15 { padding-right:15px }
.pr20 { padding-right:20px }
.ohidden { overflow: hidden; }
.nopadding { padding: 0 !important; }

body.nobg{ background-image:url(#); background-color:#FFFFFF;}
.fc-1{ color:#747474;}
.fc-2{ color:#9a9a9a;}
.fc-3{ color:#dcdcdc;}
.fc-4{ color:#157bbb;}
.fc-5{ color:#86cff2;}
.fc-6{ color:#ff6d00;}
a{ color: #157bbb; cursor:pointer; outline:none;}
a:hover{ color:#951901; text-decoration: none; }
.content{ width: 980px; margin-left:auto; margin-right:auto; }
.content:after { content: ""; display: block; height: 0; clear: both; }
/*S=foot*/
/*.footer,.footer .content { background: #CCC url(../images/foot/bg_foot.jpg) repeat-x 0px 0px; height: 190px; }
.footer{ text-align: center; border-top: 1px solid #dcdcdc;color: #9a9a9a; }
.footer p { line-height: 22px; }
.footer .footnav { font-size: 14px; padding: 15px 0px 10px; }
.footer .footnav span{ padding: 0px 20px; }
.footer .footnav a,.foot_web_safe a  { color: #666; }
.footer .footnav a:hover,.foot_web_safe a:hover{ color:#ff6d00}
.foot_web_safe{ height: 60px; padding-left: 115px; padding-top: 10px; }
.foot_web_safe a { display: block; float: left; height: 50px; width: 132px; border: 1px solid #c3c6c8; background: #e9edef url(../images/foot/ico_websafe.png) no-repeat; margin-right: 10px; text-decoration: none; }
.foot_web_safe a:hover{text-decoration: none;}
.foot_web_safe a.sf_ba{ background-position:0 0;}
.foot_web_safe a.sf_wj{ background-position:0 -50px;}
.foot_web_safe a.sf_jb{ background-position:0 -100px;}
.foot_web_safe a.sf_xh{ background-position:0 -150px;}
.foot_web_safe a.sf_jz{ background-position:0 -200px;}
.foot_web_safe span{ line-height: 20px; padding-left: 40px; padding-top: 5px; text-align: center; display: inline-block; }*/
.footbox {background: #CCC url(../images/foot/bg_foot.jpg) repeat-x 0px 0px;}
.foot{  height: 95px; color: #999999; line-height: 24px; position: relative; }
.foot .company-link{ padding-top: 8px; }
.foot-safe { height: 60px; position: absolute; top: 15px; right: 0; width: 280px; text-align: right; }
.foot .company-link i { color: #c2c2c2; padding: 0px 15px; font-style:normal;}
.foot .company-link a{ color:#666666;}
.foot .company-link a:hover{color:#ff6c00;}
.foot-safe a { background: #FFF; height: 50px; width: 126px; border: 1px solid #dddddd; color: #ababab; display: inline-block; text-align: left; position: relative; }
.foot-safe a:hover{color:#ff6c00;}
.foot-safe a span { line-height: 18px; display: inline-block; width: 66px; position: absolute; left: 50px; top: 6px; }
.foot-safe a.beian{ margin-right:10px; background: #fff url(../images/ico-beian.png) no-repeat 10px center; }
.foot-safe a.wangjing{ background:#fff  url(../images/ico-wangjing.png) no-repeat 10px center; }
.foot-safe a.wangjing span{ width: 50px; left: 60px; }
/*E=foot*/
/*S=topnav*/
.topnav,.topnav .content{ background: url(../images/top/bg_topnav.png) repeat-x 0px 0px; height: 36px; position: relative; z-index: 500; }
.topnav .sub_logo { float: left; height: 36px; width: 150px; }
.topnav .sub_logo a { background: url(../images/top/logo_topnav.png) no-repeat 0px 0px; text-align: left; text-indent: -999px; display: block; height: 36px; width: 83px; }
.topnav .sub_logo2 { float: left; height: 36px; width: 150px; margin-left: 5px; }
.topnav .sub_logo2 a { background: url(../images/top/top_logo.png) no-repeat 0px 0px; text-align: left; text-indent: -999px; display: block; height: 25px; width: 134px; margin-top: 5px; }
.topnav .fr { line-height: 24px; padding-top: 6px; }
.topnav .fr a{ padding:0 5px;}
.topnav .fr .top_dl,.topnav .fr .top_gn,.topnav .fr .top_sc{ padding-right: 0px; }
.topnav .fr .top_dl { color: #157bbb;}
.topnav .fr .top_gn a,.topnav .fr .top_sc a{ color:#747474;}
.topnav .fr .top_gn a:hover,.topnav .fr .top_sc a:hover,.topnav a:hover{ color:#ff6d00; }
.topnav .top_tj { float: left; line-height: 20px; padding-top: 8px; }
.topnav .top_tj a img{ vertical-align:middle; margin-right:5px;}
.topnav .top_tj a{ padding:0 5px;}
.topnav .fr .savetable { line-height: 25px; background: url(../images/top/btn_topnav.png) no-repeat 0px 0px; text-align: center; display: inline-block; height: 25px; width: 76px; padding: 0px; color: #ff6d00; }
.oad_big { background: #FFFFFF; border-bottom: 1px solid #EEEEEE; height: 185px; left: 0%; overflow: hidden; position: absolute; top: 0; width: 980px; z-index: 50; display: none; }
.topnav_wrap{ position: relative; z-index: 100;zoom:1;}
/*E=topnav*/
/*S=qq*/
#qqserver,#qqcomplain {
    overflow: hidden;
    position: fixed;
    right: 0;
    z-index: 100;
}
#qqcomplain{top:200px}
#qqserver{top: 320px;}
#qqserver .qqwarp .qqlist ul { padding: 22px 0px 0px 35px; }
#qqserver .qqwarp .qqlist ul li,#qqcomplain .qqwarp .qqlist ul li { line-height: 24px; padding: 5px 0px; }
#qqserver .qqwarp .qqlist ul li img{ vertical-align:middle;}
/*E=qq*/
/*S=page*/
.d-pages{ height:30px;}
.d-pages .d-page-seach { line-height: 20px; height: 20px; width: 30px; border: 1px solid #CCC; text-align: center; display:inline-block; margin: 0px 2px; vertical-align: baseline; }
.d-pages-list a, .d-pages-list .current, .d-pages-list .disabled { padding: 2px 8px; display: inline-block; *display:inline;zoom:1; vertical-align: baseline; background: #ffffff; margin-left: 5px; }
.d-pages-list a { border: 1px solid #ccc; color:#747474; }
.d-pages-list a:hover { color: #eb6100; text-decoration: none; border: 1px solid #eb6100; }
.d-pages-list a:active { color: #eb6100; border: 1px solid #eb6100; }
.d-pages-list .current { background: #fffee8; border: 1px solid #eb6100; color: #eb6100; font-weight:bold; }
.d-pages-list .points { padding-left:5px; }
.d-pages-list .disabled,.d-pages-list .disabled:hover { color: #DDDDDD; border: 1px solid #EEEEEE; cursor:default; }
.d-pages .d-pages-num{float:left; line-height: 26px; }
.d-pages .d-pages-num b{ color: #F60; }
.d-pages .d-pages-list{ float:right;}
/*E=page*/
/*S=skin*/
/*无title黑边弹出框skin*/
.pop_public .ui_title{ display:none;}
.pop_public .ui_dialog .ui_main{ padding-top:0;}
/*E=skin*/
/*S=skin2*/
/*截图弹出框skin*/
.popshowpic .ui_title_bar{ z-index:100;}
.popshowpic .ui_dialog .ui_main{padding-top: 0px;}
.popshowpic .ui_title{margin: 0; display:none; }
.popshowpic .ui_inner{ border: 5px solid #FFF; background: #FFF; }
.popshowpic .ui_close{ vertical-align:baseline; _line-height:22px; color: #000; }
.popshowpic .ui_close:hover{ color:#FF6600; }
.popshowpic .ui_state_tips{ border:none;}
/*E=skin2*/
/*S=gamePic*/
	/*截图弹出框*/
#picwarp { height: 375px; width: 500px; position: relative; }
#picwarp .p_til { line-height: 36px; height: 36px; width: 100%; position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 20; color: #FFF; }
#picwarp .p_til .p_name { float: left; padding-left: 20px; font-size: 14px; }
#picwarp .p_til .p_num { float: right; padding-right: 20px; }
#picwarp .arr_l,#picwarp .arr_r { height: 60px; width: 30px; position: absolute; display: block;position: absolute; }
#picwarp .arr_l .btn_arr_l,#picwarp .arr_r  .btn_arr_r{ background: url(../images/gamepic/btn_pic_show.png) no-repeat; height: 60px; width: 30px;  display: block; cursor:pointer; }
#picwarp .arr_l{left: -35px; bottom: 160px;}
#picwarp .arr_r{right: -35px; bottom: 160px; }
#picwarp .arr_l .btn_arr_l{ background-position:0 -120px;  }
#picwarp .arr_r .btn_arr_r{ background-position:0 0; }
#picwarp  .arr_l .btn_arr_l:hover{ background-position:0 -180px;}
#picwarp  .arr_r .btn_arr_r:hover{ background-position:0 -60px;}
#picwarp s { background: #000; display: block; height: 36px; width: 100%; position: absolute; z-index: 10; left: 0px; right: 0px; bottom: 0px;-moz-opacity:0.5;opacity: 0.5;filter: Alpha(Opacity=50); }
/*E=gamePic*/
.icon_star { vertical-align: middle; margin-top: -2px; *margin-top:0px; }
/*S=toTop*/
	/*返回顶部*/
#toTop{ width:36px; height:36px; display:block; position:fixed; right:40px; background: url(../images/btn_back_top.png) 0 0; bottom: 45px; z-index: 999; }
#toTop:hover{ background-position:-37px 0;}
/*E=toTop*/

/*footer*/
#footer .friendlink { height:36px; line-height:36px; padding-left:92px; padding-right:10px; position:relative; border:1px solid #D3D3B1; background-color:#DCDEC6;}
#footer .friendlink h3 { position:absolute; left:0px; top:0px; color:#362400; text-indent:15px;}
#footer .friendlink a { float: left; display: inline-block; height: 36px; padding-right:15px; color:#000; text-decoration:underline; position: static!important;}
/* 兼容标准浏览器 */
#footer .friendlink a:before{content:".";margin-left:-5px; font-size:10px;visibility:hidden;}
#footer .friendlink a img { vertical-align: middle; *margin-top:expression((36 - this.height )/2); }
#footer .advice,#footer .sitedlc p { line-height:22px; text-align:center;}
#footer .advice { color:#7D7E42; margin-top:15px; margin-bottom:5px;}
#footer .footnav span { padding:0px 20px;}
#footer .wen { display: inline-block; width:22px; height:22px; margin-left: 4px; background: url(../images/wen.png) no-repeat; vertical-align: middle;}
.bg_footer { height:220px; background:#fff; background-repeat:no-repeat; background-position:center bottom;}

