#crumbs-nav {
    background: white;
}

/*头部*/
.special-head-container {
    width: 100%;
    height: 100%;
    border-bottom: 0.24rem solid #eeeeee;
}
.special-head-container .azDownTxt{
    color: #80ccd0;
    margin-left: .2rem;
}
.special-head {
    width: 100%;
    height: 100%;
    padding: 0.16rem 0.24rem 0.2rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.3) 100%);
}

.special-head-container img {
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 22%;
    margin-bottom: 0.4rem;
}
.wx-ewm{
    margin-top: 0.3rem;
}
.wx-ewm-img{
    background: url('../images/yxyuyue_ewm.jpg') no-repeat;display: block;width: 6.4rem;height: 2.5rem;background-size: 2.5rem;background-position: center;
}
.wx-ewm-p{
    margin-left: 0.15rem;
}
.wx-ewm-p1{
    font-size: 0.25rem;
    font-weight: bold;
    line-height: 0.55rem;
}
.wx-ewm-p2{
    font-size: 0.25rem;
    line-height: 0.45rem;
}
.wx-ewm-p2 span{
    color: #E4525A;
}
.wx-ewm-p3{
    font-size: 0.25rem;
    line-height: 0.45rem;
}
.wx-ewm-p3 span{
    color: rgb(5, 188, 198);
}
.wx-ewm-p4{
    font-size: 0.25rem;
    font-weight: bold;
    margin-top: 0.45rem;
}
.special-head-container .gifts-content {
    width: 4.25rem;
    /*height: 2.6rem;*/
    margin-bottom: 0.4rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin-left: 0.4rem;
}

.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 h3 span {
    font-size: 0.24rem;
    color: #ffb14b;
    height: 0.28rem;
    line-height: 0.28rem;
    float: right;
    width: 0.58rem;
    position: absolute;
    right: 0;
    top: 0.14rem;
}
.special-head-container .gifts-content h1 {
    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 h1 span {
    font-size: 0.24rem;
    color: #ffb14b;
    height: 0.28rem;
    line-height: 0.28rem;
    float: right;
    width: 0.58rem;
    position: absolute;
    right: 0;
    top: 0.14rem;
}

.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.2rem;
    word-break: break-all;
}

.special-head-container .gifts-content div span + span {
    margin-right: 0;
}

.special-head-container .gifts-content .focus-on {
    font-size: 0.24rem;
    color: #20c3cc;
    width: 1.25rem;
    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(../images/youxi19.png) no-repeat;
    background-size: 100% 100%;
}

.special-head-container .gifts-content .focus-on.checked:before {
    background-image: url(../images/youxi26.png);
}
.special-head-container a.android-download{
    background-color: #fff;
    border: 1px solid #20c3cc;
    color: #20c3cc;
}
.special-head-container a.ios-download{
    background-color: #fff;
    border: 1px solid #20c3cc;
    color: #20c3cc;
}
.special-head-container .ios-download i{
    display: none;
}
.special-head-container .android-download i{
    display: none;
}
.special-head-container a {
    width: 100%;
    height: 0.78rem;
    background-color: #20c3cc;
    border-radius: 0.05rem;
    font-size: 0.28rem;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.3rem;
}
.special-head-container a:last-child{
    margin-bottom: 0;
}
.special-head-container a.apk-down{
    background-color: #fff;
    border: 1px solid #20c3cc;
    color: #20c3cc;
}
.special-head-container a.xapkmes{
    height: 0.54rem;
    line-height: 0.54rem;
    color: #aaaaaa;
    font-size: 0.22rem;
    background-color: #fff;
}
.special-head-container a.ztcss{
    background-color: #fff;
    border: 1px solid #20c3cc;
    color: #20c3cc;
}
.special-head-container a i {
    display: block;
    width: 0.38rem;
    height: 0.38rem;
    margin-right: 0.14rem;
}

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

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

.game-introduce {
    padding: 0 0.24rem;
    background: white;
    border-bottom: 0.24rem solid #eeeeee;
    padding-bottom: 0.3rem;
}

#read-content p {
    font-size: 0.3rem;
    line-height: 0.48rem;
    color: #333333;
}
#read-content .appdisplay {
    display: none;
}
#read-content span,#read-content a{
    font-size: 0.3rem;
}
#read-content h4{
    text-align: left;
    color: #444444;
    font-weight: bold;
    margin: 0.24rem 0;
    font-size: 0.3rem;
}
#read-content iframe{
    width: 100%;
    height: 4rem;

}

#read-content h3 {
    color: #ffffff;
    background-color: #05bcc6;
    border-radius: 0.1rem;
    padding: 0.12rem 0.2rem;
    display: inline-block;
    margin: 0.2rem 0;
    font-size: 0.3rem;
}

#read-content p ~ p {
    margin-top: 0.2rem;
}

#read-content img {
    max-width: 100%;
    display: block;
    margin: 0.2rem auto;
}

#read-content {
    overflow: hidden;
    padding: 0.2rem 0 0;
}

.read-control {
    justify-content: flex-end;
    height: 0.92rem;
    align-items: center;
    display: none;

}
.read-control:not(.checked){
    background-image: linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,0.5) 10%,rgba(255,255,255,1) 50%);
    position: relative;
    margin-top: -0.6rem;
    padding-top: 0.6rem;
}

.read-control div {
    height: 0.6rem;
    width: 0.98rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
    color: #20c3cc;
    font-size: 0.22rem;
}

.read-control i {
    width: 0.26rem;
    height: 0.15rem;
    display: block;
    margin-left: 0.14rem;
    background-image: url(../images/youxi21.png);
}

.read-control .checked i {
    background-image: url(../images/youxi25.png);
}

/*游戏截图*/
.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;
}

/*相关合集*/
.likely-special {
    background: white;
    padding: 0 0.24rem 0.2rem;
    border-bottom: 0.24rem solid #eeeeee;
}

.strategy-btn {
    padding: 0.4rem 0 0;
}

.strategy-btn .toggle-li {
    padding: 0 0.16rem;
    height: 0.5rem;
    line-height: 0.5rem;
    border-radius: 0.05rem;
    font-size: 0.3rem;
    background-color: #f0f0f0;
    color: #333333;
    margin-bottom: 0.2rem;
    margin-right: 0.2rem;
    cursor: pointer;
    display: inline-block;
}

.strategy-btn .toggle-li:last-child {
    margin-right: 0;
}

.strategy-btn .toggle-li.checked {
    background-color: #05bcc6;
    color: white;
}

.relevant-info h3 {
    font-size: 0.3rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: 0.1rem;
}

.toggle-con-ul .toggle-con-li {
    display: none;
}

.toggle-con-ul .toggle-con-li:first-child {
    display: block;
}

.relevant-info p {
    font-size: 0.3rem;
    line-height: 0.46rem;
    color: #333333;
    max-height: 0.9rem;
    overflow: hidden;
}

.likely-special-ul {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.likely-special .likely-special-li {
    display: flex;
    width: 1.3rem;
    margin-right: 0.6rem;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    margin-top: 0.28rem;
}

.likely-special .likely-special-li:nth-child(4n) {
    margin-right: 0;
}

.likely-special .likely-special-li img {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 22%;
}

.likely-special .likely-special-li p {
    width: 100%;
    height: 0.46rem;
    line-height: 0.46rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.26rem;
    color: #1a1a1a;
    text-align: center;
}

.likely-special .likely-special-li span {
    display: block;
    width: 1.3rem;
    height: 0.4rem;
    border-radius: 0.05rem;
    border: solid 1px #cccccc;
    font-size: 0.26rem;
    text-align: center;
    line-height: 0.38rem;
    color: #333333;
}

/*相关文章*/
.relevant-strategy {
    padding: 0 0.24rem;
    width: 100%;
}

.relevant-strategy .relevant-ul {
    padding: 0.1rem 0;
}

.relevant-strategy .relevant-ul a {
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.3rem;
    letter-spacing: 0.01rem;
    color: #333333;
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/*预约*/

#shadow-window {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 100;
    left: 0;
    display: none;
    background: rgba(0, 0, 0, 0.6);
}

#shadow-window .window-gift-container {
    width: 6.4rem;
    height: 3.8rem;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: white;
    position: absolute;
    text-align: center;
}

.window-gift-head {
    height: 0.6rem;
    line-height: 0.6rem;
    text-indent: 0.1rem;
    font-size: 0.24rem;
    color: white;
    background: rgb(5, 188, 198);
}

.window-gift-head .close-window {
    width: 0.3rem;
    height: 0.3rem;
    background: url(../images/x.png) no-repeat;
    float: right;
    margin: 0.1rem 0.1rem 0 0;
    cursor: pointer;
    background-size: contain;
}

.window-gift-container .success-title {
    font-size: 0.18rem;
    color: rgb(5, 188, 198);
    width: 100%;
    line-height: 0.5rem;
    overflow: hidden;
    text-align: center;
    margin: 0.3rem auto 0;
}

.window-gift-container .gift-code {
    margin: 0.3rem auto 0;
    width: 5.2rem;
    box-sizing: border-box;
    padding: 0 0.1rem;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.24rem;
    color: rgb(255, 93, 0);
    letter-spacing: 0.01rem;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 0.05rem;
}

#confirm-btn {
    width: 1.5rem;
    height: 0.56rem;
    line-height: 0.56rem;
    text-align: center;
    font-size: 0.18rem;
    margin: 0.4rem auto 0;
    color: white;
    border-radius: 0.05rem;
    cursor: pointer;
    letter-spacing: 0.01rem;
    background: rgba(5, 188, 198, 1);
}

#confirm-btn:hover {
    background: rgba(5, 188, 198, 0.8);
}

#title-p {
    margin: 0.2rem auto 0;
    width: 4.2rem;
    font-size: 0.14rem;
    color: #999999;
    text-align: center;
}

.fail-title {
    margin: 0 auto;
    width: 4.2rem;
    font-size: 0.14rem;
    height: 0.32rem;
    line-height: 0.32rem;
    color: #ff1e1e;
}
.download-links a{
    display: block;
    width: 7rem;
    height: 0.8rem;
    background-color: #8bc34a;
    border-radius: 0.08rem;
    font-size: 0.26rem;
    color: #fff;
    text-align: center;
    line-height: 0.8rem;
    margin-bottom: 0.3rem!important;
}
.game-message{
    display: flex;
}
.game-message ul li{
    width: 50%;
    float: left;
}
.game-message ul{
    padding-top: 0.3rem;
    width: 100%;
}
.game-message ul li p:first-child{
     font-size: 0.25rem;
    margin-top: 0.25rem;
 }
.game-message ul li p:last-child{
    font-size: 0.22rem;
    margin-top: 0.1rem;
    color: #999999;
}

.game-message ul li a{
    color: #999999;
}
.special_down{
    text-align: center;
    padding: 0;
    margin: 0 auto;
    color: #666;
}
.special_down a{
    height: auto;
    background: #fff;
    color: #666;
    font-size: 0.22rem;
    float: left;
    width: auto;
    margin-right: 0.5rem;
    margin-bottom: 0;
}
.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;
    width: 100%;
}
.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(../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: #05bcc6;
    border-radius: 0.05rem;
    text-align: center;
    line-height: 0.5rem;
    color: #ffffff;
    font-size: 0.26rem;
}


.zt-gq{
    margin: 0.3rem 0;
    overflow: hidden;
}
#zt-gq{
    margin-top: 10px;
    display: inline-block;
}

.zt-gq table tbody tr td{
    float: left;
    width: 1.35rem;
    text-align: center;
    text-overflow: ellipsis;
    height: 0.7rem;
    overflow: hidden;
}
.zt-gq table tbody tr td a{
    color: #555555;
    font-size: 0.27rem;
}
.zt-gq table tbody tr{
    display: none;
    line-height: 0.6rem;
}
.zt-gq table tbody tr.ztbutton1{
    display: block;
}
.ztbutton{
    font-size: 0.25rem;
    cursor: pointer;
    color: #999;
    border: 1px solid #ccc;
    width: 1.6rem;
    text-align: center;
    padding: 0.1rem 0;
    float: left;
    margin-bottom: 0.1rem;
    margin-right: 0.2rem;
}
.ztbutton:nth-child(4n){
    margin-right: 0;
}
.zt-gq a.ztbutton:first-child{
    color: #05bcc6;
}
.zt-gq table tbody tr td a:hover {
    color: #05bcc6;
}



.xtyx{
    margin-top: 0.3rem;
    display: flex;
}
.xtyx_left{
    float: left;
    width: 85%;
}
.xtyx_title{
    font-size: 0.25rem;
}
.xtyx_title a{
    color: #000;
    font-size: 0.25rem;
}
.xtyx_p p{
    float: left;
    font-size: 0.22rem;
    color: #999999;
    margin:0.1rem 0.6rem 0 0;
}
.xtyx_right{
    float: right;
    margin-top: 0.15rem;
}
.xtyx_right a{
    display: block;
    width: 1rem;
    height: 0.5rem;
    border-radius: 4px;
    border: solid 1px #05bcc6;
    font-size: 0.22rem;
    line-height: 0.5rem;
    color: #05bcc6;
    text-align: center;
    box-sizing: border-box;
}


.game-tag{
    height: 0.4rem!important;
}
.game-tag a{
    width: auto;
    height: auto;
    border-radius: 0.15rem;
    border:1px solid #999999;
    background: none;
    padding: 0 5px;
    margin-right: 0.15rem;
    color: #888888;
    float: left;
    margin-bottom: 0.15rem;
    font-size: 0.22rem;
}
.game-tag span:first-child{
    background: none;
    padding: 0;
    float: left;
    margin-right: 0!important;

}


/*游戏排行榜*/
#game-ranking {
    background: white;
    padding: 0 0.24rem 0.05rem;
}
.game-ranking-ul li {
    padding: 0.24rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width:100%;
    background: #f2f2f2;
    margin-bottom: .2rem;
    border-radius: .2rem;
}
.game-ranking-ul li.gameLiBottom{
    padding: 0;
    background: #fff;
    text-align: center;
    display: block;
    margin: 0.1rem 0;
}
.game-ranking-ul img {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 22%;
    margin: 0!important;
}

.game-ranking-ul .ranking-content {
    width: 3.6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 1.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.game-ranking-ul .ranking-content>a {
    height: 0.34rem;
    line-height: 0.32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.30rem;
    font-weight: bold;
    color: #1a1a1a;
}

.game-ranking-ul .ranking-content>a i {
    float: left;
    width: 0.34rem;
    height: 0.34rem;
    background-color: #999999;
    border-radius: 0.1rem;
    margin-right: 0.12rem;
    text-align: center;
    color: white;
}

.game-ranking-ul .top3 .ranking-content>a i {
    background-color: #05bcc6;
}

.game-ranking-ul .ranking-content span {
    margin-right: 0.2rem;
    font-size: 0.24rem!important;
    color: #999999;
}

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

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

.game-ranking-ul .ranking-content .game-label a {
    border-radius: 0.05rem;
    border: solid 1px #999999;
    padding: 0 0.1rem;
    color:#666666;
    margin-right:0.05rem;
    display: inline-block;
}

.game-ranking-ul .game-detail {
    width: 1.2rem;
    height: 0.6rem;
    border: #05bcc6 1px solid;
    border-radius: 0.3rem;
    text-align: center;
    line-height: 0.6rem;
    color: #05bcc6;
    font-size: 0.26rem;
    background:#fff;
}
.game-ranking-ul .ranking-content>a {
    height: 0.56rem;
    line-height: 0.56rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.30rem;
    color: #1a1a1a;
    font-weight: 500!important;
    display:block;
}

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

#shadow-question {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 100;
    left: 0;
    display: none;
    background: rgba(0, 0, 0, 0.6);
}

#shadow-question .window-gift-container {
    width: 5.8rem;
    height: 6.4rem;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: white;
    position: absolute;
    text-align: center;
}
.question_box input{
    margin-right: 0.1rem;
}
.window-gift-head .close-question {
    width: 0.3rem;
    height: 0.3rem;
    background: url(../images/x.png) no-repeat;
    float: right;
    margin: 0.1rem 0.1rem 0 0;
    cursor: pointer;
    background-size: contain;
}
.question_box{
    padding: 0.2rem;
}
.question_box_1{
    display: flex;
    margin-top: 0.3rem;
}
.question_title{
    font-weight: 600;
    font-size: 0.22rem;
    float: left;
    width: 1rem;
}
.question_box_radio{
    line-height: 0.3rem;
    float: left;
    width: 5rem;
}
.question_box_radio label{
    padding: 0 0.2rem 0.2rem 0;
    display: inline-block;
    width: 1.9rem;
    font-size: 0.26rem;
}
.question_button{
    margin: 0.2rem auto 0 auto;
    display: flex;
}
.question_box_2{
    margin-top: 0.3rem;
}
.question_textarea{
    border: 1px solid #ccc;
    width: 4rem;
    height: 0.8rem;
    border-radius: 0.1rem;
}
.question_button a{
    text-align: center;
    margin: 0 auto;
    padding: 0.1rem 0.3rem;
    background: rgb(5, 188, 198);
    color: #fff;
}
#questclick{
    text-align: center;
    padding: 0;
    margin: 0 auto;
    color: #666;
    float: left;
}


#special_version {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 100;
    left: 0;
    display: none;
    background: rgba(0, 0, 0, 0.6);
}

#special_version .window-gift-container {
    width: 5.8rem;
    height: 5.0rem;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: white;
    position: absolute;
    text-align: center;
}
#installation_package {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 100;
    left: 0;
    display: none;
    background: rgba(0, 0, 0, 0.6);
}

#installation_package .window-gift-container {
    width: 5.8rem;
    height: 5.0rem;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: white;
    position: absolute;
    text-align: center;
}
.window-gift-head .close-version {
    width: 0.3rem;
    height: 0.3rem;
    background: url(../images/x.png) no-repeat;
    float: right;
    margin: 0.1rem 0.1rem 0 0;
    cursor: pointer;
    background-size: contain;
}
.window-gift-head .close-package {
    width: 0.3rem;
    height: 0.3rem;
    background: url(../images/x.png) no-repeat;
    float: right;
    margin: 0.1rem 0.1rem 0 0;
    cursor: pointer;
    background-size: contain;
}
.special_version_p{
    line-height: 0.6rem;
    font-size: 0.26rem;
}
.special_version_a{
    margin: 0 auto;
    text-align: center;
    padding: 0.2rem 0.4rem;
    display: block;
    background:rgb(5, 188, 198);
    color: #fff;
    margin-top: 0.5rem;
    width: 2rem;
    font-size: 0.26rem;
}
.special_version_span,.special_package{
    font-size: 0.26rem;
    color: red;
}

#read-version p {
    font-size: 0.3rem;
    line-height: 0.48rem;
    color: #333333;
}
#read-version span,#read-content a{
    font-size: 0.3rem;
}
#read-version h4{
    text-align: left;
    color: #444444;
    font-weight: bold;
    margin: 0.24rem 0;
    font-size: 0.3rem;
}
#read-version iframe{
    width: 100%;
    height: 4rem;

}
#history_height{
    overflow: hidden;
}
#read-version h3 {
    color: #ffffff;
    background-color: #05bcc6;
    border-radius: 0.1rem;
    padding: 0.12rem 0.2rem;
    display: inline-block;
    margin: 0.2rem 0;
    font-size: 0.3rem;
}

#read-version p ~ p {
    margin-top: 0.2rem;
}

#read-version img {
    max-width: 100%;
    display: block;
    margin: 0.2rem auto;
}

#read-version {
    overflow: hidden;
    padding: 0.2rem 0 0;
}
#read-version p a{
    font-size: 0.3rem;
}



.downandroidpack{    text-align: center;margin-bottom: 0.3rem;}
.downandroidpack a {  display: block;    width: 7rem;  height: 0.7rem;  background-color: #8bc34a;  border-radius: 0.08rem;  font-size: 0.26rem;  color: #fff;  text-align: center;  line-height: 0.7rem;  }

.srcnav {
    overflow: hidden;
    position: relative;
    height: 26px;
    line-height: 26px;
    margin-top: 10px;
}

.srcnav li {
    display: inline-block;
    padding: 0!important;
}
.srcnav .on {
    color: #05bcc6;
}
.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;
}


/*热门推荐*/
.hot-recommend {
    padding: 0.1rem 0.24rem 0.24rem;
    border-bottom: 0.24rem solid #eeeeee;
}

.hot-recommend-ul {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.hot-recommend .hot-recommend-li {
    display: flex;
    width: 1.3rem;
    margin-right: 0.6rem;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    margin-top: 0.28rem;
}

.hot-recommend .hot-recommend-li:nth-child(4n) {
    margin-right: 0;
}

.hot-recommend .hot-recommend-li img {
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 22%;
}

.hot-recommend .hot-recommend-li p {
    width: 100%;
    height: 0.46rem;
    line-height: 0.46rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.26rem;
    color: #1a1a1a;
    text-align: center;
}

.hot-recommend .hot-recommend-li span {
    display: block;
    width: 1.3rem;
    height: 0.4rem;
    border-radius: 0.05rem;
    border: solid 1px #cccccc;
    font-size: 0.26rem;
    text-align: center;
    line-height: 0.38rem;
    color: #333333;
}

.hot-recommend .hot-recommend-li .blue-btn {
    width: 1.3rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background-color: #05bcc6;
    border-radius: 0.05rem;
    border: 0;
    font-size: 0.26rem;
    color: #ffffff;
}

.game-ranking .new-ranking-ul{
    padding: 0;
}
.new-ranking-ul li{
    padding: 0.24rem 0;
    border-bottom: 0.01rem solid #dddddd;
    display: flex;
    justify-content: flex-start;
}
.new-ranking-ul li img {
    width: 2.4rem!important;
    max-width: 2.4rem!important;
    height: 1.44rem!important;
    margin:0 0.24rem 0 0!important;
}
.new-ranking-ul li div a{
    font-size: 0.30rem;
    color: #333333;
    max-height: 1rem;
    overflow: hidden;
    line-height: 0.5rem;
}