.wrap{width:100%;height:100%}
.banner{width:100%}
.banner img{width:100%}
.header_info{width:100%;height:1.21rem;box-sizing:border-box;background:#fff;position:relative}
.info_pic{position:absolute;top:-.4rem;left:.36rem;width:1.6rem;height:1.6rem}
.info_pic img{width:100%;height:100%;border-radius:18px}
.info_text{width:5.17rem;height:1.2rem;margin-left:2.33rem}
.info_text h2{height:.56rem;line-height:.56rem;font-size:.4rem;font-weight:600;color:#282828;padding-top:.15rem}
.info_text ul{width:auto;height:.3rem;line-height:.3rem;display:flex;font-size:.22rem;color:#9a9a9a;margin-top:.1rem}
.info_text ul li{margin-right:.4rem}
.info_text ul li img{height:.19rem}
.header_remarks{width:6.9rem;height:1.34rem;box-sizing:border-box;margin:0 .3rem;border-bottom:1px #e4e4e4 solid;display:flex;justify-content:space-between}
.remarks_rating{margin-top:.2rem;width:2.52rem;height:.84rem}
.remarks_rating h3{width:3rem;height:.56rem;line-height:.56rem}
.remarks_rating h3 span{font-size:.5rem;font-weight:700;color:#989898}
.remarks_rating h3 img{height:.28rem;margin-bottom:.05rem;margin-left:.2rem}
.remarks_info p,.remarks_rating p{width:100%;height:.28rem;line-height:.28rem;font-size:.26rem;color:#bebebe}
.remarks_info{margin-top:.2rem;width:1.88rem;height:.84rem;display:flex;justify-content:space-between}
.remarks_info h3{height:.56rem;font-weight:700;font-size:.4rem;line-height:.56rem;color:#989898}
.remarks_info h3 span{font-size:.27rem}
.introduce{width:100%;height:auto;box-sizing:border-box;font-weight:700;font-size:.31rem;line-height:.45rem;color:#7a7a7a;padding: 0.3rem}
.introduce img{width:100%}
.btn_group{width:100%;height:3.9rem;box-sizing:border-box;display:flex;flex-direction:column;padding:0 .61rem}
.btn_item{width:100%;height:1rem;margin-top:.3rem;display:flex;justify-content:space-around}
.btn_item button{width:100%;height:1rem;border-radius:1rem;border:none;outline:0;text-align:center;font-size:.32rem;box-sizing:border-box;line-height:1rem}
.btn_item button a{color:#fff;font-size:.32rem}
.btn_item:nth-of-type(1) button{background:#3387ff;color:#fff}
.btn_item:nth-of-type(2) button{background:#fff;border:1px #e2e2e2 solid;line-height:.96rem}
.btn_item:nth-of-type(3){line-height:.6rem}
.btn_item a,.btn_item span{font-size:.28rem;color:#3387ff}
.swiper-container{box-sizing:border-box;padding:.2rem 0;width:100%;height:3rem;background:#f0f0f0;margin-bottom:.36rem}
img.swiper-slide{width:4.62rem;height:2.61rem}
.install{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1000;background:rgba(0,0,0,.5);display:none}
.install_title{width:100%;height:.8rem;position:absolute;top:25%;left:0;box-sizing:border-box;background:#fff;border-bottom:1px #ddd solid;display:flex;justify-content:space-between;padding:0 .2rem;line-height:.8rem;z-index:1000}
.wrapper{width:100%;height:70%;position:relative;top:30%;left:0;background:#fff;box-sizing:border-box;padding:0 .385rem}
.content{width:100%;height:100%;display:flex;flex-direction:column;overflow:auto;}
.content li{margin-top:.1rem;height:auto}
.content li p{width:100%;text-align:center;font-size:.3rem;padding:.2rem 0;color:#000}
.content li p span{color:#fa3c02}
.content li img.img_01{width:6.73rem;height:2.41rem}
.content li img.img_02{width:6.73rem;height:2.8rem}
.content li:nth-last-of-type(1){margin-bottom:10px}
.ios_mask{width:100%;height:100%;position:fixed;background:rgba(0,0,0,.9);top:0;left:0;text-align:center;display:none;z-index:1000}
.ios_mask img{position:absolute;top:7.8rem;left:1.1rem;width:5.28rem;height:1.31rem;transform-origin:center .9rem;animation:iosWobble 1s cubic-bezier(.215,.61,.355,1) infinite;-moz-animation:iosWobble 1s cubic-bezier(.215,.61,.355,1) infinite;-webkit-animation:iosWobble 1s cubic-bezier(.215,.61,.355,1) infinite}
.ios_mask button{width:4.4rem;height:.94rem;font-weight:700;border:1px #fff solid;border-radius:.94rem;text-align:center;background:#fff;line-height:.94rem;font-size:.37rem;color:#007aff;box-shadow:0 0 7px 2px #007fff;position:absolute;bottom:1rem;left:50%;transform:translateX(-50%)}
@media screen and (device-height:736px){
.ios_mask img{top:7rem}
.ios_mask button{bottom:.6rem}
}
@media screen and (device-height:667px){
.ios_mask img{top:7rem}
.ios_mask button{bottom:.6rem}
}
@keyframes iosWobble{
0%{transform:rotate(0)}
10%{transform:rotate(5deg)}
20%{transform:rotate(10deg)}
30%{transform:rotate(5deg)}
40%{transform:rotate(0)}
50%{transform:rotate(0)}
60%{transform:rotate(0)}
70%{transform:rotate(-5deg)}
80%{transform:rotate(-10deg)}
90%{transform:rotate(-5deg)}
100%{transform:rotate(0)}
}
.kf_link img{width:5vw;margin-right:1vw}
.btn_item button a.gohome{color:#3387ff}
.iconDown{margin-right:.1rem;width:.5rem;position:absolute;left:0rem;top:-.1rem}
.introduce h3{color:#000;margin-bottom:.1rem;font-size:.3rem}
.introduce p{font-weight:400;color:#444;font-size:.3rem}
.introduce p span{color:#378bff}
.iosMask a{position:relative;padding-left:.6rem}
.hide{display:none}
#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 p{font-size:14px;line-height:20px}
#open_safari img{width:100%}
#open_safari .w640{padding:30px}
.and_show,.ios_show{display:none}
.w640{position:relative;max-width:640px;margin:0 auto}
#open_safari a#copyBtn{max-width:30vw;display:block;margin:10px auto}
#open_safari .safari_info{max-width:70vw;margin:20px auto}
#wxdk{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0,.7);display: none}
#wxdk img{max-width: 100%;}
#wxdk .inner{max-width: 640px;margin: 0 auto;height: 100vh;display: flex;flex-direction: column;justify-content: center}
#wxdk .inner dl{max-width: 500px;width: 70vw;margin: 0 auto;background: #fff;border-radius: 6px;overflow: hidden;}
#wxdk .inner dl dd{line-height: 48px;text-align: center;font-size: 16px;color:#090;border-top: #eee 1px solid;}