html{background-color: #f2f2f2;font-size:16px}
.p10{ padding: 0.625rem;}
.c-btn-l{height: 2.5rem;line-height: 2.5rem;border-radius: 6.25rem;display: block;text-align: center;background-color: #eee;color: #a6a6a6;}
.c-btn-m{height: 2rem;line-height: 2rem;border-radius: 6.25rem;display: block;text-align: center;background-color: #eee;color: #a6a6a6;font-size: .9em;}
.c-btn-s{height: 1.625rem;line-height:1.625rem;border-radius: 0.4rem;display: block;text-align: center;background-color: #eee;color: #a6a6a6;font-size: .8em;padding-left: 1.2em;padding-right: 1.2em;}
.btn-add{font-weight: 700;height: 2.75rem;display: block;line-height: 2.75rem;border: 1px solid; border-radius: 0.5rem;margin: auto;}
.bg-white{background-color: #fff !important;}
.c-btn--o{background-color: #F65C11 !important;color: #fff;}
.c-btn--blue{background-color:#005EBE !important;color: #fff;}
.c-btn--red{background-color:#af8300 !important;color: #fff;}
.c-btn--r2{background-color:#FB1F17 !important;color: #fff;}
.c-gray{color: #a9a9a9 !important;}
.c-red{color: #af8300 !important;}
.c-r2{color: #FB1F17 !important;}
::-webkit-scrollbar {display: none;}::-webkit-scrollbar-track {display: none;}::-webkit-scrollbar-thumb {display: none;}
#mask{position: fixed;z-index: 100;background: rgba(0,0,0,.5);top: 0;bottom: 0;left: 0;right: 0;display: flex;flex-flow: column;align-items: center;justify-content: center;}
.popup-box{position: fixed;z-index: 101;background-color: #fff;border-radius: 0.4rem;padding: 0.625rem;left: 10%;right: 10%;min-height: 50%;top: 50%;margin-top: -50%;box-shadow: 0 0  0.625rem 0 rgba(0,0,0,.5)}
.list-products-box{padding: 0.3125rem;}
.list-products{position: relative;overflow: hidden;display: flex;flex-flow: row wrap;}
.list-products .item{width: calc(50% - 0.63rem); margin: 0.313rem;background-color: #fff;overflow: hidden;border-radius: 0.25rem;}
.list-products .item-img{display: block;width: 100%;height: 0;padding-bottom: 100%;overflow: hidden;position: relative;z-index: 0;}
.list-products .item-img img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;}
.list-products .item-text{display: block;padding: 0.625rem;font-size: 0.75rem;line-height: 1.3;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.list-products .item-text .c-btn--red{ padding: 0 .5em;}
.list-products .item-btm{padding: 0.625rem;padding-top: 0;display: flex;align-items: center;justify-content: space-between;}
.list-products .price{color: #FB1F17;font-size: 0.875rem;}
.list-products .cart{color: #fff;background-color: #FB1F17;height: 1.4rem;width: 1.4rem;border-radius: 1.4rem;text-align: center;line-height: 1.4rem;}
.list-products .cart i{font-size: 0.75rem;margin-top: -1px;margin-bottom: 1px;}
.header-bar{height: 2.6rem;background-color: #fff;display: flex;align-items: center;box-shadow: 0 0 0.18rem 0 rgba(0,0,0,.1);}
.header-bar .title{flex: 1;text-align: center;}
.header-bar .l,.header-bar .r{width: 3rem;text-align: center;}
.header-bar .icon-zuo{font-size: .92em;}
.footer-box{box-shadow: 0 0 0.2em 0 rgba(0,0,0,.3);background-color: #fff;flex-shrink: 0;position: relative;z-index: 2;}
.footer-nav{display: flex;align-items: center;justify-content: center;height: 2.75rem;font-size: .7em;}
.footer-nav a{flex: 1;display: flex;flex-flow: column;align-items: center;text-align: center;height: 100%;justify-content: center;color: #777;}
.footer-nav img{width: 1.2rem; height: 1.2rem;margin-bottom: 0.33rem;}
.footer-nav a.on{color: #af8300;}
.content-box{padding: 0.625rem;}
.w-box{background-color: white;padding: 0.625rem;border-radius: 0.5rem;font-size: 0.875em;}
.w-box+.w-box{margin-top: 0.625rem}
.header-bar.por{z-index: 1001;}
.popup-poster{text-align: center;display: flex;flex-flow: column;align-items: center;top: 40%;}
.popup-poster img{display: block;}

.list-store{background-color: #fff;}
.list-store li{position: relative;}
.list-store li+li::before{content: '';position: absolute;top: 0;right: 0;height: 1px;background-color: #f2f2f2;width: calc(100% - 6.25rem);}
.list-store .item>a{display: flex;overflow: hidden;padding: .8em;}
.list-store .img{display: flex;align-items: center;justify-content: center;flex-shrink: 0;width: 5rem; height: 5rem;border-radius: 0.3125rem;overflow: hidden;margin-right: 0.625rem;}
.list-store img{display: block;text-align: center;margin: auto;height: 100%;width: 100%;}
.list-store .text{flex: 1;overflow: hidden;}
.list-store .tit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 700;font-size: 0.9375rem;margin-bottom: .2em;}
.list-store .clb{padding:0.3125rem 0;font-size: 0.75rem;color: #999;}
.list-store .fl{display: flex;align-items: center;}
.list-store .fl em{margin-left: 0.3125rem ;}
.list-store .cont{font-size: 0.75rem;line-height: 1.3em;color: #999;}

.list-select {padding: 0.3rem;display: flex;flex-flow: row wrap;}
.list-select li{border: 1px solid #999;font-size: .75em; padding: .4em .8em;margin: .3rem;color: #666;border-radius: .25rem;background-color: #fff;cursor: pointer;}
.list-select li.on{background-color: #FB1F17;border-color: #EA0902;color: #fff;}
.d-num{display: flex;align-items: center;justify-content: center;float: left;}
.d-num input{width: 3em;text-align: center;font-size: 0.75rem;height: 1.25rem;border:0;border-top: 1px solid #a9a9a9; border-bottom: 1px solid #a9a9a9;color: #666;;}
.d-num .icon{display: flex;align-items: center;justify-content: center;border: 1px solid #a9a9a9;height: 1.25rem;font-size: 0.75rem;width: 1.5rem;}
.d-num .icon-jia{border-radius: 0 .2rem .2rem 0;}
.d-num .icon-jian{border-radius:  .2rem 0 0 .2rem;}

.dingdan_list{border-top:1px solid #CCCCCC;}
.dingdan_list ul{}
.dingdan_list ul li{ border-bottom:1px solid #CCCCCC; line-height:35px; text-indent:15px;}