@charset "utf-8";
html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body {background:#fff;color:#4a4f5a;font: 400 14px/1.5 "微软雅黑",helvetica,stheiti,droid sans fallback;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
input,select,textarea{font-size:100%}
article,aside,footer,header,nav,section,audio,canvas,video,img {display: block;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
button{outline:0;border:none;}
a:hover{text-decoration:none}
ins,a{text-decoration:none}
textarea {resize: none;}
iframe,img {border:0;}
img{display:block;width:100%;}
ul,ol {list-style:none;}
input,select,textarea {outline: 0;-webkit-user-modify: read-write-plaintext-only;}
input {-webkit-appearance: none;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}

/*正文开始*/
body{background:#070913}
/*自定义样式*/
.msf{font-family:microsoft yahei}
/*加载进度层*/
.loading{ width:100%; height:100%;z-index:999; overflow:hidden;background:#000;position: fixed;top:0;left:0;}
.loading .progress{width:111px;height:111px;position:absolute;left:50%;top:50%; margin:-55px 0 0 -55px;}
.loading .rond{height:100px;width:100px;background:rgba(255, 255, 255, 0.05);border:1px solid rgba(255, 255, 255, 0.5);border-radius:50%;position:absolute;top:5px;left:5px;animation:rond 2s infinite;-webkit-animation : rond 2s infinite;}
.loading .ptest{height:10px;width:10px;position:absolute; background:rgba(255, 255, 255,1);border-radius:50%;top:9px;left:10px;}
.loading .loadedtxt{color:#fff; line-height:110px; text-align:center;}
.loading img{opacity: .2;}
@-webkit-keyframes rond{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100% {-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
@keyframes rond {0%{-webkit-transform :rotate(0deg);transform :rotate(0deg);}100%{-webkit-transform :rotate(360deg);transform :rotate(360deg);}}

.swiper-container {width: 100%;height: 100%;position:absolute;overflow:hidden}
.swiper-slide {width: 100%;height: 100%}
.swiper-slide .slide-in {width: 100%;height: 100%;position:relative}
.swiper-slide section{display:block;}
.swiper-slide section img{width:100%;height:auto}

/*page01*/
.slide1{ background: no-repeat center top #fff; background-size:100% auto; overflow:hidden}
.slide1 .sec01{ width:100%; left:0; top:1.467rem;}
.slide1 .sec02{ width:100%; left:0; top:5.333rem;}
.slide1 .sec03{ width:8rem; left:1rem; bottom:2.3rem;}
.slide1 .sec03 .btn01{ display: block; height: 1.2rem; line-height: 1.2rem; text-align: center; font-size: 0.427rem; color: #fff; background: #3ec93e; border-radius: 0.6rem; margin-bottom: 0.4rem;}
.slide1 .sec03 .btn02{ display: block; height: 1.147rem; line-height: 1.147rem; text-align: center; font-size: 0.427rem; color: #333; background: #fff; border: 0.027rem solid #999; border-radius: 0.6rem;}

/*page02*/
.slide2{ background: no-repeat center top #fff; background-size:100% auto; overflow:hidden}
.slide2 .sec01{ width:100%; left:0; top:1.64rem;}
.slide2 .sec02{ width:100%; left:0; top:3.16rem;}
.slide2 .sec03{ width:8rem; left:1rem; bottom:2.3rem;}
.slide2 .sec03 .btn01{ display: block; height: 1.2rem; line-height: 1.2rem; text-align: center; font-size: 0.427rem; color: #fff; background: #3ec93e; border-radius: 0.6rem;}

/*page03*/
.slide3{ background: no-repeat top center #fff; background-size:100% auto; overflow:hidden}
.slide3 .sec01{ width:100%; left:0; top:1.64rem;}
.slide3 .sec02{ width:100%; left:0; top:3.16rem;}
.slide3 .sec03{ width:8rem; left:1rem; bottom:2.3rem;}
.slide3 .sec03 .btn01{ display: block; height: 1.2rem; line-height: 1.2rem; text-align: center; font-size: 0.427rem; color: #fff; background: #3ec93e; border-radius: 0.6rem;}

/*page04*/
.slide4{ background: no-repeat top center #fff; background-size:100% auto; overflow:hidden}
.slide4 .sec01{ width:100%; left:0; top:1.64rem;}
.slide4 .sec02{ width:100%; left:0; top:3.16rem;}
.slide4 .sec03{ width:8rem; left:1rem; bottom:2.3rem;}
.slide4 .sec03 .btn01{ display: block; height: 1.2rem; line-height: 1.2rem; text-align: center; font-size: 0.427rem; color: #fff; background: #3ec93e; border-radius: 0.6rem;}

 /*指示箭头*/
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled, .swiper-button-prve{opacity:1}
.swiper-button-next{width:3.067rem; height:0.373rem; font-size: 0.373rem; line-height: 0.373rem; text-align: center; top: 120%; left:50%; margin-left:-1.533rem; background: no-repeat center bottom; background-size:0.32rem auto; -webkit-transition:all .7s ease 3s; transition:all .7s ease 3s;}
.swiper-button-next span{ display: none;}
.swiper-button-next_start{top:99.8%}

.iphonedownload, .androiddownload, .weixits{ display:none;}
.bisweixin{display:none}
.bisweixin .bg{width:100%;height:100%;background:#000;position:absolute;left:0;top:0;opacity:.4;filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;z-index:11}
.bisweixin img{width:60%;position:absolute;top:1%;right:5%;z-index:12}

/*增加app信息 20210924*/
.appinfo{position:fixed;left:0;right:0;bottom:0; z-index: 9; background:#f7f7f7;padding:0.15rem 0.44rem 0.44rem;}
.appinfo ul li{ width: 100%; height: 0.48rem;line-height: 0.48rem;font-size:0.293rem; color: #666;}
.appinfo ul li p{text-align:right;}
.appinfo ul li a{ color: #666;}
/**/
@media only screen and (min-width: 320px) and (max-width: 480px)   {
    .slide4 .sec04{ top:9rem;}
    .slide5 .sec01{ margin-top:.2rem;}
    .slide5 .sec01,.slide5 .sec02,.slide5 .sec03{ width:4.6rem;}
    .slide5 .sec01 .pic, .slide5 .sec02 .pic, .slide5 .sec03 .pic{ width:4rem;}
    .slide6 .sec01{ width:5rem;}
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.flipoutx,
.animated.flipouty,
.animated.bouncein,
.animated.bounceout {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

.floating{
    animation-name: floating;
    -webkit-animation-name: floating;

    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;

    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes floating {
    0% {
        transform: translatey(0%);
    }
    50% {
        transform: translatey(12%);
    }
    100% {
        transform: translatey(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translatey(0%);
    }
    50% {
        -webkit-transform: translatey(12%);
    }
    100% {
        -webkit-transform: translatey(0%);
    }
}


@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadein {
    -webkit-animation-name: fadein;
    animation-name: fadein;
}

@-webkit-keyframes fadeindown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeindown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeindown {
    -webkit-animation-name: fadeindown;
    animation-name: fadeindown;
}

@-webkit-keyframes fadeinup {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeinup {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeinup {
    -webkit-animation-name: fadeinup;
    animation-name: fadeinup;
}