/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 解决IOS默认滑动很卡的情况 */
    -webkit-overflow-scrolling: touch;
}

/* 禁止缩放表单 */
input[type="submit"], input[type="reset"], input[type="button"], input {
    resize: none;
    border: none;
}

/* 取消链接高亮  */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/* 图片自适应 */
img {
    width: 100%;
    height: auto;
    width: auto \9; /* ie8 */
    display: block;
    -ms-interpolation-mode: bicubic; /*为了照顾ie图片缩放失真*/
}

/* 初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}

body {
    font: 12px/1.5 'Microsoft YaHei', '宋体', Tahoma, Arial, sans-serif;
    color: #555;
    background-color: #F7F7F7;
}

em, i {
    font-style: normal;
}

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

.clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

.clearfix {
    zoom: 1;
}

a {
    text-decoration: none;
    color: #969696;
    font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;
}

a:hover {
    text-decoration: none;
}

ul, ol {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-family: 'Microsoft YaHei';
}

img {
    border: none;
}

input {
    font-family: 'Microsoft YaHei';
}

.txt-cen{
    text-align: center;
}

/*单行溢出*/
.one-txt-cut {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*多行溢出 手机端使用*/
.two-txt-cut {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 移动端点击a链接出现蓝色背景问题解决 */
a:link, a:active, a:visited, a:hover {
    background: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

/*首行缩进 2字符*/
.t-indent-2em {
    text-indent: 2em;
}

.w50 {
    width: 50%;
}

.w25 {
    width: 25%;
}

.w20 {
    width: 20%;
}

.w33 {
    width: 33.333333%;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.db {
    display: block !important;
}

.dn {
    display: none;
}

.pd-3rem {
    padding: 0 .3rem;
}

.pd-4rem {
    padding: .4rem;
}

.mt-5rem {
    margin-top: .5rem;
}

.mt-3rem {
    margin-top: .3rem;
}

.mt-1rem {
    margin-top: .1rem;
}
.mt-mb-1rem{
    margin: .1rem 0;
}

.mt-2rem {
    margin-top: .2rem;
}

.mt-35rem {
    margin-top: 3.5rem;
}

.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.wrap {
    position: relative;
    width: 100%;
    background: #fff url("../image/wrap-bg.png")no-repeat;
    background-size: 7.5rem 4rem;
}
.ranking-wrap{
    background: #fff;
}

.CQ-wrap{
    background: #fff;
}
.CQ-wrap .pub-header,
.ST-wrap .pub-header,
.XX-wrap .pub-header{
    background: #333333;
}

.ff5555 {
    color: #ff5555 !important;
}

.bgfff {
    background: #fff;
}

.bg-2f97f7 {
    background: #2f97f7 !important;
}

.bg-ffae00 {
    background: #ffae00 !important;
}

.co-2dabff {
    color: #2dabff !important;
}

.co-ee5d58 {
    color: #ee5d58 !important;
}
.co-ff5555{
    color: #ff5555 !important;
}

.co-00c26e{
    color: #00c26e !important;
}

.co-49d98d {
    color: #49d98d !important;
}

.co-ad53df {
    color: #ad53df !important;
}

.co-fb5d89 {
    color: #fb5d89 !important;
}

.co-32d3c3 {
    color: #32d3c3 !important;
}

.co-bd71e6 {
    color: #bd71e6 !important;
}

.co-fbb221 {
    color: #fbb221 !important;
}

.co-333333 {
    color: #333333 !important;
}

.co-999999 {
    color: #999999 !important;
}

/*主页头部*/
.header {
    padding: 0 .3rem;
    height: 1rem;
}

.indexLogo a img {
    width: 2.08rem;
    height: .47rem;
}

/*头部搜索*/
.headerSearch {
    width: 4rem;
    height: .6rem;
    border: 1px solid #00c26e;
    border-radius: .3rem;
    padding: 0 .3rem;
    background: #fff;
    box-sizing: border-box;
}
.headerSearch button {
    outline: none;
    background: transparent;
    border: none;
}

.headerSearch input {
    width: 3rem;
    outline: none;
    font-size: .24rem;
    color: #999999;
}

.headerSearch img {
    width: .32rem;
    height: .32rem;
}

/*公用-栏目标题*/
.columnTitle {
    line-height: .8rem;
}

/*.columnTitle i {*/
/*display: block;*/
/*width: .08rem;*/
/*height: .08rem;*/
/*background: #ff3333;*/
/*margin-right: .2rem;*/
/*}*/

.columnTitle img {
    width: .34rem;
    height: .34rem;
    margin-right: .18rem;
}

.columnTitle span {
    font-size: .28rem;
    color: #333333;
    font-weight: bold;
}

/*公用标题*/
.public-title{
    padding-top: .3rem;
    height: .5rem;
    line-height: .5rem;
}
.public-title span{
    font-size: .34rem;
    color: #333333;
    font-weight: 500;
}
.public-title a{
    font-size: .24rem;
    color: #999999;
}
.public-title a img{
    width: .33rem;
}

.index-title{
    padding-top: .3rem;
    height: .6rem;
    line-height: .6rem;
    /*border-bottom: 1px solid #eee;*/
}
.index-title span {
	font-size: 17px;
	color: #333;
	font-weight: bold;
}
.index-title h1{
    font-size: .32rem;
    color: #333333;
    font-weight: 600;
    position: relative;
}
.index-title h1:before{
    content: "";
    width: .16rem;
    height: .24rem;
    background: url("../image/before1.png")no-repeat;
    background-size: .16rem .24rem;
    margin-right: .1rem;
}
.index-title a img{
    width: .33rem;
}

.index-title>ul{
    width: 2rem;
    height: .5rem;
    line-height: .48rem;
    border-radius: .25rem;
    background: #f2f2f2;
}
.index-title>ul li{
    width: 1rem;
    text-align: center;
    border-radius: .25rem;
    color: #999999;
    font-size: .24rem;
    box-sizing: border-box;
    cursor: pointer;
}
.index-title>ul li.active{
    background: #ffffff;
    border: 1px solid #eee;
    color: #333333;
}


.pub-title{
    padding-top: .3rem;
    height: .6rem;
    line-height: .6rem;
    border-bottom: 1px solid #eee;
}
.pub-title span{
    font-size: .34rem;
    color: #00c26e;
    font-weight: 600;
    position: relative;
}
.pub-title span:before{
    content: "";
    position: absolute;
    left: -.3rem;
    top: 0.16rem;
    width: .06rem;
    height: .32rem;
    background: #00c26e;
}
.pub-title a{
    font-size: .24rem;
    color: #999999;
}

.pub-header{
    height: 1rem;
}
.pub-header>a>img{
    width: 2.08rem;
    height: .47rem;
}
.header-menu{
    position: relative;
}

/*头部菜单栏目*/
.indexMenu {
    height: .8rem;
}
.header-menu>img {
    width: .45rem;
}
.header-menu-list{
    display: none;
    position: absolute;
    right: 0;
    top: .67rem;
    width: 2.55rem;
    border-radius: .1rem;
    box-shadow: 0 1px 3px 1px #eeeeee;
    z-index: 999;
}
.header-menu-list:before{
    position: absolute;
    right: .15rem;
    top: -.2rem;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-right: .1rem solid transparent;
    border-left: .1rem solid transparent;
    border-bottom: .2rem solid #fff;
}
.header-menu-list ul li{
    padding: .15rem 0;
}
.header-menu-list ul li+li{
    border-top: 1px solid #eee;
}
.header-menu-list ul li a{
    display: block;
    text-align: center;
    font-size: .28rem;
    color: #333333;
}






.indexMenu ul {
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: auto;
    width: 100%;
    height: 100%;
}

/* for Chrome 隐藏滚动条*/
.indexMenu ul::-webkit-scrollbar {
    display: none;
}

.indexMenu ul li + li {
    margin-left: .8rem;
}

.indexMenu ul li {
    position: relative;
    height: .8rem;
    line-height: .8rem;
    /*border-bottom: 5px solid transparent;*/
}

.indexMenu ul li:after {
    display: block;
    content: "";
    width: 80%;
    height: .05rem;
    background: transparent;
    border-radius: .025rem;
    margin: -.2rem auto 0;
}

.indexMenu ul li a {
    color: #fff;
    font-size: .28rem;
}

.indexMenuChecked a {
    font-weight: bold;
    color: #fff !important;
}

.indexMenuChecked:after {
    background: #fff !important;
}

/*头部广告图及搜索*/
.indexSearch {
    position: relative;
}

.indexSearch a {
    display: block;
    width: 6.9rem;
    height: 3.4rem;
    border-radius: .2rem;
    position: relative;
    overflow: hidden;
}

.indexSearch a p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    text-align: center;
    font-size: .3rem;
    color: #ffffff;
    background-image: linear-gradient(to top, rgba(0, 0, 0, .8), transparent);
    flex-direction: column-reverse;
}

.indexSearch a p span {
    width: 90%;
    margin: 0 auto .1rem;
}

.indexSearch a img {
    width: 6.9rem;
    min-height: 3.4rem;
    margin: auto;
}

.indexSearch .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

}
.indexSearch .swiper-pagination-bullet{
    opacity: 1;
    background: #fff;
}
.indexSearch .swiper-pagination-bullet-active{
    background: #00c26e !important;
    transition: all .5s ease-out;
    transform: scale(1.5);
}

.indexSearchBox {
    position: absolute;
    left: .4rem;
    top: .2rem;
    width: 6.7rem;
    height: .6rem;
    background: rgba(255, 255, 255, .5);
    border-radius: 30px;
    z-index: 999;
}

.indexSearchBox img {
    width: .32rem;
    height: .32rem;
}

.indexSearchBox input {
    width: 80%;
    margin-left: .3rem;
    border: none;
    background: transparent;
    outline: none;
}

.indexSearchBox img {
    margin-right: .3rem;
}

/*头部搜索*/
.rankingListSearch {
    position: relative;
}

.search > img {
    width: .26rem;
    height: .44rem;
}

.search {
    justify-content: space-around;
}

.search .rankingListSearchBox {
    width: 6rem;
    margin: 0;
}

.rankingListSearchBox {
    width: 6.7rem;
    height: .6rem;
    background: rgba(255, 255, 255, 1);
    border-radius: 30px;
    z-index: 999;
    margin: auto;
}

.rankingListSearchBox input {
    width: 80%;
    font-size: .26rem;
    color: #858585;
    margin-left: .3rem;
    border: none;
    background: transparent;
    outline: none;
}

.rankingListSearchBox img {
    width: .32rem;
    height: .32rem;
    margin-right: .3rem;
}

/*手游攻略-手游大全-热游榜-热门应用*/
.indexHeader-menu{
    padding: .3rem;
}
.indexHeader-menu ul li{
    width: 23%;
}
.indexHeader-menu ul li a img{
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
    margin: auto;
}
.indexHeader-menu ul li a p{
    text-align: center;
    color: #333333;
    font-size: .26rem;
    margin-top: .1rem;
}

/*热门推荐*/
.index-tj{
    padding: .2rem 0.3rem;
}
.index-tj>span{
    width: .55rem;
    height: 1.88rem;
    background: url("../image/rmtj.png")no-repeat;
    background-size: .55rem 1.88rem;
    color: #fff;
    font-weight: bold;
    font-size: .28rem;
    text-align: center;
    padding: .1rem 0;
    box-sizing: border-box;
}
.index-tj>ul{
    width: 6rem;
    justify-content: flex-start;
}
.index-tj>ul>li{
    width: 1.4rem;
}
.index-tj>ul>li+li{
    margin-left: .12rem;
}
.index-tj>ul>li>a img{
    width: 1.2rem;
    height: 1.2rem;
    margin: auto;
    border-radius: .15rem;
}
.index-tj>ul>li p a{
    width: 100%;
    text-align: center;
    font-size: .26rem;
    color: #333333;
}



.carefullyChosen {
    background: #fff;
}

.carefullyChosenTitle {
    justify-content: center;
}

.carefullyChosenTitle img {
    width: .93rem;
    height: .13rem;
}

.carefullyChosenTitle span {
    margin: 0 .3rem;
    font-size: .28rem;
    color: #ff5656;
    line-height: .7rem;
    font-weight: bold;
}

/*编辑精选列表*/
.carefullyChosenList {

}

.carefullyChosenList ul li {
    padding: .3rem 0;
    border-top: 1px solid #e5e5e5;
}
.carefullyChosenList ul li:first-child{
    border-top: none;
}

.carefullyChosenIcon a img {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .2rem;
}

.carefullyChosenListInfo {
    position: relative;
}

.carefullyChosenListInfoNum {
    position: absolute;
    left: -.1rem;
    top: -.1rem;
    width: .34rem;
    height: .34rem;
    text-align: center;
    line-height: .34rem;
    background: #cdcdcd;
    color: #ffffff;
    font-size: .24rem;
    border-radius: .17rem;
}

.carefullyChosenListText {
    max-width: 4rem;
}

.carefullyChosenListText p {
    color: #999;
    font-size: .26rem;
    line-height: .4rem;
    justify-content: flex-start;
}

.carefullyChosenListText p img {
    width: 1.37rem;
    margin: .1rem 0;
}

.carefullyChosenListText p strong {
    display: block;
    max-width: 3.8rem;
    font-size: .28rem;
    color: #333333;
}

.carefullyChosenListText p span {
    font-size: .26rem;
    color: #999999;
}

.lx-down a{
    display: block;
    width: 1.46rem;
    height: .54rem;
    color: #fff;
    font-size: .24rem;
    text-align: center;
    line-height: .54rem;
    background: url("../image/ljxz.png")no-repeat;
    background-size: 1.46rem .54rem;
}

/*手游专辑*/
.m-g-album{
    padding-bottom: .3rem;
}
.m-g-album-top{
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: auto;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
/* for Chrome 隐藏滚动条*/
.m-g-album-top::-webkit-scrollbar {
    display: none;
}
.m-g-album-top-left{
    width: 4.5rem;
}
.m-g-album-top-left+.m-g-album-top-left{
    margin-left: .4rem;
}
.m-g-album-top-left>a{
    display: block;
    width: 4.4rem;
    height: 2rem;
    position: relative;
    overflow: hidden;
}
.m-g-album-top-left>a img{
    width: 4.4rem;
    min-height: 2rem;
}
.m-g-album-top-left>a p{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: .6rem;
    line-height: .6rem;
    font-size: .28rem;
    color: #ffffff;
    padding: 0 .1rem;
    box-sizing: border-box;
    background: rgba(0,0,0,.5);
}
.m-g-album-top-left>a p strong{
    #max-width: 2rem;
    font-weight: normal;
}
.m-g-album-top-left>a span{
    width: 1.06rem;
    height: .4rem;
    line-height: .4rem;
    font-size: .24rem;
    color: #ffffff;
    text-align: center;
    box-sizing: border-box;
    background: url("../image/ck.png")no-repeat;
    background-size: 1.06rem;
}


.m-g-album-top-left ul{
    justify-content: flex-start;
    background: #f9f9f9;
    padding: .2rem 0.1rem;
}
.m-g-album-top-left ul li{
    width: 1.3rem;
}
.m-g-album-top-left ul li+li{
    margin-left: .1rem;
}
.m-g-album-top-left ul li a img{
    width: .9rem;
    height: .9rem;
    margin: auto;
    border-radius: .15rem;
}
.m-g-album-top-left ul li p  a{
    width: 100%;
    color: #333;
    font-size: .26rem;
    text-align: center;
}




.m-g-album-top-right{
    width: 2.15rem !important;
}
.m-g-album-top-right a img{
    width: 2.15rem;
}

.m-g-album-bottom{
    justify-content: flex-start;
}
.m-g-album-bottom .m-g-album-top-right{
    margin-left: .22rem;
}
.m-g-album-bottom .m-g-album-top-right:first-child{
    margin-left: 0;
}



/*新游上线*/
.boutique-recommend{
    padding-bottom: .3rem ;
}
.boutique-recommend-list{
}
.boutique-recommend-list ul {
    justify-content: flex-start;
}
/* for Chrome 隐藏滚动条*/
.boutique-recommend-list ul::-webkit-scrollbar {
    display: none;
}
.boutique-recommend-list ul li{
    margin-left: .4rem;
    margin-top: .2rem;
}
.boutique-recommend-list ul li:nth-child(4n+1){
    margin-left: 0;
}
.boutique-recommend-list ul li{
    width: 1.4rem;
}
.boutique-recommend-list ul li a img{
    width: 1.4rem;
    height: 1.4rem;
    border-radius: .1rem;
    margin: auto;
}
.boutique-recommend-list ul li a p{
    margin-top: .1rem;
    text-align: center;
    color: #333333;
    font-size: .26rem;
}
.boutique-recommend-list ul li a span{
    display: block;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    color: #ffb400;
    font-size: .26rem;
    border-radius: .1rem;
    border: 1px solid #ffb400;
    margin-top: .1rem;
}


/*手游礼包*/
.m-game-gift{

}
.m-game-gift-list{
    padding-bottom: .3rem;
}
.m-game-gift-list ul li{
    padding: .3rem 0;
    border-bottom: 1px solid #e5e5e5;
}
.m-game-gift-list ul li:last-child{
    border-bottom: none;
}



/*视频推荐*/
.video-recommend{
    padding-bottom: .3rem;
}
.video-recommend-list{

}
.video-recommend-list ul{
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    overflow-x: auto;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
/* for Chrome 隐藏滚动条*/
.video-recommend-list ul::-webkit-scrollbar {
    display: none;
}
.video-recommend-list ul li{
    width: 2.8rem;
    margin-top: .3rem;
}
.video-recommend-list ul li+li{
    margin-left: .2rem;
}
.video-recommend-list ul li>a{
    position: relative;
    display: block;
    padding: .4rem 0 .2rem;
    width: 2.8rem;
    background: #b9bfb3;
    border-radius: .15rem;
}
.video-recommend-list ul li>a>span{
    position: absolute;
    top: .05rem;
    right: .2rem;
    color: #ffffff;
    font-size: .24rem;
}
.video-recommend-list ul li>a>span:before{
    content: "";
    width: .18rem;
    height: .2rem;
    background: url("../image/icon1.png")no-repeat;
    background-size: .18rem .2rem;
    margin-right: .1rem;
}

.video-recommend-list ul li>a img{
    width: 2.4rem;
    height: 1.4rem;
    margin: auto;
    border-radius: .15rem;
}

.video-recommend-list ul li p a{
    font-size: .28rem;
    color: #333333;
    margin-top: .1rem;
    line-height: .35rem;
    height: .7rem;
}










/*热门下载*/
.hotDownload-list {

}

.hotDownload-list ul li {
    padding: .3rem 0;
    border-bottom: 1px solid #e5e5e5;
}
.hotDownload-list ul li:last-child{
    border-bottom: none;
}

.carefullyChosenIcon a img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .1rem;
    margin-right: .2rem;
}

.carefullyChosenListInfo {
    position: relative;
}

.carefullyChosenListInfoNum {
    position: absolute;
    left: -.1rem;
    top: -.1rem;
    width: .34rem;
    height: .34rem;
    text-align: center;
    line-height: .34rem;
    background: #cdcdcd;
    color: #ffffff;
    font-size: .24rem;
    border-radius: .17rem;
}



/*新*/
.carefullyChosenListTextNew {
    background: #45aff6;
    color: #fff !important;
    font-size: .24rem;
    width: .4rem;
    height: .36rem;
    line-height: .36rem;
    text-align: center;
    margin-left: .05rem;
    border-radius: .1rem;
}

.carefullyChosenListTextHot {
    background: #ffd119;
    color: #fff !important;
    font-size: .24rem;
    width: .4rem;
    height: .36rem;
    line-height: .36rem;
    text-align: center;
    margin-left: .05rem;
    border-radius: .1rem;
}

/*下载*/
.carefullyChosenListDownload {
    width: 1rem;
    height: .5rem;
    line-height: .5rem;
}

.carefullyChosenListDownload a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: .26rem;
    border-radius: .25rem;
    border: 1px solid #00c26e;
    background: #00c26e;
}



/*专辑推荐*/
.album-recommend{
    padding-bottom: .4rem;
}
.game-wrap .m-g-album-bottom{
    justify-content: space-between;
}
.game-wrap .m-g-album-bottom .m-g-album-top-right {
    width: 3.3rem !important;
    margin-left: 0 !important;
    margin-top: .2rem;
}
.game-wrap .m-g-album-bottom .m-g-album-top-right a img{
    width: 3.3rem !important;
    height: 2.2rem !important;
}


/*热门视频*/
.hot-collection{
    padding-bottom: .3rem;
    border-bottom: 1px solid #eee;
}

.hot-collection-list ul{
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: auto;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
/* for Chrome 隐藏滚动条*/
.hot-collection-list ul::-webkit-scrollbar {
    display: none;
}
.hot-collection-list ul li{
    width: 5.4rem;
    margin-top: .3rem ;
}
.hot-collection-list ul li+li{
    margin-left: .3rem;
}
.hot-collection-list ul li a img{
    width: 5.4rem;
    height: 3rem;
    border-radius: .15rem;
}
.hot-collection-list ul li a p{
    padding: 0 .1rem;
    line-height: .5rem;
    font-size: .28rem;
    color: #333333;
}
.hot-collection-list ul li a p:last-child{
    font-size: .24rem;
    color: #afafaf;
}

.hot-video-list ul li {
    position: relative;
}
.hot-video-list ul li a:before {
    position: absolute;
    left: 2.6rem;
    top: 1.4rem;
    content: "";
    display: block;
    width: .8rem;
    height: .8rem;
    background: url(../image/video-play-icon.png)no-repeat;
    background-size: .8rem;
}


/*最新资讯*/
.index-news{
    padding-bottom: .3rem;
}
.index-news-list{

}
.index-news-list ul{
    display: none;
}
.index-news-list ul li {
    padding: .2rem 0;
    /*border-top: 1px dashed #e5e5e5;*/
}

/*.index-news-list ul li:first-child {*/
/*border-top: none;*/
/*}*/
.index-news-list > ul > li > a {
    align-items: flex-start;
}

.index-news-list > ul > li > a img {
    width: 2.4rem;
    height: 1.5rem;
    border-radius: .15rem;
}

.indexNewsListInfo {
    width: 4.3rem;
    height: 1.5rem;
    position: relative;
}

.indexNewsListInfo p:first-child {
    font-size: .28rem;
    color: #333333;
}

.indexNewsListInfo p:last-child {
    justify-content: flex-start;
    position: absolute;
    width: 4.1rem;
    left: 0;
    bottom: .05rem;
    font-size: .24rem;
    color: #999999;
}
.indexNewsListInfo p:last-child img{
    width: .25rem;
    height: .25rem;
}
.indexNewsListInfo p:last-child span:first-child{
    display: block;
    text-align: center;
    line-height: .35rem;
    font-size: .24rem;
    color: #999999;
    margin-right: .1rem;
}
.indexNewsListInfo p:last-child span:last-child{
    font-size: .24rem;
    color: #999999;
    margin-left: .1rem;
}

.indexNewsListInfo p:last-child span:last-child img {
    width: .28rem;
    height: .28rem;
    margin-right: .1rem;
}

.more{
    display: block;
    width: 2.6rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    border-radius: .3rem;
    border: 1px solid #eee;
    color: #999999;
    font-size: .26rem;
    margin: .2rem auto 0;
}








/*热门视频*/
.hot-video{
    padding-bottom: .4rem;
}
.hot-video-list a p:hover{
    color: #fb561c;
}
.hot-video-list-top{
}
.hot-video-list-top a{
    display: block;
    position: relative;
    width: 100%;
}
.hot-video-list-top a>img{
    width: 6.9rem;
    height: 3.4rem;
    border-radius: .1rem;
}
.hot-video-list-top a p{
    margin-top: .1rem;
    font-size: .28rem;
    color: #333333;
}
.hot-video-list-top a:hover .hot-video-play-icon{
    opacity: 1;
    transition: all .3s;
}
.hot-video-list-top a .hot-video-play-icon{
    position: absolute;
    left: 3.05rem;
    top: 1.3rem;
    display: block;
    width: .8rem;
    height: .8rem;
    opacity: 1;
    transition: all .3s;
}
.hot-video-play-icon img{
    width: .8rem;
    height: .8rem;
}

.hot-video-list-bottom ul li{
    width: 3.35rem;
}
.hot-video-list-bottom ul li a{
    display: block;
    position: relative;
    width: 100%;
}
.hot-video-list-bottom ul li a>img{
    width: 3.35rem;
    height: 2rem;
    border-radius: 10px;
}
.hot-video-list-bottom ul li a p{
    margin-top: .1rem;
    font-size: .28rem;
    color: #333333;
}
.hot-video-list-bottom ul li a .hot-video-play-icon{
    position: absolute;
    left: 1.225rem;
    top: .6rem;
    display: block;
    width: .8rem;
    height: .8rem;
    opacity: 1;
    transition: all .3s;
}
.hot-video-list-bottom ul li a:hover .hot-video-play-icon{
    opacity: 1;
    transition: all .3s;
}








.newReal-timeInfoText p {
    font-size: .24rem;
    color: #999999;
}

.newReal-timeInfoText p + p {
    margin-top: .1rem;
}

.newReal-timeInfoText p span {
    background: #ff5722;
    color: #fff;
    padding: .06rem .13rem;
    margin-right: .2rem;
}

.newReal-timeInfoText p a {
    color: #333333;
    max-width: 5rem;
}





/*当前位置*/
.currentLocation {
    font-size: .24rem;
    color: #a7a7a7;
    justify-content: flex-start;
    padding: .2rem 0.3rem;
    /*border-bottom: 1px solid #eee;*/
    background: #f7f7f7;
}

.currentLocation img {
    width: .25rem;
    height: .25rem;
    margin-right: .1rem;
}

.currentLocation a {
    font-size: .24rem;
    color: #a7a7a7;
}

/*分页器*/
.pages {
    justify-content: center;
    padding-top: .3rem;
    padding-bottom: .3rem;
}

.pages ul li {
    padding: .1rem .2rem;
    border: 1px solid #eee;
    color: #989898;
    font-size: .26rem;
    cursor: pointer;
}

.pages ul li:hover {
    /*background: #00c26e;*/
    /*color: #fff !important;*/
    /*border: 1px solid #00c26e;*/
}

.pagesChecked {
    background: #00c26e;
    color: #fff !important;
}

.pages ul li + li {
    margin-left: .1rem;
}

/*.pages span{
    color: #d2d2d2;
    margin-left: .10rem;
}*/
.prePage,
.nextPage {
    border: 1px solid #eee !important;
    color: #989898 !important;
}

.pages>span{
    color: #989898;
    font-size: .24rem;
    margin-left: .1rem;
}

/*弹窗*/
.dialog{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 999;
}
.dialogBox{
    position: relative;
    background: url("../image/dialogBox-bg.png") no-repeat center top;
    width: 4.87rem;
    height: 5.5rem;
    background-size: 4.87rem 4.48rem;
    z-index: 1;
    margin: 30% auto 0;
    padding: 1.11rem .25rem .25rem;
    overflow: auto;
    /*border-radius: 20px;*/
    box-sizing: border-box;
}
.dialogBox h3{
    font-size: .36rem;
    color: #ffead2;
    text-align: center;
}
.dialogBox img{
    display: block;
    width: 110px;
    height: 110px;
    margin: 10px auto;
}
.dialogBox p{
    justify-content: center;
    font-size: .24rem;
    color: #666666;
    text-align: center;
    line-height: .6rem;
    margin-top: 0.7rem;
}
.dialogBox p span{
    max-width: 2.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dialogBox button{
    display: block;
    width: 3rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    margin: .4rem auto 0;
    color: #de3f48;
    font-size: .26rem;
    font-weight: bold;
    background: #fdf169;
    border: none;
    border-radius: .1rem;
    cursor: pointer;
    outline: none;
}

/*关闭按钮*/
.dialogClose{
    display: block;
    position: absolute;
    width: .64rem;
    height: .64rem;
    bottom: .1rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    line-height: .55rem;
    font-size: .68rem;
    color: #fff;
    background: rgba(0,0,0,.5);
    border-radius: 50%;
    cursor: pointer;
}

/*提示消息*/
.spop--top-center {
    top: 0 !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
    -ms-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
}


/*友情链接*/
.links {
    margin-top: .2rem;
    padding-bottom: .5rem;
}

.links a {
    font-size: .24rem;
    color: #999999;
    padding-left: .15rem;
    line-height: .4rem;
}

.links a:first-child {
    padding-left: 0;
}

.links a + a {
    margin-left: .1rem;
    border-left: 1px solid #999999;
}

/*图集里面的轮播图弹窗*/
.swiper-dialog {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 4.5rem 0;
    background-color: rgba(0, 0, 0, .8);
}

.swiper-dialog .swiper-pagination {
    margin-top: .1rem;
    position: relative;
    bottom: 0;
    color: #a9a9a9;
}

/*底部*/
.footer {
    padding: .6rem .3rem;
    background: #333333;
}

.footerLink ul {
    justify-content: center;
}

.footerLink ul li {
    padding-left: .15rem;
}

.footerLink ul li a {
    font-size: .24rem;
    color: #8e8e8e;
}

.footerLink ul li + li {
    margin-left: .15rem;
    border-left: 1px solid #8e8e8e;
}

.footer p {
    text-align: center;
    margin-top: .15rem;
    color: #8e8e8e;
    font-size: .24rem;
}

.footer p img {
    width: .2rem;
    height: .2rem;
    margin: auto;
}



/*分割线*/
.fgx{
    height: .2rem;
    background: #f7f7f7;
}

.rotate180deg{
    transform: rotate(-180deg) !important;
    transition: all .3s;
}




/* 底部固定定位 */
.posFooter{
    position: fixed;
    bottom: 0;
    width: 100%;
}



/*专题*/
.zt-list{
    padding-bottom: .2rem;
}
.zt-list ul li{
    padding: .4rem 0;
    border-bottom: 1px solid #eee;
}
.zt-list-img{

}
.zt-list-img a{
    display: block;
    height: 2.4rem;
    border-radius: .15rem;
    overflow: hidden;
}
.zt-list-img a img{
    min-height: 2.4rem;
}

.zt-list-game{
    width: 5.2rem;
}
.zt-list-game>a img{
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .15rem;
}

.zt-list-game>div{
    width: 3.8rem;
}
.zt-list-game>div p+p{
    margin-top: .08rem;
}
.zt-list-game>div p a{
    width: 100%;
    color: #333333;
    font-size: .28rem;
}
.zt-list-game>div p img{
    width: 1.4rem;
}
.zt-list-game>div p.one-txt-cut{
    color: #666666;
    font-size: .24rem;
}

.zt-list-bottom>a{
    display: block;
    width: 1.46rem;
    height: .54rem;
    color: #fff;
    font-size: .24rem;
    text-align: center;
    line-height: .54rem;
    background: url(../image/ljxz.png)no-repeat;
    background-size: 1.46rem .54rem;
}



/*=============传奇专题=============*/
.CQ-banner{

}
.CQ-banner img{
    width: 7.5rem;
    height: 3.1rem;
}
.CQ-menu{
    height: .8rem;
    background: #f4711a;
}
.ST-menu{
    background: #4859d7;
}
.CQ-menu ul{
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow-x: auto;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.CQ-menu ul::-webkit-scrollbar {
    display: none;
}
.CQ-menu ul li{
    height: .6rem;
    line-height: .6rem;
}
.CQ-menu ul li a{
    display: block;
    width: auto;
    padding: 0 .3rem;
    color: #ffffff;
    font-size: .26rem;
    border-radius: .3rem;
}
.CQ-menu ul li.active a{
    color: #feffff;
    background: #fc9049;
}
.ST-menu ul li.active a{
    background: none;
    font-weight: bold;
    font-size: .32rem;
}


.CQ-tt{

}
.CQ-tt-t{
    background: #f7f7f7;
    padding-top: .2rem;
    padding-bottom: .2rem;
}
.CQ-tt-t img{
    width: .86rem;
}

.CQ-tt-t ul{
    width: 5.8rem;
    border-left: 1px solid #eee;
    padding-left: .3rem;
    box-sizing: border-box;
}
.CQ-tt-t ul li{
    width: 5.5rem;
}
.CQ-tt-t ul li a{
    display: block;
    width: 100%;
    color: #333333;
    font-size: .28rem;
}
.CQ-tt-b{

}
.CQ-tt-b ul li{
    padding: .2rem 0;
    border-bottom: 1px solid #eee;
}
.CQ-tt-b ul li:last-child{
    border-bottom: none;
}
.CQ-tt-b ul li>a{
    display: block;
    width: 2rem;
    height: 1.4rem;
    overflow: hidden;
}
.CQ-tt-b ul li>a>img{
    width: 2rem;
    min-height: 1.4rem;
}
.CQ-tt-info{
    width: 4.7rem;
    height: 1.4rem;
    padding-top: .1rem;
    box-sizing: border-box;
}
.CQ-tt-info a{
    line-height: .35rem;
    height: .7rem;
    color: #333333;
    font-size: .28rem;
}
.CQ-tt-info p{
    color: #999999;
    font-size: .24rem;
}
.CQ-tt-info p span.flex:before{
    content: "";
    width: .25rem;
    height: .25rem;
    background: url("../image/CQ-time.png")no-repeat;
    background-size: .25rem;
    margin-right: .15rem;
}



.CQ-title{
    padding-top: .2rem;
    height: .6rem;
    line-height: .6rem;
    border-bottom: 1px solid #eee;
}
.CQ-title strong{
    color: #333333;
    font-size: .32rem;
}
.CQ-title strong:after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #f25826;
}
.CQ-title a{
    color: #999999;
    font-size: .24rem;
}


.CQ-game-list{

}
.CQ-game-list ul li{
    padding: .2rem 0;
    border-bottom: 1px solid #eee;
}
.CQ-game-list ul li:last-child{
    border-bottom: none;
}

.CQ-game-left{
    width: 5.3rem;
}
.CQ-game-left>a img{
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .15rem;
}

.CQ-game-info{
    width: 3.8rem;
}
.CQ-game-info p a{
    width: 100%;
    color: #333333;
    font-size: .28rem;
}
.CQ-game-info p img{
    width: 1.36rem;
}
.CQ-game-info p{
    color: #999999;
    font-size: .24rem;
}

.CQ-game-list ul li>a{
    width: 1.05rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    color: #f25826;
    font-size: .28rem;
    border: 1px solid #f25826;
    border-radius: .1rem;
}
.CQ-wrap .hot-video-list ul li a:before{
    display: none;
}

.CQ-index-mews{

}

.CQ-index-mews-list{

}
.CQ-index-mews-list ul li{
    padding: .2rem 0;
    border-bottom: 1px solid #eee;
}
.CQ-index-mews-list ul li:last-child{
    border-bottom: none;
}

.CQ-index-mews-left{
    width: 6.2rem;
}
.CQ-index-mews-left p.flex{
    justify-content: flex-start;
}
.CQ-index-mews-left p span{
    width: .66rem;
    height: .34rem;
    text-align: center;
    line-height: .34rem;
    background: #fef1e8;
    font-size: .24rem;
    color: #f4711a;
}
.CQ-index-mews-left p a{
    width: 5rem;
    color: #333333;
    font-size: .28rem;
    margin-left: .15rem;
}
.CQ-index-mews-left p{
    color: #999999;
    font-size: .24rem;
}
.CQ-index-mews-list ul li>a img{
    width: .13rem;
}


.CQ-index-gl{
    padding-bottom: .2rem;
}

.CQ-index-gl-top{
    padding-bottom: .2rem;
    border-bottom: 1px solid #eee;
}
.CQ-index-gl-top ul li{
    width: 3.35rem;
}
.CQ-index-gl-top ul li>a{
    display: block;
    width: 3.35rem;
    height: 2rem;
    overflow: hidden;
    border-radius: .15rem;
}
.CQ-index-gl-top ul li>a img{
    width: 3.35rem;
    min-height: 2rem;
}
.CQ-index-gl-top ul li p a{
    width: 100%;
    color: #333333;
    font-size: .28rem;
}

.CQ-index-gl-bottom{

}
.CQ-index-gl-bottom ul li{
    margin-top: .2rem;
}
.CQ-index-gl-bottom ul li a{
    width: 5.5rem;
    color: #333333;
    font-size: .28rem;
}
.CQ-index-gl-bottom ul li span{
    color: #999999;
    font-size: .28rem;
}

.CQ-wrap .pagesChecked{
    background: #f4711a;
}


.CQ-video-list .hot-video-list-top a{
    background: #f9f9f9;
    padding-bottom: .1rem;
}
.CQ-video-list .hot-video-list-top a>img{
    border-radius: 0;
}
.CQ-video-list .hot-video-list-top a p{
    padding: 0 .2rem;
}
.CQ-video-list .hot-video-list-top a p span:before{
    content: "";
    width: .25rem;
    height: .25rem;
    background: url(../image/CQ-time.png)no-repeat;
    background-size: .25rem;
    margin-right: .15rem;
}
.CQ-video-list .hot-video-list-top a p span:last-child:before{
    content: "";
    width: .31rem;
    height: .21rem;
    background: url(../image/CQ-look.png)no-repeat;
    background-size: .31rem;
    margin-right: .21rem;
}



/*=============神途手游=============*/
.ST-top{
    padding-top: .2rem;
    padding-bottom: .2rem;
}
.ST-top-t{
    background: #f7f7f7;
    padding: .2rem;
}

.ST-top-t p a{
    width: 100%;
    text-align: center;
    color: #4859d7;
    font-size: .3rem;
}
.ST-top-t p.two-txt-cut{
    line-height: .35rem;
    color: #999999;
    font-size: .24rem;
}


.ST-top-b{

}
.ST-top-b ul li{
    margin-top: .2rem;
}
.ST-top-b ul li label{
    width: .7rem;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    background: #eceefb;
    color: #4859d7;
    font-size: .24rem;
    border-radius: .05rem;
}
.ST-top-b ul li p{
    width: 6rem;
    color: #999999;
    font-size: .28rem;
}
.ST-top-b ul li p a{
    width: 80%;
    color: #333333;
    font-size: .28rem;
}


.ST-title{
    padding-top: .2rem;
    height: .6rem;
    line-height: .6rem;
}
.ST-title strong{
    color: #333333;
    font-size: .32rem;
}
.ST-title strong:before{
    content: "";
    width: .31rem;
    height: .38rem;
    background: url("../image/ST-before.png")no-repeat;
    background-size: .31rem .38rem;
    margin-right: .15rem;
}
.ST-title a{
    color: #999999;
    font-size: .24rem;
}

.ST-video{
    padding-bottom: .2rem;
}
.ST-video-list{

}
.ST-video-list ul{
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    overflow-x: auto;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
/* for Chrome 隐藏滚动条*/
.ST-video-list ul::-webkit-scrollbar {
    display: none;
}

.ST-video-list ul li{
   width: 4rem;
}
.ST-video-list ul li+li{
    margin-left: .4rem;
}
.ST-video-list ul li>a{
    position: relative;
    display: block;
    width: 4rem;
    height: 2.4rem;
    overflow: hidden;
}
.ST-video-list ul li>a:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: .8rem;
    height: .8rem;
    transform: translate(-50%,-50%);
    background: url("../image/video-list.png")no-repeat;
    background-size: .8rem;
}
.ST-video-list ul li>a img{
    width: 4rem;
    min-height: 2.4rem;
}
.ST-video-list ul li p a{
    width: 100%;
    color: #333333;
    font-size: .28rem;
}


.ST-game-list{

}
.ST-game-list ul li{
    padding: .2rem 0;
    border-bottom: 1px solid #eee;
}
.ST-game-list ul li:last-child{
    border-bottom: none;
}

.ST-game-list>a img{
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .15rem;
}

.ST-game-list ul li>a{
    width: 1rem;
    height: 1.08rem;
    text-align: center;
    color: #4859d7;
    font-size: .28rem;
    border: 1px solid #4859d7;
    border-radius: .1rem;
}
.ST-game-list ul li>a span{
    display: block;
    height: .54rem;
    line-height: .54rem;
}
.ST-game-list ul li>a span:last-child{
    background: #4859d7;
    color: #fff;
}



.ST-hot-news{
    padding-bottom: .3rem;
}

.ST-hot-news-list{

}

.ST-hot-news-t{

}
.ST-hot-news-t>a{
    width: 2rem;
    height: 1.4rem;
    overflow: hidden;
}
.ST-hot-news-t>a img{
    width: 2rem;
    min-height: 1.4rem;
}

.ST-hot-news-t-info{
    width: 4.6rem;
    height: 1.4rem;
}
.ST-hot-news-t-info p a{
    width: 100%;
    height: .8rem;
    line-height: .4rem;
    color: #333333;
    font-size: .28rem;
}
.ST-hot-news-t-info p{
    color: #999999;
    font-size: .28rem;
}


.ST-top-b ul li>span{
    color: #4859d7;
    font-size: .28rem;
}
.ST-hot-news-list .ST-top-b{
    padding-bottom: .2rem;
    border-bottom: 1px dashed #eee;
}
.ST-hot-news-list .ST-top-b ul li p{
    width: 5.6rem;
}
.ST-hot-news-list .ST-top-b:last-child{
    border-bottom: none;
}

.ST-wrap .pagesChecked{
    background: #4859d7;
}

.ST-wrap .CQ-tt-info p span.flex:before{
    content: "";
    width: .25rem;
    height: .25rem;
    margin-right: .15rem;
    background: url("../image/ST-time.png")no-repeat;
    background-size: .25rem;
}

.ST-wrap .CQ-video-list .hot-video-list-top a p span:before{
    content: "";
    width: .25rem;
    height: .25rem;
    background: url(../image/ST-time.png)no-repeat;
    background-size: .25rem;
    margin-right: .15rem;
}
.ST-wrap .CQ-video-list .hot-video-list-top a p span:last-child:before{
    content: "";
    width: .31rem;
    height: .21rem;
    background: url(../image/ST-look.png)no-repeat;
    background-size: .31rem;
    margin-right: .21rem;
}

/*===============仙侠================*/
.XX-menu{
    background: #ff5c6c;
}

.XX-one{
    height: .8rem;
    line-height: .8rem;
    background: #fff5f6;
}
.XX-one:before{
    content: "";
    width: .27rem;
    height: .27rem;
    background: url("../image/laba.png")no-repeat;
    background-size: .27rem;
}
.XX-one a{
    width: 6.5rem;
    color: #ff5c6c;
    font-size: .27rem;
}

.XX-wrap .ST-top-t{
    background: none;
    padding: .2rem 0;
}

.XX-wrap .ST-top-t+.ST-top-t{
    border-top: 1px solid #eee;
}
.XX-wrap .ST-top-t p a{
    color: #333;
    font-weight: bold;
}

.XX-title{
    padding-top: .2rem;
    height: .6rem;
    line-height: .6rem;
}
.XX-title strong{
    color: #333333;
    font-size: .32rem;
}
.XX-title strong:before{
    content: "";
    width: .1rem;
    height: .36rem;
    background: #ff5c6c;
    margin-right: .2rem;
}
.XX-title a{
    color: #999999;
    font-size: .24rem;
}
.XX-index-news{
    padding-bottom: .2rem;
}

.XX-index-news-list{
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    overflow-x: auto;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
/* for Chrome 隐藏滚动条*/
.XX-index-news-list::-webkit-scrollbar {
    display: none;
}

.XX-index-news-list ul{
    width: 5.8rem;
}
.XX-index-news-list ul+ul{
    margin-left: .2rem;
}
.XX-index-news-list ul li{
    width: 5.8rem;
    padding: .2rem 0;
}
.XX-index-news-list ul li>a{
    display: block;
    width: 2rem;
    height: 1.4rem;
    overflow: hidden;
}
.XX-index-news-list ul li>a img{
    width: 2rem;
    min-height: 1.4rem;
}

.XX-index-news-list-info{
    width: 3.6rem;
    height: 1.4rem;
}
.XX-index-news-list-info p a{
    display: block;
    color: #333333;
    font-size: .28rem;
    line-height: .4rem;
    height: .8rem;
}
.XX-index-news-list-info p{
    color: #999;
    font-size: .24rem;
}


.XX-wrap .CQ-game-list ul li>a{
    background: #ff5c6c;
    color: #fff;
    border: none;
}


.XX-index-video{

}
.XX-index-video ul li{
    padding: .2rem 0;
}
.XX-index-video ul li a{
    position: relative;
    display: block;
    width: 6.9rem;
    height: 3.4rem;
    overflow: hidden;
}
.XX-index-video ul li a img{
    width: 6.9rem;
    min-height: 3.4rem;
}
.XX-index-video ul li a p{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    padding: 0 .3rem;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 1), transparent);
    box-sizing: border-box;
}
.XX-index-video ul li a p:before{
    content: "";
    width: .5rem;
    height: .5rem;
    background: url("../image/video-list.png")no-repeat;
    background-size: .5rem;
}
.XX-index-video ul li a p span{
    width: 5.5rem;
    color: #fff;
    font-size: .28rem;
}

.XX-wrap .CQ-tt-info p span.flex:before{
    background: url("../image/XX-time.png")no-repeat;
    background-size: .25rem;
}

.XX-wrap .pagesChecked{
    background: #ff5c6c;
}


.XX-hotNews-list{

}
.XX-hotNews-list ul li{
    padding: .2rem 0;
    border-bottom: 1px dashed #eee;
}

.XX-hotNews-list ul li:before{
    content: "";
    width: .21rem;
    height: .31rem;
    background: url("../image/huo.png")no-repeat;
    background-size: .21rem .31rem;
}

.XX-hotNews-list ul li p{
    width: 6.5rem;
    color: #999999;
    font-size: .28rem;
}
.XX-hotNews-list ul li p a{
    width: 5.6rem;
    color: #333;
    font-size: .28rem;
}

.XX-wrap .CQ-video-list .hot-video-list-top a p span:before{
    background: url("../image/XX-time.png")no-repeat;
    background-size: .25rem;
}

.XX-wrap .CQ-video-list .hot-video-list-top a p span:last-child:before{
    background: url(../image/XX-look.png)no-repeat;
    background-size: .31rem;
}


.CQ-wrap .game-con-info{
    background: #fffbf4;
}
.ST-wrap .game-con-info{
    background: #f8f9fd;
}
.XX-wrap .game-con-info{
    background: #fff9fa;
}

.CQ-wrap .game-con-name,
.ST-wrap .game-con-name,
.XX-wrap .game-con-name{
    width: 4.4rem;
}
.CQ-wrap .game-con-name>div.flex,
.ST-wrap .game-con-name>div.flex,
.XX-wrap .game-con-name>div.flex{
    justify-content: flex-start;
}
.CQ-wrap .game-con-name>div.flex h1,
.ST-wrap .game-con-name>div.flex h1,
.XX-wrap .game-con-name>div.flex h1{
    max-width: 2.8rem;
}
.CQ-wrap .game-con-name>div.flex img,
.ST-wrap .game-con-name>div.flex img,
.XX-wrap .game-con-name>div.flex img{
    width: 1.5rem;
    margin-left: .1rem;
}

.CQ-wrap .game-con-info>a{
    background: #f4711a;
    border-radius: .425rem;
}
.ST-wrap .game-con-info>a{
    background: #4859d7;
    border-radius: .425rem;
}
.XX-wrap .game-con-info>a{
    background: #ff5c6c;
    border-radius: .425rem;
}

.more-ab {}
.more-ab li {
	display:flex;
	margin-top: .1rem;
}
.more-ab li a {
	display: block;
	flex: 1;
	color: #333;
	margin-left: .1rem;
}
.more-ab li span {
	 color: #999;
}

.ab-news {}
.ab-news .item {
	display:flex;
	margin-top: .1rem;
}
.ab-news .item .thumb {
	display:block;
	width: 100px;
	overflow: hidden;
	height: 55px;
	margin-right: .15rem;
}
.ab-news .item .title {
	margin-bottom: .1rem
}
.ab-news .item span {
	 color: #999;
}

.ab-news li {
	display:flex;
	margin-top: .2rem;
}
.ab-news li a {
	display: block;
	flex: 1;
	color: #333;
	margin-left: .1rem;
}
.ab-news li span {
	 color: #999;
}
/*专辑修改 2023-03-22*/

.album-header {
	padding: 15px;
	background-image: linear-gradient(#def9ee, #fff);
}
.album-header .album-title {
	text-align: center;
}
.album-header .album-title h1 {
	font-size: .34rem;
	font-weight: bold;
	display: inline-block;
	position: relative;
	color: #333;
	line-height: normal;
	margin-bottom: 0;
}
.album-header .album-title h1::after,
.album-header .album-title h1::before {
	content: '';
	position: absolute;
	display: block;
	width: 10px;
	height: 8px;
	background-image: url(../image/album-title-bg.png);
	background-size: 100%;
	background-repeat: no-repeat;
	top: 50%;
}
.album-header .album-title h1::after {
	left: 0;
	transform: translate(0,-50%);
	margin-left: -20px;
}
.album-header .album-title h1::before {
	right: 0;
	transform: translate(0,-50%) rotate(180deg);
	margin-right: -20px;
}
.album-header .album-desc {
	margin: 15px 0;
	line-height: 20px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	color: #999;
	font-size: 13px;
}
.album-header .album-box {
	background-color: #fff;
	padding: 15px;
	padding-top: 25px;
	padding-bottom: 0;
	position: relative;
	border-top: 1px solid #00c26e;
}
.album-header .album-box::after {
	width: 3.5rem;
	height: 30px;
	content: '';
	position: absolute;
	transform: translate(-50%,0);
	top:-6px;
	left: 50%;
	background-image: url(../image/editor-recoms.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.album-header .album-box .box-main {
	display: flex;
}
.album-header .album-box .box-main .icon {
	width: 75px;
	height: 75px;
	margin-right: 10px;
}
.album-header .album-box .box-main ul {}
.album-header .album-box .box-main ul li {
	width: 50%;
	float: left;
	font-size: 12px;
}
.album-header .album-box .box-main ul li:last-child {
	width: 100%;
}
.album-header .album-box .box-main .box-right {
	flex: 1;
	overflow: hidden;
}

.album-header .album-box .box-title {
	color: #333;
	font-size: .34rem;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 8px;
}
.album-header .album-box ul {}
.album-header .album-box ul li {
	line-height: normal;
	margin-bottom: 8px !important;
	margin-top: 0;
	font-size: .28rem;
	color: #999;
}
.album-header .album-box .album-btn {
	margin-top: 15px;
	display: block;
	line-height: 36px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	background-image: url(../image/album-btn.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.hidden {
	display: none !important
}
.hide {
	display: none !important;
}
.album-info {
	margin-top: 10px;
	text-align: center;
	color: #999;
	font-size: 14px;
}
.album-info span {
	position: relative;
	padding-right: 10px;
	margin-right: 5px;
}
.album-info span::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
	width: 1px;
	height: 60%;
	background: #999;
}
.album-info span:last-child {
	padding: 0;
	margin: 0;
}
.album-info span:last-child::after {
	display: none;
}