.bgImg {
    margin: auto
}
.content img{
    margin: auto;
}
.content{width: 100%;height: 100%;position: absolute;left: 0;right:0;top:0; max-width: 640px; margin: 0 auto;}


.updateTips{font-family: "Microsoft YaHei";width: 80%;    background: rgba(26,10,15,0.7);   margin: auto;  padding: 10px 8px;border-radius: 7px}
.updateTips p{text-align: left;color:#fff; }
.downBtn{ font-family: "Microsoft YaHei";background:url("../img/download.png") ;    background-size: cover;color: #ffffff;text-align: center;border-radius: 5px;left: 0;right: 0;margin: auto;    cursor: pointer;transform: scale(0.8);}
.openSafariLayer{position: absolute;width: 100%;height:100%;background-color:rgba(0, 0, 0, 0.6);z-index: 999}
/*.openSafariIcon{background: url("../img/ios_browser.png") no-repeat;background-size: 262px 99px;position: absolute;top:0;right: 0;width:262px;height: 99px; }*/
.installingLayer{width: 100%}
.installingLayer span{left: 0;right: 0;margin: auto;width: 100%;height: 50px;text-align: center;line-height: 50px}
.installingLayer .p1{color:#e5ecf8;top:70px;}
.installingLayer .p2{color:#a5c7fb;font-size: 16px;top:180px;}
.openBelieve{width: 200px;height: 50px;background:#32b2a7;color: #ffffff;font-size:16px;text-align: center;line-height: 50px;border-radius: 50px;position: absolute;left: 0;right: 0;bottom:0px;margin: auto}
.newSignLayer{position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;width: 100%;height: 100%;background:rgba(0,0,0,0.8);z-index: 99}
.tipsContent{width: 300px;height: 300px;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;background:white;border-radius: 10px;}
.tipsContent .tipsTitle{text-align: center;font-size: 20px;margin-top: 20px;margin-bottom: 20px;}
.tipsContent span{width: 260px;display: block;font-size: 15px;margin: auto;}
.btnConfirm{width: 140px;height: 50px;background:url("../img/btnBase.png") repeat-x;left: 0;right: 0;margin: auto;color: white;text-align: center;line-height: 50px;font-size: 15px;border-radius: 5px;margin-top: 10px}






.l-wrapper {
    width: 60px;
    height: 60px;
    top: 0px;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    margin-top: 20px ;
}

svg {
    height: 60px;
    width: 60px;
   position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    overflow: visible;
    /*   border: 1px solid red; */
}

.g-circles {
    -webkit-transform: scale(0.9) translate(7px, 7px);
    -ms-transform: scale(0.9) translate(7px, 7px);
    transform: scale(0.9) translate(7px, 7px);
}

circle {
    fill-opacity: 0;
    -webkit-animation: opacity 1.2s linear infinite;
    animation: opacity 1.2s linear infinite;
    fill: #88D1F1;
}
circle:nth-child(12n + 1) {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}
circle:nth-child(12n + 2) {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}
circle:nth-child(12n + 3) {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
circle:nth-child(12n + 4) {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
circle:nth-child(12n + 5) {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
circle:nth-child(12n + 6) {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}
circle:nth-child(12n + 7) {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
circle:nth-child(12n + 8) {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
circle:nth-child(12n + 9) {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
circle:nth-child(12n + 10) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
circle:nth-child(12n + 11) {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
circle:nth-child(12n + 12) {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s;
}
@-webkit-keyframes opacity {
    3% {
        fill-opacity: 1;
    }

    75% {
        fill-opacity: 0;
    }
}

@keyframes opacity {
    3% {
        fill-opacity: 1;
    }

    75% {
        fill-opacity: 0;
    }
}
@-webkit-keyframes opacity-stroke {
    10% {
        stroke-opacity: 1;
    }

    85% {
        stroke-opacity: 0;
    }
}
@keyframes opacity-stroke {
    10% {
        stroke-opacity: 1;
    }

    85% {
        stroke-opacity: 0;
    }
}