html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
.container{max-width:1200px;width:100%;margin:0 auto;padding:0 15px}
.img-fluid{max-width:100%;height:auto}
body{font-size:16px;background-color:#eee;font-family:segoe ui,Tahoma,Geneva,Verdana,sans-serif;color:#484848}
.nav-block{height:80px;;width:100%;background-color: #fff; position:-webkit-sticky;position:sticky;top:0;z-index:19}
.nav-block .container{position:relative;height: 100%; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;align-items: center;}
.nav-block .container .navbar-brand{height:100%;}
.nav-block .container .navbar-brand img{height:100%;width:auto;vertical-align:middle}
.nav-block .container ul li{display:inline-block;vertical-align:middle;line-height:3.6rem;margin-left:.8rem;cursor:pointer}
.nav-block .container ul li:first-child{margin-left:0}
.nav-block .container ul li .link{padding:4px 12px;text-decoration:none;color:#295d80;border-radius:16px;border:#295d80 1px solid;-webkit-transition:background-color .5s,border .5s;transition:background-color .5s,border .5s}
.nav-block .container ul li .link:hover{background-color:#295d80;color: #FFF;}
.nav-block .container ul li .hover-content{position:absolute;top:60px;right:0;display:none;width:620px;background-color:rgba(255,255,255,.95);border-radius:0 0 15px 15px;-ms-flex-pack:distribute;justify-content:space-around}
.nav-block .container ul li .hover-content .box{margin:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-weight:500;border:0;text-decoration:none;color:#295d80}
.nav-block .container ul li .hover-content .box p{line-height:2rem}
.nav-block .container ul li .hover-content .box:hover .btn{background-color:#295d80;color:#fff}
.nav-block .container ul li .hover-content .box img{width:80px;height:auto}
.nav-block .container ul li .hover-content .box .btn{width:100px;height:30px;text-align:center;line-height:30px;border:2px solid #295d80;border-radius:20px;cursor:pointer;-webkit-transition:background-color .5s,color .5s;transition:background-color .5s,color .5s}
.nav-block .container ul .community-dropdown:hover .hover-content{display:-webkit-box;display:-ms-flexbox;display:flex}
header{background-image:url(../img/head-bg-1.jpg);background-repeat:no-repeat;background-size:contain;background-position:center 0}
.header-block{padding:4rem 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header-block .left{width:66%}
.header-block .left .title-girl-m{display:none}
.header-block .left h3{font-size:2.5rem;font-weight:700;line-height:3rem;text-align:center}
.header-block .left ul{margin:0 auto;text-align:center;margin:30px 0}
.header-block .left ul .ios{background-color:#9d9d9d;border-radius:26px;-webkit-transition:background-color .5s;transition:background-color .5s}
.header-block .left ul .ios:hover{background-color:#848484}
.header-block .left ul .android{border:#295d80 2px solid;border-radius:26px;-webkit-transition:background-color .5s;transition:background-color .5s}
.header-block .left ul .android:hover{background-color:#295d80}
.header-block .left ul .android:hover a{color: #FFF;}
.header-block .left ul li{display:inline-block;position:relative}
.header-block .left ul li:first-child{margin-right:1rem}
.header-block .left ul li a{display:block;padding:8px 58px;text-decoration:none;color:#295d80;font-size:1.6rem;width:120px}
.header-block .left ul li .qr-code{position:absolute;width:238px;height:auto;-webkit-box-sizing:border-box;box-sizing:border-box;top:100%;color:#fff;display:none;padding-top:20px;z-index:9}
.header-block .left ul li .qr-code div{background-color:#484848;-webkit-box-shadow:2px 2px 6px #989898;box-shadow:2px 2px 6px #989898;padding:20px;border-radius:12px}
.header-block .left ul .ios:hover .qr-code,.header-block .left ul .android:hover .qr-code{display:block}
.header-block .left .backup-url{color:#484848;font-weight:500}
.header-block .right{width:auto;height:780px}
.header-block .right img{height:100%;width:auto}
.install-block h4{font-size:2rem;text-align:center;font-weight:700}
.install-block hr{height:2px;border:none;background-color:#295d80;margin-bottom:1.5rem}
.install-block h5{font-size:1.4rem;margin:.8rem 0;font-weight:700}
.install-block li{list-style-type:decimal;line-height:2rem;margin-left:1rem;margin-bottom: 1rem;}
.install-block .install-img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content: center;margin-bottom:3rem}
.install-block .install-img .step{width:auto;max-width: 100%;}
.install-block .install-img .icon{margin:0 25px}
footer{height:5rem;background-color:#295d80;text-align:center;line-height:5rem;color:#fff}
@media(max-width:1200px){.container{-webkit-box-sizing:border-box;box-sizing:border-box}
.header-block .right{height:600px}
.install-block .install-img .step{width:40%}
}
@media(max-width:768px){.header-block{padding:2rem 15px 5rem}
.header-block .left{width:58%}
.header-block .left ul li:first-child{margin-right:0;margin-bottom:1rem}
.header-block .right{height:500px}
}
@media(max-width:414px){
    .nav-block{height:96px}
.nav-block .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.nav-block .container .navbar-brand{line-height:3rem;display: flex;flex: 1; align-items: center;}
.nav-block .container .navbar-brand img{height:auto;width: 100%;}
.nav-block .container ul li{line-height:3rem}
.nav-block .container ul li .hover-content{top:96px;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}
header{background-size:200%}
.header-block .left{width:100%}
.header-block .left .title-girl{display:none}
.header-block .left .title-girl-m{display:block}
.header-block .left h3{font-size:1.5rem}
.header-block .right{display:none}
.install-block .install-img{-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content: center; margin: 0 auto; -webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:90%}
.install-block .install-img .step{width:100%}
.install-block .install-img .icon{margin:1rem 0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
}
@media(max-width:375px){.install-block .install-img{width:100%}
.header-block .left h3{font-size:1.2rem}
}