@charset "utf-8";
*{box-sizing: border-box;  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  -webkit-font-smoothing: antialiased; outline:0; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; -webkit-focus-ring-color:rgba(0,0,0,0); margin:0; padding:0; }
html,body,img{border:0}
li{list-style:none}
a{cursor:pointer}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:700}
a,a:hover{text-decoration:none}
body,html{width:100%;font-weight:400;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:center}
html{-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; font-family:'Source Han Sans CN','Source Han Sans','NotoSans CJK','PingFangSC','STHeiti','Microsoft YaHei','Helvetica','Arial',sans-serif;}
body{background:transparent; color: #1A1A1A; opacity:1; -webkit-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in}
p,a,li,span,input{font-size:.28rem}
a{color:#1A1A1A;}
html{font-size:312.5%}
@media screen and (max-width:359px) and (orientation:portrait){html{font-size:266.67%}}
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:300%}}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:320%}}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html{font-size:333.33%}}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:345%}}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html{font-size:360%}}
@media screen and (min-width:480px) and (max-width:639px) and (orientation:portrait){html{font-size:400%}}
@media screen and (min-width:640px) and (orientation:portrait){html{font-size:533.33%}}

.main{display: block; width: 100%; min-height: 100vh;}
div img{display: block; object-fit: cover;}

.index{padding: 0 0 .8rem; background:#FF0D11 url("//invitecosres.jdy33.cn/bzlm/group/images/index_bg@2x.jpg") no-repeat center -.96rem/100%;}
.indexTitle{margin: 1.14rem auto; width: 5.92rem; height: 2.08rem;}
.indexTitle img{display: block; width: 5.92rem; height: 2.08rem;}
.indexBtn{position: relative; margin: 5.22rem auto 0; overflow: hidden; width: 100%; height: 3rem;}
.indexBtn .btn{display: block; margin: 0 auto; width: 5.8rem; height: 1.56rem;} 
.indexBtn .btn img{display: block; width: 5.8rem; height: 1.56rem;} 
.finger{position: absolute; right:0; top:.58rem; z-index: 22; display: block; margin: 0 auto; width: 2.62rem; height: 2.15rem; background:url("//invitecosres.jdy33.cn/bzlm/group/images/finger@2x.png") no-repeat top center/100%; animation: move_hand 600ms linear 0s infinite ; -webkit-animation: move_hand 400ms linear 0s infinite;}
.indexLogo{display: block; margin: .2rem auto 0; width: 1.36rem; height: 1.36rem;}
.indexLogo img{display: block; width: 1.36rem; height: 1.36rem;}

.pop{ position: fixed; z-index: 9999999;  top:0; bottom: 0; left:0; right:0; background-color: rgba(26,26,26, 0.88);}
.guide{position: absolute; left:0; right:0; top:0; z-index: 9; padding: 0 0 .5rem; min-height: 100vh; background:#f4f6f8  url("//invitecosres.jdy33.cn/bzlm/group/images/guide_bg@2x.png") no-repeat center -.96rem/100%;}
.guide-arrows{position: absolute; top:.08rem; right:.2rem; z-index: 99; display: block; width: 2rem; height: 1.92rem; background: url("//invitecosres.jdy33.cn/bzlm/group/images/arrows@2x.png") no-repeat center/100%;}
.guide-scroll{overflow: scroll; width: 100%; height: 100vh;}
.guideTitle{display: block; margin: .54rem auto 0; width: 5.6rem; height: .64rem;}
.guideTitle img{display: block; width: 5.6rem; height: .64rem;}
.guideList{margin: .34rem auto 0; width: 100%}
.guideList-item{display: block; margin: 0 auto .26rem; width: 5.6rem; height: 6.11rem;}
.guideList-item img{display: block; width: 5.6rem; height: 6.11rem;}
.guideList-box{display: block; margin: 0 auto; padding: 0 0 .3rem; width: 6.88rem;}
.guideList-box img{display: block; width: 6.88rem; height: 6.48rem;}

@-webkit-keyframes move_hand {
    0%{ -webkit-transform: translate(0);}
    50% {-webkit-transform: translate(10px, 10px);}
    100% {-webkit-transform: translate(0);}
}

@keyframes move_hand {
    0%{ transform: translate(0);}
    50% {transform: translate(10px, 10px);}
    100% {transform: translate(0);}
}