body{margin:0;padding:0; /*background:url(../huapaih5/img/zhifubg.png);*/}
.fr{ float:right;}
.bg{z-index:1; margin:0 auto; text-align:center;}
.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{bottom:0;width:100%;height:auto;box-sizing:border-box;padding:2vw;z-index:100;background:#fff;opacity: 0.75;z-index:2}
.footer-container{width:100%;}
.footer-container p{width:auto;}
.footer-container>div:first-child{max-width:100%}

.price-wrapper>div:not(:last-child){flex:0 0 auto}
.price-wrapper{display:flex;flex-direction:row;align-items:baseline}
.formfont{font-size:5vw;font-weight:200;}
.origin-price{text-decoration:line-through;color:#999;font-size:12px;display:none}
.price-prefix{font-size:5vw;font-weight:200; margin-left:1vw;}
.price{font-size:5vw;font-weight:300; color:#F00;}

.btn{width:10rem;height:3rem;border:0;padding:0;background:#060; text-align:center;}

.modal-body{padding:10px}

.protocol{font-size:14px;line-height:2; text-align:center; width:100%;}
.protocol span{color:#1fae9d;}
.protocol-modal{border-radius:10px!important}
.protocol-modal .title{font-weight:500;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: 100%;margin-left: auto; margin-right: auto; }
.text-center{ margin:0 auto; text-align:center;}
.mtb{ margin-top:1rem; margin-bottom:1rem;}

.blankheight{ height: 50px; }

input[type="text"] {
  width:auto;
  height: 25px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0,0,0,0.1);
  padding-left:5px;
  margin:0.35rem 0;
}

.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,#00ff38,#2ba245);color:#fff;font-size:15px; border-radius:5px; }

@media screen and ( min-width:960px ) {
	
    .footer{ width:960px; padding:20px; font-size:20px; }
    .price { font-size: 20px; }
    .price-prefix{ font-size: 20px; }
	
    .btn {
        width: 150px;
        height: 50px;
        font-size: 18px;
        border-radius: 10px;
		text-align:center;
    }
}