@charset "UTF-8";
/*view toggle*/
.view{display:none;}
.view-group{}
.view.active{display:block;}

/*layout flex*/
.fn-flex{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;flex-flow:row;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;}
.fn-flex-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.fn-flex-baseline{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline;}
.fn-flex-item{display:block !important;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.fn-flex-item[flexsize="2"]{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;}
.fn-flex-item[flexsize="3"]{-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3;}
.fn-flex-item[flexsize="4"]{-webkit-box-flex:4;-webkit-flex:4;-ms-flex:4;flex:4;}
.fn-flex-item[flexsize="5"]{-webkit-box-flex:5;-webkit-flex:5;-ms-flex:5;flex:5;}
.fn-flex-item[flexsize="6"]{-webkit-box-flex:6;-webkit-flex:6;-ms-flex:6;flex:6;}
.fn-flex-item[flexsize="7"]{-webkit-box-flex:7;-webkit-flex:7;-ms-flex:7;flex:7;}
.fn-flex-item[flexsize="8"]{-webkit-box-flex:8;-webkit-flex:8;-ms-flex:8;flex:8;}
.fn-flex-item[flexsize="9"]{-webkit-box-flex:9;-webkit-flex:9;-ms-flex:9;flex:9;}
.fn-flex-item[hdtrole~="gutter"]{margin-right:.4rem;}
.fn-flex-item:last-child[hdtrole~="gutter"]{margin-right:0;margin-left:.4rem;}
.list-item>.fn-flex>.list-photo+.fn-flex-item,
.list-item.fn-flex>.list-photo+.fn-flex-item{max-width:60%;}/*next to .list-photo*/
/*
.list-item>.fn-flex>.form-radio~.fn-flex-item,
.list-item.fn-flex>.form-radio~.fn-flex-item{max-width:48%;}*//*paralle to .form-radio*/
.list-item .fn-flex-item[flexsize="2"]{max-width:20%;}
.list-item .fn-flex-item[flexsize="3"]{max-width:30%;}
.list-item .fn-flex-item[flexsize="4"]{max-width:40%;}
.list-item .fn-flex-item[flexsize="5"]{max-width:50%;}
.list-item .fn-flex-item[flexsize="6"]{max-width:60%;}
.list-item .fn-flex-item[flexsize="7"]{max-width:70%;}
.list-item .fn-flex-item[flexsize="8"]{max-width:80%;}
.list-item .fn-flex-item[flexsize="9"]{max-width:90%;}
.fn-flex-item[flexsize="8"].fn-divide{padding-right:.8rem;max-width:80%;}

/*layout float*/
.fn-clear:after,
.detail-desc:after,
.widget-para-equal:after,
.goods-detail-desc:after{content:"";display:table;clear:both;}
.fn-clear{*height:1%;clear:both;}
.fn-fl{float:left;}
.fn-fr{float:right;}
.fn-hide{display:none !important;}

/*layout blank*/
.fn-pn{padding:.8rem;}
.fn-ps{padding:.4rem;}
.fn-phs{padding-right:.4rem;padding-left:.4rem;}
.fn-mv{margin-top:1rem;margin-bottom:1rem;}
.fn-mbs{margin-bottom:.4rem;}
.fn-maxh{max-height:12rem;overflow-y:hidden;}

/*text render*/
.text-nowrap{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.text-wrap{word-spacing:normal;white-space:pre-line;word-break:break-all;word-wrap:break-word;}
.text-nospace{line-height:1 !important;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-primary{color:#5199e0 !important;}
.text-danger{color:#e65c5c !important;}
.text-slight{color:#bbb !important;}
.text-warn{color:#e59900 !important;}
.text-success{color:#47b347 !important;}
.alert-normal,
.alert-fail,
.alert-success{padding:1rem;text-align:center;}
.alert-fail{color:#e65c5c}
.alert-success{color:#47b347}

/*button & label*/
.btn-normal,input[type="button"].btn-normal,
.btn-primary,input[type="button"].btn-primary,
.btn-danger,input[type="button"].btn-danger,
.btn-warn,input[type="button"].btn-warn,
.btn-info,input[type="button"].btn-info,
.btn-disable,input[type="button"].btn-disable{display:inline-block;padding:.6rem 1rem;border:1px solid rgba(0,0,0,0);border-radius:.2rem;text-align:center;color:#fff;font-size:1rem;white-space:nowrap;text-overflow:ellipsis;}
.label-warn,
.label-danger,
.label-primary,
.label-success,
.label-disable{padding:0 .2rem;border-radius:1rem;color:#fff;line-height:1;font-size:.7rem;border:1px solid rgba(0,0,0,0)}
.btn-normal,input[type="button"].btn-normal{background-color:#fff;color:#333;border-color:rgba(0,0,0,.1);vertical-align:.0rem;}
.btn-primary,input[type="button"].btn-primary,
.label-success{background-color:#47b347;}
.btn-danger,input[type="button"].btn-danger{background-color:#e65c5c;}
.btn-info,input[type="button"].btn-info{background-color:#4093e6;}
.label-primary{background-color:#89d689;}
.label-danger{background-color:#f09090;}
.btn-warn,input[type="button"].btn-warn,
.label-warn{background-color:#fa0;}

.label-warn[hdtrole="icon"],
.label-danger[hdtrole="icon"]{width:.8rem;height:.8rem;font-size:.6rem;vertical-align:.15rem;}
.btn-normal[hdtrole="danger"]{background-color:transparent;border-color:#e65c5c;color:#e65c5c;}
.btn-small,input[type="button"].btn-small{padding:.28rem .6rem;font-size:.8rem;}
.btn-xsmall,input[type="button"].btn-xsmall{padding:.2rem;height:1rem;font-size:.6rem;line-height:1;}
.btn-large,input[type="button"].btn-large{padding:.64rem 1.2rem;font-size:1.2rem;}
.btn-block,input[type="button"].btn-block{display:block;width:100%;}
.btn-primary:focus,
.btn-primary:active:focus{}
.btn-primary:hover,
.btn-primary:focus{}
.btn-primary:active,input[type="button"].btn-primary:active,input[type="button"].btn-primary:focus,button.btn-primary:active,button.btn-primary:focus{background-color:#3c8c3c;}
.btn-info:active,input[type="button"].btn-info:active,input[type="button"].btn-info:focus,.btn-info:focus,button.btn-info:active,button:focus,.btn-info:focus{background-color:#3d8cdb;}
.btn-danger:active,input[type="button"].btn-danger:active,input[type="button"].btn-danger:focus,button.btn-danger:active,button.btn-danger:focus{background-color:#d84646;}
.btn-normal:active,
.widget-count-minus:active,
.widget-count-add:active,
.list-item[hdtrole~="check"]:active,
.list-item[hdtrole~="next"]:active,
.list-item[hdtrole~="fold"]:active,
.list-item[hdtrole~="unfold"]:active,
.pop[hdtrole="menu"] .list-item:active{background-color:rgba(0,0,0,.1);}
.btn-disable,
.label-disable,
.btn-primary.btn-disable:active,
.btn-danger.btn-disable:active,
.btn-normal.btn-disable:active{background-color:#bbb;}
.form-text+.fn-flex-item.btn-small,
.form-text+.fn-flex-item>.btn-small{line-height:1.9;}

/*icon*/
.icon{display:inline-block;width:2rem;height:2rem;vertical-align:-.64rem;background:url("../img/icon.png") no-repeat;background-size:320px auto;}
.icon-small{width:1.5rem;height:1.5rem;background-size:240px auto;vertical-align:-.4rem;margin-right:-.2rem;}
.icon-xsmall{width:1rem;height:1rem;background-size:160px auto;vertical-align:-.2rem;margin-right:-.2rem;}
.icon-large{width:3.2rem;height:3.2rem;background-size:240px auto;}
.icon-xlarge{width:5.2rem;height:5.2rem;background-size:440px auto;}
.icon-cart-count{position:absolute;top:-.2rem;right:-.2rem;width:1rem;height:1rem;border-radius:50%;text-align:center;font-size:.6rem;line-height:1.5;background-color:#48b448;color:#fff;border:0px solid rgba(255,255,255,1);}
.icon-cart{background-position:-0px -0px;position:relative;}
.icon-cart-white{background-position:-0px -32px;position:relative;}
.fn-header .icon-cart{width:1.6rem;height:1.6rem;background-position:-6px -0px;}
.icon-mine{background-position:-32px -0px;}
.icon-pen{background-position:-64px -0px;}
.icon-store{background-position:-96px -0px;}
.icon-home{background-position:-128px -0px;}
.icon-load{background-position:-160px -0px;}
.icon-success{background-position:-0px -64px;}
.icon-fail{background-position:-32px -64px;}
.icon-fail-gray{background-position:-128px -128px;}
.icon-fail-gray.icon-small{background-position:-96px -96px;}
.icon-warn{background-position:-64px -64px;}
.icon-success-white{background-position:-32px -32px;}
.icon-fail-white{background-position:-64px -32px;}
.icon-warn-white{background-position:-96px -32px;}
.icon-store-white{background-position:-192px -32px;}
.icon-home-white{background-position:-128px -32px;}
.icon-photo{background-position:-96px -64px;}
.icon-chat-green{background-position:-128px -64px;}
.icon-coin{background-position:-160px -64px;}
.icon-prize{background-position:-192px -64px;}
.icon-cart-golden{background-position:-224px -64px;}
.icon-sad{background-position:-192px -0px;}
.icon-speaker{background-position:-256px -64px;}
.icon-chat{background-position:-224px -0px;}
.icon-search{background-position:-256px -0px;}
.icon-menu{background-position:-288px -0px;}
.icon-menu-red{background-position:-288px -64px;}
.icon-phone{background-position:-0px -96px;}
.icon-phone.icon-xsmall{background-position:-0px -48px;}
.icon-qq{background-position:-32px -96px;}
.icon-wechat{background-position:-64px -96px;}
.icon-wechat-white{background-position:-256px -32px;}
.icon-wechat-white.icon-small{background-position:-192px -24px;}
.icon-more{background-position:-128px -96px;}
.icon-more.icon-small{background-position:-96px -72px;}
.icon-fire{background-position:-160px -96px;}
.icon-pay{background-position:-192px -96px;}
.icon-wallet{background-position:-224px -96px;}
.icon-chat-blue{background-position:-256px -96px;}
.icon-orderboard{background-position:-288px -96px;}
.icon-photo-white{background-position:-224px -32px;}
.icon-photo-white.icon-small{background-position:-168px -24px;}
.icon-photo-white.icon-xsmall{background-position:-110px -16px;}
.icon-location{background-position:-0px -128px;}
.icon-location.icon-small{background-position:-0px -96px;}
.icon-location-red{background-position:-32px -128px;}
.icon-navigator{background-position:-0px -160px;}
.icon-navigator.icon-large{background-position:4px -120px;}
.icon-call.icon-large{background-position:-94px -120px;}
.icon-success.icon-xlarge{background-position:-92px -220px;}
.icon-message{background-position:-64px -128px;}
.icon-question{background-position:-96px -128px;}
.icon-question.icon-small{background-position:-72px -96px;}
.icon-group{background-position:-160px -128px;}
.icon-bag{background-position:-192px -128px;}
.icon-pocket-stroke{background-position:-224px -128px;}
.icon-security{background-position:-256px -128px;}
.icon-next.icon-small{background-position:-216px -24px;}
.icon-next.icon-xsmall{background-position:-144px -16px;}
.icon-close{position:relative;background-image:none;}
.icon-close:before,
.icon-close:after{border-color:#bbb;border-style:solid;content:"";position:absolute;top:50%;margin-top:-5px;width:10px;height:10px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.icon-close:before{border-width:2px 2px 0 0;left:50%;margin-left:-13px;}
.icon-close:after{border-width:0 0 2px 2px;right:50%;margin-right:-13px;}
.icon[hdtrole~="loading"]{-webkit-animation:rotate linear 2.6s infinite;animation:rotate linear 2.6s infinite;}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.icon-check{position:relative;display:inline-block;margin-right:.2rem;width:1.4rem;height:1.4rem;border-radius:50%;border:1px solid #bbb;vertical-align:-.2rem;}
.icon-check.active{border-color:#e65c5c;background-color:#e65c5c;box-shadow:none;}
.icon-check.active:after{content:"";position:absolute;top:.3rem;right:.2rem;width:.8rem;height:.4rem;border-color:#fff;border-style:solid;border-width:0 0 .1rem .1rem;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.icon-check.disable{background:#eee;border-color:#e6e6e6;}
.list-item .icon-check{margin-right:.4rem;}
.list-item[hdtrole~="head"] .icon-check{margin-right:0;}
.fn-footer .icon-check{margin-left:.4rem;}

/*form element*/
.form-select option[value=""][disabled]{color:#bbb;}
.form-select::-ms-expand{display:none;}/*ie*/
.form-select{padding-right:1.4rem;height:2rem;border-style:none;background:transparent;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS1JREFUeNrs2F8KgkAQBvA1PVPUu3foQSjoXvnmg3fwrcDO0T3ERlhBZFf3z7drxgx8lCD0axncWZO+78We6iB2VgxmMIMZzOBtKxu/NE3z09A8zxdXOKWcNvSdpcGoJYYbS8qLctkAO/zmk/JQoTMN9iqvK/lZR8RW0nGjJJQ7pdOt8JFSzP5AFWmlp9ixCmnStkQrb+oio1XYTlratR6uI6OXsLXpczgW2gq7tnGERltjTXa6UGgnrOnWjEY7Y21mCRTaC2s7/PiivbEu05orGoJ1HS9t0TCszzxsioZiVcOPLVrMQOlkYBJorC/YBA3FIsBLaIHGIs90qp6GY9GHUBUaikW1hK49BBobAjyiP5ThxfM72DEfXG2oo0nCb+AZzGAGM5jBfw3+CjAA3phyGGBHL1UAAAAASUVORK5CYII=");background-size:1.2rem 1.2rem;background-repeat:no-repeat;background-position:right center;}
.form-text{padding:.4rem;height:2.2rem;border-radius:.2rem;background:#f6f6f6;}
.form-text-primary{font-size:2rem;}
.form-primary{padding-top:1.6rem;}
textarea.form-text:focus,
input[type="text"].form-text:focus,
input[type="tel"].form-text:focus,
input[type="number"].form-text:focus,
input[type="search"].form-text:focus,
input[type="date"].form-text:focus,
input[type="time"].form-text:focus{background-color:#f9f9f9;}

textarea.form-text{height:4rem;}
textarea.form-text-large{height:6.4rem;}
input[type="radio"]:not(old),
input[type="checkbox"]:not(old){width:2rem;opacity:0;}
input[type="radio"]:not(old)+label.form-radio,
input[type="checkbox"]:not(old)+label.form-radio{display:inline-block;margin-left:-2rem;white-space:normal;}
input[type="radio"]:not(old)+label>span.form-radio-icon,
input[type="checkbox"]:not(old)+label>span.form-radio-icon{position:relative;display:inline-block;margin-right:.4rem;width:1.4rem;height:1.4rem;border-radius:50%;border:1px solid #bbb;vertical-align:-.2rem;}
input[type="checkbox"]:not(old):checked+label.form-radio>span.form-radio-icon{border-color:#e65c5c;background-color:#e65c5c;box-shadow:none;}
input[type="checkbox"]:not(old):checked+label.form-radio>span.form-radio-icon:after{content:"";position:absolute;top:.3rem;right:.2rem;width:.8rem;height:.4rem;border-color:#fff;border-style:solid;border-width:0 0 .1rem .1rem;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
input[type="radio"]:not(old):checked+label.form-radio>span.form-radio-icon{border-color:#e65c5c;box-shadow:none;}
input[type="radio"]:not(old):checked+label.form-radio>span.form-radio-icon:after{content:"";position:absolute;top:4.5%;left:5.5%;width:90%;height:90%;border-radius:50%;background-color:#e65c5c;}
input[type="radio"]:not(old):checked:disabled+label.form-radio>span.form-radio-icon:after{background-color:#ddd;}
input[type="radio"]:not(old):disabled+label.form-radio>span.form-radio-icon,
input[type="checkbox"]:not(old):disabled+label.form-radio>span.form-radio-icon{background:#eee;border-color:#e6e6e6;}

.form-switch{position:relative;display:inline-block;width:3.2rem;height:1.6rem;border-radius:.8rem;background-color:#bbb;transition:background ease .4s}
.form-switch:before{content:"已关";position:absolute;top:50%;right:.15rem;margin-top:-.25rem;height:.6rem;line-height:.6rem;color:#eee;font-size:.75rem;}
.form-switch>span{position:absolute;top:.1rem;right:1.7rem;width:1.4rem;height:1.4rem;border-radius:1rem;background:#fff;transition:right ease-out .2s}
.form-switch.active{background-color:#6c6;transition:background ease .4s}
.form-switch.active:before{content:"已开";right:1.5rem;color:#fff;}
.form-switch.active>span{right:.1rem;transition:right ease-out .2s}

/*list*/
.list-item{position:relative;margin-left:.4rem;margin-right:.0rem;padding:.8rem .4rem .8rem 0;}
.list-item:last-child:after{height:0;}
.list-item[hdtrole~="mini"]{padding:.4rem .4rem .4rem 0;}
.list-item:last-child[hdtrole~="mini"]{padding-bottom:.8rem}
.list-item[hdtrole~="head"]{margin-left:0;margin-right:0;padding:.4rem;}
.list-item[hdtrole~="head"]:after{background-color:rgba(0,0,0,.2);}
.list-item[hdtrole~="noborder"]{padding-bottom:0;}
.list-item[hdtrole~="noborder"]:after{display:none !important;}
.list-item[hdtrole~="select"]{padding-top:0;padding-bottom:0;}
.list-item[hdtrole~="select"] .form-select{display:block;width:100%;}
.list-item[hdtrole~="select"] .fn-flex-item{position:relative;padding:.4rem;}
.list-item[hdtrole~="select"] .fn-flex-item:first-child{padding-left:0;}
.list-item[hdtrole~="select"] .fn-flex-item:last-child{padding-right:0;}
.list-item[hdtrole~="select"] .fn-flex-item:last-child:after{display:none;}
.list-item[hdtrole~="indent"]{padding-left:1.4rem;padding-top:0;padding-bottom:0;}
.list-item[hdtrole~="check"]:before{content:"";display:inline-block;margin-right:.4rem;width:1rem;height:1rem;border-radius:.6rem;border:1px solid #bbb;vertical-align:-3px;}
.list-item[hdtrole~="check"].active:before{border-color:#47b347;background-color:#47b347;box-shadow:none;}
.list-item[hdtrole~="next"],
.list-item[hdtrole~="fold"],
.list-item[hdtrole~="unfold"]{padding-right:1.6rem !important;}
.list-item[hdtrole~="unfold"]:before,
.list-item[hdtrole~="fold"]:before,
.list-item[hdtrole~="next"]:before,
.list-item[hdtrole~="next"]>.list-item-link:after{content:"";display:inline-block;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);height:.6rem;width:.6rem;border-width:1px 1px 0 0;border-color:#ddd;border-style:solid;position:absolute;right:.6rem;top:50%;margin-top:-.3rem;}
.list-item[hdtrole~="fold"]:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);width:.62rem;margin-top:-.6rem;}
.list-item[hdtrole~="unfold"]:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);width:.62rem;margin-top:-.1rem;}
.list-item[hdtrole~="noborder"]:before,
.list-item[hdtrole~="noborder"]>.list-item-link:after{margin-top:.0rem;}
.list-item>.list-item-link{display:block;margin-top:-.8rem;margin-bottom:-.8rem;padding-top:.8rem;padding-bottom:.8rem;}
.list-item[hdtrole~="next"]>.list-item-link:link:after,
.list-item[hdtrole~="next"]>.list-item-link:visited:after,
.list-item[hdtrole~="next"]>.list-item-link:hover:after,
.list-item[hdtrole~="next"]>.list-item-link:active:after{border-color:#bbb;}

.list-photo{width:20%;margin-right:.4rem;}
.list-content{position:relative;margin-left:.4rem;min-height:4rem;}
.list-content .widget-count{position:absolute;right:0;bottom:0;white-space:nowrap;}
.list-content-count{width:20%;}
.list-content-price{width:20%;}
.list-box{background:#f6f6f6;}
.list-box>.list-item{display:inline-block;overflow:hidden;margin-bottom:.4rem;margin-left:1%;padding:0;min-height:12rem;width:48.2%;border:1px solid rgba(0,0,0,.05);background-color:#fff;vertical-align:top;}
.list-box>.list-item:nth-child(1),
.list-box>.list-item:nth-child(2){margin-top:.4rem;}
.list-box>.list-item:nth-child(2n){margin-left:0;}
.list-box>.list-item:after{display:none;}
.list-box>.list-item>.fn-flex{display:block;}
.list-box>.list-item>.fn-flex>.fn-flex-item{max-width:100%;}
.list-box .goods-title{margin-top:.4rem;height:2.6rem;overflow:hidden;}
.list-box .goods-price{padding-top:.2rem;padding-right:.4rem;height:2.4rem;}
.list-box .goods-price del.text-slight{display:none;}
.list-box .goods-price>.btn-small{margin-right:-.2rem;padding:.2rem .3rem;font-size:.8rem;}
.list-box .goods-price>.icon-cart{margin-top:-.2rem;}
.list-box .goods-provider{height:1.2rem;overflow:hidden;}
.goods-price .label-danger{white-space:nowrap;background-color:#e65c5c;}

/*vertical line*/
.fn-divide{position:relative;margin-right:1rem;}
.fn-divide:after{content:"";position:absolute;top:0;right:0;height:100%;width:1px;background-color:rgba(0,0,0,.1);-webkit-transform:scaleX(.5);transform:scaleX(.5);}

/*folder without .list-item*/
.fn-folder{position:relative;padding-right:1.2rem;}
.fn-folder:before{content:"";position:absolute;right:.2rem;top:50%;margin-top:-.6rem;width:.62rem;height:.6rem;border-width:1px 1px 0 0;border-color:#ddd;border-style:solid;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);}
.fn-folder[hdtrole="up"]:before{margin-top:-.1rem;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.fn-divide.fn-folder:before{right:.8rem;}

/*tab*/
.tab{position:relative;text-align:center;background-color:rgba(255,255,255,1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-flow:row;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;}
.tab-btn{line-height:2.4;white-space:nowrap;text-overflow:ellipsis;display:block !important;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;color:#aaa;}
.tab-btn h3{padding-bottom:1rem;line-height:0;}
.tab-btn small{line-height:0;}
.tab-l{margin-bottom:.4rem;}
.tab-l>.tab-btn{line-height:3.2rem;}
.tab-l>.tab-btn.active{font-weight:bold;}
.tab-btn.active{position:relative;border-bottom:2px solid #e65c5c;color:#e65c5c}
.tab[hdtrole~="button"] .tab-btn.active{border-color:#e65c5c;background-color:#e65c5c;color:#fff;}
.tab[hdtrole~="button"]{margin:1rem .4rem;border-bottom-width:0;}
.tab[hdtrole~="button"]:after{height:0;}
.tab[hdtrole~="button"] .tab-btn{margin-right:-1px;line-height:2;border:1px solid rgba(0,0,0,.1);border-right-width:0;}
.tab[hdtrole~="button"] .tab-btn:last-child{border-right-width:1px;border-top-right-radius:.2rem;border-bottom-right-radius:.2rem;}
.tab[hdtrole~="button"] .tab-btn:first-child{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem;}
.tab-multi{position:relative;height:3.2rem;overflow:hidden;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.tab-multi:after{content:"";position:absolute;bottom:0;width:100%;height:1px;background-color:rgba(0,0,0,.1);-webkit-transform:scaleY(0.4);-webkit-transform-origin:0 0;transform:scaleY(0.4);transform-origin:0 0;}
.tab-multi>ul{position:absolute;top:0;left:.4rem;text-align:center;white-space:nowrap;}
.tab-multi>ul>li{display:inline-block;padding:0 1rem;height:3.2rem;line-height:3.2rem;}
.tab-multi>ul>li.active{position:relative;border-bottom:1px solid #e65c5c;color:#e65c5c;font-weight:bold;}
.tab-multi>ul>li.active a{color:#e65c5c;}
.tab-multi-static>ul{position:static;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;flex-flow:row;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;}
.tab-multi-static>ul>li{display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:0;}
.pop-hd>.tab-multi-static{margin:-.8rem -.4rem;}

/*widget count*/
.widget-count{font-size:0;-webkit-text-size-adjust:none;}
.widget-count-add,
.widget-count-minus,
input[type="number"].widget-count-value{margin-left:-1px;display:inline-block;background:#fff;width:2.2rem;height:2.2rem;text-align:center;vertical-align:middle;border:1px solid rgba(0,0,0,.1);}
input[type="number"].widget-count-value{border-radius:0;font-size:1rem;}
.widget-count-minus,
.widget-count-add{line-height:.9;font-size:2rem;color:#aaa;color:#e65c5c;}
.widget-count-minus{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem;}
.widget-count-add{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem;}
.widget-count-minus.disable,
.widget-count-add.disable{background:#f6f6f6;color:#ddd;}
.widget-count-mini .widget-count-minus,
.widget-count-mini .widget-count-add,
.widget-count-mini input[type="number"].widget-count-value{width:1.6rem;height:1.6rem;line-height:.8;}
.widget-count-mini .widget-count-minus,
.widget-count-mini .widget-count-add{font-size:1.6rem;}

/*widget parament*/
.widget-para:last-child{margin-bottom:-.4rem;}
.widget-para>a{margin-right:.4rem;margin-bottom:.4rem;padding:.4rem .6rem;margin-bottom:.4rem;word-spacing:0;}
.widget-para>a.active{position:relative;background-color:#e65c5c;border-color:#e65c5c;color:#fff;}
.widget-para>a.active:after,
.widget-para>a.active:before{content:"";position:absolute;}
.widget-para>a.active:before{right:-.1rem;bottom:-.1rem;width:1rem;height:.7rem;background:#fff;border-top-left-radius:.2rem;border-bottom-right-radius:.2rem;}
.widget-para>a.active:after{right:.1rem;bottom:-.1rem;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);height:.6rem;width:.3rem;border-width:0 .1rem .1rem 0;border-color:#e65c5c;border-style:solid;}
.widget-para-lagre a{padding-top:.8rem;padding-bottom:.8rem;line-height:1;}
.widget-para-small>a.active:before{width:.7rem;height:.6rem;background:#fff;border-top-left-radius:.2rem;border-bottom-right-radius:.2rem;}
.widget-para-small>a.active:after{right:0;bottom:-1px;height:.5rem;width:.2rem;border-width:0 1px 1px 0;}
.widget-para{font-size:0;-webkit-text-size-adjust:none;/*display:table:width:100%;word-spacing:-.4rem;*/}
.widget-para>a{font-size:1rem;}
.widget-para-small>a{padding:.2rem .4rem;font-size:.8rem;}

/*1/2*/
.widget-para-equal>a.btn-normal{float:left;margin-right:2%;padding-top:1.2rem;padding-bottom:1.2rem;width:49%;}
.widget-para-equal>a.btn-normal:nth-child(even){margin-right:0;}
.widget-para-equal>a.btn-normal>.text-wrap{height:1rem;color:#777;}
.widget-para-equal>a.btn-normal>h3{height:1.4rem;color:#e65c5c;font-size:1.2rem;font-weight:bold;}
.widget-para-equal>a.active>h3,
.widget-para-equal>a.active>.text-wrap{color:#fff;}

.widget-prop{margin-top:.4rem;border:1px solid rgba(0,0,0,.1);border-radius:.2rem;font-size:.8rem;line-height:2.4;}
.widget-prop-title{border-right:1px solid rgba(0,0,0,.1);text-align:center;/*background-color:#f6f6f6;color:#bbb;*/}
.widget-prop-content{padding-right:.2rem;padding-left:.2rem;}
.widget-prop .btn-danger,
.widget-prop .btn-disable{padding:0rem .4rem;font-size:.8rem;border-top-left-radius:0;border-bottom-left-radius:0;}
.widget-prop-status{margin-top:-.1rem;padding:.1rem .2rem .2rem;border:1px solid rgba(0,0,0,.1);border-top-right-radius:.2rem;border-bottom-left-radius:.2rem;border-bottom-right-radius:.2rem;background:#f6f6f6;}

/*widget swipe max-height:320px;*/
.swipe{visibility:hidden;}
.swipe,
.swipe-wrap{overflow:hidden;position:relative;}
.swipe-wrap>div{float:left;width:100%;position:relative;}
.swipe-indicate{z-index:9;position:absolute;left:0;bottom:.5rem;width:100%;text-align:center;}
.swipe-indicate a{display:inline-block;margin:0 2px;width:8px;height:8px;border:rgba(255,255,255,0.8) 1px solid;text-indent:-999em;overflow:hidden;moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;line-height:0;font-size:0;box-shadow:0px 0px .2rem rgba(0,0,0,.2)}
.swipe-indicate a.active{border-style:none;background-color:rgba(240,240,240,1);}
.swipe-port .swipe-indicate{bottom:0;}
.swipe-port .swipe-indicate a{border-color:rgba(0,0,0,0.1);box-shadow:0 0 0 rgba(0,0,0,0)}
.swipe-port .swipe-indicate a.active{background-color:#e65c5c;}
.swipe-box-item{margin-left:.4rem;padding:.4rem;border:1px solid #eee;background-color:#fff;}
.swipe-box-item .goods-title{font-size:.8rem;height:2.4rem;overflow:hidden;}
.swipe-album{z-index:9;position:absolute;bottom:.4rem;right:.4rem;padding:.1rem .3rem .2rem .1rem;vertical-align:middle;border-radius:.2rem;background-color:rgba(0,0,0,.4);font-size:.6rem;color:#fff;}
.swipe-album>.icon-photo-white{margin-top:.15rem;margin-right:.2rem;}
.profile+.pop-banner{margin-top:.5rem;}
.pop-banner{margin-bottom:.5rem;}

/*widget title*/
.title{position:relative;margin:0 16%;text-align:center;}
.title:before{content:"";position:absolute;z-index:1;top:50%;left:0;margin-top:-1px;width:100%;height:1px;background:#eee;}
.title>h3{position:relative;z-index:2;display:inline-block;margin:.4rem 0;padding:.2rem 1rem;background:#fff;}
.title>h3>small{display:block;font-weight:normal;}
.section>.title>h3{background-color:#f6f6f6;}
/*
.title>h3:before,
.title>h3:after{content:"";position:absolute;top:50%;margin-top:-5px;width:6px;height:6px;border:1px solid #ddd;background:#fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.title>h3:before{left:-3px;}
.title>h3:after{right:-3px;}
*/
/*widget gift as coupon*/
.gift-wrap{padding-top:1rem;padding-bottom:1rem;}
.gift{position:relative;margin:1rem .4rem;padding-left:1rem;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:1rem;word-spacing:normal;white-space:normal;word-break:break-all;word-wrap:break-word;}
.gift-desc,
.gift-amount{padding:1rem 0;}
.gift-desc{position:relative;padding-right:.4rem;max-width:72%;border-right:1px dashed rgba(0,0,0,.1);line-height:1}
.gift-desc>h3{margin-bottom:.4rem;}
.gift-amount{position:relative;overflow:hidden;text-align:center;}
.gift-amount .btn-small{margin-bottom:.4rem;}
.gift-desc:before,
.gift-desc:after{content:"";position:absolute;right:-1rem;width:2rem;height:2rem;background-color:#fff;border-radius:50%;}
.gift-desc:before{top:-1.4rem;border-bottom:1px solid #ddd;}
.gift-desc:after{bottom:-1.4rem;border-top:1px solid #ddd}
.gift-status{position:absolute;top:.5rem;right:-2rem;padding:0 2rem;background-color:#aaa;color:#fff;font-size:.8rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.gift-status-normal{background-color:#eee;color:#aaa;}
.gift-status-danger{background-color:#fe9;color:#e65c5c;}
.gift-status-success{background-color:#dfd;color:#47b347;}
.gift-desc>h3.text-danger>strong{font-size:1.2rem;}
.title+.gift-wrap{padding-top:0}

.coupon{position:relative;margin:1rem .4rem;padding:1rem 0rem 1rem  1rem;border-radius:.8rem;box-shadow:0px 0px .1rem rgba(0,0,0,.1);background-color:#fff;}
.coupon-inner{position:relative;overflow:hidden;margin-top:-1rem;padding-top:1rem;padding-bottom:.1rem;}
.coupon-slice{position:absolute;top:0;right:36%;height:100%;border-left:1px dashed rgba(0,0,0,.1);}
.coupon-slice-top,
.coupon-slice-bottom{position:absolute;left:-.8rem;width:1.6rem;height:1.6rem;border-radius:50%;box-shadow:0px 0px .1rem rgba(0,0,0,.1) inset;}
.coupon-slice-top{top:-.8rem;}
.coupon-slice-bottom{bottom:-.8rem;}
.coupon-slice-top:after,
.coupon-slice-bottom:after{content:"";position:absolute;left:0;width:1.6rem;height:.8rem;}
.coupon-slice-top:after{top:0;background-color:#000;}
.coupon-slice-bottom:after{bottom:0;background-color:#000;}
.coupon-slice-top,
.coupon-slice-bottom,
.coupon-slice-top:after,
.coupon-slice-bottom:after{background-color:#f6f6f6;}
.coupon-status{position:absolute;top:-.75rem;right:-2.05rem;padding:0;width:4.4rem;text-align:center;background-color:#aaa;color:#fff;font-size:.6rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:0 0;transform-origin:0 0;}
.coupon-status-danger{background-color:#e65c5c;}
.coupon-status-warn{background-color:#fa0;}
.coupon-status-success{background-color:#47b347;}

/*widget cascade*/
.cascade_scroll_selects .scs_container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:21;background:rgba(0,0,0,.8);}
.cascade_scroll_selects .scs_container .scs_dialog{width:100%;max-width:100%;position:absolute;bottom:0;left:0;z-index:2;font-size:12px;text-shadow:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;background:#f6f6f6;display:none;}
.cascade_scroll_selects .scs_container .scs_dialog .scs_selects{margin:0 auto;position:relative;zoom:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;}
.cascade_scroll_selects .scs_container .scs_dialog .scs_selects_group{position:relative;padding:.4rem .2rem;min-width:4rem;max-width:100%;height:200px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-ms-touch-action:none;touch-action:none;}
.cascade_scroll_selects .scs_container .scs_dialog .scs_selects_group_view{height:200px;overflow:hidden;position:absolute;z-index:1;top:0;left:0;width:100%;}
.cascade_scroll_selects .scs_container .scs_dialog .scs_selects_group_view:before,
.cascade_scroll_selects .scs_container .scs_dialog .scs_selects_group_view:after{content:'';position:absolute;left:0;top:80px;bottom:auto;right:auto;height:1px;width:100%;background-color:#e65c5c;display:block;z-index:-1;}
.cascade_scroll_selects .scs_container .scs_dialog .scs_selects_group_view:after{bottom:80px;top:auto;}
.cascade_scroll_selects .scs_container .scs_dialog .scs_selects_group_view .scs_items{position:relative;z-index:3;-webkit-transform:translate3d(0px,0px,0px);transform:translate3d(0px,0px,0px);}
.cascade_scroll_selects .scs_container .scs_dialog .scs_selects_group_title{box-shadow:1px 0 1px rgba(0,0,0,.1);position:absolute;z-index:2;margin:-.4rem -.2rem 0;padding:.4rem 0 .2rem;background:#f6f6f6;line-height:2;text-align:center;white-space:nowrap;font-weight:bold;text-transform:uppercase;width:100%;}
.cascade_scroll_selects .scs_container .scs_dialog .scs_item{height:40px;line-height:40px;cursor:pointer;text-align:center;padding:0 .4rem;white-space:nowrap;vertical-align:bottom;width:100%;position:relative;overflow:hidden;text-overflow:ellipsis;}
.cascade_scroll_selects .scs_container .scs_dialog .scs_item.scs_selected{font-weight:bold;color:#e65c5c;}
.cascade_scroll_selects .scs_container .scs_dialog .scs_btns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;}
.cascade_scroll_selects .scs_container .scs_dialog .scs_btns .scs_btn {border-top:1px solid rgba(0,0,0,.1);line-height:3.2;-webkit-box-flex:1;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;-ms-touch-action:none;touch-action:none;text-align:center;cursor:pointer;}
.cascade_scroll_selects .scs_container .scs_dialog .scs_btns .scs_btn_ok{background-color:#e65c5c;color:#fff;}

/*pop*/
.mask{display:none;z-index:20;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.88);}
.pop{position:absolute;right:0;bottom:0;left:0;border-top-left-radius:.4rem;border-top-right-radius:.4rem;background-color:#fff;}
.pop[hdtrole~="toast"]{display:none;z-index:21;position:fixed;top:50%;right:auto;bottom:auto;left:50%;padding:.4rem .8rem;border-radius:.4rem;background-color:rgba(0,0,0,.8);box-shadow:.0rem .0rem .2rem rgba(0,0,0,.4);color:#fff;text-align:center;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.pop[hdtrole="nav"]{display:none;z-index:11;right:auto;bottom:2.8rem;left:.4rem;border-radius:.2rem;border:1px solid rgba(0,0,0,.1);}
.pop[hdtrole="nav"] .list-item{margin-left:0;padding:.6rem .8rem;text-align:center;}
.pop[hdtrole="nav"] .list-item>a{display:block;margin:-.6rem -.8rem;padding:.6rem .8rem;white-space:nowrap;}

.pop[hdtrole~="menu"]{border-radius:0;}
.pop[hdtrole~="menu"]>.pop-bd{padding:0;}
.pop[hdtrole~="menu"]>.pop-bd .list-item{margin:0;}
.pop[hdtrole~="menu"] .list-item>a{display:block;padding:.4rem;text-align:center;}
.pop[hdtrole~="dualmenu"]>.pop-bd>ul:after{content:"";display:table;clear:both;}
.pop[hdtrole~="dualmenu"]>.pop-bd>ul{overflow:hidden;}
.pop[hdtrole~="dualmenu"]>.pop-bd>ul>.list-item{position:relative;margin:0;float:left;width:50%;}
.pop[hdtrole~="dualmenu"]>.pop-bd>ul>.list-item:nth-child(2n+1):last-child{width:100%;}
.pop[hdtrole~="dualmenu"]>.pop-bd>ul>.list-item:nth-child(2n+1):before{content:"";position:absolute;top:20%;right:-1px;height:60%;border-right:1px solid rgba(0,0,0,.1);-webkit-transform:scaleX(.5);transform:scaleX(.5);}

.pop[hdtrole="center"]{top:50%;bottom:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:transparent;color:#fff;text-align:center;}
.pop[hdtrole="center"] .btn-normal{background-color:transparent;color:#fff;border-color:#fff;}
.pop[hdtrole="center"] .qrcode{margin:1rem auto;width:60%;max-height:18rem;}
.pop-hd{position:relative;padding:.8rem .4rem;}
.pop-hd>h3{font-size:1.2rem;text-align:center;color:#e65c5c;}
.pop-close{position:absolute;top:50%;right:.4rem;margin-top:-1rem;}
.pop-close .icon-close{position:absolute;top:.2rem;left:-.1rem;}
.pop-bd{padding:.4rem;max-height:20rem;overflow:scroll;-webkit-overflow-scrolling:touch;}
.pop-bd .list-item{margin-left:-.4rem;margin-right:-.4rem;padding:.6rem .4rem;}
.pop-bd .list-item[hdtrole="noborder"]{padding-bottom:0;}
.pop-ft{position:relative;}
.pop-ft .btn-normal,
.pop-ft .btn-primary,
.pop-ft .btn-danger,
.pop-ft .btn-warn,
.pop-ft .btn-disable{border-radius:0;}
.pop-ft .btn-normal{border:0;}

/*border scale*/
.pop-ft:after,
.pop-hd:after,
.fn-footer:after,
.footer-icon:after,
.tab:after,
.list-item:after,
.list-item[hdtrole~="select"] .fn-flex-item:after{content:"";position:absolute;background-color:rgba(0,0,0,.1);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;}
.pop-ft:after,
.pop-hd:after,
.fn-footer:after,
.footer-icon:after,
.tab:after,
.list-item:after{top:-0px;left:0;width:100%;height:1px;-webkit-transform:scaleY(0.4);-ms-transform:scaleY(0.4);transform:scaleY(0.4);}
.pop-hd:after,
.tab:after,
.list-item:after{top:auto;bottom:-0px;}
.footer-icon:after,
.list-item[hdtrole~="select"] .fn-flex-item:after{top:0;right:-0px;left:auto;height:100%;width:1px;-webkit-transform:scaleX(0.6);-ms-transform:scaleX(0.6);transform:scaleX(0.6);}

/*page style*/
/*header & footer & page block*/
.fn-header,
.fn-footer{position:fixed;right:0;left:0;z-index:10;}
.fn-header{top:0;padding:.4rem;background:rgba(0,0,0,.9);}
.fn-header .fn-flex-item:first-child{}
.fn-header,
.fn-header a{color:#aaa;font-size:.8rem;}
.fn-header-brand img{width:1.4rem;height:1.4rem;border-radius:50%;overflow:hidden;vertical-align:middle;}
.fn-header-brand-name{}
.fn-header .btn-small{padding:.1rem .4rem;}
.fn-header .btn-normal{background-color:transparent;border-color:#aaa;}
.fn-footer{bottom:0;background:rgba(255,255,255,.96);/*-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;*/}
.fn-footer .btn-primary,
.fn-footer .btn-danger,
.fn-footer .btn-warn,
.fn-footer .btn-info,
.fn-footer .btn-disable,
.fn-footer .btn-normal{border-width:0;border-radius:0;white-space:nowrap;}
.fn-footer .btn-normal{border-left-width:.01rem;}
.fn-footer .footer-icon+.btn-normal{border-left-width:0;}
@media (min-width:375px){

}
.fn-footer .list-item{padding-top:0;padding-bottom:0;}
.footer-icon{position:relative;display:inline-block;padding:0 .2rem .3rem .2rem;width:2.8rem;font-size:.7rem;color:#bbb;text-align:center;line-height:.4;}
.footer-icon>span{display:block;margin:auto;}
.footer-summary{padding-top:.2rem;padding-left:.4rem;line-height:1;}
.section{margin-bottom:.8rem;}
.section-blank{margin:36% auto 20%;}
.wrap{background:#fff;}
.copyright{margin:1rem;color:#ccc;text-align:center;}
.copyright img{max-width:24%;}
.copyright p{font-size:.8rem;line-height:1.6;}
.copyright-brand-hdt{width:1rem;height:1rem;vertical-align:-.2rem;}

/*mall brand*/
.profile{position:relative;	}
.profile-theme{min-height:80px;max-height:240px;overflow:hidden;}
.profile-theme img{}
.profile-brand{position:absolute;bottom:1.2rem;width:100%;text-align:center;color:#fff;}
.profile-brand .brand{display:inline-block;width:6rem;height:6rem;border-radius:50%;overflow:hidden;/*border:.2rem solid #fff;*/}
.profile-brand .slogan{padding:.4rem 1rem 0;font-size:.8rem;text-shadow:0 0 1px rgba(0,0,0,.8);}

/*mall notice*/
.notice-wrap{position:relative;height:1.6rem;background-color:#fec;color:#e65c5c;font-size:.8rem;overflow:hidden;}
.notice{position:absolute;top:.2rem;left:.4rem;white-space:nowrap;}
.notice>li{display:inline-block;margin-right:1.6rem;}
.notice>li:last-child{display:inline-block;margin-right:0;}
.notice>li:before{content:"";display:inline-block;margin-right:.2rem;width:.4rem;height:.4rem;border-radius:.2rem;background-color:#e65c5c;vertical-align:.1rem;}
.notice-single>li:before{display:none;}

/*goods list*/
.goods-title{font-size:.86rem;}
.goods-price:after{content:"";display:table;clear:both;}
.goods-price{padding-top:.6rem;}
.goods-price .icon-cart-count{font-size:1rem;line-height:.9;}
.goods-provider{line-height:1;}

/*goods detail*/
.goods-detail-title{margin:.6rem .4rem 0;}
.goods-detail-desc,
.goods-detail-price{margin:0 .4rem;}
.goods-detail-title,
.goods-detail-price{font-size:1.2rem;}
.goods-detail-desc{padding:1rem 0;}
.detail-desc,
.detail-desc p,
.goods-detail-desc,
.goods-detail-desc p{font-size:1rem;line-height:1.8;color:#999;}
.goods-detail-desc video{width:100%;}
.goods-detail-desc ul,
.goods-detail-desc ol,
.goods-detail-desc dl{padding-left:2rem;}
.detail-desc p{margin-bottom:.8rem;}
.goods-detail-title .label-danger{vertical-align:.1rem;}
.goods-detail-multiprice{position:relative;padding-top:.8rem;}
.goods-detail-multiprice:after{content:"";position:absolute;background-color:rgba(0,0,0,.1);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;top:-0px;left:0;width:100%;height:1px;-webkit-transform:scaleY(0.4);-ms-transform:scaleY(0.4);transform:scaleY(0.4);}
.goods-detail-multiprice h3{border-right:1px solid rgba(0,0,0,.1);font-size:1.2rem;}
.goods-detail-multiprice:last-child h3{border-right-width:0;}
.goods-detail-multiprice h3 small{display:block;font-size:.8rem;line-height:1;}
.goods-detail-label{position:relative;color:#aaa;}
.goods-detail-label small{margin-right:.4em;white-space:nowrap;}
.goods-detail-label small:last-child{margin-right:0;}
.goods-detail-label .icon{-webkit-transform:scale(.5);transform:scale(.5);margin:0 -.6rem;vertical-align:-.7rem;}
.goods-detail-label:before{content:"";position:absolute;top:-.4rem;display:block;width:100%;height:1px;background-color:rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5);}
.store-list-option{position:relative;display:inline-block;padding-top:.1rem;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid rgba(0,0,0,.1);text-align:center;}
.store-list-option>.icon-phone{-webkit-transform:scale(.8) translateY(.1rem);transform:scale(.8) translateY(.1rem);}

.goods-detail-time{position:relative;margin-bottom:-.6rem;color:#999;}
.goods-detail-time>.list-item small{line-height:1.6}
.goods-detail-time>.list-item .text-danger{text-decoration:underline;}
.goods-detail-time:after{content:"";position:absolute;bottom:.2rem;display:block;width:100%;height:1px;background-color:rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5);}

.mall-port{padding:.8rem .4rem;}
.mall-port .avatar{margin-right:.4rem;width:3.2rem;height:3.2rem;text-align:center;border:1px solid rgba(0,0,0,.1);background-color:#f6f6f6;color:#ccc;}
.mall-port .avatar>h3{margin:auto;padding-top:.35rem;width:80%;line-height:1.2;}
.mall-port-menu{margin-top:-.2rem;margin-right:1rem;padding-right:1rem;border-right:1px solid #eee;text-align:center;color:#aaa;}
.mall-port-menu:last-child{margin-right:0;padding-right:0;border-right-width:0;}
.mall-port-menu>small{display:block;margin-top:-.3rem;}

.catalog{margin:.4rem;color:#999;}
.catalog>li{position:relative;padding-bottom:2rem;}
.catalog>li:after{content:"";position:absolute;z-index:0;top:.6rem;width:100%;border-top:1px dotted rgba(0,0,0,.02);}
.catalog-name,
.catalog-data{position:relative;z-index:1;padding-right:1rem;max-width:40%;background-color:#fff;word-break:break-all;}
.catalog-data{padding:0 0 0 1rem;max-width:48%;}

.quote{position:relative;}
.quote .avatar{position:absolute;top:0;left:0;width:4rem;height:4rem;border:1px solid #e65c5c;background-color:#fff;text-align:center;line-height:4rem;}
.quote-text{padding:.8rem .4rem 0 4.4rem;height:4rem;background:#fff6e5;border-radius:2rem;line-height:1.2;}
.quote-prize{padding-top:.4rem;padding-left:3.2rem;}
/*
.progress{position:relative;padding-top:.4rem;}
.progress:before,
.progress:after{content:"";position:absolute;top:0;left:0;height:.4rem;border-radius:.2rem;}
.progress:before{width:100%;background:#ddd;}
.progress:after{width:80%;background:#ffc44d;}
*/
/*
animation-name:myfirst;
animation-duration:5s;
animation-timing-function:linear;
animation-delay:2s;
animation-iteration-count:infinite;
animation-direction:alternate;
animation-play-state:running;
-webkit-animation-name:myfirst;
-webkit-animation-duration: 5s;
-webkit-animation-timing-function:linear;
-webkit-animation-delay:2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:alternate;
-webkit-animation-play-state:running;
*/
.progress,
.progress-move,
.progress-end{height:.4rem;border-radius:.2rem;}
.progress{position:relative;margin-top:-.4rem;background:#ddd;}
.progress-move,
.progress-end{position:absolute;top:0;left:0;width:100%;}
.progress-move{background:#ffc44d;width:0;/*-webkit-animation:grow .6s ease-out forwards;animation:grow .6s ease-out forwards;*/}
.progress-end{background:#47b347;}
.list-content .progress{margin:.2rem 0 .4rem;}
.timer-hour,
.timer-minute,
.timer-second{display:inline-block;width:.88rem;}
@keyframes grow{0%{width:0;}100%{width:80%;}}
.scale{-webkit-animation:scale .6s linear 2;animation:scale .6s linear 2;}
@keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1);}30%{-webkit-transform:scale(1.2);transform:scale(1.2);}60%{opacity:.8;-webkit-transform:scale(.9);transform:scale(.9);}100%{-webkit-transform:scale(1);transform:scale(1);}}

.user-bubble-notice{display:none;z-index:19;position:fixed;top:1rem;right:.4rem;padding-right:1.6rem;padding-left:.6rem;max-width:60%;height:1.4rem;line-height:1.4rem;border-radius:.7rem;background-color:rgba(0,0,0,.64);color:#fff;/*transform:scale(0);transform-origin:right center;transition:all .2s ease;*/}
.user-bubble-notice.active{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:right center;transform-origin:right center;-webkit-transition:all .2s ease;transition:all .2s ease;}
.user-bubble-notice>.avatar{position:absolute;top:0rem;right:0rem;width:1.4rem;height:1.4rem;}

/*trade*/
.addr{position:relative;}
.addr:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:url("../img/addr.png") -2px 0 repeat-x;background-size:auto 2px;}
.chargeoff-code{margin-top:.4rem;font-size:2.4rem;}

/*port dock menu*/
.port-menu{padding:1rem 0 .4rem;}
.port-menu-item{position:relative;float:left;margin:0 1% .6rem 0;width:23.75%;text-align:center;}
.port-menu-item:nth-child(4n+1){margin-left:1%;}
.port-menu-icon{margin:auto;width:60%;}
.port-menu-label{position:absolute;top:0;right:-.8rem;padding-right:.2rem;padding-left:.2rem;border:1px solid #e65c5c;border-radius:1rem;background-color:#fff;color:#e65c5c;-webkit-text-size-adjust:none;font-size:48%;}
.port-menu-mini,
.port-menu-large{padding:0 0 .8rem;}
.port-menu-mini>.port-menu-item{margin:0 0 .6rem 0;width:20%;}
.port-menu-mini>.port-menu-item:nth-child(4n+1){margin-left:0%;}
.port-menu-mini .port-menu-icon{width:64%;}
.port-menu-large>.port-menu-item{margin:1rem 0;width:33%;}
.port-menu-large>.port-menu-item:nth-child(3n+1){margin-left:0%;}
.port-menu-large .port-menu-icon{width:40%;}
.port-menu-large>.port-menu-item small{font-size:80%;}
.port-menu-item .label-danger{position:absolute;top:0;right:.2rem;background-color:#e65c5c}

/*fixed slide menu*/
.frame-side{position:fixed;top:0;bottom:0;left:0;width:28%;height:100%;overflow:hidden;background-color:#f2f2f2;box-shadow:.1rem 0 .1rem rgba(0,0,0,.1);}
.frame-side-inner{position:absolute;top:0;left:0;width:100%;}
.frame-main{margin-left:28%;padding:.4rem;background-color:#fff;}
.frame-side-inner>ul{padding:0 .4rem;text-align:center;}
.frame-side-inner>ul>.list-item{margin-left:0;padding-left:0;}
.frame-side-inner>ul>.list-item>a{display:block;}
.frame-side-inner>ul>.list-item.active,
.frame-side-inner>ul>.list-item.active a{color:#e65c5c;}
.frame-side-inner>ul>.list-item.active:before{content:"";position:absolute;top:50%;margin-top:-.4rem;right:0;border-top:.4rem solid transparent;border-bottom:.4rem solid transparent;border-left:.4rem solid #e65c5c;}

/*post for fans*/
.fn-footer .tab-btn.active{border-bottom-width:0;border-top:2px solid #e65c5c;}
.fn-footer.tab:after{top:-0px;bottom:auto;}
.list-node{position:relative;margin-left:1rem;padding:0 0 1rem 1rem;border-left:1px solid rgba(0,0,0,.1);font-size:.8rem;}
.list-node:before{content:"";position:absolute;top:50%;left:-.44rem;margin-top:-1rem;width:.6rem;height:.6rem;border:.1rem solid #f09090;border-radius:50%;background-color:#fff;}
.step-next{position:relative;}
.step-next:after{content:"";display:inline-block;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);height:.6rem;width:.6rem;border-width:1px 1px 0 0;border-color:#ddd;border-style:solid;position:absolute;right:-.2rem;top:50%;margin-top:-.8rem;}
.step-next:last-child:after{display:none;}
.avatar{border-radius:50%;overflow:hidden;}
/*.avatar>img{min-height:100%;}*/

.rank-no{position:relative;min-height:2rem;}
.rank-no .icon-cup{position:absolute;top:50%;left:50%;margin-top:-1rem;margin-left:-1.4rem;width:2.8rem;height:2rem;background-image:url("../img/cup.png");background-position:center center;background-size:40px auto;}

/*treasure*/
.serial-no{display:inline-block;margin:.4rem 1rem .4rem 0;white-space:nowrap;}
.profile-theme-account{position:relative;margin-left:0;padding-top:1rem;padding-bottom:1rem;background:#e65c5c;}
.profile-theme-account,
.profile-theme-account a{color:#fff;}
.profile-theme-account .avatar{border:1px solid #fff;}
.profile-theme-account .photo{position:absolute;}
.profile-theme-account .fn-flex-item:last-child[hdtrole~="gutter"]{margin-right:.4rem;}
.qrcode{display:block;margin:1rem auto;width:48%;}

.fn-shortcut{position:fixed;z-index:20;bottom:4rem;right:.4rem;text-align:center;}
.fn-shortcut>a>small{display:block;margin-top:-.2rem;font-size:.6rem;}
.fn-shortcut-wechat,
.fn-shortcut-agent{display:block;margin-top:.6rem;padding-top:.4rem;width:2.8rem;height:2.8rem;box-shadow:0px 0px .4rem rgba(0,0,0,.1);border-radius:50%;background-color:rgba(0,0,0,.4);color:#fff;}
.fn-shortcut>a>.icon-small{margin-left:-.2rem;}
.fn-shortcut-agent{background-color:rgba(153,89,15,.68);}
.fn-shortcut-link{position:relative;display:block;margin-top:.6rem;width:2.2rem;height:2.2rem;font-size:.6rem;font-size-adjust:none;box-shadow:0px 0px .4rem rgba(0,0,0,.1);border-radius:50%;background-color:rgba(0,0,0,.48);color:#fff;}
.fn-shortcut-link>strong{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1.6rem;line-height:1.2;font-weight:normal;}
.fn-shortcut-shake{-webkit-animation:shake ease-in .4s infinite;animation:shake ease-in .4s infinite;-webkit-transform-origin:center bottom;transform-origin:center bottom;}
@-webkit-keyframes shake{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
.fn-shortcut-top{position:fixed;bottom:3.6rem;}
.fn-shortcut-top:after{content:"";position:absolute;top:.4rem;left:.8rem;width:.62rem;height:.6rem;border-width:1px 1px 0 0;border-color:#fff;border-style:solid;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.fn-shortcut-top>strong{top:60%;}

/*set avatar smaller above iphone6*/
@media screen and (min-width:360px){.fn-flex-item[flexsize="2"] .avatar{margin:auto;max-width:80%;}}