@charset "UTF-8";
html,body,h1,h2,h3,h4,h5,dl,dt,dd,ul,ol,li,p,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
html,body,button,input,select,textarea{font:12px/1.5 -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;}
h1,h2,h3,h4,h5,button,input,select,textarea{font-size:100%;}
em,i{font-style:normal;}
form{display:inline;}
ul,ol{list-style:none;}
img{border:0 none;vertical-align: top;}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none;outline:none;color:#000; -webkit-tap-highlight-color: rgba(0,0,0,0);}
a:hover{text-decoration: none;}
a:focus, *:focus {outline:none;}
.hidden{display:none}
.fl{float: left;}
.fr{float: right;}
.clearfix:before,.clearfix:after {display: table; content: " ";}
.clearfix:after {clear: both;}
.clearfix{*zoom: 1;}

html,body{height: 100%;width: 100%;}
body{background: #fff;}
.share{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.8);top: 0;left: 0;z-index: 1000;}
.share_txt{position: absolute;width: 72.685vw;height: 14.815vw;background: url(../images/share.png) no-repeat;background-size: 100%;right: 4.63vw;top: 6.481vw;}

.appdown-swiper,
.appdown-swiper .swiper-wrapper,
.appdown-slide{
    width: 100%;
    height: 100%;
}
.appdown-swiper{max-width: 750px;margin: 0 auto;overflow: hidden;background: #fff;}
.appdown-slide{position: relative;overflow: hidden;}
.appdown-slide-bg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center top;}
.appdown-slide-actions{position: absolute;left: 50%;bottom: 8vh;bottom: calc(8vh + env(safe-area-inset-bottom));z-index: 2;display: flex;flex-direction: column;align-items: center;width: 51.7%;max-width: 360px;transform: translateX(-50%);}
.appdown-slide-action{display: block;width: 100%;padding: 0;border: 0;background: transparent;cursor: pointer;-webkit-tap-highlight-color: transparent;}
.appdown-slide-action img{display: block;width: 100%;height: auto;}
.copy-toast{position: fixed;left: 50%;bottom: 8vh;z-index: 1100;max-width: 80vw;padding: 10px 18px;border-radius: 4px;background: rgba(0,0,0,.78);color: #fff;font-size: 14px;line-height: 20px;white-space: nowrap;opacity: 0;pointer-events: none;transform: translate(-50%, 10px);transition: opacity .2s, transform .2s;}
.copy-toast.show{opacity: 1;transform: translate(-50%, 0);}

@media screen and (min-width: 751px){
    .appdown-slide-bg{object-fit: contain;}
    .appdown-slide-actions{max-width: 29vh;}
}
