*{margin:0;padding:0}
html {color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html * {outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
html,body {font-family:PingFang-SC-Regular,Helvetica,sans-serif; overflow-x: hidden; scroll-behavior: smooth;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0}
input,select,textarea {font-size:100%}
table {border-collapse:collapse;border-spacing:0}
fieldset,img {border:0}
abbr,acronym {border:0;font-variant:normal}
del {text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:500}
ol,ul {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:500}
q:before,q:after {content:''}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup {top:-.5em}
sub {bottom:-.25em}
a {color:#333;}
a:hover {text-decoration:none}
ins,a {text-decoration:none}
button {-webkit-appearance: none;}
.fn-clear:after {visibility:hidden; display:block; font-size:0;	content:" "; clear:both; height:0;}
.fn-clear {zoom:1; /* for IE6 IE7 */}
.fn-hide {display:none;}
.fn-left, .fn-right {display:inline;}
.fn-left {float:left;}
.fn-right {float:right;}
body{width: 100%; max-width: 10rem; font-size: .24rem; margin: 0 auto;}
body.fixed{position: fixed;}
a:hover{text-decoration: none;}
i, em{font-style: normal;}
@keyframes rotateImg {
  0% {transform : rotateY(0deg);}
  100% {transform : rotateY(360deg);}
}

/* iPhoneX适配 */
body{padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}

/* 头部 */
.header{height: 1rem;display: -webkit-box;font-size: 16px;line-height: 1rem;max-width: 1080px;position: relative;z-index: 100000;background: #fff;}
.header-l a{display: table-cell;height: 1rem;width: 1rem;vertical-align: middle; background: url(../images/ic_back.png) center center no-repeat; background-size: auto .4rem;}
.header-l img{display: none!important;width: auto;height: .8rem;margin: 0 auto;}
.header-c {-webkit-box-flex: 1;text-align: center; font-size: .36rem; line-height: 1rem; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header-r {height: 1rem;width: 1rem;}

.ywl_iOS .header{padding-top: 0!important; display: none!important;}
.ywl_iOS .padTop20 {padding-top: 0!important;}

/* 透明头部 */
.transparent.header {background: transparent !important; border-bottom: 0;}

/*加载中*/
.loading{padding:.2rem 0;text-align: center;clear: both;}
.loading img{margin: auto;width:.8rem;}
.loading p{font-size:.28rem;color:#bbb;}
/*底部*/
footer{position:fixed;bottom:0;left:0;right:0;display: -webkit-box;height:.98rem;border-top:solid 1px #f1f1f1;z-index: 99;background-color:#fff;}
footer .fItem{-webkit-box-flex: 1;position: relative;text-align: center;margin-top:.1rem;}
footer .fItem a{display: block;}
footer .fItem a i{width: .5rem;height: .5rem;display: block;margin:0 auto .04rem;}
footer .fItem i img{width: .5rem;height: .5rem;display: block;}
footer .fItem a p{font-size:.2rem;color:#bbb;}
footer .fItem.active p{color: #A5439A;}
footer .fItem i em{position: absolute;background-color: #ff5e4d;color: #fff;font-size: .16rem;min-width: .34rem;height: .34rem;border-radius: .18rem;line-height: .26rem;right: .3rem;padding-left: .04rem;padding-right: .04rem;box-sizing: border-box;top: -.1rem;border: solid .03rem #fff;display: none;}

/* iPhoneX适配 */
.footer{padding-bottom:calc(-.3rem + constant(safe-area-inset-bottom));padding-bottom: calc(-.3rem + env(safe-area-inset-bottom));}


.mask{height: 100%;width: 100%;background: rgba(0,0,0,.6);position: fixed;top: 0;right: 0;bottom:0;z-index: 1000000;opacity: 0;z-index: -1;}


/* 分享 */
.shareBox {position: fixed;bottom:-100%;width: 100%;margin:0 auto;text-align: center;z-index: 100001;}
.shareBox .pubShare_bg {position: fixed;top:0;width: 100%;height: 0;opacity:0;background:rgba(0,0,0,0.5);-webkit-transition:opacity .5s;transition:opacity .5s;z-index: 1;}
.pubShare_sheark1 {position: relative;height: 50%;background:#fff;z-index: 2;    border-radius: .1rem .1rem 0 0;}
.pubShare_sheark2{padding:.35rem .2rem}
#shareBox a {display: block; height: 1.1rem;}
#shareBox li{width: 20%; text-align: center; font-size: .24rem; color: #333; float: left; }
#shareBox li span{float: none;}
#shareBox a:after {display: inline-block;width: 1rem;height: 1rem;content:"";}
#shareBox .btn_comment, #shareBox .btn_tweixin{display: block; width: 1rem; height: 1rem !important;box-sizing: border-box; border-radius: 100%; line-height: 1 !important; padding: 0 !important; margin: 0 auto .11rem;}
#shareBox .btn_comment{background:url(../images/icon_comment.png) center center no-repeat;background-size: 1rem auto;}
#shareBox .btn_tweixin{background:url(../images/icon_wechat.png) center center no-repeat;background-size: 1rem auto;}
#shareBox .shareBox .pubShare_cancel {position: absolute;bottom:0;width: 7.5rem;height: .96rem;line-height: .96rem;font-size: .32rem;color: #000;background:#fff;z-index: 2;}
#shareBox .style  .jtico{width: 1rem; height: 1rem !important; border: 1px solid #F2F7FC; box-sizing: border-box; border-radius: 100%; line-height: 1 !important; padding: 0 !important; margin: 0 auto;}
#pubShare_cancelShear{height: .98rem;line-height: .98rem;background: #f4f4f4;margin: .1rem 0 0;font-size: .36rem;color: #333;}

/*分享指引*/
.publicShare_zhiyin{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100001; text-align: right; display: none;}
.publicShare_zhiyin .pubShare_bg{position: fixed;top:0;width: 7.5rem;height: 0;opacity:0;background:rgba(0,0,0,0.7);-webkit-transition:opacity .3s;transition:opacity .3s;z-index: 1;}
.publicShare_zhiyin .publicShare_zhibox{position: fixed; top: 0; left: 0; right: 0; z-index: 2;}
.publicShare_zhiyin .publicShare_zhibox img{width: 7rem; display: block; margin: 0 auto;}
.publicShare_zhiyin .publicShare_zhibox p{display: none;}




/* 删除弹窗 */
.layui-m-layerchild.layui-m-anim-scale{border-radius: .32rem!important;width:5rem!important;}
.layui-m-layerchild h3{border-radius: .32rem .32rem 0 0!important;background: #F5C9F0 url(../images/icon_star.png) no-repeat  68% 64%;background-size:.7rem; color:#A5439A;font-size:.34rem!important;}
.layui-m-anim-scale .layui-m-layercont{font-size: .26rem;color:#333;padding:.8rem 0 .7rem!important;}
.layui-m-anim-scale .layui-m-layercont p{font-size: .4rem;margin-top: .1rem;}
.layui-m-layerbtn{height:auto!important;line-height:auto!important;border-top: dashed .02rem #F4EDD9!important;border-radius:  0 0 .32rem .32rem!important;background:#fff!important;padding: .6rem 0 .2rem;}
.layui-m-layerbtn span{height: .88rem;line-height: .7rem;margin:0 .2rem;font-size: .36rem!important;}
.layui-m-layerbtn span[yes]{background:url(../images/icon_del_bg.png) no-repeat center;background-size: contain;color:#fff!important;}
.layui-m-layerbtn span[no]{border-right: 0!important;position:absolute;bottom:-1.2rem;left:0;right:0;background:url(../images/icon_close.png) no-repeat center;background-size: .69rem;}



/* 取消订单弹窗 */
.cancelBox,.couponsBox{position: fixed; bottom:-200%; left: 0; right: 0; background: #fff;border-radius: .2rem .2rem 0 0; z-index: 1000003; font-size: .28rem; transition: all .1s;padding:0 .3rem;}
.cbtop{padding-top: .7rem;text-align: center;}
.cbtop h2{font-size: .32rem;color:#333;margin-bottom: .25rem;}
.cbtop p{font-size: .28rem;color:#666;margin-bottom: .4rem;}
.cbcon p{margin-bottom: .3rem;font-size: .28rem;color:#666;}
.cancelBox .cbcon ul li{overflow: hidden;padding:.36rem 0;border-bottom: solid 1px #ddd;position: relative;display: -webkit-box;height: .4rem;line-height: .4rem;}
.cancelBox .cbcon ul li h3{font-size: .28rem;-webkit-box-flex: 1;height: .4rem;line-height: .4rem;}
.rbox{height: .4rem;display: inline-block;vertical-align: middle;padding-right: .1rem;}
.rbox input[type=radio]{position: absolute;top: 0;left: 0;margin: 0;opacity: 0;z-index: 9;width: 100%;height: 100%;-webkit-appearance: none;}
.rbox span {position: relative;display: block;width: .28rem;height: .28rem;background: #f4f4f4;-webkit-transition: background .1s;transition: background .1s;border: 1px solid #ddd;border:solid .02rem #e4e4e4;}
.rbox input:checked+ span {background: #A5439A;border-color: #A5439A;}
.rbox input:checked+span:after{position: absolute;content:'';width:.28rem;height:.28rem;display:block;background:url(../images/icon_gou.png) no-repeat center;background-size:.24rem;}

.cbbot{text-align: center;width: 100%;overflow: hidden;}
.cbbot a{width:2.6rem;height:.96rem;line-height:.96rem;display: block;color: #fff;font-size: .36rem;border-radius: .1rem;margin:.25rem .3rem;}
.cbbot a.noCancel{color:#A5439A;border:solid 1px #A5439A;float: left;}
.cbbot a.qdCancel{color:#fff;background-color:#A5439A;float: right;}
/*iphone x 适配*/
.cbbot a,.btn_confirm{padding-bottom:calc(-.3rem + constant(safe-area-inset-bottom));padding-bottom: calc(-.3rem + env(safe-area-inset-bottom));}

.sizeHide{animation: sizebox_hide .3s;-moz-animation: sizebox_hide .3s;-webkit-animation: sizebox_hide .3s;-o-animation: sizebox_hide .3s;animation-fill-mode: forwards;}
.sizeShow{animation: sizebox_show .3s;-moz-animation: sizebox_show .3s;-webkit-animation: sizebox_show .3s;-o-animation: sizebox_show .3s;animation-fill-mode: forwards;}
@keyframes sizebox_hide {0% {bottom: 0;}100% {bottom: -200%;}}
@keyframes sizebox_show {0% {bottom: -200%;}100% {bottom: 0;}}


/* 优惠券弹窗 */
.couponsBox{padding:0;}
.couponsBox .cbcon ul li{padding:.22rem .3rem;border-bottom: solid 1px #ddd;position: relative;display: -webkit-box;display:-moz-box;}
.couponsBox .cbcon ul li:first-child .lbox{height: .4rem;line-height: .4rem;}
.couponsBox .cbcon ul li:last-child{border-bottom: none;}
.couponsBox .lbox{-webkit-box-flex: 1;height: .8rem;line-height: .4rem;}
.couponsBox .lbox p{font-size: .2rem;color:#999;}
.couponsBox .cbcon ul li:not(:first-child) .rbox{padding-top:.2rem;}
.couponsBox .cbbot a.btn_confirm{width:100%;height:.98rem;line-height:.98rem;margin:.2rem 0 0;text-align:center;color:#fff;background-color:#A5439A;border-radius: 0;}
.couponsBox .cbcon ul li.disabled {opacity: .7;background: #eee;}