@media screen and (max-width:750px) {
    .onepage-pagination {
        display: none
    }
    .pc {
        display: none !important
    }
    .mobile {
        display: block
    }
    .h5-show {
        display: block
    }
    .h5-show>p {
        width: .42rem;
        position: fixed;
        z-index: 5;
        top: .23rem;
        left: .26rem;
        display: block;
        height: .54rem
    }
    .h5-show>p b {
        display: block;
        height: .1rem;
        background-color: #fff;
        transition: .7s ease;
        position: absolute;
        left: 0;
        right: 100%
    }
    .h5-show>p b.an {
        animation-delay: 2s;
        animation-duration: 1s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-timing-function: ease
    }
    .h5-show>p b.an:nth-child(1) {
        animation-name: h5b1;
        top: 0
    }
    .h5-show>p b.an:nth-child(2) {
        animation-name: h5b2;
        top: .18rem
    }
    .h5-show>p b.an:nth-child(3) {
        animation-name: h5b2;
        top: .36rem
    }
    @keyframes h5b1 {
        100% {
            right: 0
        }
    }
    @keyframes h5b2 {
        100% {
            right: 20%
        }
    }
    .h5-show>p.an b:nth-child(1) {
        transform: rotate(-315deg);
        top: .18rem
    }
    .h5-show>p.an b:nth-child(2) {
        opacity: 0
    }
    .h5-show>p.an b:nth-child(3) {
        transform: rotate(315deg);
        top: .18rem;
        width: 100%
    }
    .h5-show>span {
        display: block;
        z-index: 5;
        position: fixed;
        left: 3.3705rem;
        bottom: .63rem;
        width: .776rem;
        height: .435rem;
        background-image: url(https://pkstar.net/wp-content/themes/pkstar/img/tonext.svg);
        background-size: contain;
        background-repeat: no-repeat;
        animation-name: bolang;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        animation-direction: alternate;
        opacity: 0;
        transition: .9s linear 1s
    }
    @keyframes bolang {
        100% {
            transform: translate(0, -.2rem)
        }
    }
    .h5-show>span.an {
        opacity: 1
    }
    h1 {
        margin-left: -2.25rem
    }
    @keyframes h1_right {
        100% {
            margin-left: -2.05rem
        }
    }
    h1 img {
        width: 100%;
        height: auto
    }
    .video {
        width: auto;
        height: 100%
    }
    .jiantou {
        width: 2.2rem;
        height: .9rem;
        line-height: .9rem;
        top: 0;
        bottom: auto;
        font-size: .24rem
    }
    .jiantou>.img {
        background-image: url(https://pkstar.net/wp-content/themes/pkstar/img/jiantouh5.svg);
        height: .22rem;
        width: .156rem;
        background-size: contain;
        display: inline-block;
        margin-left: .1rem;
        position: initial;
        vertical-align: middle
    }
    .qrcode.mobile>span {
        display: block;
        width: .9rem;
        height: .9rem;
        background-color: rgba(0, 0, 0, .7);
        position: fixed;
        z-index: 5;
        top: 0;
        right: 2.2rem;
        text-align: center;
        padding-top: .2rem
    }
    .qrcode.mobile>span>img {
        height: .5rem
    }
    .qrcode.mobile>div {
        position: fixed;
        z-index: 5;
        width: 3.62rem;
        height: 4.4rem;
        margin-left: -1.81rem;
        margin-top: -2.2rem;
        background-color: rgba(0, 0, 0, .8);
        top: .45rem;
        left: 4.85rem;
        transform: scale(0);
        padding: .2rem;
        color: #fff;
        font-size: .24rem;
        text-align: center;
        line-height: .4rem;
        transition: .5s ease;
        opacity: 0
    }
    .qrcode.mobile>div.open {
        top: 50%;
        left: 50%;
        transform: scale(1);
        opacity: 1
    }
    .qrcode.mobile>div>img.code {
        width: 100%
    }
    .qrcode.mobile>div>img.x {
        width: .43rem;
        height: .43rem;
        position: absolute;
        left: 1.595rem;
        bottom: -.87rem
    }
    .left.mobile {
        display: block;
        transition: .7s ease;
        background-color: #070506;
        background-image: none
    }
    .left.mobile.an {
        animation-name: none;
        width: 3.88rem
    }
    .left.mobile>a,
    .left.mobile>span {
        width: 3.88rem;
        height: .7rem;
        line-height: .7rem;
        text-align: left;
        font-size: .24rem;
        padding-left: .27rem;
        margin-bottom: .3rem;
        position: relative
    }
    .left.mobile>a:before,
    .left.mobile>span:before {
        content: "";
        display: block;
        height: .22rem;
        width: .13rem;
        background-image: url(https://pkstar.net/wp-content/themes/pkstar/img/left-to.svg);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: 3.286rem;
        top: .26rem
    }
    .left.mobile>a {
        display: block;
        color: #fff;
        text-decoration: inherit
    }
    .left.mobile>b {
        width: 3.88rem;
        height: .7rem
    }
    .left.mobile>b.t1 {
        top: 1.05rem
    }
    .left.mobile>b.t2 {
        top: 2.05rem
    }
    .left.mobile>b.t3 {
        top: 3.05rem
    }
    .left.mobile>b.t4 {
        top: 4.05rem
    }
    .main .p2,
    .main .p3,
    .main .p4 {
        padding-top: 1.43rem;
        padding-left: .26rem;
        padding-right: .26rem
    }
    .main .p2 h2,
    .main .p3 h2,
    .main .p4 h2 {
        font-size: .53rem;
        line-height: .7rem;
        margin-bottom: .18rem
    }
    .main .p2 p,
    .main .p3 p,
    .main .p4 p {
        font-size: .24rem;
        line-height: .5rem;
        margin: 0
    }
    .main .p2 {
        background-image: url(https://pkstar.net/wp-content/themes/pkstar/img/p2h5.jpg)
    }
    .main .p2>h2.two {
        margin-top: 1.3rem
    }
    .main .p2>.bu {
        top: 5.18rem;
        width: 5rem;
        height: 1.3rem;
        transform: translate(-100%, 0)
    }
    @keyframes bumoveou {
        100% {
            transform: translate(-100%, 0)
        }
    }
    .main .p3 {
        background-color: transparent
    }
    .main .p3:before {
        background-image: none;
        background-color: rgba(0, 0, 0, .8);
        z-index: 0
    }
    .main .p3:after {
        content: none;
        background-image: none
    }
    .main .p3 img {
        z-index: -1
    }
    .main .p3>.bu {
        position: absolute;
        left: 0;
        right: 0;
        top: 1.78rem;
        display: block;
        height: 1.47rem;
        width: 5rem;
        background-color: #E01025;
        opacity: .4;
        transform: translate(-100%, 0)
    }
    .main .p3>.bu.an {
        animation-name: bumove;
        animation-duration: 1.8s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-timing-function: ease
    }
    .main .p3>.bu.ou {
        transform: translate(0, 0);
        animation-name: bumoveou;
        animation-duration: .5s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
        animation-timing-function: ease
    }
    .main .p4 a {
        width: 3.36rem;
        height: 2.15rem
    }
    .main .p4 a.a1 {
        top: 3.41rem;
        left: .26rem
    }
    .main .p4 a.a2 {
        top: 3.41rem;
        left: 3.87rem
    }
    .main .p4 a.a3 {
        top: 6.49rem;
        left: .26rem
    }
    .main .p4 a>b {
        display: none
    }
    .main .p4 a>span {
        height: .5rem;
        bottom: -.5rem;
        line-height: .5rem;
        font-size: .22rem
    }
    .main .p4 a:hover em {
        padding-top: 1rem
    }
    .hd_1 {
        width: 8rem;
        margin: 0 auto
    }
}