@-webkit-keyframes slideInDown{
	from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
	to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInDown{
	from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
	to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft{
	from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
	to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInLeft{
	from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
	to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight{
	from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
	to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInRight{
	from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
	to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideInUp{
	from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
	to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInUp{
	from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
	to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown{
	from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes slideOutDown{
	from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,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:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDown{
	from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
	to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{
	from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
	to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInDownBig{
	from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
	to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{
	from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
	to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInLeft{
	from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
	to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{
	from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
	to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInLeftBig{
	from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
	to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{
	from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
	to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInRight{
	from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
	to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{
	from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
	to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInRightBig{
	from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
	to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{
	from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
	to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes fadeInUp{
	from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
	to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;animation-fill-mode:forwards;-webkit-animation-duration:.5s;animation-duration:.5s}
@-webkit-keyframes zoomIn{
	from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
	50%{opacity:1}
}
@-webkit-keyframes fadeOut{
	from{opacity:1}
	to{opacity:0}
}
@keyframes fadeOut{
	from{opacity:1}
	to{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown{
	from{opacity:1}
	to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown{
	from{opacity:1}
	to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@keyframes zoomIn{
	from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
	50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
.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.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}
.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}
.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}
.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}
.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}
.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}
.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}
.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}
.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}
@media (prefers-reduced-motion){
	.animated{-webkit-animation:unset !important;animation:unset !important;-webkit-transition:none !important;transition:none !important}
}
@keyframes zoomInRightTop{
	from{width:0;height:0;padding:20px;opacity:0}
	to{width:140px;height:160px;padding:20px;opacity:1}
}
.zoomInRightTop{-webkit-animation-name:zoomInRightTop;animation-name:zoomInRightTop;animation-fill-mode:forwards;-webkit-animation-duration:.5s;animation-duration:.5s}
@keyframes zoomOutRightTop{
	from{width:140px;height:160px;padding:20px;opacity:1}
	to{width:0;height:0;padding:20px;opacity:0}
}
.zoomOutRightTop{-webkit-animation-name:zoomOutRightTop;animation-name:zoomOutRightTop;animation-fill-mode:forwards;-webkit-animation-duration:.5s;animation-duration:.5s}
body{margin:0;padding:0;background:#fff;overflow-x:hidden}
em,li,ul{margin:0;padding:0;list-style:none;font-style:normal}
a{text-decoration:none;color:#000}
.wid{width:1200px;margin:auto;position:relative;z-index:10000}
.header{border-bottom:2px solid #f5f5f5;height:120px;display:block}
.header .logo{float:left;height:120px;margin-right:10px;overflow:hidden}
.header .logo a{float:left;margin:15px 0px;height:calc(100% - 30px);overflow:hidden}
.header .logo img{height:100%}
.header .box{float:left;height:100%;line-height:120px;font-size:18px;overflow:hidden}
.header .box a{float:left;padding:0px 10px}
.weixinoffical{font-family:PingFangSC-Regular;font-family:PingFangSC-Regular;font-size:18px;color:#33c3a5;line-height:48px;border:1px solid #33c3a5;border-radius:25px;float:right;height:48px;padding:0 40px;margin-top:36px}
.weixinoffical:hover{background:#33c3a5;border-radius:25px;color:#fff}
.weixinQrcode{position:absolute;right:0;top:135px;background:#fff;box-shadow:0 4px 20px 0 rgba(183,190,203,.3);border-radius:10px;width:190px;height:185px;text-align:center;padding-top:15px;font-family:PingFangSC-Medium;font-size:12px;color:#31323e;animation-fill-mode:forwards;-webkit-animation-duration:.8s;animation-duration:.8s;line-height:16px;opacity:0}
.weixinQrcode img{width:190px}
.conbox{width:1200px;margin:0 auto;position:relative}
.downtxt{margin-top:6px}
#sidebar{width:10px;height:60px;position:fixed;left:50%;margin-left:550px;top:50%;margin-top:-30px}
@keyframes turnBig{
	from{height:6px}
	to{height:16px}
}
@keyframes turnSmall{
	from{height:16px}
	to{height:6px}
}
#sidebar .sidecon a{display:block;width:6px;height:6px;background:#c4c4cc;border-radius:14px;margin:4px auto;-webkit-animation-duration:1s;animation-duration:1s;animation-fill-mode:forwards;animation-name:turnSmall}
#sidebar .sidecon a.active{background:#3a4150;height:16px;-webkit-animation-duration:1s;animation-duration:1s;animation-fill-mode:forwards;animation-name:turnBig}
.conbox .anime{position:absolute}
.conbox .mtn{position:absolute}
.btn_apk a,.btn_app a{display:block;overflow:hidden;height:56px}
.qrcode{width:1px;height:1px;white-space:nowrap}
.btn_app a{display:block;font-size:20px;text-align:center;line-height:56px;background:#000;color:#fff;border-radius:3px}
.btn_apk a{background:url(../image/btn_apk.png) center no-repeat #82c03a;display:block;border-radius:3px}
.btn_app a:hover{background-color:#252525}
.btn_apk a:hover{background-color:#659a26}
.sp1{height:800px}
.sp1 .phonetbg{background:url(../image/phonetbg.png);width:505px;height:407px;left:70px;top:147px}
.sp1 .phonet{background:url(../image/phonet.png);width:327px;height:613px;left:149px;top:78px}
.sp1 .green{background:url(../image/green.png);width:120px;height:30px;left:610px;top:288px}
.sp1 .txt{background:url(../image/txt_sp1.png);width:432px;height:52px;left:610px;top:268px}
.sp1 .btn_apk{border-radius:3px;width:176px;height:56px;left:816px;top:362px}
.sp1 .btn_app{border-radius:3px;width:176px;height:56px;left:610px;top:362px}
.sp1 .hoverQrcode{right:124px;top:362px;position:absolute}
.sp1 .btn_qrcode{background:url(../image/btn_qrcode_s.png);width:56px;height:56px;position:absolute;right:0;top:0}
.sp1 .qrcode{background:#fff;position:absolute;width:140px;height:170px;right:0;top:0;border:1px solid #e5e5e7;border-radius:5px;position:absolute;padding:20px 20px 10px;animation-fill-mode:forwards;-webkit-animation-duration:.5s;animation-duration:.5s;text-align:center;font-size:12px;line-height:30px;width:0;height:0;padding:0}
.sp1 .qrcode img{display:block;width:100%}
.sp1 .downbtn{animation-fill-mode:forwards;-webkit-animation-duration:.5s;animation-duration:.5s}
.sp2{height:800px}
.sp2 .sunshine{background:url(../image/sunshine.png);width:277px;height:277px;left:810px;top:144px}
.sp2 .bird{background:url(../image/bird.png);width:89px;height:87px;left:451px;top:425px}
.sp2 .mtn{background:url(../image/mtn.png);width:1200px;height:217px;left:0;top:578px}
.sp2 .green{background:url(../image/green.png);width:120px;height:30px;left:102px;top:298px}
.sp2 .txt{background:url(../image/txt_sp2.png);border-radius:3px;width:190px;height:47px;left:102px;top:280px}
.sp2 .subtxt{background:url(../image/subtxt_sp2.png);border-radius:3px;width:323px;height:17px;left:102px;top:348px}
.sp2 .bookgroup{background:url(../image/bookgrp.png);width:532px;height:532px;left:583px;top:98px}
.sp3{height:800px}
.sp3 .phone{background:url(../image/phone3.png);width:327px;height:614px;left:169px;top:88px}
.sp3 .txt{background:url(../image/txt_sp3.png);border-radius:3px;width:286px;height:47px;left:717px;top:280px}
.sp3 .green{background:url(../image/green.png);width:120px;height:30px;left:717px;top:298px}
.sp3 .subtxt{background:url(../image/subtxt_sp3.png);border-radius:3px;width:317px;height:18px;left:717px;top:348px}
.sp3 .mtn{background:url(../image/mtn3.png);width:1008px;height:331px;left:200px;top:428px}
.sp3 .ico_1{background:url(../image/ico_301.png);width:142px;height:142px;left:380px;top:259px}
.sp3 .ico_2{background:url(../image/ico_302.png);width:126px;height:126px;left:130px;top:347px}
.sp3 .ico_3{background:url(../image/ico_303.png);width:126px;height:126px;left:328px;top:445px}
.sp4{height:800px}
.sp4 .green{background:url(../image/green.png);width:120px;height:30px;left:102px;top:298px}
.sp4 .txt{background:url(../image/txt_sp4.png);border-radius:3px;width:191px;height:47px;left:102px;top:280px}
.sp4 .subtxt{background:url(../image/subtxt_sp4.png);border-radius:3px;width:270px;height:18px;left:102px;top:348px}
.sp4 .mtn{background:url(../image/mtn4.png);width:1200px;height:327px;left:0;top:428px}
.sp4 .cpt_1{background:url(../image/cpt401.png);width:326px;height:403px;left:648px;top:130px}
.sp4 .cpt_2{background:url(../image/cpt402.png);width:260px;height:302px;left:568px;top:200px}
.sp4 .cpt_3{background:url(../image/cpt403.png);width:260px;height:302px;left:790px;top:195px}
.sp4 .tip{background:url(../image/tip.png);width:138px;height:22px;left:743px;top:536px}
.downline{height:136px;padding-top:80px}
.downline .conbox{position:relative;height:136px}
.downline .conbox div{position:absolute}
.downline .btn_apk{border-radius:3px;width:176px;height:56px;left:616px}
.downline .btn_app{border-radius:3px;width:176px;height:56px;left:410px}
.downline .hoverQrcode_bot{right:324px;bottom:80px;position:absolute}
.downline .btn_qrcode{background:url(../image/btn_qrcode_s.png);width:56px;height:56px;position:absolute;right:0;bottom:0}
.downline .qrcode{background:#fff;position:absolute;width:140px;height:140px;right:0;bottom:0;border:1px solid #e5e5e7;border-radius:5px;position:absolute;padding:20px;width:0;height:0;padding:0;animation-fill-mode:forwards;-webkit-animation-duration:.5s;animation-duration:.5s}
.downline .qrcode img{display:block;width:100%}
.downline .downbtn_bot{animation-fill-mode:forwards;-webkit-animation-duration:.5s;animation-duration:.5s}
.footer{background:#3a4150;display:block;font-family:PingFangSC-Regular;font-size:12px;color:#9a9aa7;text-align:center;line-height:25px;padding:28px}
.footer a{color:yellow !important}
.noapp{padding:20px 0px;width:100%;line-height:2em;text-align:center;font-size:20px;color:red;font-family:'微软雅黑';overflow:hidden}