.main-box { /* height: 10.3rem; */
    /* overflow: hidden; */}

.in-box { width: 11.64rem; margin: .2rem 0 0 .2rem; height: auto; overflow-x: hidden; overflow-y: scroll; }

.in-top { width: 11.64rem; height: 3.06rem; display: flex; justify-content: space-between; align-items: center; }

.in-bot { width: 11.64rem; padding: .1rem 0 0 0; display: flex; justify-content: space-between; }

.in-top .t-left { width: 5.7rem; height: 3.06rem; margin: unset; overflow: hidden; border-radius: .1rem; }

.in-top .t-right { width: 5.72rem; height: 3.06rem; display: flex; flex-direction: column; justify-content: space-between; }

.in-top .tr-top { width: 100%; height: 1.28rem; display: flex; justify-content: space-between; align-items: center; }

.in-top .trt-left { width: 2.76rem; height: 1.28rem; display: block; position: relative; }

.in-top .trt-right { width: 2.76rem; height: 1.28rem; display: block; position: relative; }

.in-top .tr-bot { width: 100%; height: 1.58rem; position: relative; display: block; }

.in-top .trt-left img,
.in-top .trt-right img,
.in-top .tr-bot img { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.in-bot .b-left { width: 5.76rem; display: flex; flex-direction: column; justify-content: flex-start; }

.in-bot .fl { display: block; width: 5.76rem; height: .78rem; background: url(//game.gtimg.cn/images/speedm/ingame/web201808/selected-lp.png) no-repeat center/cover; }

.in-bot .head-info { width: 100%; position: relative; }

.in-bot .head-info .pl { display: block; position: absolute; right: .24rem; bottom: .16rem; width: .29rem; height: .27rem; background: url(//game.gtimg.cn/images/speedm/ingame/web201808/selected-pl.png) no-repeat center/cover; }

.xwzx { width: 100%; margin-top: .2rem;display: block }

.xwzx .tab-head { width: 92.6%; padding: .15rem .2rem; }

.xwzx .zx-list { width: 100%; height: 3.06rem; background: url(//game.gtimg.cn/images/speedm/ingame/web201808/selected-zx.png) no-repeat center/contain; overflow-x: hidden; overflow-y: scroll; }

.zx-list .zx { width: 98%; height: 1.06rem; margin: 0 auto; border-bottom: 1px solid rgb(22,106,139); display: flex; flex-direction: column; justify-content: space-around; }

.zx .top { display: flex; justify-content: flex-start; align-items: center; }

.zx .top .p1 { width: .61rem; height: .29rem; box-sizing: border-box; text-align: center; font-size: .18rem; color: rgb(154,206,238); border: 1px solid rgb(0,255,255); border-radius: .1rem; margin-left: .16rem; }

.zx .top .p2 { width: 5rem; margin-left: .13rem; color: rgb(140,189,221); text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

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

.zx .bot .p1 { margin-left: .13rem; font-size: .19rem; color: rgb(26,150,164); }

.zx .bot .p2 { margin-right: .16rem; font-size: .19rem; color: rgb(26,150,164); }

.zx:last-child { border-bottom: none; }

.content-b-right { margin-top: .1rem; display: block}

.strategy-list { width: 100%; height: 5.75rem; margin: unset; overflow-x: hidden; overflow-y: scroll; }

.strategy-item { width: 100%; margin: .2rem 0 0 0; }

.strategy-item:first-child { margin: 0; }

.jx { display: block; width: 1.2rem; height: .44rem; background: url(//game.gtimg.cn/images/speedm/ingame/web201808/selected-jx.png) no-repeat center/cover; position: absolute; top: 0; left: 3rem; }

.por-ul{
    display: none;
}

/*pailian*/
#paiLian{background-color: rgba(0, 0, 0, .5);top: 0;left: 0;width: 100%;height: 100%;position: fixed;z-index: 999;}
#paiLian{font-family: HelveticaNeue-Light,'Helvetica Neue Light',Clockopia;}
.dialog_pailian {width: 8.8rem;  height: 4.9rem;  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  z-index: 9999;}
.dialog_pailian img { width: 100%; }
.dialog_pailian .pause {position: absolute; right: 0;top: 0; color: #fff; width: 0.9rem; background-image: none !important; height: 0.8rem; line-height: 0.8rem; text-align: center; text-decoration: none; z-index: 999; font-size: 0.72rem;   }

@media only screen and (orientation: portrait){
    .in-box{
        width: 7.5rem;
        height: 100%;
        margin-left: 0;
        padding: 0 .2rem;
        box-sizing: border-box;
        position: relative;
    }
    .in-top{
        width: 7.1rem;
        height: 9.1rem;
        flex-direction: column;
    }
    .head-swiper{
        height: 3.4rem;
        flex-basis: 3.4rem;
        margin-right: 0;
    }
    .head-swiper, .head-swiper img, .head-swiper .swiper-slide{
        width: 7.1rem;
    }
    .in-top .t-right{
        width: 7.1rem;
        height: 3.75rem;
    }
    .in-top .tr-top{
        height: 1.6rem;
    }
    .in-top .tr-bot{
        height: 1.95rem;
    }
    .in-top .trt-left{
        width: 3.45rem;
        height: 1.6rem;
    }
    .in-top .trt-right{
        width: 3.45rem;
        height: 1.6rem;
    }
    .in-bot{
        width: 7.1rem;
        flex-direction: column;
        position: absolute;
        top: 3.5rem;
        padding-top: 0;
    }
    .in-bot .fl{
        width: 7.1rem;
        height: .96rem;
    }
    .in-bot .b-left{
        width: 7.1rem;
    }
    .in-box.fl-have .in-top{
        height: 10.15rem;
    }
    .head-info{
        margin-top: .12rem;
    }
    .in-box.fl-have .head-info{
        margin-top: .18rem;
    }
    .in-box.fl-have .por-ul{
        margin-top: 4.2rem;
    }
    .por-ul{
        width: 100%;
        height: .68rem;
        background: rgba(42, 112, 198,.5);
        display: flex;
        border: 1px solid #43daff;
        box-sizing: border-box;
        margin-top: 4.2rem;
    }
    .por-li{
        width: 50%;
        height: .68rem;
        font-size: .26rem;
        font-weight: bold;
        color: #fff;
        text-align: center;
        line-height: .68rem;
        position: relative;
    }
    .por-li.on{
        color: #43daff;
    }
    .por-li.on:after{
        content: '';
        width: 100%;
        height: .05rem;
        background: #43daff;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .tab-head{
        width: 100%;
        display: none;
    }
    .content-b-right{
        display: none;
    }
    .content-b-right.on{
        display: block;
    }
    .xwzx{
        width: 7.1rem;
        height: 4.22rem;
        background: url(//game.gtimg.cn/images/speedm/ingame/web201808/por-box.png) no-repeat center/cover;
        margin-top: 0;
        display: none;
    }
    .xwzx.on{
        display: block;
    }
    .xwzx .zx-list{
        width: 7.1rem;
        height: 4.2rem;
    }
    .content-b-right{
        margin-top: 0;
    }
    .main-box{
        padding-bottom: 1.3rem;
    }
    .dialog_pailian {
        transform: translate(-50%, -50%) scale(0.7);
    }
}