@font-face {
    font-family: "cuhei";
    src: url(//game.gtimg.cn/images/speedm/ingame/web201808/ch-font.woff);
}
@font-face {
    font-family: "heijian";
    src: url(//game.gtimg.cn/images/speedm/ingame/web201808/hj-font.woff);
}
.sub-box{
    overflow-x: hidden;
    overflow-y: scroll;
    padding-top: .2rem;
    padding-bottom: .3rem;
}
.search_title.integral-tit{
    width: 1.99rem;
    height: .25rem;
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/integral-tit.png) no-repeat center/cover;
}
.integral-ul{
    width: 100%;
    background-color: #184380;
    border: 1px solid rgba(67,218,255,.7);
    font-size: .28rem;
    line-height: .7rem;
    height: .7rem;
    text-align: center;
    display: flex;
    box-sizing: border-box;
}
.integral-li{
    flex: 1;
}
.integral-li.on{
    border-bottom: .04rem solid #43daff;
    color: #43daff;
}
.integral-li a{
    color: #dee7ff;
    font-weight: bold;
}
.integral-li.on a{
    color: #43daff;
}
.int-cont{
    margin-top: .16rem;
    width: 11.64rem;
    height: 5.62rem;
    padding: .15rem .25rem 0;
    box-sizing: border-box;
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/f-dh-bg.png) no-repeat center/cover;
}
.task-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.now-integral{
    color: #dee7ff;
    font-size: .26rem;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.now-integral span{
    color: #fbef6e;
    font-size: .42rem;
    font-weight: normal;
    font-family: cuhei;
}
.integral-rule{
    display: block;
    width: .24rem;
    height: .24rem;
    margin-left: .4rem;
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/f-question.png) no-repeat center/cover;
    background-size: contain;
}
.integral-record{
    width: 1.73rem;
    height: .46rem;
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/integral-record.png) no-repeat center/cover;
    background-size: contain;
}
.cont-change{
    margin-top: .12rem;
    display: none;
}
.cont-change.on{
    display: block;
}
.convert{
    display: flex;
    justify-content: space-between;
}
.convert-lt{
    width: 5.45rem;
    height: 4.61rem;
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/f-dh-left.png) no-repeat center/cover;
}
.convert-tit{
    height: .62rem;
    width: 100%;
    padding-left: .23rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.convert-desc{
    font-size: .3rem;
    color: #c4deff;
    padding-left: .18rem;
    box-sizing: border-box;
    position: relative;
    font-family: heijian;
}
.convert-desc em{
    color: #c4deff;
    font-size: .18rem;
    font-family: heijian;
}
.convert-desc:before{
    content: '';
    width: .07rem;
    height: .3rem;
    background: #dee7ff;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-46%);
}
.convert-scroll{
    width: 5.3rem;
    height: 3.97rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: .25rem;
    box-sizing: border-box;
}
.convert-scroll::-webkit-scrollbar{
    width: .07rem;
    background: rgba(0,0,0,.3);
}
.convert-scroll::-webkit-scrollbar-thumb{
    background: #00ffff;
}
.convert-ul{
    display: flex;
    flex-wrap: wrap;
}
.convert-li{
    width: 1.74rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: .25rem;
}
.convert-box{
    width: 1.48rem;
    height: 1.34rem;
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/f-dh-award.png) no-repeat center/cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.convert-box img{
    width: .8rem;
    height: auto;
    max-height: 1.2rem;
    display: block;
}
.convert-name{
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .24rem;
    color: #8cb7ec;
    margin-top: .03rem;
}
.convert-num{
    font-size: .2rem;
    color: #fff;
    font-family: heijian;
}
.convert-btn{
    width: 1.12rem;
    height: .39rem;
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/f-dh-btn.png) no-repeat center/cover;
    text-align: center;
    line-height: .39rem;
    color: #472815;
    font-size: .22rem;
    margin-top: .1rem;
    font-weight: bold;
    font-family: heijian;
}
.convert-btn.on{
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/f-ydh-btn.png) no-repeat center/cover;
    color: #4a4a4a;
}
.line{
    width: 100%;
    height: .02rem;
    background: rgba(67, 218, 255,.5);
    position: relative;
}
.line:before{
    content: '';
    width: .17rem;
    height: 100%;
    background: rgba(67, 218, 255,.5);
    position: absolute;
    top: 0;
    left: 0;
}
.line:after{
    content: '';
    width: .17rem;
    height: 100%;
    background: rgba(67, 218, 255,.6);
    position: absolute;
    top: 0;
    right: 0;
}
.task-ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: .23rem auto 0;
}
.task-ul .task-li{
    width: 5.45rem;
    height: 1.23rem;
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/f-list-bg.png) no-repeat center/cover;
    margin-top: .23rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .2rem 0 .2rem;
    box-sizing: border-box;
}
.task-ul .task-li:nth-child(1),.task-ul .task-li:nth-child(2){
    margin-top: 0;
}
.task-lt{
    display: flex;
    align-items: center;
}
.task-li .sign{
    margin-right: .15rem;
}
.task-li:nth-child(1) .sign{
    width: .7rem;
    height: .7rem;
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/f-qd-icon.png) no-repeat center/cover;
}
.task-li:nth-child(2) .sign{
    width: .74rem;
    height: .68rem;
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/f-topic-icon.png) no-repeat center/cover;
}
.task-li:nth-child(3) .sign{
    width: .73rem;
    height: .72rem;
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/f-sc-icon.png) no-repeat center/cover;
}
.task-li:nth-child(4) .sign{
    width: .75rem;
    height: .52rem;
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/f-video-icon.png) no-repeat center/cover;
}
.task-li:nth-child(5) .sign{
    width: .77rem;
    height: .56rem;
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/f-see-icon.png) no-repeat center/cover;
}
.task-li:nth-child(6) .sign{
    width: .73rem;
    height: .66rem;
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/f-good-icon.png) no-repeat center/cover;
}
.sign-desc p{
    color: #dee7ff;
    font-size: .24rem;
    font-weight: bold;
}
.sign-desc span{
    color: #8cb7ec;
    font-size: .2rem;
}
.task-btn{
    width: 1.6rem;
    height: .54rem;
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/f-rw-btn.png) no-repeat center/cover;
    font-size: .26rem;
    color: #472815;
    text-align: center;
    line-height: .54rem;
    font-weight: bold;
    font-family: heijian;
}
.task-btn.on{
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/f-rw-on.png) no-repeat center/cover;
    color: #2d2d2d;
}
.integral-pop{
    width: 8.75rem;
    height: 4.58rem;
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/f-jf-pop.png) no-repeat center/cover;
    position: relative;
    outline: none;
    padding: .1rem .6rem 0;
    box-sizing: border-box;
    display: none;
}
.record-pop{
    width: 8.75rem;
    height: 6.32rem;
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/f-record-pop.png) no-repeat center/cover;
    outline: none;
    padding: .1rem .35rem 0;
    box-sizing: border-box;
    display: none;
}
.close{
    width: .48rem;
    height: .48rem;
    position: absolute;
    top: .6rem;
    right: .35rem;
}
.rule-tit{
    width: 4.5rem;
    height: .7rem;
    margin: 0 auto;
}
.rule-desc{
    width: 100%;
    height: 3rem;
    overflow-y: scroll;
    font-size: .2rem;
    color: #efefef;
    margin-top: .5rem;
}
.rule-desc p{
    margin-top: .15rem;
}
.rule-desc p:nth-child(1){
    margin-top: 0;
}
.record-box{
    width: 8rem;
    height: 4.77rem;
    margin-top: .35rem;
    position: relative;
}
.record-k{
    width: 7.81rem;
    height: 4.77rem;
    background: url(//game.gtimg.cn/images/speedm/ingame/web201808/record-top.png) no-repeat center/cover;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: .03rem;
    box-sizing: border-box;
    pointer-events: none;
}
.record-scroll{
    width: 8rem;
    height: 4.53rem;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    z-index: 9;
}
.record-ul{
    width: 8rem;
}
.record-scroll::-webkit-scrollbar{
    width: .07rem;
    border: 1px solid #227998;
    box-sizing: border-box;
}
.record-scroll::-webkit-scrollbar-thumb{
    background: #00ffff;
}
.record-li{
    width: 7.75rem;
    height: .56rem;
    margin-left: .03rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.record-li span{
    display: block;
    text-align: center;
    font-size: .18rem;
    color: #fff;
    font-family: heijian;
}
.record-li span:nth-child(1){
    width: 2.2rem;
}
.record-li span:nth-child(2){
    flex: 1;
}
.record-li span:nth-child(3){
    width: 2.4rem;
}
.record-li:nth-child(2n){
    background: rgba(3, 29, 54, .3);
}
.record-li:nth-child(2n+1){
    background: rgba(37, 72, 105, .4);
}

#_overlay_{
    height: 100vh !important;
    box-sizing: border-box;
    overflow-y: hidden;
}

/*屏幕分辨率比大于2*/
@media screen and (min-aspect-ratio: 200/100) {
    .record-pop{
        transform: scale(.8);
        top: 0 !important;
    }
}
/*屏幕分辨率比大于2.16*/
@media screen and (min-aspect-ratio: 216/100) {
    .record-pop{
        transform: scale(.8);
        top: 0 !important;
    }
}
/*适配iphone X,iphone Xs max*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (orientation : landscape) {
    .record-pop{
        transform: scale(.8);
        top: 0 !important;
    }
}
@media only screen and (device-width: 414px) and (device-height: 896px) and (orientation : landscape) {
    .record-pop{
        transform: scale(.8);
        top: 0 !important;
    }
}
/*电脑上iphone X显示*/
@media only screen and (device-width: 812px) and (device-height: 375px) and (orientation : landscape) {
    .record-pop{
        transform: scale(.8);
        top: 0 !important;
    }
}

/* 弹窗位置bug修复 */
.pop {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
}
.por-line{
    display: none;
}

@media only screen and (orientation: portrait){
    .int-cont{
        width: 7.1rem;
        height: 12.84rem;
        background: url(//game.gtimg.cn/images/speedm/ingame/web201808/f-dh-bg2.png) no-repeat center/cover;
        padding: .2rem .1rem 0;
        margin-top: .2rem;
    }
    .sub-box{
        padding-top: .3rem;
    }
    .main-box{
        padding-bottom: 1.3rem;
    }
    .task-ul{
        margin-top: .35rem;
    }
    .task-ul .task-li{
        width: 100%;
        height: 1.55rem;
        margin-top: 0;
        margin-bottom: .38rem;
    }
    .line{
        width: 6.6rem;
        margin: 0 auto;
    }
    .task-top{
        padding: 0 0.15rem;
        box-sizing: border-box;
    }
    .sign-desc p{
        font-size: .3rem;
    }
    .sign-desc span{
        font-size: .25rem;
    }
    .task-li:nth-child(1) .sign{
        width: .9rem;
        height: .9rem;
    }
    .task-li:nth-child(2) .sign{
        width: .9rem;
        height: .83rem;
    }
    .task-li:nth-child(3) .sign{
        width: .9rem;
        height: .89rem;
    }
    .task-li:nth-child(4) .sign{
        width: .9rem;
        height: .62rem;
    }
    .task-li:nth-child(5) .sign{
        width: .9rem;
        height: .65rem;
    }
    .task-li:nth-child(6) .sign{
        width: .9rem;
        height: .81rem;
    }
    .cont-change{
        margin-top: .2rem;
    }
    .convert{
        flex-direction: column-reverse;
    }
    .convert-lt{
        width: 6.77rem;
        height: 3.92rem;
        background: url(//game.gtimg.cn/images/speedm/ingame/web201808/f-dh-left2.png) no-repeat center/cover;

    }
    .convert-tit{
        height: .8rem;
    }
    .convert-scroll{
        width: 6.6rem;
        height: 3.1rem;
    }
    .convert-ul{
        padding-left: 0.2rem;
        box-sizing: border-box;
    }
    .convert-li{
        width: 2.04rem;
    }
    .convert-box{
        width: 1.7rem;
        height: 1.54rem;
    }
    .convert-rt{
        width: 6.77rem;
        height: 7.01rem;
        background: url(//game.gtimg.cn/images/speedm/ingame/web201808/f-dh-left3.png) no-repeat center/cover;
        margin-top: .25rem;
    }
    .por-line{
        display: block;
    }
    .convert{
        margin-top: .3rem;
    }
    .convert-rt .convert-scroll{
        height: 6.2rem;
    }
    .convert-box img{
        width: 1rem;
    }
    .integral-pop{
        width: 7.2rem;
        height: 3.77rem;
    }
    .integral-pop .rule-tit{
        width: 3.7rem;
        height: 0.6rem;
    }
    .rule-desc{
        height: 2.6rem;
        margin-top: .25rem;
    }
    .rule-desc p{
        margin-top: .12rem;
    }
    .integral-pop{
        padding: .1rem 0.45rem 0;
    }
    .record-pop{
        transform: translate(-50%, -50%) scale(.8) !important;
    }


}