@CHARSET "UTF-8";
* {border:0;outline:0;margin:0;padding:0;font-family:"微软雅黑";}
html {width:100%;overflow-x:hidden;}
body{width:100%;text-align:center;}
a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
li {list-style-type:none;}
em{font-style:normal;}

.m-nav {width: 100%;    height: 40px;    line-height: 40px;}
.m-nav a {float: left;    width: 20%;    font-size: 18px;    color: #575757;}
.m-nav a.active {    position: relative;    color: red;}
.m-nav a.active::before {content: '';    position: absolute;    width: 100%;    height: 2px;background: red;left: 0;bottom: 0;}
.m-nav a.active::after {content: '';    position: absolute;    border-bottom: 4px solid red;border-right: 4px solid transparent;border-left: 4px solid transparent;bottom: 2px;    left: 50%;    margin-left: -4px;}

.newsindex_showpic{width:100%;height:auto;overflow:hidden;}
.swiper-containers{position:relative;}
.swiper-containers .swiper-slide{position:relative;}
.swiper-containers .swiper-slide img{width:100%;display:block;border-radius: 10px;}
.swiper-containers .swiper-slide > a span {position: absolute;display: block;width: 100%;height:.50rem;line-height: .50rem;font-size: .24rem;clear: both;background: rgba(0,0,0,0.3);bottom: 0;left: 0;color: #ffffff;text-align: left;text-indent: .15rem;}
.swiper-container-horizontal>.swiper-pagination-bullets{width: 1.5rem; left: 80%; bottom: 6px;z-index:100;height:.20rem;position:absolute;}
.swiper-containers .swiper-pagination .swiper-pagination-bullet{background-color:rgba(255,255,255,0.7);width:.20rem;height:.20rem;float:left;border-radius:12px;margin-right:5px;opacity: 1;}
.swiper-containers .swiper-pagination .swiper-pagination-bullet-active{background:#0078ff;}


.main-fn {position: relative;width: 100%;margin:15px auto 0 auto;clear: both;overflow: hidden;border-bottom: .10rem solid #e9e9e9;}
.main-fn ul {position: relative;width: 96%;overflow: hidden;margin:0 auto 10px auto;}
.main-fn ul a {position: relative;display: block;width: 16%;margin: 0 2%;float: left;overflow: hidden;}
.main-fn ul a img {display: block;width: 100%;clear: both;overflow: hidden;}
.main-fn ul a em{background: url(../images/new_3gicon.png) -16px -17px no-repeat;width: 60px;height: 64px;position:absolute;left:50%;margin-left:-30px;top:-16px;transform: scale(0.5);}
.main-fn ul a em.xy{background-position: -174px -17px;width: 63px;}
.main-fn ul a em.phb{background-position: -336px -17px;}
.main-fn ul a em.zx{background-position: -495px -17px;}
.main-fn ul a em.hj{background-position: -652px -17px;}
.main-fn ul a span {display: block;width: 100%;height: .60rem;line-height: .60rem;text-align:center;color:rgb(53,53,53);font-size: .29rem;clear: both;overflow: hidden;margin-top:32px;}

.newsindex_hot {width: 100%;height: auto;overflow: hidden;text-align: left;}
.newsindex_hot_top {   
    width: 100%;
    height: 1.44rem;
    background-color: #FFF;
    overflow: hidden;
    position: relative;
    border-bottom: .10rem solid #e9e9e9;
}
.newsindex_hot_top span {
    width: 1.35rem;
    height: 1.0rem;
    overflow: hidden;
    border-right: 1px solid #d7d7d7;
    position: absolute;
    left: 0px;
    top: .20rem;
    overflow: hidden;
}
.newsindex_hot_top span img {    
    width: 1.0rem;
    height: 1.0rem;
    margin-left: .20rem;
    background-color: #FFF;
    overflow: hidden;
    position: relative;
    border-bottom: 7px solid #e9e9e9;
}
.newsindex_hot_con {    
    width: auto;
    margin-left: 1.4rem;
    height: 1.44rem;
    margin-right: 15px;
    overflow: hidden;
    float: left;
}
.newsindex_hot_list {    
    width: 100%;
    height: .60rem;
    line-height: .70rem;
    overflow: hidden;
    font-size: .30rem;
    overflow: hidden;
}
.newsindex_hot_list a {color: rgb(90,90,90);}
.newsindex_hot_bottom {
    width: 100%;
    height: 3.0rem;
    background-color: #FFF;
    overflow: hidden;
}
.newsindex_hot_bottom_con {
    width: 95%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.newsindex_hot_bottom_list {
    width: 100%;
    height: .50rem;
    overflow: hidden;
    margin-top: 10px;
    position: relative;
}
.newsindex_hot_bottom_list span {
    position: absolute;
    width: .65rem;
    font-size: .20rem;
    height: .34rem;
    border: 0.02rem solid rgb(0,121,255);
    text-align: center;
    line-height: .34rem;
    color: rgb(0,121,255);
    left: 0px;
    top: 0px;
    border-radius: .10rem;
}
.newsindex_hot_bottom_list a {
    display: block;
    margin-left: .80rem;
    height: .40rem;
    line-height: .40rem;
    color: rgb(90,90,90);
    overflow: hidden;
    font-size: .24rem;
}
.newsindex_hot_bottom_con .more{
    width: 3.2rem;
    display: table;
    margin: 0 auto;
    color: #8f8f8f;
    border-radius: .26rem;
    font-size:.24rem;
}


.index-title {position: relative;width: 100%;height: 35px;line-height: 35px;text-align: left;text-indent: 15px;font-size: 16px;font-weight: 700;background-color: #f6f6f6;}
.index-title:before {content: '';position: absolute;width: 5px;height: 100%;left: 0;top: 0;background: #f60;}
.index-more {display: block;width: 40%;height: 30px;margin: 0 auto 10px auto;line-height: 30px;font-size: 12px;color: #666;border: 1px solid #eee;text-align: center;}
.new-game {
    width: 100%;
    overflow: hidden;
    margin-top: .60rem;
    float: left;
    margin-bottom: .40rem;
}
.new-game-con {
    width: 7.1rem;
    margin: auto;
    overflow: hidden;
}
.new-game-con-item {    
    width: 100%;
    height: .60rem;
    line-height: .60rem;
    overflow: hidden;
    float: left;
}
.new-game-con-item .item-l {display: block;width: 100%;float: left;}
.new-game-con-item .item-l h3:before{
    display: block;
    float: left;
    content: '';
    background: #575757;
    width: .10rem;
    height: .10rem;
    border-radius: 1.0rem;
    margin-top: .25rem;
    margin-right: 8px;
}
.new-game-con-item .item-l h3 {
    box-sizing: border-box;
    color: #575757;
    font-size: 14px;
    height: .60rem;
    display: block;
    width: 100%;
    overflow: hidden;
    line-height: .60rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    font-weight: normal;
}


/*列表*/
.loading-more {display: block;border-image-source: initial;border-image-slice: initial;border-image-width: initial;border-image-outset: initial;border-image-repeat: initial;width: 95%;height: 36px;line-height: 36px;clear: both;cursor: pointer;border-width: 1px;border-style: solid;border-color: rgb(228, 228, 228);margin: 10px auto;border-radius: 5px;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(253, 253, 253)), color-stop(0.95, rgb(239, 239, 239)), to(rgb(247, 247, 247)));}
.swiper-pagination-bullet {background: #efefef;opacity: 1;}



.clearfix:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.clearfix{*zoom:1;}
.rm-h5,.rm-tag{float: left;width:100%;margin-top:.60rem;}
.rm-ol,.rm-dj{margin-top:.30rem;}
h2 {
    position: relative;
    padding: 0 10px;
    line-height: .50rem;
    font-size: .30rem;
    color: rgb(35,35,35);
    text-indent: 1em;
    text-align: left;
    border-bottom: 0.06rem solid #e9e9e9;
    font-weight: normal;
}
.rm-ol h2::before,.rm-dj h2::before,.rm-h5 h2::before,.new-game h2::before,.rm-tag h2::before,.newsindex_zt_bottom h2::before {position: absolute;content: '';width: 28px;height: 35px;background: url(../images/new_3gicon.png) -11px -121px;transform: scale(0.6);left: 0px;top: -5px;}
.rm-dj h2::before {width: 30px;background-position: -75px -121px;}
.rm-h5 h2::before {background-position: -275px -121px;width:30px;}
.new-game h2::before {background-position: -342px -121px;width:30px;}
.rm-tag h2::before {background-position: -208px -121px;width: 30px;}
.newsindex_zt_bottom h2::before{background-position: -142px -121px;width:30px;}
h2 > .tab {float: right;font-size: 12px;color: #000;position: relative;}
h2 > .tab > a {font-size: .24rem;padding: 0 5px;color:rgb(53,53,53);}
h2 > .tab > a.game {font-size: .24rem;padding: 0 5px;color:rgb(0,120,255);}
h2 > .tab > a.active {font-size: .24rem;padding: 0 5px;color:rgb(0,120,255);}
h2 > .tab > a.game em{position: absolute;content:'';width:25px;height: 25px;transform: scale(0.6);background: url(../images/new_3gicon.png) -407px -123px no-repeat;left: -5px}
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
.rotation{
-webkit-transform: rotate(360deg);
animation: rotation 500ms linear infinite;
-moz-animation: rotation 500ms linear infinite;
-webkit-animation: rotation 500ms linear infinite;
-o-animation: rotation 500ms linear infinite;
}
.rm-ol-con,.rm-dj-con,.rm-h5-con,.rm-yy-con {overflow: hidden;}
.rm-ol-con,.rm-dj-con,.rm-yy-con {display: none;}
.rm-ol-con.active,.rm-dj-con.active,.rm-h5-con.active,.rm-yy-con.active {display: block;}
.rm-ol-con > a{float: left;width: 20%;margin: .30rem 0 0 4%;}
.rm-ol-con > a > img {display: block;width: 1.2rem;border-radius: 20%;margin:auto;}
.rm-ol-con > a > p {    
    color: rgb(87,87,87);
    font-size: .24rem;
    line-height: .35rem;
    height: .70rem;
    overflow: hidden;
    margin: .10rem auto;
}
.rm-ol-con > a > p.type-size{color: rgb(150,150,150)}
.rm-ol-con > a > span{    
    color: rgb(0,120,255);
    background: rgb(234,234,234);
    width: 1.2rem;
    height: .50rem;
    line-height: .50rem;
    display: table;
    margin: 0 auto;
    border-radius: .25rem;
    font-size: .24rem;
}


.rm-dj-con > a{
    float: left;
    width: 7.5rem;
    height: 1.0rem;
    border-bottom: 3px solid #e9e9e9;
    padding: .30rem 0 .30rem 0;
}
.rm-dj-con > a > img{    
    display: block;
    width: 1.0rem;
    border-radius: 20%;
    float: left;
    margin-left: .20rem;
}
.rm-dj-con > a > p{    
    color: rgb(83,83,83);
    font-size: .30rem;
    line-height: .40rem;
    height: .40rem;
    overflow: hidden;
    width: 50%;
    float: left;
    text-align: left;
    padding-left: .30rem;
}
.rm-dj-con > a > .type-size{
    width: 50%;
    float: left;
    text-align: left;
    padding-left: .30rem;
    color: rgb(173,173,173);
    margin-top: .20rem;
    font-size: .24rem;
}
.rm-dj-con > a > .down{    
    margin-right: .20rem;
    margin-top: -2%;
    width: 1.30rem;
    float: right;
    height: .50rem;
    line-height: .50rem;
    color: rgb(0,120,255);
    background: rgb(234,234,234);
    border-radius: .25rem;
    font-size: .24rem;
}

.rm-h5-con > a {
    float: left;
    width: 7.1rem;
    padding: .30rem .20rem;
    border-bottom: 2px solid #e9e9e9;
}
.rm-h5-con > a > img{float: left;width: 1.2rem;border-radius:.18rem;}
.rm-h5-con > a > p.title{
    color: rgb(87,87,87);
    width: 75%;
    font-size: .30rem;
    line-height: .30rem;
    height: .30rem;
    overflow: hidden;
    margin-left: .30rem;
    float: left;
    text-align: left;
}
.rm-h5-con > a > span.lq{
    float: right;
    width: 1.2rem;
    height: .50rem;
    line-height: .50rem;
    background: rgb(234,234,234);
    color: rgb(0,125,255);
    font-size: .24rem;
    border-radius: .25rem;
}
.rm-h5-con > a > span.time{    
    width: 57%;
    float: left;
    margin-left: .30rem;
    height: .40rem;
    line-height: .40rem;
    font-size: .24rem;
    margin-top: .10rem;
    text-align: left;
    color: rgb(0,121,255);
    overflow: hidden;
}
.rm-h5-con > a > span.time p{float: left;color: rgb(150,150,150);}
.rm-h5-con > a > span.sy{
    color: #969696;
    font-size: .24rem;
    float: left;
    height: .40rem;
    line-height: .40rem;
    margin-top: .10rem;
    display: block;
    margin-left: .30rem;
}
.rm-h5-con > a > p.num{    
    float: left;
    width: 3.00rem;
    height: .25rem;
    margin-top: .20rem;
    position: relative;
    text-align: center;
    line-height: .25rem;
    border-radius: 0.08rem;
    background: rgb(234,234,234);
}
.rm-h5-con > a > p.num em{    
    display: block;
    width: 88%;
    border-radius: 0.08rem;
    height: .25rem;
    background: #0090ff;
}
.rm-h5-con > a > p.num i{font-size: .20rem;color: #fff;display: block;position: absolute;top: 0;margin: 0;left: 0;right: 0;bottom: 0;font-style: normal;font-weight: bold;}


.rm-yy-con > a > img {display: block;width: 20%;border-radius: 20%;}
.rm-yy-con > a > p {color: rgb(87,87,87);font-size: 14px;line-height: 25px;height: 25px;overflow: hidden;}


/* .rm-h5-con > a > span {display:block;margin-top:5px;border-radius:3px;line-height:30px;background:#4ea5ff;color:#fff;} */
.new-game-con-item .item-r a {color: #43ba92;border-color: #43ba92;}
.new-game-con-item .item-r p font {color: #ff7a1f;}
.new-game .solid-line {float: left;width: 100%;height: 1px;background: #dadada;margin: 10px 0;}
.rm-tag-con > a {    
    float: left;
    width: 1.6rem;
    height: .50rem;
    line-height: .50rem;
    border-radius: .25rem;
    margin: .30rem 0 0 .20rem;
    font-size: 15px;
    color: rgb(34,34,34);
    background: rgb(234,234,234);
    font-size: .24rem;
}
.rm-tag-con > a.blue {color: rgb(0,125,255);}
.rm-tag-con > a.orange {color: rgb(239,92,38);}
.rm-tag-con > a.whitse {color:rgb(129,82,224);}
.rm-tag-con > a.whites {color:rgb(239,92,58);}
.rm-tag-con > a.red {color:rgb(7,206,2);}

.loading {display: block;position: relative;width: 80%;margin: 15px 10%;height: 32px;line-height: 32px;border-radius: 7px;background: #c9c9c9;    color: #4d4d4d;font-size: 16px;}
.loading font {color: #f00;}

.new-game-con .new-game-con-item:nth-of-type(1) {margin-bottom: 0;}
.new-game-con .new-game-con-item:nth-of-type(2) {margin-bottom: 0;}

/* 游戏专题 */
.newsindex_zt_bottom{width:100%;height:auto;overflow:hidden;margin:0 auto;margin-top: .60rem;}
.newsindex_zt_bottom_con{width:100%;height:auto;overflow:hidden;display:inline-block;}
.newsindex_zt_bottom_list{width:21%;float:left;height:auto;padding: 0 2%;}
.newsindex_zt_bottom_con a{display:block;}
.newsindex_zt_bottom_list img{display:block;width:100%;}
.newsindex_zt_bottom_list span{
    margin-top: .20rem;
    width: 100%;
    text-align: center;
    color: rgb(83,83,83);
    font-size: .24rem;
    float: left;
}
.newsindex_zt_page{width:100%;height:20px;text-align:center;}
.newsindex_zt_page span{
    display: inline-block;
    width: .20rem;
    height: .20rem;
    border-radius: 10px;
    background-color: #d8d8d8;
    cursor: pointer;
    margin-right: .10rem;
}
.newsindex_zt_page span.active{background-color:#ff4400;}

.newindex_hj {float: left;margin-top:.20rem;}
.newindex_hj a{width: 46%;float: left;background-color: rgb(255,255,255);margin-left:10px;margin-top: 15px;}
.newindex_hj a:nth-child(2n){float: right;margin-right:10px;margin-left:0px;}
.newindex_hj a img{width: 100%;float: left;border-radius: 10px;}
.newindex_hj a span{
    font-size: .24rem;
    color: #535353;
    height: .50rem;
    line-height: .50rem;
    float: left;
    width: 100%;
    overflow: hidden;
}

.more span
{text-align: center;
    text-decoration: none;
    height: .50rem;
    line-height: .50rem;
    width: 3.2rem;
    display: table;
    margin: 0 auto;
    color: #8f8f8f;
    border: 1px solid #8f8f8f;
    border-radius: .26rem;
    font-size:.24rem;
    margin-top: .30rem;
}
.news_bottom{float: left;}