* {
    margin: 0;
    padding: 0;
}

html, body, div, p, ul, li, dl, dt, dd, em, i, span, a, img, input, h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0
}

a, img, input {
    border: none;
}

body {
    font: 14px/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
    text-decoration: none;
}

ul, li {
    list-style: none
}

a, img {
    -webkit-touch-callout: none; /* ????????????? */
}

html, body {
    -webkit-user-select: none; /* ?????????????????????? */
    user-select: none;
}

.hd {
    display: block;
    text-indent: -99.99rem;
    color: rgba(0, 0, 0, 0);
}

/* @font-face{
    font-family: 'myfont';
    src: url("//game.gtimg.cn/images/codm/cp/a20201222codmm/FZ.TTF");
} */
main {
    width: 100vw;
    height: 100vh;
}
/*.wrap>.swiper-wrapper>.swiper-slide {
    box-sizing: border-box;
    padding-bottom: .5rem;
}*/
.spr {
    background: url(//game.gtimg.cn/images/codm/cp/a20201222codmm/spr.png) no-repeat 0 0/3.5rem 5.5rem;
}

.wrap {
    width: 100%;
    height: 100%;
}

.codm-bg {
    width: 100vw !important;
    height: 100vh !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    background: url(//game.gtimg.cn/images/codm/cp/a20201222codmm/codm-bg1.jpg) no-repeat center bottom/cover;
    box-sizing: border-box;
    /*padding-top: 2.2rem;*/
}
.codm-bg .scale {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}
.logo {
    width: 1.51rem;
    height: 0.46rem;
    background-position: 0 0;
    position: absolute;
    left: 1.2rem;
    top: .6rem;
}

.play_btn {
    /* background: url(//game.gtimg.cn/images/codm/cp/a20201222codmm/vidbg.png) no-repeat center/cover; */
    width: 6.5rem;
    height: 3.66rem;
    margin: 0 auto .1rem;
    position: relative;
}
.vid::before {
    /* background: url(//game.gtimg.cn/images/codm/cp/a20201222codmm/vidbg.png) no-repeat center/cover; */
    width: 105%;
    height: 110%;
    /* content: ""; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 15;
    pointer-events: none;
}
.play_btn .videobg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8;
}
.play_btn .vid{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 11;
}
.play_btn a {
    background-position: 0 -0.8rem;
    width: 1rem;
    height: .88rem;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 11;
}

.text {
    margin-top: -0.09rem;
    background: url(//game.gtimg.cn/images/codm/cp/a20201222codmm/codm-title.png) no-repeat center/cover;
    width: 6.19rem;
    height: 1.36rem;
}

.download_btn {
    width: 2.99rem;
    height: 0.8rem;
}

.download_btn a {
    width: 100%;
    height: 100%;
    background-position: 0 -1.76rem;
}

/* 游戏特色s */
.yxts-bg {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: url(//game.gtimg.cn/images/codm/cp/a20201222codmm/codm-bg2.jpg) no-repeat center/cover;
}

.yxts-bg .scale {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.yste-title {
    width: 2.45rem;
    height: 0.58rem;
    background-position: 0 -3.85rem;
    margin-bottom: .3rem;
}

.lb {
    /*width: 8.86rem;*/
    height: 4.78rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.banner {
    width: 8.86rem;
    height: 4.78rem;
}

/*.banner  .swiper-slide {*/
/*    width: 8.86rem;*/
/*    height: 4.98rem;*/
/*}*/

/* .banner .swiper-slide{
    left: 0;
    right: 0;
    margin: auto;
} */
/* .swiper-slide-active */
/*.banner .swiper-wrapper{
    width:8.86rem;
    height:4.78rem;
    margin: 0 auto;
}*/
/*.banner .swiper-slide {
    width: auto;
    height: auto;
}*/
.banner .swiper-slide img {
    width:8.86rem;
    height:4.98rem;
}

.swiper-button-next {
    width: 0.42rem;
    height: 1.07rem;
    background-position: 0 -2.56rem;
    /*top: 36%;*/
    position: initial;
    transform: translateX(.3rem);
}

.swiper-button-prev {
    width: 0.42rem;
    height: 1.07rem;
    background-position: 0 -2.56rem;
    /*    transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        top: 36%;*/
    position: initial;
    transform: rotate(180deg) translateX(.3rem);
}

.swiper-pagination-bullet {
    width: 0.13rem;
    height: 0.14rem;
    background: #737679;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background-color: #ffe93c;
}

.swiper-pagination {
    left: 0;
    right: -7rem;
    bottom: 0.4rem;
    margin: auto;
}

.swiper-pagination span {
    margin: 0 .05rem;
}


.videotc {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    display: none;
    z-index: 9999;
}

.videotc .con {
    width: 100%;
    height: 100%;
    /*    position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);*/
}

.videotc .con .vid {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 85%;
}

.videotc .con .close {
    position: absolute;
    width: .5rem;
    height: .5rem;
    top: calc(10vh - 0.5rem);
    right: .3rem;
}

.videotc .con .close::before, .videotc .con .close::after {
    content: "";
    width: .5rem;
    height: 1px;
    background: #F3E953;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: rotate(45deg);
}

.videotc .con .close::after {
    transform: rotate(-45deg);
}

/*屏幕分辨率比大于2*/

@media screen and (min-aspect-ratio: 200/100) {
    .banner {
        transform: scale(.9);
    }
    .swiper-pagination {
        right: -6rem;
    }
    .swiper-button-next{
        transform: translateX(-1.3rem);
    }
    .swiper-button-prev {
        transform: rotate(180deg) translateX(-1.3rem);
    }
    .lb {
        width: 100%;
    }
    .play_btn{
        /* width: 5.41rem;
        height: 3.06rem; */
        left: .1rem;
    }
    .text{
        margin-top: 0;
        transform: scale(0.9);
    }
}

/*屏幕分辨率比大于2.16*/

@media screen and (min-aspect-ratio: 216/100) {
    .banner {
        transform: scale(.9);

    }
    .swiper-pagination {
        right: -6rem;
    }
    .swiper-button-next{
        transform: translateX(-1.3rem);
    }
    .swiper-button-prev {
        transform: rotate(180deg) translateX(-1.3rem);
    }
    .lb {
        width: 100%;
        /*height: calc(4.78rem*.9);*/
    }

    .text{
        margin-top: 0;
        transform: scale(0.85);
        left: .1rem;
        top: .2rem;
        position: relative;
    }
}

/*适配iphone X,iphone Xs max,iphone 12 pro max*/

@media only screen and (device-width: 375px) and (device-height: 812px) and (orientation: landscape) {
    .banner {
        transform: scale(.9);

    }
    .swiper-pagination {
        right: -6rem;
    }
    .swiper-button-next{
        transform: translateX(-1.3rem);
    }
    .swiper-button-prev {
        transform: rotate(180deg) translateX(-1.3rem);
    }
    .lb {
        width: 100%;
        /*height: calc(4.78rem*.9);*/
    }

}

@media only screen and (device-width: 414px) and (device-height: 896px) and (orientation: landscape) {

    .banner {
        transform: scale(.9);

    }
    .swiper-pagination {
        right: -6rem;
    }
    .swiper-button-next{
        transform: translateX(-1.3rem);
    }
    .swiper-button-prev {
        transform: rotate(180deg) translateX(-1.3rem);
    }
    .lb {
        width: 100%;
        /*height: calc(4.78rem*.9);*/
    }

}

@media only screen and (device-width: 436px) and (device-height: 926px) and (orientation: landscape) {

    .banner {
        transform: scale(.9);

    }
    .swiper-pagination {
        right: -6rem;
    }
    .swiper-button-next{
        transform: translateX(-1.3rem);
    }
    .swiper-button-prev {
        transform: rotate(180deg) translateX(-1.3rem);
    }
    .lb {
        width: 100%;
        /*height: calc(4.78rem*.9);*/
    }

}

/*电脑上iphone X显示*/

@media only screen and (device-width: 812px) and (device-height: 375px) and (orientation: landscape) {

    .banner {
        transform: scale(.9);

    }
    .swiper-pagination {
        right: -6rem;
    }
    .swiper-button-next{
        transform: translateX(-1.3rem);
    }
    .swiper-button-prev {
        transform: rotate(180deg) translateX(-1.3rem);
    }
}

/*适配iPad*/
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
    .lb {
        width: 11rem !important;
        height: 5.93rem !important;
    }
    .banner {
        width: 11rem !important;
        height: 5.93rem !important;
    }

    .banner .swiper-slide {
        width: 11rem !important;
        height: 5.93rem !important;
    }
    .swiper-pagination {
        bottom: -.6rem;
    }
}