@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; list-style: none; font-style: normal;}
body, a{ font-family: "Microsoft Yahei", "Droid Sans Fallback", "Arial", "Helvetica", "sans-serif", "宋体"; color:#333; font-size:12px;}
h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p, div {margin: 0; padding: 0;border: none; list-style-type: none; font-weight: normal;}
a{text-decoration:none;color: #666; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none;}<!--手机点击时，灰色阴影-->
a:focus{color: #666;}

img {border: 0; display:inline-block; max-width: 100%;}

.clr{*zoom:1;}
.clr:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
.clear{ clear:both; display:block; overflow:hidden;}
.flt {float: left !important;}
.frt{float:right !important;}

	/*表格*/
table {border-collapse: collapse;border-spacing: 0;}
table.table-fixed{table-layout:fixed;}
table.table-fixed td{word-wrap:break-word;}

.hidden{ overflow:hidden;}
.w100{ width:100%;}
.w1200{ width:1200px; margin:0 auto;}

.bg00{ background:#000;}

.mt170{ margin-top:10px !important;}
.ml10{ margin-left:10px !important;}
/*end 自定义*/

.foot{ background:#323232; padding:40px 0; text-align:center; color:#fff; line-height:26px; margin-top: 50px;}

.headers{  background: url("../../images/img-top.png") top center; height: 95px;}
.box-banner{ position: relative;}
.a-left{ width: 458px; height: 95px; position:absolute; left: 0; top: 0; text-indent: -99999px;  display: block;}
.a-right{ width: 390px; height: 95px; position:absolute; right: 0; top: 0; text-indent: -99999px; display: block;}

.dh-search{ position: relative;}
.search{ position: absolute; top: 661px; right: 0; width: 285px; height: 48px; line-height: 48px; }
.search a{ display: inline-block; color: #ec2d2d; text-indent: 24px; font-size: 14px;}

/*list*/
.table-xxk a{ font-size:24px; width: 145px; height:52px; line-height:52px; background:#cc3300; color:#fff; font-weight: bold; cursor: pointer;}/*右边选项卡*/
.table-xxk a:hover{color:#ffff00!important;text-decoration:none;}
    /*斜框框*/
.skew-game > a{ display:inline-block; text-align:center; transform: skewX(-20deg); -webkit-transform: skewX(-20deg); border-radius:4px;
     margin-left:10px;}
.skew-game >  a.hover{ background: #990000; color:#ffff00;}
.skew-game >  a span{ transform: skewX(20deg); -webkit-transform: skewX(20deg); display:inline-block;}

/*游戏列表*/
.tuijian-box{ padding: 10px; background: #3e3e3e; overflow: hidden;}
.tuijian-box li{ width:285px; height:402px;overflow:hidden; position:relative;  margin-right:13px; float:left;}
.tuijian-box li .item-img{ margin-left:0px;}
.tuijian-box li .item-img img{ width:285px; max-width: 285px; height:402px;}
.tuijian-box li .itme-wenz{ width:100%;     height:115px; position:absolute; left:0; bottom:0;}
.tuijian-box li .itme-wenz .opacityDiv{ width: 100%;
    height:115px;
    position: absolute;
    left: 0; bottom:0;
    opacity: .75;
    filter: alpha(opacity=75); background: #000; z-index:1;}
.tuijian-box li .itme-wenz .itme-wenz-jj{ width: 100%; position:absolute; left: 0; bottom: 10px; z-index:2; }
.tuijian-box li .itme-wenz .itme-wenz-jj > a,.tuijian-box li .itme-wenz .itme-wenz-jj p{ padding:0 8px; display:inline-block; overflow:hidden;}
.tuijian-box li .itme-wenz .itme-wenz-jj > a{ font-size:16px; color:#ff0000; font-weight:bold; margin-bottom:5px; line-height:16px; height:16px;}
.tuijian-box li .itme-wenz .itme-wenz-jj p{ font-size:14px; color:#fff600; line-height:24px; height:48px;  overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    display:-webkit-box;
    display:-moz-box;
    -webkit-line-clamp:2;
    -moz-line-clamp:2;
   /* -webkit-box-orient:vertical;*/
    -moz-box-orient:vertical;
}
.tuijian-box li:hover  .itme-wenz .itme-wenz-jj p{ height: auto;  overflow: visible;}
.tuijian-box li .link{ width:100%;  text-align:center; position:absolute; left:0; bottom:15px; z-index:2; display:none;}
.tuijian-box li .link a{ width: 80%; height: 40px; line-height: 40px; color: #990000; border-radius: 2px; font-size:16px; font-weight:bold; background: #ff8a00; text-align:center; display:inline-block;}

.tuijian-box li:hover .itme-wenz,.tuijian-box li:hover .itme-wenz .opacityDiv{ height:235px; cursor:pointer;}
.tuijian-box li:hover .itme-wenz .itme-wenz-jj{  position:absolute; left: 0; bottom: 90px; cursor:pointer;}
.tuijian-box li:hover .link{ display:block; }

.last-item{ margin-right:0 !important;}
.animated{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
/*end 游戏列表*/




/*开服信息*/
i.pack {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(../csss/index_24.png) no-repeat left center;
    vertical-align: middle; margin:-3px 6px 0 0;
}

.kaifu-box h6{
    font-size:20px;
    border-bottom: 1px solid #f0f0f0;
    line-height: 50px;
    height: 50px;
    position: relative;
}
.kaifu-box h6 i.wenz {
    display: inline-block;
    border-bottom:2px solid #9d9d9d;
    height: 48px;
}

.table-kaifu{ width:100%; text-align:center; border:1px solid #ffd200;}
.table-kaifu tr th,.table-kaifu tr td{ border:1px solid #ffd200; }

.table-kaifu .title tr{ background:#1874CD; }
.table-kaifu .title tr th{ line-height:48px; font-size:16px; color: #fff; font-weight: normal; }
.table-kaifu02{ margin-top: 10px;}
.table-kaifu02 .title tr{ background:#606060;}

.table-kaifu .leir tr{ background:#fffce9; line-height:44px; height: 44px; font-size: 14px;}
.table-kaifu .leir tr td{  color:#333; padding:0 5px; }
.table-kaifu .leir tr td.title{overflow: hidden;}
.table-kaifu .leir tr td.title a:hover{color:#fff!important;text-decoration:none;}
.table-kaifu .leir tr td.smb a:hover{color:#fff!important;text-decoration:none;}
.table-kaifu .leir tr td.title img{ margin: -3px 0 0 5px; vertical-align:middle;}
.table-kaifu .leir tr td.c-red{ color: #bd0505;}
.table-kaifu .leir tr td.c-red02{ color: #ff0000;}
.table-kaifu .leir tr td.c-green{ color: #00d514;}


.table-kaifu .leir tr td a{  /*text-decoration:underline;*/ font-size:12px;}
.table-kaifu .leir tr td .text-sf{  border-radius: 4px; border: 1px solid #1363c4; background: #1363c4; color: #fff; text-align: center; height:28px; line-height:28px; padding: 0 10px;}
.table-kaifu .leir tr td a.button{ font-size: 14px;  color:#fff; text-align:center; border:1px solid #e12020; height:28px; line-height:28px; width:87px; display:inline-block; border-radius:6px; text-decoration:none;overflow: initial;

    background: #990000;
    background: -moz-linear-gradient(top,  #dd1111 0%, #990000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd1111), color-stop(100%,#990000));
    background: -webkit-linear-gradient(top,  #dd1111 0%,#990000 100%);
    background: -o-linear-gradient(top,  #dd1111 0%,#990000 100%);
    background: -ms-linear-gradient(top,  #dd1111 0%,#990000 100%);
    background: linear-gradient(to bottom,  #dd1111 0%,#990000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd1111', endColorstr='#990000',GradientType=0 );
}
.table-kaifu .leir tr td a.button:hover{ color:#fff600;}


.table-kaifu .leir tr td a.buttonb{ font-size: 14px;  color:#fff; text-align:center; border:1px solid #FFF; height:28px; line-height:28px; width:87px; display:inline-block; border-radius:6px; text-decoration:none;overflow: initial;

    background: #1874CD;
    background: -moz-linear-gradient(top,  #1874CD 0%, #1874CD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1874CD), color-stop(100%,#1874CD));
    background: -webkit-linear-gradient(top,  #1874CD 0%,#1874CD 100%);
    background: -o-linear-gradient(top,  #1874CD 0%,#1874CD 100%);
    background: -ms-linear-gradient(top,  #1874CD 0%,#1874CD 100%);
    background: linear-gradient(to bottom,  #1874CD 0%,#1874CD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1874CD', endColorstr='#1874CD',GradientType=0 );
}
.table-kaifu .leir tr td a.buttonb:hover{ color:#fff600;}

.table-kaifu .leir tr td a.buttonss{ font-size: 14px;  color:#fff; text-align:center; border:1px solid #e12020; height:28px; line-height:28px; width:130px; display:inline-block; border-radius:6px; text-decoration:none;overflow: initial;

    background: #990000;
    background: -moz-linear-gradient(top,  #dd1111 0%, #990000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd1111), color-stop(100%,#990000));
    background: -webkit-linear-gradient(top,  #dd1111 0%,#990000 100%);
    background: -o-linear-gradient(top,  #dd1111 0%,#990000 100%);
    background: -ms-linear-gradient(top,  #dd1111 0%,#990000 100%);
    background: linear-gradient(to bottom,  #dd1111 0%,#990000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd1111', endColorstr='#990000',GradientType=0 );
}
.table-kaifu .leir tr td a.buttonss:hover{ color:#fff600;}

.table-kaifu .leir tr td a.buttonssa{ font-size: 14px;  color:#fff; text-align:center; border:1px solid #fff; height:28px; line-height:28px; width:130px; display:inline-block; border-radius:6px; text-decoration:none;overflow: initial;

    background: #990000;
    background: -moz-linear-gradient(top,  #dd1111 0%, #1874CD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1874CD), color-stop(100%,#1874CD));
    background: -webkit-linear-gradient(top,  #1874CD 0%,#1874CD 100%);
    background: -o-linear-gradient(top,  #1874CD 0%,#1874CD 100%);
    background: -ms-linear-gradient(top,  #1874CD 0%,#1874CD 100%);
    background: linear-gradient(to bottom,  #1874CD 0%,#1874CD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1874CD', endColorstr='#1874CD',GradientType=0 );
}
.table-kaifu .leir tr td a.buttonssa:hover{ color:#fff600;}

.table-kaifu .leir tr.bg-yellow02{ background:#ffff88;}
.table-kaifu .leir tr.bg-blue { background:#c7fff5;}
	/*hover*/
.table-kaifu .leir tr:hover{ background:#fffce9;}


	/*二维码*/
.ewm{ position:relative;}
.ewm a{ text-decoration:underline; cursor:pointer;}

.box-ewm{ width:215px; height:265px; background:url(../../images/xtb-bj.png) no-repeat; position:absolute; top:-152px; right:68px; z-index:100;}
.box-ewm h5{ font-size:16px; color:#fff; line-height:25px; padding:15px 15px 0 0; }
.box-ewm img{ width:160px; margin:20px 10px 0 0;}
    /*end 表格选项卡*/

/*end 开服信息*/

/*banner - ewm*/
.banner-box{ position: relative;}
.banner-box .banner{ position: relative; z-index: 10;}
.download {
    position: absolute;
    bottom: 130px;
    left: 265px;
    width: 450px;
    z-index: 11;
}
.download section{position:relative; display:inline-block; float: left; margin-right: 20px;}
.download section .btn{ width: 205px; height: 55px; display: inline-block; cursor: pointer; text-indent: -999999px;}
.eight-ewm{width:203px;background:#fff;border:1px solid #ff4b4b;box-shadow:0 0 2px rgba(0,0,0,0.5);text-align:center;padding:15px 0px; text-align:center; border-radius:4px;position:absolute;left:0px;top:56px;z-index:9999;display:none;}
.eight-ewm p{font-size:14px;color:#333;line-height:22px; text-align: left; text-indent: 24px;}
.eight-ewm img{width:130px;height:130px;margin:10px auto;float:none;}
.eight-ewm a{ color:#ff0000; font-size:14px; cursor:pointer;}
.eight-ewm button{display:inline-block;width:100%;background:#ff4b4b;color:#fff;text-align:center;line-height:45px;border-radius:6px;font-size:14px;border:none;cursor:pointer;}


.left-ewm{ width: 170px; height: 170px; position:absolute; bottom: 16px; left:78px; z-index: 11;}
.left-ewm img{ width: 100%;}
/*end banner - ewm*/


/*底栏*/
.float-box{height:100px;width:100%; position:fixed;left:0;bottom:0;
    background: #933bc4; /* Old browsers */
    background: -moz-linear-gradient(left, #d92238 0%, #ff1c7d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #d92238 0%,#ff1c7d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #d92238 0%,#ff1c7d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d92238', endColorstr='#ff1c7d',GradientType=0 ); /* IE6-9 */}
.inner{width:1200px;margin:0 auto; position: relative;}
.inner-ewm{ width: 120px; height: 120px; position: absolute; left:38px; top:-32px;}
.btn-cha img{margin-top:-36px;}
.colse{ position: absolute; right: 0; top:30px; cursor: pointer;}

/*侧边栏*/
.float-left{  position: fixed;
    top: 30%;
    right: 50%;
    margin-right: 630px;
    width:100px;}
.float-right{ position: fixed;
    top: 30%;
    left: 50%;
    margin-left: 630px;
    width:100px;}

/*go-top*/
.scroll_top {
    position: fixed;
    bottom: 150px;
    left: 50%;
    z-index: 9999999;
    width: 70px;
    height: 140px;
    margin-left: 630px;
}
.scroll_top a {
    display: block;
    vertical-align: middle;
    width: 70px;
    height: 70px;
    background: url('../../images/top.png') no-repeat;
}
.scroll_top a.gotodesk {
    background-position: 0 0;
}
.scroll_top a.gotodesk:hover {
    background-position: -70px 0;
}
.scroll_top a.gotop {
    background-position: 0 -70px;
}
.scroll_top a.gotop:hover {
    background-position: -70px -70px;
}

/*弹框*/
.cover{    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1001;}
.cover-tk{ width: 460px; position: absolute; top: 50%; left: 50%; margin-left: -230px; margin-top: -250px; z-index: 1002;}
.tk-img{ width: 100%; }
.tk-img img{ display: block;}
.tk-leir{ background: #fff; height: 370px;  text-align: center; font-size: 16px; color: #cc0000; line-height: 30px;}
.tk-leir img{ margin: 40px 0 20px 0;}
.colse-02{ position: absolute; top: 0; right: -30px; cursor: pointer;}