#app{max-width:640px;margin:0 auto;z-index:2;min-height: 100%;background: #1F032C;}
#app .top{position: relative;z-index: 2;}
#app .d_zone{position: relative;background: url(../images/down_bg.png);background-size: 100% auto;height:22vw;max-height: 180px}
#app .d_zone .v7v8v9{display: flex;width: 100%;justify-content: center}
#app .d_zone .v7v8v9 a{width: 60%;text-indent: -999em;font-size: 0;cursor: pointer;animation: heart_beat .8s infinite linear;padding:0 4px;transition: none}
#window{width: 100vw;height: 100vh;position: fixed;z-index: 999;left: 0;top: 0;max-height: 0;overflow: hidden;}
#window .bg{width: 100vw;height: 100vh;position: relative;background: #000;opacity: 0;transition: all .6s}
#window .box{position: absolute;width: 100vw;height: 100vh;left: 0;top: 40px;opacity: 0;transition: all .6s}
#window .content{max-width: 640px;height: 100vh;margin: 0 auto;display: flex;flex-direction: column;justify-content: center}
#window .img_box{margin: 0 auto;position: relative}
#window .xr_button{height: 30vw;position: absolute;left: 0;bottom: 0;display: block;width: 100%}
#window.show{max-height: 100vh}
#window.show .bg{opacity: .6;}
#window.show .box{opacity: 1;top: 0}
.hide{position: absolute;left: -100vw;top: -100vh;}
.hide img{width: 1px;height: 1px;}
#app #xr_back{display: block;width:20vw;height: 100%;position: absolute;display: block;left: 0;top: 0;}
#app .top{position: relative;}
#app .slider{background: url(../images/top.jpg) top center no-repeat;padding: 0 10px;background-size: 100% auto;max-height: 306px;height: 40.8vw;display: flex;flex-direction: column;justify-content: center}
#app #slider{border:rgba(255,255,255,.2) 6px solid;border-radius: 15px;overflow: hidden;}
#app #slider img{border-radius: 15px}
.ios_show,.and_show{display: none}
#app .arrow{position: absolute;width: 24px;left:50%;bottom:2px;}
#app .arrow span{display: block}
#app .arrow::after{position: absolute;content:'';display: block;width:100%;height:100%;left: 0;top: 0;background: url(../images/arrow.png);background-size: contain;animation:arrow 2s infinite;animation-delay:.66666s;}
#app .arrow::before{position: absolute;content:'';display: block;width:100%;height:100%;left: 0;top: 0;background: url(../images/arrow.png);background-size: contain;animation:arrow 2s infinite;animation-delay:1.33333s;}
@keyframes arrow{
  0%{opacity: 1;}
  100%{opacity: 0;transform: scale(.6) translateY(30px)}
}
#xinren_list{position: fixed;width: 100%;height: 100%;overflow-y: auto;left: 0;top: 0;transition: all .6s;display: none;z-index: 9;}
#open_safari{position: fixed;background: rgba(0,0,0,.7);color:#fff;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;display: none}
#open_safari .w640{padding: 30px;}
#open_safari a#copyBtn{max-width: 30vw;display: block;margin: 10px auto}
#open_safari a#closeBtn{max-width: 30vw;display: block;margin: 10px auto}
#open_safari .safari_info{max-width: 70vw;margin: 20px auto;}
#app .cesu{background: url(../images/cs_bg.jpg);background-size: 100% auto;height: 44.667vw;max-height: 335px}
#app .cesu .list{margin:0 2vw;padding-top:10px;max-width: 640px;}
#app .cesu .list dl{display:flex;justify-content:space-between;padding:6px 0}
#app .cesu .list dl dt{background:#A70503;color:#fff;font-size:14px;height:30px;line-height:30px;width:18%;text-align:center;flex-shrink:0;}
#app .cesu .list dl dd{flex-grow:1}
#app .cesu .list dl dd.btns{flex-grow:0;flex-shrink:0;width:22%;padding-left:14px}
#app .cesu .list dl dd.btns button{height:30px;line-height:30px;display:block;width:100%;background:#FF0000;border-radius:6px;color:#fff;border-bottom:rgba(0,0,0,.3) 3px solid}
#app .cesu .list dl dt+dd{background:#e8e8e8;line-height:30px;position:relative}
#app .cesu .list dl dt+dd cite{position:absolute;left:0;top:0;font-size:10px;background:#d6d6d6;color:#666;font-style:normal;padding:0 4px}
#app .cesu .list dl dt+dd span{display:block;padding-left:40px;font-size:14px}
#app .cesu .list dl dt+dd span b{color:#FF0000;font-weight:400}
#app .cesu .title{padding: 0 10px}
#app .cesu p.info{color:#fff;padding: 6px 10px 12px 10px;text-align: center}
#app #screen{position: relative;background: url(../images/slider_bg.jpg);background-size: 100% auto;height:61.8666vw ;max-height: 464px}
#app #screen .inner{padding: 0 6vw}
#app #screen .swiper-container{overflow: hidden;border-radius: 12px;position: relative;}
#app #screen .title{position: absolute;left: 0;top:4vw;z-index: 9;width: 100%;text-align: center;transform: translateY(-50%)}
#app #screen .title img{width: 50vw;}
#cs,#xiufus{position: fixed;bottom: 1px;left: 0;width: 100%;z-index: 2}
#cs .w640{display: flex;
  flex-direction: row-reverse;
  top: 20%;
  position: fixed;
  right: 0;}
#cs .w640 a{width: 100px}
#cs{bottom:calc(17.73333vw + 10px)}
#xrBox{display: none;opacity:0;position:fixed;left:0;top:0;width:100%;height:100vh;overflow-y:auto;z-index:-9999;transition:none;touch-action:pan-y;}
#xrBox.show{z-index:9999999;visibility:visible;opacity:1;transition:all 1.3s;}
#xrBox .close{width:100%;height:14vw;left:0;top:0;cursor:pointer;position:absolute}
#xrBox .install{width:100%;height:24vw;left:0;bottom:0;cursor:pointer;position:fixed}