/*热门*/
.classification{
    display: flex;
    justify-content: space-between;
    padding: 1.3rem 1.5rem;
}
.classification .classification-con {
    width:5.3rem;
    overflow: hidden;
    text-align: center;
}
.classification .classification-con a {
    display: block;
}
.classification .classification-con .frame{
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}
.classification .classification-con img {
    width: 100%;
}
.classification .classification-con span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    line-height: 2.3;
    font-size: 1.1rem;
}
/*新游推荐*/
.main-container .mod1,
.main-container .mod4,
.main-container .mod5,
.main-container .mod6{
    padding: 1rem 0 0 0;
}
.mod1 .headline{
    position: relative;
}
.mod1 .caption {
    position: relative;
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
    color: #666;
    background:url(../images/new.png) no-repeat 31% 50%;
    background-size: 2.3rem;
    margin-bottom: 1rem;
}
.mod1 .more-loaction{
    position: absolute;
    top: 1rem;
    right: 1.1rem;
}
.mod1 .caption::after{
    content: '';
    position: absolute;
    width: 20px;
    height: 4px;
    bottom: -3px;
    left: 50%;
    margin-left: -10px;
    border-radius: 4px;
    background-color: #e56620;
}
.more-btn{
    font-size: 1rem;
    font-family: "Candara";
}

.tip-lists .tip-con,
.rank-list li{
    display: flex;
    justify-content: flex-start;
    border-top: 1px solid #e9e9e9;
    padding: 1.3rem 1.1rem;
}
.tip-lists li:nth-of-type(1){
    border-top: 0;
}
/* .tip-con .tip-summary{
    flex-grow: 2;
} */
.tip-con .tip-logo{
    width: 5.3rem;
    margin-right:0.5rem;
}
.tip-logo img{
    width: 100%;
}
.tip-con .tip-summary{
    width: 64%;

}
.tip-con .tip-summary .title{
    line-height: 1;
    margin-bottom: .5rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.tip-con .tip-summary .title a,
.rank-summary .title a,
.collection .content .title a
{
    color: #333;
    font-size: 1.5rem;
}
.tip-con .tip-summary .intro{
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tip-con .tip-summary .info,
.tip-con .tip-summary .intro,
.rank-summary .info,
.rank-summary .intro,
.collection .content .intro,
.collection .content .labels{
    font-size: 1rem;
    color: #a3a3a3;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.info span:nth-of-type(1) {
    margin-right: 1rem;
}
a.download{
    font-size: 3.6rem;
}
a.download i{
    color: #008ee1;
}
/*游戏畅快玩 & 应用风向标*/
.instruction {
    margin-bottom: 1rem;
}
.instruction .caption{
    float: left;
    font-size: 1.6rem;
    font-weight: bold;
    color: #008ee1;
    line-height: 1;
}
.instruction .more-btn{
    float: right;
    display: inline-block;
    line-height: 1.7rem;
}
.game-list.classification {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
}
.game-list.classification .classification-con {
    width: 21%;
    margin-top: .5rem;
}
.game-list.classification .classification-con a {
    display: inline-block;
    width: 5.3rem;
}

/*排行榜*/
.mod4 .instruction,
.mod5 .instruction,
.mod6 .instruction {
    padding: 0 1.1rem;
    margin-bottom: 0;
}
.rank-list .icon-paixingbang{
    position: relative;
    font-size: 2.5rem;
}
.rank-list .icon-rank span{
    font-size: 1.3rem;
    line-height: 3rem;
    color: #fff;
}
.rank-list li:nth-of-type(1),
.collection li:nth-of-type(1),
.information li:nth-of-type(1){
    border-top: 0;
}
.rank-list .icon-rank{
    position: relative;
    width: 2rem;
    height: 3.5rem;
    background-color: #bbb;
    margin-right: 0.5rem;
    padding-right: 0;
}
.rank-list li:nth-of-type(1) .icon-rank{
    background-color: #ff4b4b;
}
.rank-list li:nth-of-type(2) .icon-rank{
    background-color: #ff9125;
}
.rank-list li:nth-of-type(3) .icon-rank{
    background-color: #ffb128;
}
.rank-list .icon-rank::after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    left: 0;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    border-bottom: .6rem solid #fff;
}
.rank-list .rank-logo{
    width: 5rem;
    margin-right: 0.5rem;
}
.rank-list .rank-logo img{
    width: 100%;
}
.rank-list .rank-summary {
    width: 56%;
}
.rank-summary .intro,
.collection .content .intro {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rank-list .rank-summary .title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/*特色大合集*/
.collection li,
.information li{
    border-top: 1px solid #e9e9e9;
    padding: 1.3rem 1.1rem;
}
.collection .thum {
    float: left;
    width: 8.2rem;
    overflow: hidden;
    border-radius: 5px;
}
.collection .thum img {
    width: 100%;
}
.collection .content {
    margin-left: 9rem;
}
.collection .content .labels span {
    padding: 0 7px;
}
.collection .content .labels span:nth-of-type(1){
    padding-left: 0;
}
.collection .content .title {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*新资讯*/
.information .thum{
    float: left;
    width: 6.2rem;
    overflow: hidden;
    border-radius: 5px;
}
.information .thum img{
    width: 100%;
    min-height: 5.2rem;
}
.information .content{
    margin-left: 7rem;
}
.information .content .title{
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.information .content .title a{
    color: #333;
    font-size: 1.5rem;
}
.information .content .abstract{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 1rem;
    color: #a3a3a3;
    line-height: 1.8;
}
/*友情链接*/
.links a{
    color: #8d8d8d;
    font-size: 1rem;
    line-height: 24px;
    padding: 0 4px;
}
/*
*设备尺寸匹配
*iphone5/se等
*设备宽度320
*/

/*竖屏*/
@media screen and (max-width: 320px){ 
    .tip-con .tip-summary {
        width: 63%;
    }
    a.download {
        font-size: 3.6rem;
    }
    .rank-list .download{
        display: none;
    }
    .rank-list .icon-rank{
        width: 2rem;
        height: 3.5rem;
    }
    .rank-list .icon-rank::after{
        border-left: 1rem solid transparent;
        border-right: 1rem solid transparent;
        border-bottom: .5rem solid #fff;
    }
    .tip-con .tip-logo,
    .rank-list .rank-logo,
    .game-list.classification .classification-con,
    .classification .classification-con
    {
        /* width: 4.5rem; */
    }
    .classification .classification-con {
        width: 5rem;
    }
    .game-list.classification .classification-con a {
        display: inline-block;
        width: 5rem;
    }
    .classification .classification-con span {
        font-size: 1rem;
    }
    .mod1 .caption{
        background-position-x: 28%;
    }
    .tip-con .tip-summary .title a,
    .rank-summary .title a,
    .collection .content .title a{
        font-size: 1.3rem;
    }
    .information .content .title a{
        font-size: 1.3rem;
    }
} 
/*横屏*/
@media screen and (min-width: 480px){
    .tip-con .tip-summary {
        width: 74%;
    }
    .rank-list .rank-summary {
        width: 67%;
    }
}
@media screen and (min-width: 568px){
    .mod1 .caption {
        background-position-x: 38%;
    }
    .tip-con .tip-summary {
        width: 78%;
    }
    .rank-list .rank-summary {
        width: 71%;
    }
}

/*
*galaxy s5等
*设备宽度360
*/

/*竖屏*/
@media screen and (min-width: 360px) and (max-width: 374px){ 
} 

/*横屏*/
@media screen and (min-width: 640px){ 
    .mod2 ul:nth-of-type(1),
    .mod3 ul:nth-of-type(1)  {
        margin-bottom: .5rem;
    }
}
/*
*iphone6,7,8等
*设备宽度375
*/
/*竖屏*/
@media screen and (min-width: 375px) and (max-width: 385px){ 
} 
/*横屏*/
@media screen and (min-width: 667px){ 
}
@media screen and (min-width:812px) {
    .tip-con .tip-summary {
        width: 84%;
    }
    .rank-list .rank-summary {
        width: 78%;
    }
    .mod1 .caption{
        background-position-x: 42%;
    }
}
/*
*LG Optimus L7 L70等
*设备宽度384
*/
/*竖屏*/
@media screen and (min-width: 384px) and (max-width: 392px) { 
} 
/*
*iphone6,7,8 Plus等
*设备宽度414
*/
/*竖屏*/
@media screen and (min-width: 401px) and (max-width: 414px){ 
    .mod1 .caption {
        background-position-x: 35%;
    }
    .tip-con .tip-summary {
        width: 69%;
    }
    .rank-list .rank-summary {
        width: 59%;
    }
} 
/*横屏*/
@media screen and (min-width: 736px){ 
    .mod1 .caption {
        background-position-x: 41%;
    }
    .tip-con .tip-summary {
        width: 83%;
    }
    .rank-list .rank-summary {
        width: 78%;
    }
}
/*
*ipad等
*设备宽度768
*/
/*竖屏*/
@media screen and (min-width: 750px) and (max-width: 799px){ 
} 
/*横屏*/
@media screen and (min-width: 1024px){ 
}