@charset "UTF-8";
.main-wrap, .div-wrap { height: auto; overflow: hidden; }

/*=======================
重置样式
一般需要根据设计把字体样式，背景色之类设为全局
=========================*/
html { height: 100%; overflow-x: hidden; overflow-y: auto; _background: url(about:blank); }

body { position: relative; top: 0; left: 0; height: 100%;
 background: #EDEDED;
  font-family: '宋体', arial; font-size: 12px; line-height: 1.5em; }

.banner{ display:block; height: auto; width: auto; min-width:1000px; margin:0 auto;}


body, input, textarea, select { color: #333; }

body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, dt { margin: 0; padding: 0; }

ul, ol { list-style-type: none; }

a { color: #AAAAAA; text-decoration: none; }

a:hover { text-decoration: underline; color: #FF5402; }

a img, img { border: none 0; }

textarea { resize: none; color:#000; }

/* 一些常用css名 */
.fl, .l { float: left; }

.fr, .r { float: right; }

.mt { margin-top: 15px; }

.mt10 { margin-top: 10px; }

.main-wrap { margin: 0px auto ; width: 1000px;   }

.div-wrap { margin: 20px auto 0; }


.input, input[type="text"] { padding-left: 5px; height: 22px; line-height: 22px; border: 1px solid #cacaca; color: #4C4A4D; background: #fafafa; }

input[type="submit"] { width: 70px; height: 28px;  }

.select_input { margin-right: 5px; width: 80px; height: 22px; line-height: 26px; border: 1px solid #989898; color: #333; background: #fafafa; }

#bdshare, #bdshare a { color: #000; }

.bdshare_iphone { position: absolute; z-index: 99; background: #eee; border-radius: 5px; border: 1px solid #e5e5e5; padding-right: 5px; display: none; }

/*全局模块头,块 */
.m-title { position: relative; font-family: "宋体"; }
.m-title h1 { font-size: 14px; color: #000; text-indent: 25px;font-family: '宋体'; }
.m-title h2 { font-size: 14px; color: #000; text-indent: 25px;font-family: '宋体';  }


.m-content { background: #F8F8F8; }
.m-content li { line-height: 24px; }

/*清除浮动*/
.clear { *zoom: 1; }
.clear:after { display: block; visibility: hidden; clear: both; overflow: hidden; height: 0; content: "clear"; }



/*
===============================================
神器二维码[不需要修改]
===============================================
*/
#sj { position: fixed; _position: absolute; right: 0; top: 413px; width: 120px; line-height: 20px; text-align: center; }
#sj img { padding: 0; border: 3px solid #fff; }

/*=======================
模块1：通用-顶部导航
=========================*/
.bg-write { background:#FFF !important;} .bg-write a { color:#ff9300 !important;} .bg-write span { background-position: -3px -25px;}


/*
======================
主导航 main_nav.css
======================
*/
.main-nav-wrap { position: relative;  height: 40px; margin:0px auto 0; }

.menu-nav {margin:0 auto;width:1000px;height:40px;text-align:center; overflow:hidden;}
.menu-nav li { position: relative; float: left; padding:0 ; height: 40px;  }
.menu-nav li a{display:block;width:125px;margin: 0;height:40px; line-height:40px; color:#FAFAFA; background:#3D3D3D; font-size:15px;}
.menu-nav li a:hover {background: #2D2D2D; text-decoration:none; }


.menu-nav li .home{background:url(../images/nav_a_hover.png); }  
.menu-nav li .down{}
.menu-nav li .event{}
.menu-nav li .gonglue{} 
.menu-nav li .shop{}
.menu-nav li .kaifu{} 
.menu-nav li .data{}
.menu-nav li .shenqi{}

.menu-nav li .home:hover{background:url(../images/nav_a_hover.png);}
.menu-nav li .down:hover{}
.menu-nav li .event:hover{}
.menu-nav li .gonglue:hover{}
.menu-nav li .shop:hover{}
.menu-nav li .kaifu:hover{}
.menu-nav li .data:hover{}
.menu-nav li .shenqi:hover{}


/*
=================================
模块2：当前位置
=================================
*/
.localhost { padding: 18px 0 0px 0px; height: 25px; line-height: 18px; color: #FFF; margin-top:-18px;  }
.localhost a { color: #FFF; font-size: 12px; }
.localhost a:hover { text-decoration: underline; }

/*======================
模块3：全局-页脚
========================*/
.main-wrap, .div-wrap { height: auto; overflow: hidden; }

.footer-wrap { margin-top: 0px; height: auto; overflow: hidden;  }
.footer-wrap .footer { margin: 0 auto; padding: 30px 0; height: 90px; width: 1000px; }
.footer-wrap .footer p { padding: 0 0 6px 0; height: 24px; line-height: 24px; color: #828181; font-size: 12px; text-align: center; }
.footer-wrap .footer a { color: #828181; font-size: 12px; }


.main-wrap, .div-wrap { height: auto; overflow: hidden; }

/*下载模块*/

.down-mode { width: 258px; height: auto; overflow: hidden;hidden;border:1px solid #CACACA; background:#F8F8F8;position:relative; }
.down-mode .m-title { height: 32px; line-height: 32px; background: url(../images/small.png) no-repeat 10px 14px  #F0EEEF; border-bottom:1px solid #CACACA;}
.down-mode .m-title h2 { font-weight:100; }
.down-mode .m-title h2 a{ color:#000; text-indent:10px; background:none; *text-indent:25px;}
.down-mode .m-content{ height: auto; padding:15px; background:#F8F8F8; *padding-bottom:60px; }
.down-mode .m-content a { display: block; color:#FFF; text-align:center; font-size:18px; font-weight:bold; text-decoration:none; float:left; margin-left:12px; width:203px;background:#1AC269; height:42px; line-height:42px;margin-bottom:15px;  margin-bottom/*\**/:15px \9; *margin-bottom:0; }
.down-mode .m-content a:hover{ background:#17AE5F; }
.down-mode .m-content a:nth-child(n){ border-radius:5px;  } 
.down-mode .m-content a:nth-child(1){background:#1AC269; }
.down-mode .m-content a:nth-child(2){background:#FFC600; }
.down-mode .m-content a:nth-child(3){background:#FF784F; }
.down-mode .m-content a:nth-child(4){background:#87E06B; }
.down-mode .m-content a:nth-child(5){background:#1AC269; }
.down-mode .m-content a:nth-child(6){background:#FFC600; }
.down-mode .m-content a:nth-child(7){background:#FF784F; }
.down-mode .m-content a:nth-child(8){background:#87E06B; }
.down-mode .m-content a:nth-child(9){background:#1AC269; }
.down-mode .m-content a:nth-child(10){background:#FFC600; }
.down-mode .m-content a:hover:nth-child(1){ background:#17AE5F;}
.down-mode .m-content a:hover:nth-child(2){ background:#E6B200;}
.down-mode .m-content a:hover:nth-child(3){ background:#E66C47;}
.down-mode .m-content a:hover:nth-child(4){ background:#7ACA61;}
.down-mode .m-content a:hover:nth-child(5){ background:#17AE5F;}
.down-mode .m-content a:hover:nth-child(6){ background:#E6B200;}
.down-mode .m-content a:hover:nth-child(7){ background:#E66C47;}
.down-mode .m-content a:hover:nth-child(8){ background:#7ACA61;}
.down-mode .m-content a:hover:nth-child(9){ background:#17AE5F;}
.down-mode .m-content a:hover:nth-child(10){ background:#E6B200;}
.erweima{ display:block; position:relative;}
.show-erweima{display: none;position: absolute; left:28px; bottom:0;z-index: 999;padding:5px;width:119px;height:114px;background:#fff;border:1px solid #cacaca;text-align: center;}
.show-erweima img{width: 91px;height: 91px;border: none 0;}
.show-erweima p { color:#000; font-size:14px; height:20px; line-height:20px;}
#qrcodeTable{width:120px;height:120px;}

/*条添加收藏当前页*/
.collect-mode{display: none;width:100%;height:70px;background:#000;z-index:1001;filter:alpha(opacity=80);opacity:0.7;position:fixed;bottom:0;_position:absolute;left:0;_top:expression(documentElement.scrollTop+documentElement.clientHeight - this.offsetHeight);}
.collect-mode .wrap{height:100%;position:absolute;left:50%;margin-left:-355px;}
.collect-mode .text{font-size:26px;line-height:26px;color:#fff;margin-top:22px;display:inline-block;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";}
.shoucang-ie-btn,.shoucang-webkit-btn{display:inline-block;vertical-align:middle;height:30px;line-height:30px;margin-top:-12px;margin-top:-10px\9;_margin-top:-8px;font-size:16px;font-family:"微软雅黑";text-decoration:none;border-radius:3px;text-align:center;}
.shoucang-ie-btn{width:140px;display:inline-block;color:#F4F7FB;background:#5895F1;}.shoucang-webkit-btn{width:170px;color:#848484;background:#FBFBFB;}
.collect-mode .splite_line{color:#D2D2D2;font-size:18px;display:inline-block;vertical-align:middle;margin-left:5px;margin-right:5px;margin-top:-6px;_margin-top:0;margin-top:-2px\9;}
.close{ display:block; cursor:pointer; background:url("http://www.sjwyx.com/template/netgame/muban/images/close.png") no-repeat 0 0; position:absolute; right:0; top:0; width:65px; height:65px; z-index:1002; }



/*增加的底部样式*/
.new-rem-games-link-mode { margin:20px auto 0;}
.slogan .top-pub { display:none !important;}
        .slogan-wrap{width:100%;height:auto;overflow:hidden;background:#DBDBDB;border-top:1px solid #D0D0D0;}
        .slogan{position:relative;margin:0 auto;width:1000px;height:34px;line-height:34px;font-size:14px;}
        .slogan .footer-logo{ background: rgba(0, 0, 0, 0) url("http://www.sjwyx.com/template/netgame/muban/images/bg-top-logo_244x38.jpg") no-repeat scroll 0 0; display: block;    height: 38px; overflow: visible; position: absolute; text-indent: -9999px;  z-index: 10; width:128px;left:-10px;top:-2px;}
		.slogan .footer-logo a { display:block;}
        .slogan p{  margin-left: 118px;}

        .rem-games-link-list{margin:0 auto;padding:30px 0;height:180px;width:1000px;background:#EFEFEF;}
        .rem-games-link-list:after{content:'';display:table;clear:both;}
        .rem-games-link-list li{float:left;position:relative;width:160px;height:auto;list-style:none;}
        .lr:after{content:'';position:absolute;top:-22px;right:0;z-index:1;height:195px;border-right:1px solid #D8D8D8;}
        .rem-games-link-list a{height:36px;line-height:36px;display:block;text-align:center;font-size:16px;color:#6a6a6a;text-decoration:none;}

        /*页脚*/
        .footer-wrap{height:auto;overflow:hidden;background:#333333;}
        .footer{margin:0 auto;padding:20px 0;height:90px;width:1000px;}
        .footer a{color:#8F8F8F;font-size:15px;}
        .footer p{padding:0 0 6px 0;height:24px;line-height:24px;color:#8F8F8F;font-size:14px;text-align:center;}

        /*more-box*/
        .more-box{position:relative;margin:8px auto 0;width:44px;height:auto;font-size:16px;color:#6c6c6c;background:#DCDCDC;}
        .more-box .top-more{border:3px solid #D0CFCF;width:651px;bottom:50px;top:auto;left:-40px;}
        .more-box .top-more-panel{  width: 650px}
        .more-box .top-more-panel ul{width: auto;}
        /*.more-box .*/
        /*三角形*/
        .caret{position:absolute;left:40px;bottom:0;}
        .caret:before{content:'';position:absolute;top:0;left:0;border-top:15px solid #D0CFCF;border-left:15px solid transparent;border-right:15px solid transparent;}
        .caret:after{content:'';position:absolute;left:5px;top:0;border-top:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;}