html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0;}
 ul, li{ list-style-type: none; }
 html{height: 100%;}
 body{color:#333333;font-family:Helvetica; height: 100%;-webkit-overflow-scrolling: touch;}
 .fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
 .clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }
 
::-webkit-input-placeholder { /* WebKit browsers */color:#999;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#999;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:#999;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color:#999;}

/*背景动画*/
#bg-animation{height: 100%;overflow: hidden;}
.layer{position: absolute;display: block;width:100%;height:100%;}
.layer-leaf{margin:100px 0 0 -100px;}
.layer-leaf img{width: 200px;}
.layer-cloud{margin:-80px 0 0 -300px;height: 100%;}
.layer-cloud img{width:1500px;}
.layer-cloud video{width:1000px;opacity:0.8;}
.layer-house{width: 100%;height: 100%;position: relative;}
.layer-house .house{position: absolute;bottom:0px;left:-300px;}
.layer-house .house img{float: left;width:900px;}

.logo{position: fixed;width:90px;height: 90px;background-image: url("../img/logo.svg");background-size:100%;top: 20px;left:20px;z-index: 100;filter: blur(0px)}
.slogan{font-size: 14px;right: 20px;top: 40px;position: fixed;z-index: 20;text-align:right;color: #1c4f63;line-height:24px;filter: blur(0px)}

/*侧边栏*/
.right-bar{position: fixed;right:10px;top:50%;z-index: 1000;margin-top:-150px;}
.right-bar ul{display: block;padding:8px 0;width:48px;}
.right-bar ul li{color: #ffffff;display: block;text-align: center;font-size:12px;background-color:rgba(0,0,0,0.5);width:100%;transition: all 0.2s linear;padding-bottom: 8px;}
.right-bar ul li:first-child{padding:8px 0 8px 0;border-radius:24px 24px 0 0;}
.right-bar ul li:last-child{padding-bottom:16px;border-radius:0 0 24px 24px;}
.right-bar ul li span.icon{width: 40px;height: 40px;background-image: url(../img/icon-right-bar.svg);background-size: 40px 200px;display:block; margin: 0 auto -4px auto;}
.right-bar ul li span.icon-360{background-position:0 0;}
.right-bar ul li span.icon-text{background-position:0 -40px;}
.right-bar ul li span.icon-video{background-position:0 -80px;}
.right-bar ul li span.icon-photo{background-position:0 -120px;}
.right-bar ul li span.icon-weixin{background-position:0 -160px;}
.right-bar ul li:active{background-color:rgba(33,49,82,0.8);transition: all 0.2s linear;}

.tips-weixin{position:fixed;z-index:2000;background-color: #ffffff;width:80%;bottom:30%;color: #999999;left:10%;padding:16px 32px;display:none;box-sizing: border-box;border-radius:16px;font-size:14px;box-shadow:0px 0px 5px rgba(0,0,0,0.5);}
.tips-weixin h2{text-align: center;font-size:20px;color: #333333;text-align:center;line-height:32px;}
.tips-weixin span{width:72px;height:72px;border-radius:100px;display: block;margin:8px auto 4px auto}
.tips-weixin span img{width: 100%;}
.tips-weixin a.btn-close{background: #F05A62;display:block;height:36px;line-height:36px;text-align: center;margin:24px 10% 16px 10%;width:80%;border-radius:36px;color:#ffffff;text-decoration: none;}
.tips-weixin a.btn-close:active{background:#DB3141;transform:scale(1.1);transition: all 0.1s linear;}

.tips-screen{position:fixed;z-index: 5000;background-color:rgba(0,0,0,0.8);width:120px;height:120px;top: 50%;left:50%;margin:-50px 0 0 -50px;color: #ffffff;font-size:14px;text-align: center;border-radius:16px;display: none;}
.tips-screen img{width:60px; margin: 20px 0 0px 0;}

.tips-collect{position:fixed;z-index: 5000;background: linear-gradient(30deg,rgba(2,32,210,0.9),rgba(237,60,75,0.9));;top:-40px;color: #ffffff;font-size: 12px;right:10px;padding:4px 20px 2px 8px;border-radius:16px;color: #ffffff;transition: all 0.4s linear;}
.tips-collect i{float: right;width:12px;height: 12px;display: none;float: right;background: #ffffff; transform:rotate(45deg);margin:-6px 8px 0 -20px;}
.tips-collect span{background-image:url(../img/icon-collect.svg);background-size:100%;width:24px;height:24px;display: inline-block;vertical-align: middle;}
.tips-collect b{position: absolute;top:9px;animation: dong 1s infinite;}
.tips-collect-show{top:10px;transition: all 0.4s linear;}

@keyframes dong { 
       0% {             
           transform: translate(0px, 0px);            
        }            
        50% {                
           transform: translate(0px, -8px);            
        }            
        100% {                
           transform: translate(0px, 0px);
        }
}

/*底部菜单*/
.footer-bar{background-color: #ffffff;border-radius:24px 24px 0 0;padding: 20px;position: fixed;bottom: 0;width:100%;z-index: 200;box-sizing: border-box;box-shadow:0px 0px 5px rgba(0,0,0,0.5);filter: blur(0px)}
.footer-bar .tips{color: #999999;font-size: 14px;position: relative;text-align: center;}
.footer-bar .tips i{position: absolute;top: -42px;color: #ffffff;left:50%;margin-left:-54px;font-style:normal;opacity:0.8;letter-spacing:4px;font-size: 12px;}
.footer-bar .btn-buy{text-align:center;margin-top:8px;}
.footer-bar .btn-buy li {width:80px;height: 80px;border-radius:32px;display: inline-block;background-color: #0092EE;margin:8px;color: #ffffff;font-size:14px;transform:scale(1);transition: all 0.4s linear;}
.footer-bar .btn-buy li i{width:40px;height: 40px;display: block;background-image: url("../img/buy-icon.png");background-size:40px 120px;margin: 8px auto 0 auto;}
.footer-bar .btn-buy li.bg-1{background-color: #fac409;}
.footer-bar .btn-buy li.bg-1 i{background-position:0 0;}
.footer-bar .btn-buy li.bg-2{background-color: #ed6d00;}
.footer-bar .btn-buy li.bg-2 i{background-position:0 -40px;}
.footer-bar .btn-buy li.bg-3{background-color: #f05a62;}
.footer-bar .btn-buy li.bg-3 i{background-position:0 -80px;}

.footer-bar .btn-buy li:active{transform:scale(1.2);transition: all 0.1s linear;}
.footer-bar .btn-buy li.bg-1:active{box-shadow:0px 0px 8px #fac409;}
.footer-bar .btn-buy li.bg-2:active{box-shadow:0px 0px 8px #ed6d00;}
.footer-bar .btn-buy li.bg-3:active{box-shadow:0px 0px 8px #f05a62;}

.over-mask{position: fixed;height: 100%;width:100%;background-color: rgba(0,0,0,0.2);z-index:1000;display:none;}
.moda-box{z-index:2000;position: fixed;padding: 24px;top:20%;width:100%;text-align: center;box-sizing:border-box;display: none;}
.moda-box .box{padding:20px;box-sizing:border-box;display: inline-block;width:80%;border-radius:24px 0 24px 24px;min-height:200px;position: relative;box-shadow:0px 8px 20px rgba(0,0,0,0.4)}
.moda-box .box a.btn-close{width:40px;height: 40px;border-radius:40px;background-color: #ffffff;position: absolute;top: -10px;right:-10px;line-height:40px;text-align: center;font-size: 20px;box-shadow:0px 0px 5px rgba(0,0,0,0.1);transform:scale(1);transition: all 0.2s linear;background-image:url(../img/icon-close.svg);background-size:32px 32px;background-position: center center}
.moda-box .box a.btn-close:active{transform:scale(1.2);transition: all 0.05s linear;}
.moda-box .box .qr-box h2{font-size:24px;color: #ffffff;}
.moda-box .box .qr-box img{width:100%;border-radius:16px;display: block;margin: 8px 0;}
.moda-box .box .qr-box em{font-style: normal;color:#ffffff;font-size:14px;}

.moda-box-full{z-index:2000;position: fixed;padding:8px;top:0;width:100%;text-align: center;box-sizing:border-box;height: 100%;display: none;}
.moda-box-full .box{padding:20px;box-sizing:border-box;display: inline-block;width:100%;border-radius:16px;min-height:200px;box-shadow:0px 8px 20px rgba(0,0,0,0.4);background: #ffffff;height: 100%;}
.moda-box-full a.btn-close{width:40px;height: 40px;border-radius:40px;background-color: #ffffff;position: absolute;top:32px;right:32px;line-height:40px;text-align: center;font-size: 20px;box-shadow:0px 0px 5px rgba(0,0,0,0.1);transform:scale(1);transition: all 0.2s linear;background-image:url(../img/icon-close.svg);background-size:32px 32px;background-position: center center;z-index:200}
.moda-box-full a.btn-close:active{transform:scale(1.2);transition: all 0.05s linear;}
.moda-box-full .box .con{overflow: auto;width: 100%;height:100%}
.moda-box-full .box .con img{width: 100%;}


.blur-2{filter: blur(5px);transition: all 0.8s linear;}