* {
    margin: 0;
    padding: 0;
}

a {
    position: absolute;
    top: 0;
    z-index: 1;
    color: #fff;
}

html {
    font-size: 14px;
    width: 100%;
    /* height: 100%; */
    overflow: auto;

}

body {
    width: 100%;
    height: 100%;
    /* overflow: hidden; */
    position: relative;
    /* overflow: auto; */
    font-family: "SimHei";
    background: #000;
}

.pc,
.mobile {
    width: 100%;
    /* height: 100%; */
    display: none;
    /* overflow: auto; */
}

.alert {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

img {
    cursor: pointer;
}

.mobile {
    position: relative;
    width: 100%;
    /* height: 164.0rem; */
    z-index: 100;
}

.mobile video {
    width: 100%;
    z-index: 10;
    /*display: none;*/
}

.mobile .img-but1,
.mobile .img-but2 {
    position: absolute;
    width: 11rem;
    bottom: 5rem;
    left: 8rem;
}




#alert-box {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 1);
    z-index: 1000;
    overflow: hidden;
    display: none;
}





#alert-box-img {
    position: fixed;
    z-index: 10000;
    width: 70%;
    margin-left: 15%;
    margin-top: 80%;
    /* background: rgba(0, 0, 0, 0.7); */
    display: none;

}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#alert-box-img-and {
    position: fixed;
    z-index: 10000;
    width: 50%;
    height: 7.0rem;
    margin-left: 25%;
    margin-top: 80%;
    background: #fff;
    padding: 1.5rem 0;
    display: none;
    text-align: center;
    /* display: flex; */
    flex-direction: column;
    border-radius: 6px;


}

#alert-box-img img:nth-child(2) {
    width: 34px;
    margin-left: 46%;
    animation: spin 1s linear infinite;
}

#alert-box-img-and img {
    width: 2.0rem;
    margin-left: 43%;
    animation: spin 1s linear infinite;
    margin-top: 1.8rem;
}

#alert-box-img-and p:nth-child(1) {
    font-weight: 600;
    margin-bottom: 0.6rem;
}

.iphone-info {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}



.dd-img {
    width: 100px;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    bottom: 2px;
    animation: mymove 1s ease-in-out infinite;
}

@keyframes mymove {
    0% {
        bottom: 5px;
    }

    50% {
        bottom: 20px;
    }

    100% {
        bottom: 5px;
    }
}

input,
button {
    outline: none;
}



.info {
    width: 100%;
}

.pho2 {
    position: absolute;
    width: 45%;
    top: 31%;
    left: -30%;
    animation: mymove1 0.4s ease-in-out forwards;
}

.pho1 {
    width: 50%;
    position: absolute;
    top: 34%;
    right: -30%;
    animation: mymove2 0.4s ease-in-out forwards;

}

@keyframes mymove1 {
    0% {
        left: -30%;
    }

    100% {
        left: 29%;
    }
}

@keyframes mymove2 {
    0% {
        right: -30%;
    }

    100% {
        right: 32%;
    }
}

.top {
    width: 94%;
    padding-top: 1.8rem;
    padding-left: 3%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}

.top img {
    width: 3.0rem;
    margin-right: 0.3rem;

}

.top img:nth-child(2) {
    width: 6.041rem;
    height: 2.6rem;
}

.top .box {
    display: flex;
    align-items: center;
}

.name-info {
    font-size: 1.2rem;
    padding-bottom: 0.2rem;
}

.name-ds {
    font-size: 0.8rem;
    color: rgb(243, 42, 155);
    padding-top: 0.2rem;
    /* transform: scale(0.7); */
    border-top: 1px solid rgb(243, 42, 155);
}



.tags>p>span,
.tags>div>div {
    background: rgba(89, 89, 89, 0.52);
    font-size: 0.7rem;
    display: inline-block;
    width: 6.8rem;
    margin-left: 0.5rem;
    padding: 0.2rem;
    border-radius: 0.7rem;
    text-align: center;
    margin-bottom: 0.2rem;
    align-items: center;


}

.tags>div div {
    vertical-align: middle;
}

.tags>div>div img {
    width: 0.8rem;
    vertical-align: middle;
}

.tags>div>div span {
    /* width: 0.8rem; */
    vertical-align: middle;
}

.text {
    position: fixed;
    width: 100%;
    font-size: 0.7rem;
    color: #fff;
    text-align: center;
    bottom: 12px;
    transform: scale(0.9);
}

.text p {
    line-height: 1.4rem;
    font-family: "SimHei";
    color: rgb(255, 255, 255);
}

.info-boot {
    width: 100%;
    position: fixed;
    bottom: -3.0rem;
    z-index: 1;
    left: 0;
}

.top-img {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.kf-link {
    position: fixed;
    z-index: 100;
    right: 0.1rem;
    bottom: 7.0rem;
    width: 3.2rem;
}

.ios-alert {
    position: fixed;
    display: none;
    color: #fff;
    padding: 3.0rem 15%;
    top: 0;
    margin-top: 0;
    left: 0;
    margin-left: 0;
    z-index: 10001;
    width: 100%;
    height: 100%;
    background: #272727;
}

.ios-alert .ios-p {
    width: 70%;
    box-sizing: border-box;
    font-size: 1.4rem;
    text-align: center;
}

.ios-alert div {
    width: 70%;
    color: #ddd;
    font-size: 0.9rem;
    font-weight: 400;
}

.ios-alert div p {
    line-height: 1.4rem;
}

.ios-alert .ios11 {
    width: 4.0rem;
    margin-left: 26%;
    margin-top: 1.0rem;
    margin-bottom: 1.2rem;
}

.ios-alert div p span {
    line-height: 1.4rem;
    width: 180px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ios-alert .back {
    position: absolute;
    width: 2.0rem;
    top: 2.0rem;
    left: 3.0rem;
}

.android-alert .back1 {
    position: absolute;
    width: 2.0rem;
    top: 2.0rem;
    left: 3.0rem;
}

.android-alert {
    position: fixed;
    display: none;
    color: #fff;
    padding: 3.0rem 15%;
    top: 0;
    margin-top: 0;
    left: 0;
    margin-left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: #272727;
}

.android-alert .ios-p {
    width: 70%;
    box-sizing: border-box;
    font-size: 1.4rem;
    text-align: center;
}

.android-alert div {
    width: 70%;
    color: #ddd;
    font-size: 0.9rem;
    font-weight: 400;
}

.android-alert div p {
    line-height: 1.4rem;
}

.android-alert .ios11 {
    width: 4.0rem;
    margin-left: 26%;
    margin-top: 1.0rem;
    margin-bottom: 1.2rem;
}

.android-alert div p span {
    line-height: 1.4rem;
    width: 180px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.android-alert .back {
    position: absolute;
    width: 2.0rem;
    top: 2.0rem;
    left: 3.0rem;
}

.android-alert button {
    display: block;
    width: 100%;
    height: 2.6rem;
    margin-top: 2.0rem;
    border-radius: 1.3rem;
    border: none;

}

.img-info-alert {
    position: fixed;
    /* position: absolute; */
    display: none;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
    overflow: auto;
    height: 100%;
}

.img-info-alert img {
    display: none;
}

.img-info-alert .back-img {
    position: fixed;
    top: 2.0rem;
    left: 2.0rem;
    width: 2.0rem;
    display: block;
}



.pc div {
    position: absolute;
    left: 53.3%;
    top: 58.9%;

}

.pc div canvas {
    width: 1.6rem;
    height: 1.5rem;
}

#safari-box {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(214, 205, 205);
    z-index: 1000;
    overflow: hidden;
    top: 0;
    display: none;
}

.sa-b {
    width: 90%;
    margin-left: 5%;
    background: #fff;
    margin-top: 30%;
    border-radius: 1.7rem;
    padding-bottom: 1.2rem;
}

.sa-bg {
    width: 100%;
}

.sa-b div {
    display: flex;
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
    justify-content: center;
}

.sa-b div input {
    background: #dde3e7;
    height: 2.4rem;
    width: 70%;
    line-height: 2.4rem;
    padding-left: 0.6rem;
    border-radius: 1.2rem;
    overflow: hidden;
    border: 0;
    color: #272727;
}

.sa-b div button {
    background-image: linear-gradient(90deg, #436ed3 0%, #4ec4f7 100%);
    height: 2.4rem;
    width: 3.6rem;
    color: #fff;
    outline: none;
    border: 0;
    border-top-right-radius: 1.2rem;
    border-bottom-right-radius: 1.2rem;
    margin-left: -1.2rem;
}