#page-head {
    display: none;
    border-color: white;
}

/*头部*/
.special-head-container {
    width: 100%;
    height: 100%;
    border-bottom: 0.24rem solid #eeeeee;
    background-image: url(/tpl/duotegame/m/images/youxi15.jpg);
    background-size: 100% 3rem;
}

.special-head {
    width: 100%;
    height: 100%;
    padding: 2.3rem 0.24rem 0.4rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    background: url(/tpl/duotegame/m/images/youxi16.png) center top;
    background-size: 100%;
}

.special-head-container img {
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 22%;
    margin-bottom: 0.4rem;
}

.special-head-container .gifts-content {
    width: 4.25rem;
    height: 2.3rem;
    margin-bottom: 0.4rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.special-head-container .gifts-content h3 {
    font-size: 0.4rem;
    color: #333333;
    height: 0.52rem;
    line-height: 0.52rem;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding-right: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0.1rem;
}

.special-head-container .gifts-content div {
    font-size: 0.24rem;
    color: #999999;
    height: 0.32rem;
    line-height: 0.32rem;
    width: 100%;
    overflow: hidden;
    margin: 0.14rem 0;
}

.special-head-container .gifts-content div span {
    margin-right: 0.4rem;
}

.special-head-container .gifts-content .focus-on {
    font-size: 0.24rem;
    color: #20c3cc;
    width: 1.25rem;
    margin-top: 0.18rem;
    cursor: pointer;
}

.special-head-container .gifts-content .focus-on:before {
    content: "";
    width: 0.32rem;
    height: 0.28rem;
    float: left;
    margin-right: 0.12rem;
    background: url(/tpl/duotegame/m/images/youxi19.png) no-repeat;
    background-size: 100% 100%;
}

.special-head-container .gifts-content .focus-on.checked:before {
    background-image: url(/tpl/duotegame/m/images/youxi26.png);
}

.special-head-container a {
    width: 3.36rem;
    height: 0.78rem;
    background-color: #20c3cc;
    border-radius: 0.05rem;
    font-size: 0.28rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.special-head-container a i {
    display: block;
    width: 0.38rem;
    height: 0.38rem;
    margin-right: 0.14rem;
}

.special-head-container .android-down i {
    background-image: url(/tpl/duotegame/m/images/youxi3.png);
}

.special-head-container .ios-down i {
    width: 0.3rem;
    background-image: url(/tpl/duotegame/m/images/youxi7.png);
}

/*评分结果*/
.score-result {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    padding: 0.08rem;
    border-bottom: 0.24rem solid #eeeeee;
}

.score-result-left {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.score-result-left h3 {
    font-size: 1.1rem;
    color: #333333;
    height: 1.16rem;
    line-height: 1.16rem;
    font-weight: bold;
}

.score-result-left .result-star {
    margin: 0.14rem 0 0.24rem;
    font-size: 0.24rem;
}

.score-result-left span {
    display: inline-block;
    vertical-align: middle;
    width: 0.26rem;
    height: 0.26rem;
    background-image: url(/tpl/duotegame/m/images/youxi13.png);
}

.score-result-left span.checked {
    background-image: url(/tpl/duotegame/m/images/youxi14.png);
}

.score-result-left div:last-child {
    font-size: 0.24rem;
    width: 100%;
    text-align: center;
    color: #666666;
}

.score-result-right {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0.3rem 0 0 1rem;
}

.score-result-right > div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0.1rem;
}

.score-result-right > div div {
    margin-right: 0.1rem;
}

.score-result-right > div div:nth-child(1) {
    font-size: 0.24rem;
    color: #333333;
}

.score-result-right > div div:nth-child(2) {
    height: 0.22rem;
}

.score-result-right > div div:nth-child(3) {
    font-size: 0.22rem;
    color: #999999;
}

/*排行链接*/
#link-a {
    width: 100%;
    padding: 0 0.24rem 0 1.24rem;
    height: 1rem;
    line-height: 0.76rem;
    background-image: url(/tpl/duotegame/m/images/youxi6.png);
    background-size: 0.74rem 0.52rem;
    background-position: 0.24rem 0.12rem;;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.24rem solid #eeeeee;
}

#link-a span {
    font-size: 0.3rem;
    color: #333333;
}

#link-a i {
    display: block;
    width: 0.15rem;
    height: 0.26rem;
    background-image: url(/tpl/duotegame/m/images/youxi20.png);
    font-size: 0.3rem;
    color: #333333;
}







/*游戏截图*/
.game-img-container {
    padding: 0 0 0.24rem 0.3rem;
    background: white;
    border-bottom: 0.24rem solid #eeeeee;
}

.img-container {
    overflow-x: auto;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 0.4rem;
}

.img-container img {
    width: 3rem;
    margin-right: 0.24rem;
}

.img-container a:last-child img {
    margin-right: 0;
}

/*游戏礼包*/
#game-gifts {
    background: white;
    padding: 0 0.24rem 0.05rem;
    border-bottom: 0.24rem solid #eeeeee;
}

.game-gifts-ul li {
    padding: 0.24rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.01rem solid #eeeeee;
    position: relative;
}

.game-gifts-ul li:last-child {
    border-bottom: 0;
}

.game-gifts-ul li.checked:before {
    content: "";
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    top: 0;
    right: -0.24rem;
    position: absolute;
    background-image: url(/tpl/duotegame/m/images/youxi11.png);
}

.game-gifts-ul img {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 22%;
    margin-right: 0.4rem;
}

.game-gifts-ul .ranking-content {
    width: 4.4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 1.3rem;
    overflow: hidden;
}

.game-gifts-ul .ranking-content a {
    height: 0.34rem;
    line-height: 0.32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.26rem;
    color: #1a1a1a;
    max-width: 100%;
}

.game-gifts-ul .ranking-content span {
    margin-right: 0.2rem;
}

.game-gifts-ul .ranking-content .game-info {
    height: 0.24rem;
    line-height: 0.24rem;
    font-size: 0.22rem;
    color: #999999;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 96%;
    word-break: break-all;
}

.game-gifts-ul .ranking-content .game-label {
    height: 0.28rem;
    font-size: 0.22rem;
    width: 2.6rem;
    background-color: #f2f2f2;
    position: relative;
    border-radius: 0.14rem;
}

.game-gifts-ul .ranking-content .game-percentage {
    width: 60%;
    height: 0.28rem;
    border-radius: 0.14rem;
    background-color: #9dd6e0;
}

.game-gifts-ul .ranking-content .game-label p {
    border-radius: 0.05rem;
    position: absolute;
    width: 100%;
    height: 0.28rem;
    line-height: 0.28rem;
    left: 0;
    top: 0;
    text-align: center;
    font-size: 0.2rem;
    color: #ffffff;
}

.game-gifts-ul .game-detail {
    width: 1.3rem;
    height: 0.5rem;
    background-color: #2189ff;
    border-radius: 0.05rem;
    text-align: center;
    line-height: 0.5rem;
    color: #ffffff;
    font-size: 0.26rem;
}

/*游戏资讯*/
.strategy-content {
    background: white;
    padding: 0 0.24rem 0;
    border-bottom: 0.24rem solid #eeeeee;
}

.strategy-content li {
    padding: 0.24rem 0;
    border-bottom: 0.01rem solid #dddddd;
    display: flex;
    justify-content: flex-start;
}

.strategy-content li img {
    width: 2.4rem;
    height: 1.44rem;
    border-radius: 0.08rem;
    margin-right: 0.24rem;
}

.strategy-content li div {
    height: 1.44rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.strategy-content li div a {
    font-size: 0.30rem;
    color: #333333;
    max-height: 0.84rem;
    overflow: hidden;
}

.strategy-content li div p {
    line-height: 0.34rem;
    color: #9a9a9a;
    font-size: 0.22rem;
}

/*我的评分*/
.my-score {
    background: white;
    padding: 0 0.24rem 0;
    border-bottom: 0.24rem solid #eeeeee;
}

.score-detail {
    display: flex;
    padding: 0.3rem 0;
    flex-direction: column;
    align-content: flex-start;
    align-items: center;
}

.score-detail .user-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.score-detail .user-logo {
    width: 0.8rem;
    height: 0.8rem;
    background-image: url(/tpl/duotegame/m/images/youxi22.png);
    cursor: pointer;
}

.score-detail .user-img span {
    margin-left: 0.4rem;
    font-size: 0.28rem;
    color: #333333;
    display: block;
}

.score-detail .star-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.18rem auto;
}

.score-detail .star-container span {
    display: block;
    margin: 0.12rem;
    cursor: pointer;
    width: 0.52rem;
    height: 0.52rem;
    background-image: url(/tpl/duotegame/m/images/youxi23.png);
}

.score-detail .star-container span.checked {
    background-image: url(/tpl/duotegame/m/images/youxi24.png);
}

/*相似专区*/
.likely-special {
    background: white;
    padding-bottom: .5rem;
}

.xszqbox{
    width: 100%;
    margin-bottom: .16rem;
}
.xszq-swiper{
    padding: 0 0.24rem;
}
.likely-special-ul {
    display: block;
    height: 2.27rem;
    border-bottom: 0;
    padding: 0 0.24rem;
}
.hot-recommend-ul{
    float: left;
    width: 1.28rem;
}
.likely-special .likely-special-li {
    display: inline-block;
    margin-right: .2rem;
    width: 1.28rem
}
.likely-special .likely-special-li:last-child{
    margin-right: 0;
}
.likely-special .likely-special-li img {
    height: 1.3rem;
    border-radius: 22%;
    width: 1.28rem;
}

.likely-special .likely-special-li p {
    width: 80%;
    height: 0.46rem;
    line-height: 0.46rem;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.26rem;
    color: #666666;
    text-align: center;
    margin: 0 auto;
}

.likely-special .likely-special-li span {
    color: #2189ff;
    width: .98rem;
    height: .48rem;
    border-radius: .24rem;
    border: solid 1px #2189ff;
    line-height: .46rem;    display: block;
    text-align: center;
    margin: auto;
}




.childname{
    text-align: center;
    line-height: 0.3rem;
    margin-top: 0.2rem;;
}
.srcnav {
    overflow: hidden;
    position: relative;
    height: 26px;
    line-height: 26px;
    margin-top: 10px;
}

.srcnav li {
    display: inline-block;
    padding: 0!important;
}
.srcnav .on {
    color: #2189ff;
}
.srcnav li a {
    display: inline-block;
    height: 0.42rem;
    font-size: 0.3rem;
    overflow: hidden;
    padding: 0 0.2rem;
    color: #333333;
}
 .plist3 {
    margin: 5px 0 0;
    display: none;
}
 .plist3:first-child{
     display: inline-block;
     width: 100%;
 }
 .strategy-hero{
     background: white;
     padding: 0 0.24rem 0;
     border-bottom: 0.24rem solid #eeeeee;
 }
.plist3 li {
    height: 98px;
    margin-top: 5px;
    padding: 0 4px;
}
.plist3 li {
    float: left;
    width: 20%;
    overflow: hidden;
    text-align: center;
    font-size: 1.2em;
    padding: 0 2px;
    box-sizing: border-box;
    margin-right: 6%;
}
.plist3 li:nth-child(4n){
    margin-right: 0;
}
.plist3 li a {
    color: #666666;
}
.plist3 img {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 22%;
}
 .plist3 img {
    display: block;
    margin: 0 auto 2px;
    border: 1px solid #c8c8c8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.plist2 {
    margin: 0.3rem 0 0;
    display: none;
}
.plist2:first-child{
    display: inline-block;
    width: 100%;
}
.plist2 li {
    height: 2.4rem;
    margin-bottom: 0.3rem;
}
.plist2 li {
    float: left;
    width: 47%;
    overflow: hidden;
    font-size: 1.2em;
    padding: 0 2px;
    box-sizing: border-box;
    margin-right: 6%;
}
.plist2 li:nth-child(2n){
    margin-right: 0;
}
.plist2 li a {
    color: #666666;
    line-height: 0.4rem;
}
.plist2 img {
    width: 100%;
}
.plist2 img {
    display: block;
    margin: 0 auto 2px;
    border: 1px solid #c8c8c8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.xiaobian a{
    float: left;
    width: 2.22rem;
    height: .56rem;
    border-radius: .8rem;
    border: solid 1px #999999;
    line-height: .54rem;
    margin-right: .1rem;
    text-align: center;
    color: #999999;
    font-size: .24rem;
    margin-top: .2rem;
}

.zt-qrwtj{
    padding: 0 0.24rem;
    background: white;
    padding-bottom: 0.3rem;
    overflow: hidden;
}
.zt-qrwtj .swiper-slide a{
    float: left;
    width: 1.28rem;
    height: 1.69rem;
    margin-right: .58rem;
}
.zt-qrwtj .swiper-slide a:nth-child(4n){
    margin-right: 0;
}
.zt-qrwtj .swiper-slide a img{
    width: 1.28rem;
    height: 1.28rem;
    display: block;
        border-radius: .2rem;
}
.zt-qrwtj .swiper-slide a p{
    height: .41rem;
    overflow: hidden;
    width: 100%;color: #666666;font-size: .24rem;text-align: center;line-height: .41rem;
}
.assorthj-pagination{
    text-align: center;
}
.assorthj-swiper .swiper-pagination-bullet-active {
    width: .54rem;
    border-radius: .7rem;
    background-color: #2189ff;
}
.zt-xiangguanzixun{
    background: white;
    padding-bottom: 0.3rem;
    overflow: hidden;
    padding-top: 0.3rem;
}
.canclick{
    text-align: center;
    display: table;
    margin: 0 auto;
    margin-bottom: 0.2rem;
}
.canclick em{
    font-size: .32rem;
    font-weight: bold;
    color: #000;
    float: left;
    line-height: 0.55rem;
}
.canclick em:first-child{
    margin-right: 0.5rem;
}
.canclick em:after{
    width: 0.3rem;
    height: 0.1rem;
    border-radius: 0.1rem;
    content: '';
    display: block;
    background-color:inherit;
    text-align: center;
    margin: 0 auto;
}
.canclick em.active:after{
    background-color:#2189FF;
}
.canclick em.active{
    color: #2189FF;
}
.xg-box{
    padding: 0 0.24rem;
}
.xg-box ul{
    display: none;
}

.xg-box ul.active{
    display: block;
}
.xg-box ul li{
    padding: .12rem 0;
    display: flex;
    justify-content: flex-start;
}
.xg-box ul li>a{
    float: left;
}
.xg-box ul li img {
    width: 2.3rem;
    height: 1.15rem;
    border-radius: .08rem;
    margin-right: .15rem;
}
.xg-box ul li div p {
    line-height: .34rem;
    color: #9a9a9a;
    font-size: .22rem;
}
.xg-box ul li div p::before {
    content: '';
    display: inline-block;
    width: .22rem;
    height: .22rem;
    background-image: url(/tpl/duotegame/m/images/time.png);
    margin-right: .1rem;
    background-size: cover;
    margin-top: 0.05rem;
    float: left;
}
.xg-box ul li div{
    height: 1.15rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.xg-box ul li div a{
    font-size: .28rem;
    color: #333;
    max-height: 1rem;
    overflow: hidden;
    line-height: .4rem;
}
.xg-box ul .ckgd{
    width: 100%;
    border-radius: .3rem;
    border: 1px solid #999999;
    padding: 0.1rem 0;
    text-align: center;
    margin-top: 0.2rem;
    font-size: .26rem;
    color: #999;
    display: block;
}



/*改版后的*/
.strategy-ztmod{
    background: #fff;
    padding-top: 0.4rem;
}


.noNewsInfo{
    width: 3.8rem;
    height: 2.8rem;
    background: url("/tpl/duotegame/m/images/nonews.png") no-repeat;
    background-size: 3.8rem 2.8rem;
    margin: 0 auto;
    margin-top: 0.84rem;
}
.noNewsInfoTitle{
    color: #A5B3C4;
    font-size: 0.3rem;
    text-align: center!important;
    width: 100%;
    padding-bottom: 0.3rem;
}