/*
* @Author: hls
* @Date:   2019-04-19 11:23:58
*/
* {margin: 0;padding: 0;}
html {font-size: 65px;}
body {font-size: 20px;overflow-x: hidden;position: relative;}
.cont { position: relative;}
.cont .background {width: 100%;}
.cont .download {position: fixed;top: 6%;left: 5%;width: 25%;}
.cont .ios_download {left: auto; right: 5%;}
.cont .h5 {left: auto;right: 5%;top: 12%;display: none;}
.cont .ios_repair{left:5%;right:auto;top:12%;}
.cont .top {position: fixed;bottom: 4%;right: 7%;width: 12%;display: none;}
.cont .code {position: fixed;top: 2%;left: 30%;color: #fff;font-size: 14px;border: #FF5722 2px solid;opacity: 0.8;padding: 1px 4px;  border-radius: 5px;display: none;}
.iosdom {background-color: rgba(0, 0, 0, .8);color: #fff;position: fixed;top: 0;left: 0;right: 0;bottom: 0;padding: 0 30px;
    overflow: auto;display: none;z-index: 10;}
.iosdom .img1 {width: 100%;margin: 10px auto;display: block;}
.iosdom .img2 {position: absolute;top: 25px;right: 20px;width: 30px;}
.iosdom .p1 {line-height: 60px;text-align: center;font-size: 18px;}
.iosdom .p2 {line-height: 30px;font-size: 14px;word-break: break-all;}
.iosdom .zhu {font-size: 12px;padding-bottom: 90px;}
.iosdom .iosdombtn,.iosdom .prove {position: fixed;bottom: 80px;background-color: #abcd05;display: block;width: 250px;left: 50%;margin-left: -125px;margin-bottom: 10px;text-align: center;line-height: 50px;border-radius: 25px;-webkit-user-select: none;-moz-user-select: none;
    user-select: none;}
.iosdom .prove {bottom: 10px;display: none;}
.mengceng { position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, .8);display: none;z-index: 1;
    max-width: 768px;margin: 0 auto;}
.mengceng img {position: absolute;top: 10px;right: 10px;width: 70%;}
.swiper-slide {position: relative;right: 5px;}
.swiper-slide img {width: 95%;padding: 0 10px;/*border: solid 2px red;*/}
.guide {padding: 0 20px;}
.cont .line {left: 5%;top: 12%;}

.ios_repair_dom{background-color: rgba(0, 0, 0, .8);color: #fff;position: fixed;top: 0;left: 0;right: 0;bottom: 0;padding: 0 20px;
    overflow: auto;display: none;z-index: 10;}
.ios_repair_dom .ios_repair_img{width: 100%;}
.ios_repair_dom .p1 {line-height: 60px;text-align: center;font-size: 18px;color:red;}
.ios_repair_dom .img2 {position: absolute;top: 25px;right: 20px;width: 30px;}
.ios_repair_dom .ird{text-align: center;width: 150px;height: 40px;background: linear-gradient(to right, rgba(68, 129, 235, 0.9), rgba(4, 190, 254, 0.9));border: none;border-radius: 5px;font-size: 15px;color: #fff;margin: 10px auto;display: block;}

.cont .logo{position: absolute;top: 12%;left: 25%;width: 50%;animation: logoimg 2.5s infinite;z-index:9;}
@keyframes logoimg{
    0%{transform: translateY(0);}
    50%{transform: translateY(-7px);}
    100%{transform: translateY(0px);}
}
.ps_sexybody {position: absolute;top: 1%;left: 15%;width: 68%;}
.anim {animation: jiggle 2s ease-in infinite;}

@keyframes jiggle {
    48%, 62% {
        transform: scale(1.0, 1.0)
    }
    50% {
        transform: scale(1.1, 0.9)
    }
    56% {
        transform: scale(0.9, 1.1) translate(0, -5px)
    }
    59% {
        transform: scale(1.0, 1.0) translate(0, -3px)
    }
}
.btn-about{
   animation:swinging 2s ease-in-out 0s infinite;
   animation:swinging 2s ease-in-out 0s infinite;
   animation:swinging 2s ease-in-out 0s infinite;
   transform-origin: 50% 100%;
   transform-origin: 50% 100%;
   transform-origin: 50% 100%;
}

@-webkit-keyframes swinging{
   0% {transform: rotate(10deg); }
   50% {transform: rotate(-10deg); }
   100% {transform: rotate(10deg); }
}

@media screen and (min-width: 640px){
    .cont {width: 640px;margin: 0 auto;}
    .cont .ios_download {top: 10%;width: 130px;right: calc(50% - 300px);}
    .cont .and_download{top: 10%;width: 130px;left: calc(50% - 300px);}
    .cont .line {top: 20%;width: 130px;left: calc(50% - 300px);}
    .cont .h5 {top: 20%;width: 130px;right: calc(50% - 300px);}
    .cont .top{width: 4%;right:calc(50% - 300px);}
    //.cont .scroll-box{height:360px;font-size:20px;}
}