@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; list-style: none; font-style: normal;}
body, a, input { color:#333; font-family: "Microsoft Yahei", "Droid Sans Fallback", "Arial", "Helvetica", "sans-serif", "宋体";}
pre {
    display: block;
    font-family: "Microsoft Yahei", "Droid Sans Fallback", "Arial", "Helvetica", "sans-serif", "宋体";
    white-space: pre;
    margin: 1em 0px;
}
a{text-decoration:none; color: #333;}

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:".";}

.fl{ float:left;}
.fr{ float:right;}
/***************************************************************************************************/

/*自定义样式*/
.viewport-index{
    width: 100%;
    margin: 0 auto;
    padding-bottom:45px;
}
.viewport-search{
    width: 100%;
    margin: 0 auto;
    padding-top: 50px;
}

.viewport01{
    width: 100%;
    margin: 0 auto;
    padding-bottom:60px;
}

.bgf6{ background: #f6f6f6 !important;}
.bge0{ background:#e0e0e0 !important;}
.bge{ background:#eee !important;}

.background {
    position: fixed;
    top: 0;
    left: -10px;
    width: 110%;
    height: 200px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: -1;
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
}

.main-tone { color: #ff8f19 !important;}
.c-blue{ color: #1573ff !important;}
.c-3{ color:#1b1b1b !important;}
.a-yellow a{ color:#ff8f19;}
.a-org{ color:#ff8f19;}

.fs12{ font-size:12px !important;}
.fs13{ font-size:13px !important;}
.fs14{ font-size:14px !important;}
.fs15{ font-size:15px !important;}

.font11-bd { font-size: 12px; color: #bdbdbd !important;}
.font13-6, .font13-6 a { font-size: 16px; color: #666666; }

.pb10{ padding-bottom:10px !important;}
.plr15{ padding:0 15px;}
.pb15{ padding-bottom:15px;}
.plr20{ padding-left:20px !important; margin-right:20px !important;}

.mb5{ margin-bottom:5px;}
.mtb5{ margin:5px 0;}
.mb10{ margin-bottom:10px !important;}
.mlr15{ margin:0 15px;}
.m20{ margin:20px !important;}
.mlr20{ margin-left:20px !important; margin-right:20px !important;}
.ml50{ margin-left:50px !important;}

.border-t1{ border-top:1px solid #eee !important;}
.border-b1{ border-bottom:1px solid #e1e1e1 !important;}
.border-t5{ border-top:5px solid #eee !important;}
.border-b5{ border-bottom:5px solid #eee !important;}
/*end 自定义样式*/

/*header*/
.ser-header {
    width: 100%;
    height:50px;
    line-height: 50px;
    padding: 0 10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */ font-size:18px; color:#1b1b1b; background:#fff; text-align:center; position:fixed; top:0px; left:0; z-index:999;
}

.ser-header .ser-header-left {
    left: 15px;
    top: 0px;
    position: absolute;
}
.ser-header .ser-header-left.img01 img {
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px;
}

.ser-header .ser-header-right { right:15px; top: 0px; position: absolute;}
.ser-header .ser-header-right.img01 img{ height:22px; margin-left:5px; vertical-align:middle; margin:-5px 0 0 10px;}
/*搜索页面*/
.ser-header .ser-header-right { right:15px; top: 0px; position: absolute;}
.ser-header .ser-header-right.wenz-r{ color:#fff;}
.ser-header .ser-header-right.wenz-r a{ color:#1b1b1b; font-size:14px;}

.ser-header .input-index{ width:75%; margin:-5px 0 0 0 !important; color:#fff;  background: rgba(246,246,246,1);  border:1px solid rgba(246,246,246,1); border-radius:17px; height:28px; line-height:28px; display:inline-block; text-align:left; text-indent:7px; vertical-align:middle; }
.ser-header .input-index .input01{ width:100%; height:28px; line-height:28px; border:0;  background:none; color:#333; font-size:14px; float:left; text-indent:35px; background:url(../images/search-02.png) 10px center no-repeat; background-size:15px auto;}
.ser-header .input-index  ::-webkit-input-placeholder { /* WebKit browsers */
    color: #ccc; font-size:14px;
}
.ser-header .input-index  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc; font-size:14px;
}
.ser-header .input-index  ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc; font-size:14px;
}
.ser-header .input-index  :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ccc; font-size:14px;
}
/*end 搜索页面*/
/*详情1*/
.ser-header.zhiym{background: #fff; transition: background 0.5s;
    -moz-transition: background 0.5s;  /* Firefox 4 */
    -webkit-transition: background 0.5s; /* Safari 和 Chrome */
    -o-transition: background 0.5s;}

.ser-header.header-position{ background:none !important; font-size: 0.000001px; transition: background 0.5s;
    -moz-transition: background 0.5s;  /* Firefox 4 */
    -webkit-transition: background 0.5s; /* Safari 和 Chrome */
    -o-transition: background 0.5s; color:transparent;}

/*end header*/

/*top*/
.top{ position: fixed; top:0; left: 0; z-index: 2; width: 100%; background: #f6f6f6;}
.top .ser-header{ background: #f6f6f6; color: #1b1b1b; position: static;}

/*index-top*/
.main-logo{ width: 100%; padding:0 15px; box-sizing:border-box; -webkit-box-sizing:border-box; height:45px; line-height:45px; display: -webkit-flex; /* Safari */display: flex;  align-items:center;   justify-content:space-between; position:relative;}

.main-logo .head-list-xtb{  height:20px;  flex:none;}
.main-logo .head-list-xtb img{ height:20px; float:  left;}

.main-logo .logo{  height:20px;  flex:none;}

.main-logo .wenz{ text-align: center; font-size:11px; line-height:11px;  flex:none;}
.main-logo .wenz img{ width:23px;}

/*登录退出*/
.login-tc{ padding:10px 12px; width:140px; border:1px solid #fdb060; border-radius:7px; position:absolute; left:10px; top:43px; background:#fff; z-index:10;
    box-shadow:1px 1px 3px 1px #ffd3a5;
    -moz-box-shadow:1px 1px 3px 1px #ffd3a5;
    -webkit-box-shadow:1px 1px 3px 1px #ffd3a5; display:none
}
.login-tc:after{
    position: absolute;
    left:15px;
    top:-6px;
    content: ""; width:17px; height:8px; background:url(../images/icon07.png) no-repeat; background-size:13px auto;
}
.login-tc p{ display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow:ellipsis;
    overflow: hidden; font-size:12px; line-height:16px; color:#1b1b1b;}
.login-tc-a{ line-height:30px; margin:10px 0 0 0;}
.login-tc-a a{ width:60px; height:25px; line-height:25px; text-align:center; font-size:13px; display:inline-block;  color:#1b1b1b; border:1px solid #e1e1e1; border-radius:13px; background:#f6f6f6;}
/*end 登录退出*/

/*end index-header*/

.index-search{ float:right;}
.index-search a{ display:block; height:40px; line-height:40px;}
.index-search img{ height: 30px; margin:-1px 15px 0 0; vertical-align: middle; display:inline-block;}

/*end index-search*/

.index-xxk{ width: 100%; height:40px; line-height:40px; background:#ff8f19; overflow:hidden;}
.index-xxk ul{  width:82%; line-height:30px; height:30px; display:block; float:left; position: relative;  margin: 10px 0 0 10px;}
.index-xxk ul li{font-size: 15px; width:25%; color: #fff; text-align: center; float:left; position: relative; z-index: 2;}
.index-xxk ul li a{ width: 80%; line-height:30px; height:30px; display: inline-block; position: relative; color:#fff;}
.index-xxk ul li.hover a{ color: #ff8f19; border-radius: 4px 4px 0 0; border-top: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; background: #fff;  border-bottom: 0;}
/*end index xxk*/

/*end index-top*/

/*kfb-top*/

.sheb-xx{ position:absolute; right:15px; top:11px; width:90px; height:25px; line-height:25px; border:1px solid #ff8f19; border-radius:13px;}
.sheb-xx a{ float:left; width:50%; display:inline-block; font-size:13px; text-align:center; color:#ff8f19;}
.sheb-xx a.hover{ background:#ff8f19; color:#fff; border-radius:13px 0 0 13px;}
.sheb-xx a.ihover{ background:#ff8f19; color:#fff; border-radius:0 13px 13px 0;}
/*end header-r*/

.kfb-xxk{ width:100%; background: #fff; overflow:hidden;}
.kfb-xxk ul li{ line-height:40px; position:relative;}
.kfb-xxk ul li a{ font-weight:bold; font-size:15px; color:#666666;}
.kfb-xxk.w33 ul li{ width:33.33333%; text-align:center; float:left;}
.kfb-xxk ul li.hover a{ color:#ff8f19;}
.kfb-xxk ul li.hover:before {
    display: inline-block;
    position: absolute;
    left:0;
    bottom:0px;
    content: "";
    width:100%;
    height:2px;
    background: #ff8f19;
}
/*end kfb xxk*/


/*end kfb-top*/

.xxk-two{ width: 100%;   background: #fff; height:56px;}
.xxk-two a{  display: inline-block; padding:0px 15px; height:28px; line-height:28px; text-align: center; font-size:14px; border-radius:3px; border:1px solid #e1e1e1; color: #999999; }
.xxk-two a.hover{ color:#fff; background:#ff8f19; border:1px solid #ff8f19;}
.xxk-two a .in{ color: #ff8f19;}
.xxk-two.w33 span{ width:33.333333%; box-sizing:border-box; -webkit-box-sizing:border-box; display:inline-block; text-align:center;}

.xxk-two-index a{ float: left; margin:13px 0 0 15px; overflow:hidden;}
.xxk-two-kfb span{  float:left; padding:10px 0;}
.xxk-two-kfb a.hover{ background:#ff8f19; color:#fff;}
/*end xkk-two*/

/*二级菜单*/
.tab-min-cover{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index:11;  display:none;
}
.tab-min{ width:100%;  box-sizing:border-box; -webkit-box-sizing:border-box; background:#fff; overflow:hidden; padding:0 0 10px 0;}
.tab-min h6{ font-size:14px; padding:0 0 0 5%;}
.tab-min ul li{ width:16.66666666%; float:left; text-align:center; height:20px; line-height:20px; padding:10px 0; overflow:hidden;}
.tab-min ul li a{ color:#1b1b1b; font-size:13px;}
.tab-min ul li.hover a span{ color:#ff8f19; display:inline-block; border-bottom:1px solid #ff8f19;}

.tab-open{ display:block;}
/*end 二级菜单*/

/*end top*/
.main-xxk{  width: 100%; overflow:hidden;}


/*首页*/
.more-m{ width:100%; line-height:30px; text-align:center;  margin:0 0 25px 0;}
.more-m a{ line-height:30px; display:inline-block; font-size:14px;font-weight: 600;}
/*center-box*/
.center-box,.kef-center-box{    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; position:relative;

    display: -webkit-flex; /* Safari */ display: flex;  align-items: center; justify-content: space-between;}


.center-box .med-center{flex:auto !important; flex-wrap: wrap;}
.center-box .med-center h4{ font-size:14px; }
.center-box .med-center h4 .xtb-i01{ font-size:11px; border-radius:7px; height:15px; line-height:15px; display: inline-block; padding: 0 7px; color: #fff; background:#ff0000; margin:-5px 0 0 10px; vertical-align: middle; font-weight:normal;}
.center-box .med-center h4 .xtb-i01 span{ font-size:9px;}
.center-box .med-center p{  width: 100%; font-size: 12px; color: #999; height:16px ; line-height:16px;}
.center-box .med-center p.p-jianj{ margin-top:3px;

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;}
.center-box .med-center p.p-jianj img{ height:12px; vertical-align:middle; margin:0 5px 0 0;}
.center-box .med-center div .wenz{ float: left; font-size:12px; color:#999;
    margin:5px 0 0 0;
}

.center-box .med-right{ flex:none; align-self:flex-start;}
.center-box .med-right a{ width:64px; height:30px; line-height:30px; border:1px solid #e1e1e1; background: #fff; border-radius:3px;  box-sizing:border-box; -webkit-box-sizing:border-box;   text-align:center; font-size:15px; color:#ff8f19; display:block;}
.center-box .med-right.med-right-kfb a{
    width:50px;
    height: 50px;
    line-height:13px;
    border: 1px solid #e1e1e1;
    background: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    font-size:13px;
    color: #ff8f19;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*end center-box*/

/*bt-列表页*/
.down-center-box{  margin:15px 10px; padding: 0 0 15px 0;  border-bottom: 1px solid #ededed; }
.down-center-box .media-img{ width:70px; text-align:left; flex:none; }
.down-center-box .media-img img{ width:60px; border-radius:12px;  display:block;}

.bt-biaos{ width: 100%;}
.bt-biaos span,.shouf{
    line-height:14px; height:14px;
    margin:3px 4px 3px 0; float:left; padding:3px 7px;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bt-biaos{ width: 100%;}
.bt-biaos span,.shouf{
    line-height:14px; height:14px;
    margin:3px 4px 3px 0; float:left; padding:3px 7px;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.shouf{ padding:3px 3px; margin:3px -5px 0 0; transform:scale(0.8);}
.bt-biaos span i,.shouf	i{ font-size:12px;}

.b-yellow{  color: #ff8f19; background: #fff;  flex:none; }
.b-blue{  color: #1573ff; background: #fff; flex:none; }
.b-red{  color: #ff4343; background: #fff; flex:none; }
.b-blue02{  color: #12b2ff; background: #fff; flex:none; }
.b-pink{ color: #f84b79; background: #fff; flex:none; }
.b-meih{ color: #ff0090; background: #fff; flex:none; }
.b-huis{ color:#8e8e94; background:#fff; flex:none;}

.b-yellow:after{   border: 1px solid #ff8f19; }
.b-blue:after{   border: 1px solid #1573ff;  }
.b-red:after{   border: 1px solid #ff4343;  }
.b-blue02:after{  border: 1px solid #12b2ff; }
.b-pink:after{  border: 1px solid #f84b79; }
.b-meih:after{  border: 1px solid #ff0090; }
.b-huis:after{  border: 1px solid #ccc; }

/*线条颜色*/
.border-1px {
    position: relative;
    border:none;
}
.border-1px:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-radius:4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transform-origin: left top;
    transform-origin: left top;

}
@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2) {
    .border-1px::after {
        width: 200%;
        height: 200%;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}
/*end 线条颜色*/
/*end bt-列表页*/
/*end 首页*/

/*客服中心*/
.kef-center-box{ padding:20px 0;}
.kef-center-box > div{ flex:none;}

.kef-big-xtb{ width:80px; text-align:center; font-size:13px; font-weight:bold;}
.kef-big-xtb img{ width:40px;}

.kef-little-xtb{ width:6px; padding:0 10px 0 0;}
.kef-little-xtb img{ width:100%;}


.kef-list{ flex:auto !important; flex-wrap: wrap;}
.kef-list ul li{ width:50%; float:left;  display:inline-block; color:#c1c1c1;

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow:ellipsis;
    overflow: hidden;}
.kef-list ul li a{ font-size:13px; padding:0 5px; line-height:24px;}

.kf-btn{ line-height:55px; position:fixed; left:0; bottom:0; width:100%; text-align:center;}
.kf-btn a{ color:#007aff; padding:0 0 0 5px;}
/*end 客服中心*/

/*人工客服*/
.kefu-banner{ position:relative;}
.kf-img-l {
    position: absolute;
    top: 15px;
    left: 15px;
}
.kf-img-l img {
    height: 20px;
    display: inline-block; float:left;
}
.kf-wenz-r a{
    position: absolute;
    top: 15px;
    right: 15px; line-height: 20px; color:#4f3231; border:1px solid #4f3231; border-radius:13px; padding:3px 5px; display:inline-block;
}
/*-------- end top -----------*/

.kf-center{ margin:-38% 0 0 0;  padding: 10px; position: relative;}
.kf-center .kf-button {
    border-radius:12px;
    background: #fff;
    width:60px; height:25px; line-height: 25px;
    text-align: center;
    font-size: 14px;
    float: right;  vertical-align:middle;
}
.kf-center .color-zhis span{ background: #b19aff;}
.kf-center .color-zhis button{ color: #9778ff; border:1px solid #b19aff;}
.kf-center .color-org button{ color: #fff; background:#ff8f19; border:none;}

.kf-main{ box-shadow: 0 3px 6px 3px #ffefdf; border-radius:5px; width: 100%; background: #fff; padding: 10px 0;}
.kf-main ul li{ position: relative; font-size:13px; margin: 0 12px; padding: 10px 0;}
.kf-main ul li span{ width:94px; height:25px; line-height:25px; padding:0; font-size: 12px; border-radius:12px; display: inline-block; color: #fff; text-align: center; margin: 0 5px 0 0; display: inline-table; vertical-align:middle;}
.kf-main ul li span b{
    display: table-cell;
    vertical-align:middle; font-weight: normal;}


.kf-dianh{ border-radius:5px; font-size:13px; background: #fff; box-shadow: 0 0 6px 4px #ffefdf;}
.kf-dianh img{ width:22px; margin: 0 10px 0 0; vertical-align: middle;}
.kf-dianh i{ color: #666; margin: 0 0 0 5px;}
.kf-dianh a{ color: #666;}
/*end 人工客服*/

/*常见问题*/
.cj-problem b{ display:block; font-size:15px; padding:20px 0 10px 0;}
.cj-problem b i{ background:#ff8f19; width:5px; height:22px; border-radius:3px; display:inline-block; margin:0 10px 0 0; vertical-align:middle;}
.cj-problem p{ font-size:13px; line-height:24px;}
/*end 常见问题*/

/*底部导航*/
.btn-dh{ margin:0 10px; background:#f6f6f6; height:45px; line-height:45px; color:#e1e1e1; text-align:center; border-top:1px solid #e1e1e1;}
.btn-dh a{ width:23%; display:inline-block; text-align:center; font-size:13px; color:#1b1b1b;}
/*--end 底部导航--*/

/*底部信息*/
.btn-box{ width:100%; background:#dfdfdf; font-size:11px; color:#818181; line-height:21px; text-align:center; padding:15px 0 25px 0;}
/*end 底部信息*/

/*底部下载*/
.btn-download{ width:100%; position:fixed; left:0; bottom:0px; z-index:99; height:60px; line-height: 60px;  padding:10px; box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 auto; overflow: hidden; text-align:left; background:rgba(0,0,0,.7);

    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.btn-download img{ width:auto; height:38px; display:inline-block; }
.btn-download button{  font-size:14px; border-radius:5px; border:0; background: #ffd500; width:auto; /*padding:0 2%;*/min-width:70px; height:38px; line-height:38px; color:#050505; }
/*end 底部下载*/



/*详情页01*/
.banner {
    width: 100%;
    display: block;
    position: relative; margin-top:-4%;
}

.game-xx{ width:1100px; text-align: center; margin:0 auto; padding:20px 0 0 0; border-radius:5px 5px 0 0; background:#fff;
    position: relative;
    z-index: 10;}
.game-xx img{ width:75px; height:75px;}

.game-xx .zhekou{ width:55px; height:65px; background:url(../images/icon-bs01.png) no-repeat top center; background-size:auto 65px;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center; position:absolute; top:0; right:15px;
}
.game-xx .zhekou p{ font-size:21px; color:#fff;}
.game-xx .zhekou p i{ font-size:10px;}

.game-xx .p01{ color: #333; font-size:18px; font-weight: bold;   }
.game-xx .p02{ color: #999; font-size:12px;}
.game-xx .bt-biaos{ width:100%; text-align: center;  height:18px; line-height:18px; margin:7px auto 10px auto; display: -webkit-flex; /* Safari */
    display: flex; justify-content: center; transform: scale(0.8);}
.game-xx .bt-biaos span{
    padding:3px 7px;  border-radius:9px;  margin:0 3px; color: #fff;
}

.icontext{ width:550px; text-align: left;}
.icontext .biaoq span{ display:inline-block; text-align:center; color:#fff;  height:28px; line-height:28px; padding:0 10px; font-size:12px; margin-right:10px;}
.icontext .biaoq span.bq-bg01{ background:#57bcf5;}
.icontext .biaoq span.bq-bg02{ background:#ffaa1b;}
.icontext .biaoq span.bq-bg03{ background:#ff7d78;}
.icontext .biaoq span.bq-bg04{ background:#ff7f94;}
.icontext .biaoq span.bq-bg05{ background:#fe8836;}
.icontext .biaoq span.bq-bg06{ background:#9d91fd;}

.iconbox{padding:28px 0px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box;   display: -webkit-flex; /* Safari */
    display: flex; border-bottom:1px solid #dfdfdf; overflow:hidden; position:relative; align-items:flex-start;
    justify-content:flex-start;}
.iconbox img{width:110px; height:110px; margin-right:15px; display:inline-block;}
.icontext .game-name{font-size:18px; font-weight:bold; color:#333; width:100%;}
.icontext .game-name a{ float:left;}
.icontext .game-name span{ width:72px; height:20px; line-height:20px; text-align:center; font-size:14px; border-radius:10px; font-weight:normal; display:inline-block; margin:0 0 0 14px;}
.icontext .game-name span.biaos-01{ background:#fc932c; border:1px solid #fc932c; color:#fff;}
.icontext .game-name span.biaos-02{  border:1px solid #f54341; color:#fff; color:#f54341;}
.icontext .jianjie{ display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow:ellipsis;
    overflow: hidden;}

.bt-biaos span.color-green{ background: #8fcc52; flex:none; }
.bt-biaos span.color-pink{ background: #ff6c6c; flex:none; }
.bt-biaos span.color-zis{ background: #9487fb; flex:none; }
.bt-biaos span.color-org{ background: #ff911a; flex:none; }
.bt-biaos span.color-blue{ background: #11a8ff; flex:none; }

.game-xx .iconbox{
    padding: 30px;
    border-bottom: 0px;
    align-items: flex-start;}

.game-xx .iconbox img {
    width: 120px;
    height: 120px;
}

.game-xx .bt-box {
    width: 100%;
    text-align: center;
    height: 35px;
    line-height: 35px;
    margin: 7px auto 10px auto;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    transform: scale(0.8);
}

.game-xx .bt-box span{
    padding:2px 8px;  margin:0 5px; color: #fff;
}

.xx-biaoq{ display: -webkit-flex;
    display: flex;
    justify-content:center;}
.xx-biaoq span{ font-size:12px; padding:3px 3px;}
.xx-biaoq span.border-1px:after {
    content: '';

    border-radius:20px;

}

/*标题*/
.title01{ font-size:15px; color: #333; height:15px; line-height:15px; position: relative; font-weight: bold; padding:15px 0 0 0;}
.title01 img{ height: 21px; vertical-align: middle; margin:-4px 5px 0 4%;}

/*p 标签*/
.box-p{ padding:10px 4% 5px 4%;}
.box-p p {
    line-height:25px;
    font-size:13px; color: #868686;
}

.game-zhuans{ position:relative;}
.xx-button-r{border-radius:12px;
    font-size:12px;
    height:18px;
    line-height:18px;
    padding:3px 10px;
    color: #fff;
    position: absolute;
    top: 10px;
    right: 20px;

    background: #ff8020;
    background: -moz-linear-gradient(left,  #ff8020 0%, #ff5501 100%);
    background: -webkit-gradient(linear, top left, top right, color-stop(0%,#ff8020), color-stop(100%,#ff5501));
    background: -webkit-linear-gradient(left,  #ff8020 0%,#ff5501 100%);
    background: -o-linear-gradient(left,  #ff8020 0%,#ff5501 100%);
    background: -ms-linear-gradient(left,  #ff8020 0%,#ff5501 100%);
    background: linear-gradient(to right,  #ff8020 0%,#ff5501 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8020', endColorstr='#ff5501',GradientType=0 );


    box-shadow:0px 2px 0px #c54505;
    -moz-box-shadow:0px 2px 0px #c54505;
    -webkit-box-shadow:0px 2px 0px #c54505;

}
/*end p 标签*/
.box-p{
    height: 100px;
    overflow: hidden;
}
/*选项卡*/
.fill-order-menu{ border-radius:3px; overflow: hidden;}
.fill-order-menu ul{  height:40px; line-height:40px; }
.fill-order-menu ul li{ width:50%; float: left; text-align:center; font-size:18px; box-sizing:border-box; -webkit-box-sizing:border-box;  color: #333333; position:relative;}
.fill-order-menu ul li:last-child{ border-right:none;}
.fill-order-menu ul li.hover{ color:#fd5155;  font-weight:bold; position:relative;}
.fill-order-menu ul li.hover:before {
    display: inline-block;
    position: absolute;
    left:15%;
    bottom:0px;
    content: "";
    width: 70%;
    height:2px; border-radius:3px;
    background: #fd5155;
}
.number-i{ background:#ebebeb; padding:1px 3px; font-size:10px; height:10px; line-height:10px; font-weight:normal; display:inline-block; color:#666; position:absolute; top:4px; right:20%; border-radius:8px;}
/*end 选项卡*/

/*独家活动，游戏攻略*/
.hot-vip{ width:100%;  box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden;}
.hot-vip ul{ padding: 10px 4% 5px 4%;}
.hot-vip ul li{ line-height:30px; height:30px; font-size:13px; overflow:hidden; text-align:left;  position:relative;}
.hot-vip ul li:before{    position: absolute;
    right:5px;
    top:10px;
    content: "";
    width:10px;
    height: 10px;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);}
.hot-vip ul li span{ float:left; width:40px; font-size:12px; line-height:18px; height:18px; text-align:center; border:1px solid #fd5155; border-radius:8px; margin-top:1%;}
.hot-vip ul li a{ float:left; display:inline-block; margin:0 0 0 5px; color:#868686; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis;}
.hot-vip ul li i img{ height:18px; vertical-align:middle; margin:-4px 0 0 5px;}

.zhekou-vip li span{ background:#fd5155; color:#fff !important;}
.zhekou-vip li a{ width:65% !important;}
.zhekou-vip li button{ background:0; border:0; color:#fd5155; font-size:13px; position: absolute;
    right:18px;
    top:6px;}
/*end 独家活动，游戏攻略*/


/*图片+简介*/
.box-img { width: 100%; padding:15px 0 0 0; overflow:hidden;}
.box-img > i{ width: 28%; margin:0 2% 0 2%; float: left;}
.box-img > i:nth-child(1){ margin-left: 4%;}
.box-img > i img{ width:100%; display:block;}
.game-center-jianj{     color: #858585;
    line-height: 24px;
    font-size: 13px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 72px;
    overflow: hidden; margin: 10px 4% 5px 4%; }

/*图片点击放大*/
.carrousel {
    position: fixed; width:100%; height:100%;
    background: rgba(000,000,000,0.8); top:0px; left:0; overflow: hidden;
    display: none; z-index:1000;
}
.carrousel img{ width:100%; position:absolute; top: 50%;
    left:0%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%); border-radius:0px;}
/*end 图片点击放大*/

.open{
    overflow: inherit;
    height: auto;
}

.more{
    margin: 0 15px;
    padding: 0 0 15px 0;

    text-align: center; line-height:20px; height: 20px; }
.more a{ color: #fd5155; font-size:13px; line-height:20px; height:20px; vertical-align: top;}
.more a i{ vertical-align:top; width: 12px; height: 8px; margin:5px 0 0 5px; background: url(/static/images/jiantou.png) no-repeat center; background-size:12px auto; display: inline-block;}
.more.down a i{ background: url(/static/images/jiantou_up.png) no-repeat center; background-size:12px auto; }
/*end 图片+简介*/

/*礼包*/
.libao{ font-size:13px; color: #868686; margin:0 4%; position: relative; line-height: 24px; padding: 10px 0;}
.libao h3{ font-size:14px; font-weight: bold; color: #535353;}
.libao a{ color: #fd5155; font-size:13px; margin:0 0 0 15px; text-decoration: underline;}
.libao a img{ width: 8px; vertical-align: middle; margin:-2px 0 0 5px;}
.libao i{ border-radius:15px; font-size:14px; line-height:30px; height:30px; padding:0 15px; color: #fff; position: absolute; top:15px; right: 20px;}
.libao i.bg-org{ background: #fd5155; }
.libao i.bg-huis{ background: #ccc; }
/*end 礼包*/

/*游戏开服*/
.kaifu{ overflow: hidden; width: 100%; }
.kaifu ul{ padding:20px 4% 5px 4%; display: block; overflow: hidden;}
.kaifu ul li{ width: 100%; color: #23cccc; font-size: 12px; text-align: left; float: left; position: relative; font-size:13px; line-height:20px; height:20px; margin-bottom: 13px; }
.kaifu ul li time{ color: #666; padding: 0 0 0 10px;}
.kaifu ul li .fu{ color: #999;  line-height:20px; height:20px; display: inline-block; float: right; width: 40%; text-align: center;}
.kaifu ul i{ width: 15px; height: 15px;margin-top:-2px; display: inline-block; background: url('/static/images/dian_gary.png') no-repeat center; background-size: auto 15px; vertical-align: middle;}

.kaifu ul li.hover time{ color: #fd5155;}
.kaifu ul li.hover .fu{ color: #fd5155; }
.kaifu ul li.hover i{ background: url('/static/images/dian_red.png') no-repeat center; background-size: auto 15px; }
/*end 游戏开服*/

/*猜你喜欢*/
.game-hot-index {
    width: 100%;
    overflow: hidden;
    background: #fff;
    padding-bottom: 5px; margin: 15px 0 15px 0;
}
.game-hot-index ul li {
    width:25%;
    position: relative; font-size:12px;
    float: left;
    text-align: center; margin: 0 0 15px 0;
}
.game-hot-index ul li a{ width:100%; display:inline-block; font-size:12px; line-height: 20px; padding:5px 0px 0px 0px; box-sizing:border-box; -webkit-box-sizing:border-box;}
.game-hot-index ul li a img{ width:58px; height:58px;}
.game-hot-index ul li a span{ width:90%; color: #666666; display:inline-block; white-space:nowrap; text-overflow:ellipsis; -webkit-text-overflow:ellipsis; overflow:hidden; font-size:14px; }
.button-play {
    border-radius:15px; border:0;
    color: #999999;
    font-size:11px;
    background: #f6f6f6;
    /*width:64px;*/ height:18px; line-height:18px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-overflow:ellipsis; padding:0 10px;

}
/*end 猜你喜欢*/

.dixian{ width:100%; padding:40px 0; background:#f6f6f6; color: #b4d4e7; text-align: center;}
.dixian img{ width:100%;}

.btn{ width: 100%; background: #f6f6f6;  position: fixed; bottom: 0; left: 0; z-index:100; padding:20px 0;  text-align: center; height: 40px; line-height: 40px; }
.btn a{ width: 80%; border-radius:20px; float:left; margin:0 10%;
    background: #ff8f19; /* 标准的语法 */
    font-size:18px; height: 40px; line-height: 40px; color: #fff; display:  inline-block;
}

/*end 详情页01*/

/*搜索*/
.search-hidden {
    width: 100%;
    background: #fff; display: none;  z-index: 2;
}
.search-hidden ul{ padding: 0 20px 0 50px; background: #fff;}
.search-hidden ul li {
    font-size:16px;
    line-height:45px;
    width: 100%;
    color: #1b1b1b; border-bottom: 1px solid #e7e7e7; position:relative;
}
.search-hidden ul li:before {
    display: inline-block;
    position: absolute;
    left:-35px;
    top: 15px;
    content: ""; width:20px; height:20px;
    background: url(../images/search-03.png) no-repeat center left #fff; background-size:20px auto;
}
.search-hidden ul li span{ text-align: center;  border-radius:3px; font-size:10px; color:#999; margin:0 7px 0 0; min-width:50px; padding:5px 4px; height:10px; line-height:10px;  display: inline-block; border:1px solid #e7e7e7; vertical-align:middle;}
.search-hidden ul li img{ height:18px; vertical-align:middle; margin:-2px 7px 0 7px;}
/*end 搜索*/

/*弹框*/
.cover{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    z-index:1001; display:none;
}

.cover-50 {
    position: fixed;
    z-index: 1002;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: none;
}

/*弹框样式*/
.center-pack { width:80%; max-width:280px; border-radius:5px; background: #fff; margin: 0 auto;}
.center-pack h3{ width:100%; color:#ff8f19; border-radius:6px 6px 0 0; padding:25px 0; font-size:18px; text-align:center; position:relative;}
.center-pack h3 img{ height:7px; width:45px;}
.center-pack p{ margin:0 25px; line-height:25px; font-size:16px; text-indent:24px;  color: #666;}

.button-bj{ width:70%;  padding:30px 0 16px 0; text-align:center; margin:0 auto;}
.button-bj button{ background:#ff8f19; color:#fff; font-size:18px; text-align:center; border-radius:5px; border:none; line-height:40px; width:100%; font-weight:bold;}


/*提示--微信下载不了*/
.tishi{ width:100%; height:100%; background:rgba(0,0,0,.8); position:fixed; top:0; left:0; z-index:2000;}
.tishi img{ width:100%; margin-top:10px;}
/*end 提示--微信下载不了*/


/*首页-温馨提示*/
.index-pack-center{ background:none;}
.index-pack-img{ width: 100%; display: block;}
.index-pack{ background: #fff; border-radius: 0 0 6px 6px;}
.index-pack p{ color: #333; padding: 30px 20px 0 20px; margin:0;    }
.index-pack .button-bj{padding:10px 0 40px 0;}
.index-pack button{ font-size:16px; border-radius:7px; background: #ff821d;
    box-shadow:4px 4px 0 0 #eb7210; -webkit-box-shadow:4px 4px 0 0 #eb7210;
}
/*end 首页-温馨提示*/

/*end 弹框*/

.noselect{padding-top:50px;display:none;}

/*.zhaping{display: block;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;}*/
.libao p{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.cj-problem{position: relative;}
.cj-problem .clr{position:absolute; top: -50px;}



/*搜索*/
.list-search{ width: 100%;  box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */}
.list-search .title-bt{ height:60px; line-height: 60px; font-size:16px; color: #1b1b1b;  font-weight: bold; padding: 0 0 0 40px;}
.list-search .title-bt.xtb-01{ background: url(../images/xtb-s01.png) no-repeat  10px center; background-size: 25px auto;}
.list-search .title-bt.xtb-02{ background: url(../images/xtb-s02.png) no-repeat 10px center; background-size: 25px auto;}
.list-search  ul{ overflow: hidden; padding: 0 10px; }
.list-search  ul li{ width:50%; float: left; font-size: 14px; margin-bottom: 30px; text-align: center;}
.list-search  ul li a{ border-radius: 14px; background: #f9f9f9; border: 1px solid #ddd; height: 30px; line-height: 30px; display: inline-block; font-size: 14px; text-align: center; padding: 0 10px; color: #666;}
.list-search  ul li p{ font-size: 11px; color: #999; margin-top: 10px; width: 85%; height: 15px; line-height: 15px; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-text-overflow: ellipsis; position: relative; z-index: 1; padding: 0 0 0 4px;}
.list-search  ul li p:after {
    display: inline-block;
    position: absolute;
    left:2px;
    top:5px;
    content: "";
    width:5px;
    background: #999; border-radius: 50%;
}

.list-search  ul li span{ font-size: 11px; color: #999; display:inline-block; margin-left: 5px;}

.border-b5 li a{    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 85%;}
/*搜索*/
/*提示*/
.tishi,.mask{ width:100%; height:100%; background:rgba(0,0,0,.8); position:fixed; top:0; left:0; z-index:2000;}
.tishi img{ width:100%; margin-top:10px;}
/*end 提示*/

.down_android {
    background: url(/static/images/down_android.png) no-repeat left center; line-height: 42px;
}
.down_android a {
    color: #fff;
    padding-left: 90px;
    font-size: 16px;
}

/*开服表*/
.table_color {
    width: 100%; background:#fff; border: 1px solid #e1e4e8;
}
.table_color td {
    height:49px;
    text-align: center;
    vertical-align: middle;
    font: 16px Microsoft Yahei;
    border: 1px solid #e1e4e8;
    color: #333;
}
.table_color td a{ font-size:16px;}
.table_color tr.tab-title td {
    background: #faf499;
}
.table_color tr td.color-red{ color:#e94646;}
.table_color tr.bg-yellow{ background:#faffdd!important;}
/*end 开服表*/

/*游戏开服*/
.xx-kaifub{ padding:0 20px;}
.xx-kaifub .table_color{ border:0;}
.xx-kaifub .table_color tr.tab-title td{ border:0; background:#fff;}
.xx-kaifub .table_color tr.tab-title td span{ background:#eee; display:block;line-height:30px; height:30px; color:#999999;}
.xx-kaifub .table_color tr.tab-title td:nth-child(2) span{ margin:0 10px;}
.xx-kaifub .table_color td{ border:0; border-bottom:1px dashed #e5e5e5; color:#666;}
.xx-kaifub .table_color tr:last-child td{ border-bottom:none;}
.xx-kaifub .table_color tr.c-yellow td{ color:#ff7b00;}
/*end 游戏开服*/

.xx-right{ width:324px; float:left; margin:0 0 0 16px;}
.xx-r-box{ width:324px; border:1px solid #eaeaea; margin-bottom:20px; position:relative; padding:40px 0 0 0; box-sizing:border-box; -webkit-box-sizing:border-box;}
.title02{
    background:url(/static/images/openserver.png) no-repeat; width:146px; text-align:left; height:44px; line-height:44px; font-size:18px; color:#fff; position:absolute; top:-20px; left:12px; display:inline-block;
    padding-left:25px;
}
/*游戏简介*/
.banner-xx{ width:100%; overflow:hidden;}
.banner-xx .swiper-slide{ width:226px;}
.banner-xx .swiper-slide img{ width:100%; display:block;}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top:42%;
    width:47px;
    height:91px;
    margin-top: -23px;
    -moz-background-size:47px 91px;
    -webkit-background-size:47px 91px;
    background-size:47px 91px;
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background:url(/static/images/next.png);
    right:0px;
    left: auto;
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background:url(/static/images/prev.png);
    left:0px;
    right: auto;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .7;
    cursor: auto;
    pointer-events: none;
}
.xx-p p{ font-size:16px; color:#7f7f7f; line-height:30px;}
.xx-jianjie-p{ padding:0 0 20px 0;}
.xx-jianjie-p p{ color: #000000; line-height: 20px; }

.xx-fuli-p{ padding:0 0 20px 0;}
.xx-fuli-p p{ color: #000000; line-height: 20px; }

.xx-p01 img{ vertical-align:middle; margin:0 10px;}
/*end 游戏简介*/