@media (min-width: 320px){html{font-size: 42.6667px;} }
@media (min-width: 360px){html{font-size: 48px;} }
@media (min-width: 375px){html{font-size: 50px;} }
@media (min-width: 384px){html{font-size: 51.2px;} }
@media (min-width: 414px){html{font-size: 55.2px;} }
@media (min-width: 448px){html{font-size: 59.7333px;} }
@media (min-width: 480px){html{font-size: 48px;} }
@media (min-width: 512px){html{font-size: 68.2667px;} }
@media (min-width: 544px){html{font-size: 72.5333px;} }
@media (min-width: 576px){html{font-size: 76.8px;} }
@media (min-width: 608px){html{font-size: 81.0667px;} }
@media (min-width: 640px){html{font-size: 85.3333px;} }
@media (min-width: 750px){html{font-size: 100px;} }
* {
    margin: 0;
    padding: 0;
}
body {
    font-size: 0.26rem;
}
a {
    text-decoration: none;
}
.mb-com {
    margin-bottom: 0.32rem;
}
.pb-com {
    padding-bottom: 0.32rem;
}
.mb-com1 {
    margin-bottom: 0.2rem;
}
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: rgba(0, 0, 0, 0.3);
}
textarea:-moz-placeholder,
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: rgba(0, 0, 0, 0.3);
}
textarea::-moz-placeholder,
input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: rgba(0, 0, 0, 0.3);
}
textarea:-ms-input-placeholder,
input:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: rgba(0, 0, 0, 0.3);
}
.fg {
    height: 0.2rem;
    border-top: 0.02rem dashed rgba(0,0,0,0.3);
    background: #F9F9F9;
}
/* 头部 */
.top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.32rem;
    margin-top: 0.32rem;
}
.top img.logo {
    width: 4.02rem;
    height: 0.8rem;
}



/**/



body{margin:0;padding:0;font-family:PingFangSC-Regular}
img{width:100%}
.bg{min-height:100vh;z-index:1}
.pictures{min-height:85vh}
.pictures img{ display: block;}
.picture-wrapper{width:100%;}
.picture-loading{height:100%;display:flex;justify-content:center;align-items:center}
.footer{position:fixed;bottom:0;width:100%;height:auto;box-sizing:border-box;padding:5vw;background-color:#fff;z-index:100;display:flex;justify-content:space-between;align-items:center;background-color:#f5f5f5;z-index:2}
.footer-container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}
.footer-container>div:first-child{max-width:52vw}
.price-wrapper>div:not(:last-child){flex:0 0 auto}
.price-wrapper{display:flex;flex-direction:row;align-items:baseline}
.origin-price{text-decoration:line-through;color:#999;font-size:12px;display:none}
.price-prefix{font-size:5vw;font-weight:700}
.price{font-size:10vw;font-weight:700}
.btn{width:40vw;height:10vh;border:0;padding:0;background:linear-gradient(to bottom right,#ff8183,#ff52ba);color:#fff;font-size:5vw;border-radius:2vw}
.modal-body{display:flex;flex-direction:column;align-items:center;padding:20px}
.protocol{display:flex;justify-content:center;align-items:center;font-size:14px;line-height:2}
.protocol span{color:#1fae9d}
.protocol-modal{border-radius:16px!important}
.protocol-modal .title{font-weight:700;font-size:18px;text-align:center;display:inline-block;width:100%}
.protocol-modal p{margin:2px 0}
.protocol-modal .layui-layer-title{padding:0}
@supports(padding-bottom:env(safe-area-inset-bottom)){
    .footer{padding-bottom:max(5vw,env(safe-area-inset-bottom))}
}
#upper-text{font-size:18px;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:700;color:#385061}
#lower-text{font-size:14px;color:#6c747a;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}


.maxwidth{ max-width: 960px; margin-left: auto; margin-right: auto; }

.blankheight{ height: 50px; }
.fotfix{ position: fixed; bottom: 0; left: 0; right: 0; height: 50px; background:rgba(0,0,0,0.6); color:#fff; padding:10px 15px; display: flex; justify-content: space-between; align-items: center; font-size: 16px; }
.fotfix a{ height:40px; line-height: 40px; border:0; padding:0 10px; background:linear-gradient(to bottom right,#ff8183,#ff52ba);color:#fff;font-size:15px; border-radius:5px; }

@media screen and ( min-width:960px ) {
    .footer{ width:960px; padding:20px; font-size:22px; }
    .price { font-size: 44px; }
    .price-prefix{ font-size: 22px; }
    .btn {
        width: 300px;
        height: 80px;
        font-size: 22px;
        border-radius: 10px;
    }
}