html,body{height: 100%;}
body{display: flex;flex-flow: column;}
.header-bar{flex-shrink: 0;}
.body-box{flex: 1;overflow-y: scroll;}
.footer-bar{flex-shrink: 0;background-color: #fff;display: flex;padding: 0.625rem;align-items: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.banner-box {position: relative;z-index: 0;overflow: hidden;}
.banner-box img{width: 100%;display: block;border-radius: 0.5rem;}

.storeinfo{background-color: #fff;padding: 0.625rem;line-height: 1.6em;margin-bottom: 0.625rem}
.storeinfo h2{font-size: 1.2rem;}
.storeinfo .t-share{display: flex;align-items: center;line-height: 1.4em;}
.storeinfo .t-share a{white-space: nowrap;color: #af8300; padding: .8em;font-size: 0.875rem}
.storeinfo .clb{font-size: 0.75rem; padding: 0.625rem 0 0;color: #999;}

.checking-box{background-color: #fff; padding: 0.625rem;margin-bottom: 0.625rem;display: flex;align-items: center;font-size: 0.875rem;color: #999;}
.checking-box span{flex-shrink: 0;}
.checking-box input{flex: 1; border: 0;height: 2.25rem;padding: 0 1em;}
.remark-box {background-color: #fff;margin-bottom: 0.625rem;}
.remark-box .hd{padding: 0.8rem 0.625rem;border-bottom: 1px solid #f2f2f2;font-size: 0.875rem;}
.remark-box .hd a{color: #999;display: inline-block;}
.remark-box .hd a em{color: #af8300;margin-right: 0.625rem;}
.remark-box .bd{padding: 0.625rem}
.remark-box .bd li+li{border-top: 1px solid #f2f2f2;}
.user-bar .img{width: 1.88rem; height: 1.88rem;display: flex;align-items: center;justify-content: center;border-radius: 3.125rem;overflow: hidden;margin: 0 0.625rem; flex-shrink: 0;}
.user-bar .img img{display: block;text-align: center;margin: auto;}
.user-bar {display: flex;align-items: center;}
.user-bar .text{flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1.5em;font-size: 0.8rem;}
.user-bar .star{display: flex;color: #af8300;font-size: 0.75rem;}
.user-bar .star i{font-size: .78rem;}
.remark-box li{padding-top: 0.625rem;}
.remark-box .time{font-size: 0.75rem;color: #999; padding: 0.625rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.remark-box .text-c-box{font-size: 0.875rem;color: #333; padding: 0.625rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 1.5em;}

.detail {background-color: #fff;}
.detail .hd{text-align: center;padding: 0.625rem;line-height: 2em;}
.footer-bar.fixed{position: fixed;z-index: 1001;left: 0;right: 0;height: 3.75rem;bottom: 0;}
.footer-bar{display: flex;align-items: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;justify-content: space-between;}
.footer-bar .icons{display: flex;align-items: center;}
.footer-bar .btns{display: flex;}
.footer-bar .icons a{display: flex;flex-flow: column;align-items: center;position: relative;height: 2.5rem;font-size: 0.75rem;justify-content: flex-end;padding: 0 .8em;}
.footer-bar .icons .fontxp{font-size: 1.4rem}
.footer-bar .icons .poa {	top: 0;	left: 50%;	background: #FB1F17;	color: #fff;	padding: .2em .5em;	border-radius: 20em;	font-size: 12px;	transform: scale(.9);}
.footer-bar .btns{display: flex; flex-shrink: 0;border-radius: 2.5rem;overflow: hidden;line-height: 1.1em;}
.footer-bar .btns a{display: flex;flex-flow: column;text-align: center;align-items: center;height: 2.5rem;justify-content: center;font-size: 0.8rem; padding: 0 1em;}
.footer-bar .btns a em{font-size: 0.75rem;transform: scale(.9);}
.popup-products{bottom: 3.75rem;box-shadow: none;border-radius:1rem 1rem 0 0 ;left: 0;right: 0;min-height: 30%;margin-top: auto; display: none; overflow: hidden;box-shadow: 0 -2px 2px 0 rgba(180,180,180,.1);}
.popup-products .x{position: absolute;top: 0;right: 0;width: 3em;height: 3em;display: flex;align-items: center;justify-content: center;}
.popup-products .x i{display: block;width: 1em;height: 1em;transform: rotate(45deg);font-size: 1.2em;}
.popup-products .item{display: flex;margin-top: 2rem;line-height: 1.4em;font-size: 0.9rem;}
.popup-products .item .img{width: 4rem; height: 4rem;overflow: hidden;flex-shrink: 0;margin-right: .625rem}
.popup-products .item .text{flex: 1;overflow: hidden;}
.popup-products .item .bd span{padding: 0.3rem;display: inline-block;}
.popup-products .tit{padding: 0.625rem;}

.popup-share{top: auto;bottom: 3.7rem;left: 0;right: 0;min-height: auto;border-radius: .625rem .625rem 0 0;}
.popup-share li {text-align: center;width: 20%;}
.popup-share li i{background-color: #af8300;color: #fff;border-radius: 20rem;display: flex;align-items: center;justify-content: center;    font-size: 1.3em;    width: 2em;    height: 2em;    margin: 0 auto .3rem;}
.popup-share li span{font-size: .75em;}

.popup-haibao {top:calc(50% - 4rem)}