*,*:before,*:after{box-sizing: border-box;outline: none;}
html,body{line-height: normal;overflow-x: hidden;position: relative;margin: 0 auto;background: #fff}
body{font-size: .24rem;color: #444;-webkit-font-smoothing: antialiased;font-family: arial, sans-serif;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe{margin: 0;padding: 0;}
img,article,aside,details,figcaption,figure,footer,header,menu,nav,section,summary,time,mark,audio,video{display: block;margin: 0;padding: 0;max-width: 100%}
h1,h2,h3,h4,h5,h6,b{font-size: 100%;font-weight: normal;}
fieldset,img{border: 0;}
address,caption,cite,dfn,em,th,var,i,em{font-style: normal;font-weight: normal;}
ol,ul{list-style: none;}
a{text-decoration: none;color: inherit;}
a:hover{text-decoration: none;}
a,label,button,input,select,textarea{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input,select,button{font: 100% arial, sans-serif, \5b8b\4f53;vertical-align: baseline;border: 0;background-color: transparent;-webkit-appearance: none;-moz-appearance: none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border: none;}
input[type=checkbox],input[type=radio]{vertical-align: middle;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none !important;-moz-appearance: none !important;margin: 0;}
textarea{outline: none;border-radius: 0;-webkit-appearance: none;-moz-appearance: none;overflow: auto;resize: none;font: 100% arial, sans-serif, \5b8b\4f53;}
table{border-collapse: collapse;border-spacing: 0;}
input::-moz-placeholder, textarea::-moz-placeholder{color: #bbb;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #bbb;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #bbb;}

/* navbar */
.m-navbar{height:.9rem;position:relative;display:flex;background:#fff;max-width: 750px;margin: 0 auto;}
.m-navbar:after{content: '';position:absolute;z-index:2;bottom:0;width:100%;height:1px;border-bottom:1px solid #e2e2e2;transform:scaleY(.5);transform-origin:0 100%}
.m-navbar.navbar-fixed{position:fixed;top:0;left:0;width:100%;z-index:100;right: 0;margin: auto}
.navbar-item{height:.9rem;min-width:25%;flex:0 0 25%;padding:0 .2rem;display:flex;align-items:center;font-size:.3rem;white-space:nowrap;overflow:hidden;color:#5c5c5c}
.navbar-item:first-child{order:1;margin-right:-25%}
.navbar-item:first-child *:before,.navbar-item *:after{margin-left: -.1rem}
.navbar-item:last-child{order:3;justify-content:flex-end}
.navbar-item:last-child i{margin:0 .1rem}
.navbar-item *:before,.navbar-item *:after{font-size: .45rem !important;display: block;}
.navbar-center{order:2;display:flex;justify-content:center;align-items:center;height:.9rem;width:50%;margin-left:25%}
.navbar-center .navbar-title{text-align:center;width:100%;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;font-size:.34rem;color:#5c5c5c}
.navbar-center > img{height:60%}

/* tabbar */
.m-tabbar{width: 100%;max-width: 750px;position: relative;z-index: 100;display: flex;align-items: center;padding: .14rem 0 .07rem;background: rgba(255, 255, 255, 0.96);}
.m-tabbar:after{content: '';position: absolute;z-index: 0;top: 0;left: 0;width: 100%;height: 1px;border-top: 1px solid #e2e2e2;transform: scaleY(0.5);transform-origin: 0 0;}
.m-tabbar.tabbar-fixed{position: fixed;bottom: 0;left: 0;z-index: 49;right: 0;margin: auto}
.tabbar-item{flex: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #979797;}
.tabbar-item.tabbar-active,.tabbar-item:active{color: #E8574E;}
.tabbar-item.tabbar-active .tabbar-icon,.tabbar-item:active .tabbar-icon{color: inherit;}
.tabbar-item .badge{position: absolute;top: -.02rem;left: 100%;z-index: 999;margin-left: -.15rem;}
.tabbar-dot{display: block;width: 10px;height: 10px;background-color: #EF4F4F;border-radius: 50%;position: absolute;top: .02rem;left: 100%;z-index: 999;margin-left: -.11rem;}
.tabbar-icon{height: .58rem;color: #979797;display: flex;align-items: center;position: relative;}
.tabbar-icon *:before,.tabbar-icon *:after{font-size: .45rem !important;display: block;}
.tabbar-icon img{height: 70%;}
.tabbar-txt{display: inline-block;font-size: .24rem;}

/* m-cell */
.m-cell{background: #fff; position: relative; z-index: 1; margin-bottom: .35rem;}
.m-celltitle{padding: .1rem .2rem .3rem;font-size: 0.3rem;text-align: left;color: #888;position: relative;z-index: 1;}
.m-celltitle:after{content: '';position: absolute;z-index: 0;bottom: 0;left: 0;width: 100%;height: 1px;border-bottom: 1px solid #eee;transform: scaleY(0.5);transform-origin: 0 100%;}
.m-cell a.cell-item,.m-cell label.cell-item{background: #fff;}
.m-cell a.cell-item:active,.m-cell label.cell-item:active{background: #efefef;}
.cell-item{display: flex;position: relative;padding: 0 .2rem;overflow: hidden;}
.cell-item:not(:last-child):after{content: '';position: absolute;z-index: 0;bottom: 0;left: 0;width: 100%;height: 1px;border-bottom: 1px solid #eee;transform: scaleY(.5);transform-origin: 0 100%;}
.cell-left{color: #333; font-size: .28rem;white-space: nowrap;display: flex;align-items: center;}
.cell-left i{font-size: .4rem;}
.cell-right{flex: 1;width: 100%;min-height: 1rem;color: #525252;text-align: right;font-size: .26rem;display: flex;align-items: center;justify-content: flex-end;}
.cell-right input[type="datetime-local"],.cell-right input[type="date"],.cell-right input[type="time"]{line-height: 1rem;-webkit-appearance: none;-moz-appearance: none;}
.cell-right input[type="radio"],.cell-right input[type="checkbox"]:not(.m-switch){-webkit-appearance: none;-moz-appearance: none;position: absolute;left: -9999em;}
.cell-right input[type="radio"] + .cell-radio-icon:after,.cell-right input[type="checkbox"]:not(.m-switch) + .cell-radio-icon:after,.cell-right input[type="radio"] + .cell-checkbox-icon:after,.cell-right input[type="checkbox"]:not(.m-switch) + .cell-checkbox-icon:after{font-family: 'fnui';font-size: .5rem;}
.cell-right input[type="radio"] + .cell-radio-icon:after,.cell-right input[type="checkbox"]:not(.m-switch) + .cell-radio-icon:after{content: '\e61e';color: #E8574E;display: none;}
.cell-right input[type="radio"] + .cell-checkbox-icon:after,.cell-right input[type="checkbox"]:not(.m-switch) + .cell-checkbox-icon:after{content: '\e72f';color: #eee;}
.cell-right input[type="radio"]:checked + .cell-radio-icon:after,.cell-right input[type="checkbox"]:not(.m-switch):checked + .cell-radio-icon:after{display:inline-block;}
.cell-right input[type="radio"]:checked + .cell-checkbox-icon:after,.cell-right input[type="checkbox"]:not(.m-switch):checked + .cell-checkbox-icon:after{color: #E8574E;content: '\e730';}
.cell-right:active{background: none;}
.cell-right .cell-photo{width: .8rem;height: .8rem;border-radius: 50%;overflow: hidden;}
.cell-input{flex: 1;height: 1rem;border: none;font-size: .28rem;background: transparent;color: #555;display: flex;justify-content: flex-start;text-align: left;}
.cell-select{flex: 1;height: 1rem;border: none;display: block;color: #a9a9a9;font-size: .28rem;margin-left: -.08rem;}
.cell-multiple-selecet{margin-right: 2%;flex-grow: 1; display: block;}
.cell-multiple-selecet select{width: 100%;height: .6rem; border: 1px solid #eee;border-radius: 2px;-webkit-appearance: none;-moz-appearance: none;text-indent: 2px; color: #a9a9a9;}
.cell-multiple-selecet select:active{border-color: #888;background-color: #f2f2f2;}
.cell-multiple-selecet select:focus{border: none;background-color: #c00;}
.cell-multiple-selecet:last-child{margin-right: 0;}
.cell-icon{width: .6rem;display: block;}
.cell-icon:before,.cell-icon:after{color: #A6A5A5;font-size: .45rem !important;margin-right: .1rem;}
.cell-icon img{height: .4rem;margin-right: .1rem;}
.cell-arrow:after{margin-left: .05rem;margin-right: -.08rem;display: block;font-size: .35rem;color: #c9c9c9;font-family: 'fnui';content: '\e7e1';}
.cell-down:after{margin-left: .05rem;margin-right: -.08rem;display: block;font-size: .35rem;color: #c9c9c9;font-family: 'fnui';content: '\e661';}
.cell-textarea{width: 100%;border: none;display: block;height: 2rem;padding: .2rem 0;font-size: .28rem;}
.cell-input.text-right{text-align: right}
.m-switch{-webkit-appearance: none; -moz-appearance: none; position: relative; display: block; width: 52px; height: 32px; left: 0; border: 1px solid #DFDFDF; border-radius: 16px; background-color: #DFDFDF; z-index: 2;}
.m-switch:before,
.m-switch:after{content: ''; position: absolute; top: 0; left: 0; height: 30px; border-radius: 15px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s;}
.m-switch:before{width: 50px; background-color: #FDFDFD;}
.m-switch:after{width: 30px; background-color: #FFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);}
.m-switch:checked{border-color: #4CD864; background-color: #4CD864;}
.m-switch:checked:before{-webkit-transform: scale(0); transform: scale(0);}
.m-switch:checked:after{-webkit-transform: translateX(20px); transform: translateX(20px);}
.m-switch-old:checked + .m-switch{border-color: #4CD864; background-color: #4CD864;}
.m-switch-old:checked + .m-switch:before{-webkit-transform: scale(0); transform: scale(0);}
.m-switch-old:checked + .m-switch:after{-webkit-transform: translateX(20px); transform: translateX(20px);}

/* m-orderlist */
.m-orderlist{background: #fff; position: relative; z-index: 1; margin-bottom: .35rem;}
.orderlist-item{height: auto;overflow: hidden;display: flex;position: relative;flex-direction: column;padding: 0 .2rem}
.orderlist-item:not(:last-child){border-bottom: .2rem solid #f5f5f5}
.orderlist-top{display: flex;position: relative}
.orderlist-top:after{content: '';position: absolute;z-index: 0;bottom: 0;left: 0;width: 100%;height: 1px;border-bottom: 1px solid #eee;transform: scaleY(.5);transform-origin: 0 100%;}
.orderlist-left{color: #333; font-size: .28rem;white-space: nowrap;display: flex;align-items: center;}
.orderlist-right{flex: 1;width: 100%;min-height: .88rem;color: #999;text-align: right;font-size: .26rem;display: flex;align-items: center;justify-content: flex-end;}
.orderlist-bottom{width: 100%;min-height: .88rem;padding: .3rem 0;font-size: .26rem;display: flex;flex-direction: column;justify-content: center;position: relative;}
.orderlist-bottom:before{content: '';position: absolute;z-index: 0;top: 0;left: 0;width: 100%;height: 1px;border-bottom: 1px solid #eee;transform: scaleY(.5);transform-origin: 0 100%;}
.orderlist-total{text-align: right;}
.orderlist-total span{font-size: .3rem;}
.orderlist-btn{display: flex;justify-content: flex-end;position: relative;padding-top: .2rem}
.m-orderlist .m-list{padding: 0}

/* m-list */
.m-list{overflow: hidden; position: relative;display: flex;flex-wrap: wrap;}
.m-list .list-item{background: #fff}
.m-list .list-item .list-img{width: 100%;height: 2rem;overflow: hidden;}
.m-list .list-item .list-img img{width: 100%;height: 100%;border: none;}
.m-list .list-item .list-text .list-title{color: #333;font-size: .26rem;margin-bottom: .1rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap}
.m-list .list-item .list-other{font-size: .24rem; color: #999;margin-top: .1rem;display: flex;justify-content: space-between;align-items: center;}
.m-list .list-item .list-other img{width: .4rem;height: .4rem;border-radius: 50%;}
.m-list .list-item .list-other b{margin-right: .2rem;line-height: .4rem;}
.m-list .list-item .list-other span{display: flex;justify-content: flex-start;align-items: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap}
.m-list .list-item .list-other span img{margin-right: .1rem;}
.m-list .list-item .list-other .iconfont{vertical-align: -.03rem;margin-right: .1rem}
.m-list .list-item .list-dsc{font-size: .24rem;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

/* 两列上图下文列表无边线带间距 */
.list-theme1{justify-content: space-between;}
.list-theme1 .list-item{width: 48.7%;position: relative;margin-bottom: 2%;}
.list-theme1 .list-item:active{background: #efefef}
.list-theme1 .list-item .list-text{padding: .1rem .1rem .2rem;}
.list-theme1 .list-item .list-text .list-title{margin-bottom:.1rem;}

/* 两列上图下文列表带边线带间距 */
.list-theme2{justify-content: space-between;}
.list-theme2 .list-item{width: 48.7%;position: relative;margin-bottom: 2%;}
.list-theme2 .list-item:before{content: '';position: absolute;z-index: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 1px solid #eee;}
.list-theme2 .list-item:active{background: #efefef}
.list-theme2 .list-item .list-text{padding: .1rem .1rem .2rem;}
.list-theme2 .list-item .list-text .list-title{margin-bottom:.1rem;}

/* 两列上图下文列表无间距带边线 */
.list-theme3 .list-item{width: 50%;float: left;padding: .2rem;position: relative;z-index: 0;background: #fff;}
.list-theme3 .list-item:before{content: '';position: absolute;z-index: 0;bottom: 0;left: 0;width: 100%;height: 1px;border-bottom: 1px solid #eee;transform: scaleY(0.5);transform-origin: 0 100%;}
.list-theme3 .list-item:nth-child(odd):after{content: ''; position: absolute;z-index: 0;top: 0;right: 0;height: 100%;border-right: 1px solid #eee;transform: scaleX(0.5);transform-origin: 100% 0;}
.list-theme3 .list-item .list-text{padding-top: .1rem;box-sizing: content-box;}
.list-theme3 .list-item .list-text .list-title{overflow: hidden;text-overflow:ellipsis;white-space: nowrap}

/* 单列左图右文无间距带边线 */
.list-theme4{flex-direction: column}
.list-theme4 .list-item{overflow: hidden;padding: .3rem 0;position: relative;}
.list-theme4 .list-item:not(:last-child):after{content: '';position: absolute;z-index: 0;bottom: 0;left: 0;width: 100%;height: 1px;border-bottom: 1px solid #eee;transform: scaleY(0.5);transform-origin: 0 100%;}
.list-theme4 .list-item .list-img{width: 2rem;height: 1.5rem;margin-right: .2rem;float: left;}
.list-theme4 .list-item .list-text{height: auto;overflow: hidden;}

/* 单列上图下文无间距带边线 */
.list-theme5{flex-direction: column}
.list-theme5 .list-item{display: block; position: relative;z-index: 1;padding-top: .2rem;}
.list-theme5 .list-item .list-img{width: 100%;height: 4rem;overflow: hidden;}
.list-theme5 .list-item:after{content: '';position: absolute;z-index: 0;bottom: 0;left: 0;width: 100%;height: 1px;border-bottom: 1px solid #d9d9d9;transform: scaleY(0.5);transform-origin: 0 100%;}
.list-theme5 .list-item .list-text{padding: .2rem 0 .15rem;}
.list-theme5 .list-item .list-text .list-title{overflow: hidden;text-overflow:ellipsis;white-space: nowrap}
.list-theme5 .list-item:last-of-type:after{display: none}

/* 单列上图下文无边线带间距 */
.list-theme6{flex-direction: column}
.list-theme6 .list-item{display: block; position: relative;z-index: 1;margin-top: .2rem;}
.list-theme6 .list-item .list-img{width: 100%;height: 4rem;overflow: hidden;}
.list-theme6 .list-item .list-text{padding: .2rem;}
.list-theme6 .list-item .list-text .list-title{overflow: hidden;text-overflow:ellipsis;white-space: nowrap}
.list-theme6 .list-item:last-of-type{margin-bottom: .2rem;}

/* 评价列表 上头像名字评分下内容*/
.list-theme7{flex-direction: column}
.list-theme7 .list-item{display: block; position: relative;z-index: 1;padding: .2rem;}
.list-theme7 .list-item .list-t{height: auto;overflow: hidden;display: flex;align-items: center}
.list-theme7 .list-item .list-img{width: .6rem;height: .6rem;overflow: hidden;margin-right: .15rem;border-radius: 50%;}
.list-theme7 .list-item .list-name{line-height: .6rem;color: #999;margin-right:auto;}
.list-theme7 .list-item .list-raty .star{text-align: center;width: auto !important;}
.list-theme7 .list-item .list-raty .star img{width: .25rem;;display: inline-block}
.list-theme7 .list-item .list-time{font-size: .24rem;color: #999}
.list-theme7 .list-item:after{content: '';position: absolute;z-index: 0;bottom: 0;left: 0;width: 100%;height: 1px;border-bottom: 1px solid #d9d9d9;transform: scaleY(0.5);transform-origin: 0 100%;}
.list-theme7 .list-item .list-text{margin: .1rem 0}
.list-theme7 .list-item .list-text p{font-size: .26rem;color: #666;line-height: .4rem}
.list-theme7 .list-item:last-of-type:after{display: none}

/* 评论列表 左头像右名字内容时间 */
.list-theme8{flex-direction: column}
.list-theme8 .list-item{overflow: hidden;display: flex;padding: .2rem;position: relative;}
.list-theme8 .list-item:not(:last-child):after{content: '';position: absolute;z-index: 0;bottom: 0;left: 0;width: 100%;height: 1px;border-bottom: 1px solid #eee;transform: scaleY(0.5);transform-origin: 0 100%;}
.list-theme8 .list-item .list-img{width: .8rem;height: .8rem;border-radius: 50%;margin-right: .2rem}
.list-theme8 .list-item .list-text{flex: 1;}
.list-theme8 .list-item .list-text .list-imgs{display: flex;flex-wrap: wrap;}
.list-theme8 .list-item .list-text .list-imgs img{width: 1.8rem;height: 1.8rem;margin: .15rem .15rem 0 0}
.list-theme8 .list-item .list-text textarea{width: 100%;height: 2rem;border-radius: 5px;border:1px solid #ccc;padding: .2rem;}
.list-theme8 .list-item .list-text .list-other{color:#999;margin-top: .15rem;display: flex;justify-content: space-between}
.list-theme8 .list-item .list-text .list-other .icon-pinglun{vertical-align: -.01rem;margin-right: .05rem;}

.list-loading{margin-top: .1rem; text-align: center; font-size: .26rem; color: #999; height: .66rem; line-height: .66rem;}
.list-loading img{width: .2rem;height: .2rem; display: inline-block;}
.list-donetip{font-size: .24rem; text-align: center; padding: .25rem 0; color: #777;}
.pullrefresh-animation-timing{-webkit-transition: -webkit-transform 150ms; transition: -webkit-transform 150ms; transition: transform 150ms; transition: transform 150ms, -webkit-transform 150ms;}
@-webkit-keyframes backRotateAnimation{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100%{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}}
@keyframes backRotateAnimation{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100%{-webkit-transform: rotate(-360deg); transform: rotate(-360deg);}}
.pullrefresh-dragtip{position: absolute; top: -46px; left: 50%; z-index: 996; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); width: 42px; height: 42px; line-height: 42px; margin-left: -21px; border-radius: 50%; text-align: center; background-color: #FFF; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);}
.pullrefresh-dragtip > span{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-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: inherit;}
.pullrefresh-dragtip > span:after{content: ''; display: block; width: 20px; height: 20px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAABa1BMVEVTfvH///9TfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFAPDq2AAAAeHRSTlMAAAECAwQGBwkLDQ8QERMUFRkiIyYnLS4vMjM1Njc4OTpAQUJDREVGTVJWXmBiZmdoaWpxc3V8f4GCg4SGiIyNj5aXmZqbnJ+go6SlpqmqrK+wub2/wMHCxMXJzM3P0tPU1djd3t/n6Orr7O7w8fP09fb3+Pn6/f5+D/4+AAABqklEQVQ4y43V+T8CQRQA8GklUeQmhESuHBHJUY5EIWeHECGrcpVV++eb2Z3Y2d22eT+9mfm2n880894AQIRpKnDxVCh/sanD+c7/aS8PdDoCOqPfvCRu3c1VKaOOFC+P3LJBlAQ1h3m1uB8UpJRan/FaOX3i39jaj5fw+OeIJ6nzQ1y4crXhGeP43qfk63/UwQnjxDCxS4ufU9DeNzQqLTBAFn1y2vKIBi9WoAivnAZR/tqtJTG1lWFaHNKUmF6i1K0tRWpDWZLRliINoWykjhRo0ztMYqBuQGpHv3FR0TV07q1U9AzSO0BFM5BG6GgO0nU6ikpkhY5y9DQPqY9+W2E6ek7/Z/noj2CM/mCF6xKnouIlHKWiwtW+ZmqjGV8XpmLBLNWUHXm+Ep+VlGHJVkMaYuhLO/WKG4b+GC2yZqJlsCotAxhPhcqaBrJGtKjYW39akAEA6rS3dr/YxCN6CQWTuGkmXBY802gP4bndBiClYKDaiisP0e3NwEGyWG3NqwwgKWzwFbUGn52QnJbms+ExAjWqeIwyHhN5BxRPXLbAc+xNcK5Hdl1+ASkP8ND4fLD1AAAAAElFTkSuQmCC') no-repeat; background-size: 20px 20px;}
.pullrefresh-dragtip > span.pullrefresh-loading:after{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAABcVBMVEVTfvH///9TfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvFTfvG7eWgbAAAAenRSTlMAAAECAwQGBwkKCw0PEBETFBUZIiMmJy0uLzIzNTY3ODk6QEFCQ0RFRktNUlZeYGJmZ2hpanFzdXyBgoOEhoiMjY+Wl5mam5yfoKOkpqmqrK+wuLm6vb/AwcLExcnMzc/S09TV2N3e3+fo6uvs7vDx8/T19vf4+fr9/naKfqcAAAGISURBVDjLjZVVW0JBEEBXDLC7FbsVuzDAwO7E7sAORDi/3od7/T72Ajrztjvn4c7dmTNKaZHV7t2+eQ5/BI4Xewq1TFKSdmxZ+yIqTvszEqCNx1jjcTAtDpq9RLy4qIpBK27NXPh81TM+OecPmufvNgva8mYk9ly55o2jafYdYMuuo40hAA5qtCrzPCF20vUPKH0BCPbalCXKfOl6WZnXAPcV6q8wUB/AQ7H6H3WGgc9qJUB3AfqVAHUCHNok6DxArRKg9ldgX0nQegCXCB0FwjkidAM4UyL0CliWoY/AmAz9AoZlaEiOPgFueVlLMnRT/rPc8idokD+s/RXwi1CjCeuUuLWP/mjtTneRNjADCcmCJyL+rqgxDDoTkGn7ANOC4U5ZAQhka8oIxFOGYx2ADquI+mJqKz8HwPuv3vI9hsSXU6Kl2WpK88CVZ96k1s+bdzPJuoorf1UcuVybmvAuHH7+qnnEFiv4SDzB3zVL18aQQ7aMroayEu4tY8XdPRMKnPi6Syzt8gMGxsBO8KgZSQAAAABJRU5ErkJggg==') no-repeat; background-size: 20px 20px; -webkit-animation: backRotateAnimation .4s linear infinite; animation: backRotateAnimation .4s linear infinite;}
.pullrefresh-draghelp{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; 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-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.pullrefresh-draghelp > div{width: 2.3rem; height: 2.3rem; background-color: rgba(0, 0, 0, 0.8);}
.pullrefresh-draghelp > div:before{content: '\e60d'; font-family: 'YDUI-INLAY'; font-size: .88rem; text-align: center; color: #FFF; display: block; padding-top: .36rem;}
.pullrefresh-draghelp > div > span{text-align: center; color: #FFF; font-size: .28rem; display: block; padding-top: .2rem;}

/* grids */
.m-gridstitle{padding: 0.35rem 0.24rem 0.1rem; font-size: 0.3rem; text-align: left; color: #888; position: relative; z-index: 1; background-color: #F5F5F5;}
.m-gridstitle:after{content: ''; position: absolute; z-index: 3; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #D9D9D9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
.m-grids{display: flex;justify-content: flex-start;background: #fff;position: relative;flex-wrap: wrap}
.grids-item{display: flex;align-items: center;justify-content: center;flex-direction: column;padding: .32rem 0;text-align: center;position: relative;}
.grids-item:after{content: '';position: absolute;z-index: 0;bottom: 0;left: 0;width: 100%;height: 1px;border-bottom: 1px solid #eee;transform: scaleY(.5);transform-origin: 0 100%;}
.grids-item:active{background: #efefef}
.grids-icon {height: .45rem;display: flex;justify-content: center;align-items: center;margin-bottom: .1rem}
.grids-icon img {height: 100%;}
.grids-icon i{font-size: .5rem;}
.grids-text{font-size: .26rem;}
.grids-2 .grids-item{flex: 0 0 50%;}
.grids-3 .grids-item{flex: 0 0 33.33333333%;}
.grids-4 .grids-item{flex: 0 0 25%;}
.grids-5 .grids-item{flex: 0 0 20%;}
.grids-2 .grids-item:not(:nth-child(2n)):before{content: '';position: absolute;z-index: 0;top: 0;right: 0;height: 100%;border-right: 1px solid #eee;transform: scaleX(.5);transform-origin: 100% 0;}
.grids-3 .grids-item:not(:nth-child(3n)):before{content: '';position: absolute;z-index: 0;top: 0;right: 0;height: 100%;border-right: 1px solid #eee;transform: scaleX(.5);transform-origin: 100% 0;}
.grids-4 .grids-item:not(:nth-child(4n)):before{content: '';position: absolute;z-index: 0;top: 0;right: 0;height: 100%;border-right: 1px solid #eee;transform: scaleX(.5);transform-origin: 100% 0;}
.grids-5 .grids-item:not(:nth-child(5n)):before{content: '';position: absolute;z-index: 0;top: 0;right: 0;height: 100%;border-right: 1px solid #eee;transform: scaleX(.5);transform-origin: 100% 0;}

/* btn */
.btn{text-align: center;position: relative;border: none;pointer-events: auto;height: 0.7rem;line-height: 0.7rem;font-size: .28rem;display: inline-block;padding: 0 .2rem;border-radius: 3px;}
.btn-block{text-align: center;position: relative;border: none;pointer-events: auto;width: 100%;display: block;font-size: .3rem;height: 1rem;line-height: 1rem;margin: .5rem auto 0;border-radius: 3px;}
.btn-primary{background: #04be02;color: #fff;}
.btn-danger{background: #ef4f4f;color: #fff;}
.btn-warning{background: #ffb400;color: #fff;}
.btn-disabled{background: #ccc;color: #f0f0f0;pointer-events: none;}
.btn-hollow{background: #fff;color: #454545;}
.btn-hollow:after{content: '';width: 200%;height: 200%;position: absolute;top: 0;left: 0;transform: scale(0.5);transform-origin: 0 0;border: 1px solid #eee;border-radius: 6px;}

/* badge */
.badge{color: #FFF; font-size: 12px; position: relative; display: inline-block; border-radius: 1000px; line-height: 1; padding: 3px 6px; white-space: nowrap; background-color: #D0D0D0;}
.badge:after{content: ''; width: 200%; height: 200%; border: 1px solid #D0D0D0; position: absolute; top: 0; left: 0; border-radius: 1rem; transform-origin: 0 0; transform: scale(0.5);}
.badge-radius{border-radius: 2px;}
.badge-radius:after{border-radius: 2px;}
.badge-primary{background-color: #04BE02; color: #FFF;}
.badge-primary:after{border-color: #04BE02;}
.badge-danger{background-color: #EF4F4F; color: #FFF;}
.badge-danger:after{border-color: #EF4F4F;}
.badge-warning{background-color: #FFB400; color: #FFF;}
.badge-warning:after{border-color: #FFB400;}
.badge-hollow{background-color: #FBFBFB; color: #e2e2e2;}
.badge-hollow:after{border-color: #e2e2e2;}

/* 文本溢出隐藏 */
.text-ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.text-ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.text-ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.text-ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

/* 安全键盘 */
.m-keyboard{position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1000; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; background-color: #F7F7F7;}
.m-keyboard.keyboard-show{-webkit-transform: translate(0, 0); transform: translate(0, 0);}
.keyboard-content{background-color: #FFF; margin-top: .3rem; position: relative;}
.keyboard-content:before{content: ''; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 1px; border-top: 1px solid #D9D9D9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0;}
.keyboard-title{overflow: hidden; padding: .2rem 0 .12rem; color: #222; margin-bottom: 1px; /* for old android */ font-size: .24rem; text-align: center; background-color: #FFF;}
.keyboard-numbers{font-size: .48rem; background-color: #FFF;}
.keyboard-numbers > li{width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.keyboard-numbers > li > a{width: 1%; /* for old android */ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #222; height: 1rem; position: relative; 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-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #FFF;}
.keyboard-numbers > li > a:active{background-color: #f2f2f2;}
.keyboard-numbers > li > a:not(:last-child):after{content: ''; position: absolute; z-index: 0; top: 0; right: 0; height: 100%; border-right: 1px solid #D9D9D9; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); -webkit-transform-origin: 100% 0; transform-origin: 100% 0;}
.keyboard-numbers > li > a:before{content: ''; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 1px; border-top: 1px solid #D9D9D9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; transform-origin: 0 0;}
.keyboard-numbers > li:last-child > a:last-child,
.keyboard-numbers > li:last-child > a:nth-last-child(3){background-color: #F7F7F7; font-size: .3rem; color: #686868;}
.keyboard-numbers > li:last-child > a:last-child:after{font-family: 'fnui'; content: '\e72d'; font-size: .6rem;}
.keyboard-head{height: .8rem; 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-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #1F2324; font-size: .3rem; position: relative;}
.keyboard-head:after{content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #D9D9D9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
.keyboard-password{margin: 0 .8rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; background-color: #FFF;}
.keyboard-password:after{content: ''; width: 200%; height: 200%; -webkit-transform: scale(0.5); transform: scale(0.5); position: absolute; border: 1px solid #D9D9D9; top: 0; left: 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; border-radius: 4px;}
.keyboard-password li{-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; 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-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 1rem;}
.keyboard-password li:not(:last-child):after{content: ''; width: 1px; height: 50%; position: absolute; right: 0; top: 25%; background-color: #D9D9D9; -webkit-transform: scaleX(0.5); transform: scaleX(0.5);}
.keyboard-password li i{display: none; width: 6px; height: 6px; border-radius: 50%; background-color: #000;}
.keyboard-error{padding: 2px .8rem; color: #F00; overflow: hidden; height: .5rem; line-height: .5rem; font-size: .24rem;}

/* 数量加减 */
.m-spinner{border:1px solid #EAE8E8;border-radius:1px;display: flex;}
.m-spinner>a{width:.6rem;line-height:.6rem;font-weight:700;color:#666;background-color:#F8F8F8;text-align: center}
.m-spinner>a:active{background-color:#ececec}
.m-spinner>a:after{color:#777;font-size:.18rem;font-family: 'fnui';}
.m-spinner>a:first-child:after{content:'\e768'}
.m-spinner>a:last-child:after{content:'\e767'}
.m-spinner>input{width:.85rem;color:#666;border:none;font-size:.26rem;text-align: center !important}

/* 头像上传 */
.photoclip{width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 100; background: #000; display: none;}
.photoclip #clipArea{height: 90%;}
.photoclip .foot-use{background: #fff; height: 1.2rem; width: 100%; position: absolute; left: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex;}
.photoclip .foot-use > div{width: 50%; overflow: hidden; height: 100%; font-size: .32rem; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative;}
.photoclip .foot-use .uploader input{width: 100%; height: 100%; border: 0; position: relative;}
.photoclip .foot-use .uploader .button{position: absolute;}
.photoclip .foot-use .uploader #file{opacity: 0;}
.photoclip .foot-use .uploader:after{content: ''; position: absolute; z-index: 0; top: 0; right: 0; width: 1px; height: 100%; border-right: 1px solid #d9d9d9; -webkit-transform: scaleX(0.5); transform: scaleX(0.5);}

/* tabsslide */
.tabsslide{height: auto; overflow: hidden;}
.tabsslide .tabsslide-nav{height: auto; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff;}
.tabsslide .tabsslide-nav a{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: .9rem; line-height: .9rem; font-size: .28rem; color: #333; position: relative; text-align: center;}
.tabsslide .tabsslide-nav a.active{color: #04BE02;}
.tabsslide .tabsslide-nav a.active:after{content: ""; width: 50%; height: 3px; border-bottom: 3px solid #04BE02; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; position: absolute; left: 50%; margin-left: -25%; bottom: 0;}
.tabsslide .tabsslide-nav:after{content: ""; width: 100%; height: 1px; border-bottom: 1px solid #d6d6d6; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; position: absolute; left: 0; bottom: 0;}
.tabsslide .tabsslide-content{height: auto; overflow: hidden;}
.tabsslide .tabsslide-content .swiper-slide{padding: .2rem;}

/* scrolltab */
.scrolltab{height: auto;overflow: hidden;}
.scrolltab-nav{width: 30%;height: 100%; background: #F5F5F5;position: fixed; z-index: 1;max-width: 225px}
.scrolltab-nav:after{content: ''; position: absolute; z-index: 0; top: 0; right: 0; height: 100%; border-right: 1px solid #DFDFDF; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); -webkit-transform-origin: 100% 0; transform-origin: 100% 0;}
.scrolltab-item{padding: 0 .3rem; height: 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1;}
.scrolltab-item.active{background-color: #FFF;}
.scrolltab-item.active:active{background-color: #FFF;}
.scrolltab-item:after{content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #DFDFDF; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
.scrolltab-item:active{background: none; /* for firefox */}
.scrolltab-icon{margin-right: .2rem; font-size: .32rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.scrolltab-icon > img{height: .4rem; display: inline-block;}
.scrolltab-title{font-size: .3rem; color: #666; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 1.6rem;}
.scrolltab-content{width: 70%;height: 100%; background: #FFF;padding: 0 .24rem .24rem .24rem; position: relative;left: 30%}
.scrolltab-content-title{font-size: .3rem; font-weight: normal; color: #555; display: block; padding-bottom: .1rem; padding-top: .32rem; margin-bottom: .2rem; position: relative; z-index: 1;}
.scrolltab-content-title:after{content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #e2e2e2; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}

/* tabsscroll */
.tabsscroll{height: auto; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; background: #fff;}
.tabsscroll .swiper-slide{position: relative; height: .8rem; line-height: .8rem; font-size: .3rem; color: #666; position: relative; text-align: center;}
.tabsscroll .swiper-slide.active{color: #E8574E;}
.tabsscroll .swiper-slide.active:after{content: ""; width: .5rem; height: .05rem; background: #E8574E; position: absolute; left: 50%; margin-left: -.25rem; bottom: 0;}

/* m-uploadimg */
.m-uploadimg{height: auto;overflow: hidden;background: #fff;padding: .2rem;}
.m-uploadimg .uploadimg-box{width: 3.4rem;height: 2.4rem;margin: 0 .3rem .3rem 0;float: left;position: relative;}
.m-uploadimg .uploadimg-box img{width: 100%;height: 100%;}
.m-uploadimg .uploadimg-box input{width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;}
.m-uploadimg .uploadimg-box:nth-child(2n){margin-right: 0}
.m-uploadimg #uploadimgs-upload{width: 100%;height: 1rem;line-height: 1rem;display: block;position: relative;background: #04be02;margin-top: .5rem;font-size: .3rem;color: #fff;text-align: center;clear: both;}

/* uploadimgs */
.m-uploadimgs{position: relative;padding: .1rem .25rem .25rem .25rem;}
.m-uploadimgs #uploadimgs-choosebox,.m-uploadimgs #uploadimgs-upload{width: 100%;height: 1rem;line-height: 1rem;display: block;position: relative;background: #04be02;margin-top: .5rem;font-size: .3rem;color: #fff;text-align: center}
.m-uploadimgs #uploadimgs-choosebox span{width: 100%;height: 100%;position: absolute;}
.m-uploadimgs #uploadimgs-choose{width: 100%;height: 100%;opacity: 0;}
.m-uploadimgs .uploadimgs-list{height: auto;overflow-y: hidden;display: flex;flex-wrap: wrap;}
.m-uploadimgs .uploadimgs-list li{width: 2.2rem;height: 2.2rem;margin: .2rem .2rem 0 0;border: 1px solid #f2f2f2;position: relative;}
.m-uploadimgs .uploadimgs-list li:nth-child(3n){margin-right: 0}
.m-uploadimgs .uploadimgs-list li i{position: absolute;right: 0;top: 0;font-size: .45rem;color: red;}
.m-uploadimgs .uploadimgs-list li i:after{display: block; content: '\e80b'; font-family: 'fnui';}
.m-uploadimgs .uploadimgs-list li img{width: 100%;height: 100%;}

/* cityselect */
.m-cityselect{position: fixed; bottom: 0; left: 0; width: 100%; height: 75%; z-index: 1000; background-color: #fff; -webkit-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s;}
.m-cityselect.brouce-in{-webkit-transform: translate(0, 0); transform: translate(0, 0);}
.cityselect-header{position: absolute; top: 0; left: 0; width: 100%; z-index: 1;}
.cityselect-header:after{content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #D9D9D9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
.cityselect-title{width: 100%; font-size: .3rem; text-align: center; height: 45px; line-height: 45px; position: relative;}
.cityselect-title:after{content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #e2e2e2; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
.cityselect-nav{width: 100%; padding-left: .2rem; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.cityselect-nav > a{font-size: .26rem; color: #222; display: block; height: 40px; line-height: 46px; padding: 0 .2rem; position: relative; margin-right: .15rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 40%;}
.cityselect-nav > a.crt{color: #F23030;}
.cityselect-nav > a.crt:after{content: ''; width: 100%; height: 2px; background-color: #F23030; position: absolute; bottom: 0; left: 0; z-index: 2;}
.cityselect-content{height: 100%; padding-top: 85px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.cityselect-content.cityselect-move-animate{-webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s;}
.cityselect-content.cityselect-next{-webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.cityselect-content.cityselect-prev{-webkit-transform: translate(0, 0); transform: translate(0, 0);}
.cityselect-content > .cityselect-item{display: block; height: inherit; width: 50%; /* for old android */ -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; overflow-y: auto; -webkit-overflow-scrolling: touch; background-color: #FFF;}
.cityselect-content > .cityselect-item::-webkit-scrollbar{width: 0;}
.cityselect-content > .cityselect-item:nth-child(2n){background-color: #F5F5F5;}
.cityselect-item-box{width: 100%; height: inherit; display: block; padding: 0 .4rem;}
.cityselect-item-box > a{color: #333; font-size: .26rem; height: 40px; line-height: 40px; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; position: relative; z-index: 1;}
.cityselect-item-box > a:before{content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #D9D9D9; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%;}
.cityselect-item-box > a:active{background: none; /* for firefox */}
.cityselect-item-box > a span{-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: block;}
.cityselect-item-box > a.crt{color: #F23030;}
.cityselect-item-box > a.crt:after{display: block; content: '\e61e'; font-family: 'fnui';}

/* progress-bar */
.progress-bar{position: relative; color: #333;}
.progress-bar > svg > path{-webkit-transition: all .8s linear; transition: all .8s linear;}
.progressbar-content{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

/* m-address */
.m-address{height: auto;overflow: hidden;}
.m-address .addressno{height: auto;overflow: hidden;text-align: center;padding: 2rem 0;position: relative;}
.m-address .addressno h3{font-size: .35rem;color: #999;margin-bottom: .2rem;}
.m-address .address-item{height: auto;overflow: hidden;background: #fff;margin-bottom: .2rem;padding: .2rem;}
.m-address .address-item .address-tn{font-size: .28rem;display: flex;justify-content: space-between}
.m-address .address-item .address-area{font-size: .26rem;color: #777;margin: .1rem 0 .2rem;}
.m-address .address-item .address-other{font-size: .26rem;display: flex;justify-content: space-between;align-items: center;position: relative;padding-top: .2rem;}
.m-address .address-item .address-other label{display: flex;align-items: center}
.m-address .address-item .address-other label i{margin-right: .1rem}
.m-address .address-item .address-other .address-btn a{padding-left: .8rem}
.m-address .address-item .address-other:after{content: '';position:absolute;z-index:2;top:0;width:100%;height:1px;border-bottom:1px solid #e2e2e2;transform:scaleY(.5);transform-origin:0 100%;}
.m-address input[type="radio"],.cell-right input[type="checkbox"]:not(.m-switch){-webkit-appearance: none;-moz-appearance: none;position: absolute;left: -9999em;}
.m-address input[type="radio"] + .cell-radio-icon:after,.cell-radio-icon:after,.m-address input[type="radio"] + .cell-checkbox-icon:after,.m-address input[type="checkbox"]:not(.m-switch) + .cell-checkbox-icon:after{font-family: 'fnui';font-size: .45rem;}
.m-address input[type="radio"] + .cell-radio-icon:after,.m-address input[type="checkbox"]:not(.m-switch) + .cell-radio-icon:after{content: '\e61e';color: #E8574E;display: none;}
.m-address input[type="radio"] + .cell-checkbox-icon:after,.m-address input[type="checkbox"]:not(.m-switch) + .cell-checkbox-icon:after{content: '\e72f';color: #eee;}
.m-address input[type="radio"]:checked + .cell-radio-icon:after,.m-address input[type="checkbox"]:not(.m-switch):checked + .cell-radio-icon:after{display:inline-block;}
.m-address input[type="radio"]:checked + .cell-checkbox-icon:after,.m-address input[type="checkbox"]:not(.m-switch):checked + .cell-checkbox-icon:after{color: #E8574E;content: '\e730';}
.m-address .btn-add{width: 6.45rem;height: 1rem;line-height: 1rem;font-size: .3rem;color: #fff;background: #E8574E;margin: 1rem auto;text-align: center;display: block}

/* m-popup */
.m-popup .weui-popup__modal{background: #fff}
.m-popup .info{padding: .2rem .2rem 0 .2rem;margin: 0;position: relative;}
.m-popup .info h3{font-size: .28rem;}
.m-popup .info .btn-close{font-size: .4rem;color: #777}
.m-popup .info .top{display: flex;position: relative}
.m-popup .info .top:after{content: '';position: absolute;z-index: 0;bottom: 0;left: 0;width: 100%;height: 1px;border-bottom: 1px solid #d9d9d9;transform: scaleY(0.5);transform-origin: 0 100%;}
.m-popup .info .top .img{width: 2.15rem;height: 2.15rem;overflow: hidden;margin-right: .2rem}
.m-popup .info .top .txt{flex: 1;font-size: .26rem;color: #444;position: relative;}
.m-popup .info .top .txt .price{font-size: .3rem;margin-top: .15rem}
.m-popup .info .top .txt .kc{margin: .1rem 0}
.m-popup .info .gg{position: relative;padding: .2rem 0 .3rem}
.m-popup .info .gg ul{display: flex;flex-wrap: wrap}
.m-popup .info .gg li{background: #f5f5f5;color: #444;padding: .1rem .2rem;border-radius: 5px;margin: .2rem .2rem 0 0;font-size: .24rem;}
.m-popup .info .gg li.active{background: #f7300f;color: #fff}
.m-popup .info .gg:after{content: '';position: absolute;z-index: 0;bottom: 0;left: 0;width: 100%;height: 1px;border-bottom: 1px solid #d9d9d9;transform: scaleY(0.5);transform-origin: 0 100%;}
.m-popup .info .num{position: relative;padding: .25rem 0;display: flex;justify-content: space-between;align-items: center}
.m-popup .info .num .nmb-jj{overflow:hidden;margin:0 .2rem;display: inline-block;vertical-align: -.1rem}
.m-popup .info .num .nmb-jj li{width: .5rem;float:left;text-align:center;line-height: .5rem;border:1px solid #ddd;font-size:.24rem;}
.m-popup .info .num .nmb-jj li.jia{border-left:0;color:#999;}
.m-popup .info .num .nmb-jj li.jian{border-right:0;color:#999;}
.m-popup .info .num .nmb-jj li .srkk{width: .4rem;font-size: .26rem;border:0;text-align:center}
.m-popup .info .num:after{content: '';position: absolute;z-index: 0;bottom: 0;left: 0;width: 100%;height: 1px;border-bottom: 1px solid #d9d9d9;transform: scaleY(0.5);transform-origin: 0 100%;}
.m-popup .btn-buy{position: relative;margin-top: .3rem}
.m-popup .btn-close{position: absolute;right: .2rem;top: .2rem;z-index: 1;}
.m-popup .btn-close i{font-size: .45rem;color: #999}

/* m-order */
.m-order .m-list .list-item{width: 100%; padding: .3rem; border-bottom: .2rem solid #f9f9f9;}
.m-order .m-list .list-item:last-of-type{border:0}
.m-order .m-list .list-item .t{display: -webkit-box; display: -ms-flexbox; display: flex; line-height: .45rem;}
.m-order .m-list .list-item .t h2{font-size: .26rem; color: #999; margin-right: auto;}
.m-order .m-list .list-item .t span{font-size: .26rem; color: #E8574E;}
.m-order .m-list .list-item .info{height: auto; overflow: hidden; margin-top: .2rem;}
.m-order .m-list .list-item .info .img{width: 1.8rem; height: 1.8rem; float: left; margin-right: .2rem;}
.m-order .m-list .list-item .info .text{height: auto; overflow: hidden;}
.m-order .m-list .list-item .info .text h2{font-size: .3rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: .05rem;}
.m-order .m-list .list-item .info .text h2 span{font-size: .2rem; color: #fff; padding: .05rem .1rem; background: #2AC82A; border-radius: 3px; margin-right: .1rem;}
.m-order .m-list .list-item .info .text p{font-size: .24rem; color: #999;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.m-order .m-list .list-item .info .text .other{height: auto;overflow: hidden;display: flex;justify-content: space-between;align-items: center;margin: .2rem 0}
.m-order .m-list .list-item .info .text .other .price{font-size: .26rem;color: #FF542C;}
.m-order .m-list .list-item .info .text .other .num{font-size: .26rem;color: #aaa}
.m-order .m-list .list-item .info .text .time{ font-size: .24rem;color: #bbb;}
.m-order .m-list .list-item .info .btn-box{margin-top: .3rem;display: flex;justify-content: flex-end}
.m-order .m-list .list-item .info .btn-box a{padding: 0 .2rem; height: .6rem; line-height: .6rem; border-radius: 20px; font-size: .28rem; text-align: center;  margin-left: .3rem;color: #999; border: 1px solid #ccc;display: inline-block}
.m-order .m-list .list-item .info .btn-box a.last{color: #E8574E; border: 1px solid #E8574E;}

.m-kuaidi-box{width: 6rem; height: auto; overflow: hidden; position: fixed; left: 0; right: 0; top: 2rem; margin: auto; border-radius: 3px; z-index: 51; display: none;}
.m-kuaidi-box .icon-close{position: absolute; top: 0; right: 0; color: #fff; font-size: .3rem;padding: .2rem}
.m-kuaidi-box .head{padding: .2rem .5rem; background: #E8574E;}
.m-kuaidi-box .head .title{font-size: .32rem; color: #fff; text-align: center; margin-bottom: .1rem;}
.m-kuaidi-box .head .info{height: auto; overflow: hidden;}
.m-kuaidi-box .head .info img{width: 1rem; height: 1rem; float: left; margin-right: .2rem; border-radius: 3px;}
.m-kuaidi-box .head .info .text{height: auto; overflow: hidden; color: #fff;}
.m-kuaidi-box .head .info .text h2{font-size: .26rem; line-height: .36rem; margin-top: .1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.m-kuaidi-box .list{height: auto; overflow: hidden; background: #fff; padding: .3rem;}
.m-kuaidi-box .list .shadd{padding-left: .8rem; margin-bottom: .2rem;}
.m-kuaidi-box .list .shadd span{width: .4rem; height: .4rem; line-height: .4rem; background: #E8574E; text-align: center; display: block; color: #fff; border-radius: 50%; float: left; margin-right: .2rem;}
.m-kuaidi-box .list ul{height: auto; overflow: hidden; max-height: 6rem; overflow-y: auto; position: relative;}
.m-kuaidi-box .list ul li{height: auto; padding: .3rem 0; position: relative;}
.m-kuaidi-box .list ul li .time{float: left;}
.m-kuaidi-box .list ul li .time h2{font-size: .22rem; color: #333;}
.m-kuaidi-box .list ul li .time p{font-size: .2rem; color: #999;}
.m-kuaidi-box .list ul li .dot{width: .2rem; height: .2rem; border-radius: 50%; background: #f2f2f2; float: left; margin: .2rem;}
.m-kuaidi-box .list ul li .text{height: auto; overflow: hidden; line-height: .32rem;}
.m-kuaidi-box .list ul li:after{content: ""; width: 1px; height: 100%; border-right: 1px dashed #f2f2f2; position: absolute; left: .9rem; top: .3rem;}

/* m-wallet */
.m-wallet .head{height: 3.5rem; background: burlywood; background-size: 100%; text-align: center; color: #fff;}
.m-wallet .head h2{padding-top: .5rem; font-size: .32rem;}
.m-wallet .head h1{font-size: .85rem; margin-bottom: .3rem; font-family: sans-serif;}
.m-wallet .head .btn-tixian{width: 1.5rem; height: .5rem; line-height: .5rem; border: 1px solid #fff; border-radius: 20px; text-align: center; color: #fff;}
.m-wallet .title{height: 1rem; line-height: 1rem; font-size: .32rem; background: #fff; padding: 0 .3rem; font-weight: bold;}
.m-wallet .m-cell .cell-item{padding: 0 .3rem;}
.m-wallet .m-cell .cell-item .cell-left{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.m-wallet .m-cell .cell-item .cell-left h2{font-size: .28rem;}
.m-wallet .m-cell .cell-item .cell-left p{font-size: .24rem; color: #999;}
.m-wallet .m-cell .cell-item .cell-right{font-size: .28rem; color: #E8574E; min-height: 1.2rem;}
.m-wallet .m-cell .cell-item.tixian .cell-right{color: #999;}

/* m-cart */
.m-cart{height: auto;overflow: hidden;}
.m-cart .cartno{height: auto;overflow: hidden;text-align: center;padding: 2rem 0;position: relative;}
.m-cart .cartno h3{font-size: .35rem;color: #666;margin-bottom: .2rem;}
.m-cart .cartno p{font-size: .28rem;color: #999}
.m-cart .cartno:after{content: '\e68e';font-family: 'fnui';position: absolute;right: 0;left: 0;top: 18%;font-size: .9rem;color: #666}
.m-cart .cart-item{height: auto;overflow: hidden;position: relative;}
.m-cart .cart-item .weui-cell__bd{padding: .2rem;height: auto;overflow: hidden;}
.m-cart .cart-item .weui-cell__ft{padding: .2rem 0;height: auto;overflow: hidden;}
.m-cart .cart-item .cart-check{float: left;padding: .55rem .25rem .6rem 0;}
.cell-right input[type="checkbox"]:not(.m-switch){-webkit-appearance: none;-moz-appearance: none;position: absolute;left: -9999em;}
.m-cart .cart-item .cart-check input[type="checkbox"]:not(.m-switch) + .cell-checkbox-icon:after{font-family: 'fnui';font-size: .5rem;}
.m-cart .cart-item .cart-check input[type="checkbox"]:not(.m-switch){content: '\e61e';color: #E8574E;display: none;}
.m-cart .cart-item .cart-check input[type="checkbox"]:not(.m-switch) + .cell-checkbox-icon:after{content: '\e72f';color: #eee;}
.m-cart .cart-item .cart-check input[type="checkbox"]:not(.m-switch):checked + .cell-radio-icon:after{display:inline-block;}
.m-cart .cart-item .cart-check input[type="checkbox"]:not(.m-switch):checked + .cell-checkbox-icon:after{color: #E8574E;content: '\e730';}
.m-cart .cart-item .cart-img{width: 1.7rem;height: 1.7rem;margin-right: .25rem;float: left;}
.m-cart .cart-item .cart-img img{width: 100%;height: 100%;}
.m-cart .cart-item .cart-text{height: auto;overflow: hidden;}
.m-cart .cart-item .cart-text .cart-title{height: .8rem;line-height: .4rem;font-size: .28rem;color: #333;margin: .05rem 0 .25rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.m-cart .cart-item .cart-text .cart-dsc{font-size: .26rem;color: #777;margin: .1rem 0 .2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-cart .cart-item .cart-text .cart-other{height: auto;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.m-cart .cart-item .cart-text .cart-other .price{font-size: .3rem;color: #FF4C4C;}
.m-cart .cart-item .cart-text .cart-other .m-spinner{float: right}
.m-cart .cart-item .cart-text .cart-other .m-spinner a{width: .55rem;line-height: .55rem;}
.m-cart-tabbar{width: 100%;height: 1rem;line-height: 1rem;position: fixed;left: 0;right: 0;margin: auto;bottom: 0;z-index: 2;max-width: 750px;background: #fff;}
.m-cart-tabbar:after{content: '';position: absolute;z-index: 0;top: 0;left: 0;width: 100%;height: 1px;border-top: 1px solid #e2e2e2;transform: scaleY(0.5);transform-origin: 0 0;}
.m-cart-tabbar .cart-checkAll{float: left;font-size: .28rem;padding-left:.2rem;}
.m-cart-tabbar .cart-checkAll input[type="radio"],.cell-right input[type="checkbox"]:not(.m-switch){-webkit-appearance: none;-moz-appearance: none;position: absolute;left: -9999em;}
.m-cart-tabbar .cart-checkAll input[type="radio"] + .cell-radio-icon:after,.cell-radio-icon:after,.m-cart-tabbar .cart-checkAll input[type="radio"] + .cell-checkbox-icon:after,.m-cart-tabbar .cart-checkAll input[type="checkbox"]:not(.m-switch) + .cell-checkbox-icon:after{font-family: 'fnui';font-size: .5rem;}
.m-cart-tabbar .cart-checkAll input[type="radio"] + .cell-radio-icon:after,.m-cart-tabbar .cart-checkAll input[type="checkbox"]:not(.m-switch) + .cell-radio-icon:after{content: '\e61e';color: #E8574E;display: none;}
.m-cart-tabbar .cart-checkAll input[type="radio"] + .cell-checkbox-icon:after,.m-cart-tabbar .cart-checkAll input[type="checkbox"]:not(.m-switch) + .cell-checkbox-icon:after{content: '\e72f';color: #eee;}
.m-cart-tabbar .cart-checkAll input[type="radio"]:checked + .cell-radio-icon:after,.m-cart-tabbar .cart-checkAll input[type="checkbox"]:not(.m-switch):checked + .cell-radio-icon:after{display:inline-block;}
.m-cart-tabbar .cart-checkAll input[type="radio"]:checked + .cell-checkbox-icon:after,.m-cart-tabbar .cart-checkAll input[type="checkbox"]:not(.m-switch):checked + .cell-checkbox-icon:after{color: #E8574E;content: '\e730';}
.m-cart-tabbar .cart-checkAll span{vertical-align: .08rem}
.m-cart-tabbar .allPrice{float: left;font-size: .28rem;margin-left: .5rem}
.m-cart-tabbar .allPrice b{font-size: .3rem;color: #FF4C4C;}
.m-cart-tabbar .btn-pay{width: 2.7rem;background: #E8574E;float: right;text-align: center;font-size: .3rem;color: #fff;}
.m-cart-tabbar .btn-pay.disabled{background: #ccc !important;color: #fff !important;pointer-events:none;}

/* m-pay */
.m-pay{height: auto;overflow: hidden;}
.m-pay .address-box{height: auto;overflow: hidden;display: block;border-bottom: .15rem solid #f9f9f9;}
.m-pay .address-box .addressno{height: auto;overflow: hidden;text-align: center;padding: .5rem 0;position: relative;display: block}
.m-pay .address-box .addressno h3{font-size: .35rem;color: #666;margin-bottom: .1rem;}
.m-pay .address-box .addressno p{font-size: .28rem;color: #999}
.m-pay .address-box .address-info{height: auto;overflow: hidden;position: relative;padding: .3rem .8rem;display: block}
.m-pay .address-box .address-info .name{font-size: .28rem;margin-bottom: .1rem;display: flex;justify-content: space-between;}
.m-pay .address-box .address-info .address{font-size: .26rem;color: #666;line-height: .36rem}
.m-pay .address-box .address-info:before{content: '\e63c';font-family: 'fnui';position: absolute;left: .2rem;top: 40%;font-size: .45rem;color: #ccc}
.m-pay .address-box .address-info:after{content: '\e7e1';font-family: 'fnui';position: absolute;right: .2rem;top: 40%;font-size: .45rem;color: #ccc}
.m-pay .m-list .list-item{padding: .3rem;}
.m-pay .m-list .list-img{width: 1.7rem;height: 1.7rem;}
.m-pay .m-list .list-title{height: .85rem;margin-bottom: .45rem !important;font-size: .28rem !important;padding-top: .05rem;white-space: inherit;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space: inherit !important;}
.m-pay .m-list .list-other{font-size: .28rem;}
.m-pay .m-list .list-other .price{color: #FF4C4C}
.m-pay .m-list .list-other .num{color: #aaa}
.m-pay .m-pay-tabber{width: 100%;height: 1rem;line-height: 1rem;background: #fff;position: fixed;left: 0;bottom: 0;right: 0;z-index: 2;display: flex;justify-content: flex-end;max-width: 750px;margin: 0 auto;}
.m-pay .m-pay-tabber:after{content: '';position: absolute;z-index: 0;top: 0;left: 0;width: 100%;height: 1px;border-top: 1px solid #e2e2e2;transform: scaleY(0.5);transform-origin: 0 0;}
.m-pay .m-pay-tabber span{font-size: .28rem;color: #777}
.m-pay .m-pay-tabber span b{font-size: .3rem;color: #FF4C4C;}
.m-pay .m-pay-tabber .btn-pay{width: 2.7rem;background: #E8574E;text-align: center;font-size: .3rem;color: #fff;margin-left: 1rem;}
.m-pay .m-cell{margin: 0;border-top: .15rem solid #f9f9f9;}
.m-pay .m-cell .cell-right{font-size: .28rem;}
.m-pay .m-cell .cell-right input{height: 100%;text-align: right}

/* m-express */
.m-express{height: auto;overflow: hidden;}
.m-express .head{height: auto; overflow: hidden; padding: .5rem; border-bottom: .16rem solid #f9f9f9; display: -webkit-box; display: -ms-flexbox; display: flex;}
.m-express .head .icon{width: .96rem; height: .96rem; margin-right: .2rem;}
.m-express .head .icon i{font-size: .9rem; color: #E8574E;}
.m-express .head .text{height: auto; overflow: hidden;}
.m-express .head .text p{font-size: .26rem; margin-top: .1rem;}
.m-express .head .text p span{color: #aaa;}
.m-express .list{height: auto; overflow: hidden; padding: .5rem;}
.m-express .list .t{font-size: .3rem; margin-bottom: .5rem;}
.m-express .list .item{height: auto; overflow: hidden; padding-left: .4rem; position: relative; padding-bottom: .6rem;}
.m-express .list .item h2{font-size: .26rem; color: #777; margin-bottom: .15rem;}
.m-express .list .item p{font-size: .24rem; color: #777;}
.m-express .list .item:before{content: ""; width: .18rem; height: .18rem; background: #e3e3e3; position: absolute; left: 0; top: .1rem; border-radius: 50%;}
.m-express .list .item:after{content: ""; width: 1px; height: 100%; border-right: 1px solid #e3e3e3; position: absolute; left: .08rem; top: .1rem;}
.m-express .list .item.first h2, .m-express .list .item.first p{color: #E8574E !important;}
.m-express .list .item.first:before, .m-express .list .item.first:after{background: #E8574E; border-color: #E8574E;}
.m-express .list .item:last-child{padding-bottom: 0;}
.m-express .list .item:last-child:after{display: none;}

/* m-evaluate */
.m-evaluate .raty-box{height: auto; overflow: hidden; padding: .3rem; border-bottom: .16rem solid #f8f8f8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.m-evaluate .raty-box .img{width: .85rem; height: .85rem; margin-right: .2rem;}
.m-evaluate .raty-box .raty{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.m-evaluate .raty-box .raty span{font-size: .28rem; color: #666; margin-right: .1rem;}
.m-evaluate .raty-box .raty .star{-webkit-box-flex: 1; -ms-flex: 1; flex: 1;}
.m-evaluate .raty-box .raty .star img{width: .28rem; height: .28rem; display: inline-block; margin-right: .05rem; vertical-align: -.05rem;}
.m-evaluate textarea{width: 100%; height: 5rem; padding: .3rem; border: 0; border-bottom: 1px solid #f2f2f2; font-size: .26rem;}

/* weuicss覆盖 */
@media only screen and (min-width: 400px){html{font-size: 56px !important}}
.weui-picker-container{height: 100%;background: rgba(0, 0, 0, .5)}
.weui-picker-modal,.weui-picker-modal .picker-modal-inner,.weui-select-modal .weui-cells{max-height: 5rem;font-size: .3rem;}
.toolbar,.toolbar .title{font-size: .3rem;line-height: 1rem}
.toolbar .toolbar-inner{height: 1rem;}
.toolbar .picker-button{height: 1rem;line-height: 1rem}
.weui-popup__modal{max-width: 100%;overflow: hidden;}
.weui-picker-modal .picker-items{font-size: .3rem;text-align: center}
.weui-toast{width: auto;height: auto;padding: 0}
.weui-icon_toast{font-size: .8rem;margin: .3rem 0 0}
.weui-toast_content,.weui-toast--text{font-size: .3rem;padding: .3rem .25rem}
.weui-icon_toast.weui-icon-success-no-circle:before{font-size: 100%;}
.weui-dialog{max-width: 5.5rem;}
.weui-dialog__hd{padding: .4rem 1.6rem .3rem}
.weui-dialog__title{font-size: .32rem;}
.weui-dialog__bd{font-size: .3rem;}
.weui-dialog__ft{font-size: .32rem;}
.weui-picker-calendar{height: 6rem;max-height: 6rem}
.picker-calendar-month-picker, .picker-calendar-year-picker{line-height: 1rem;}
.picker-calendar-month-picker a.icon-only, .picker-calendar-year-picker a.icon-only{height: 1rem;line-height: 1rem;max-width: auto;}
i.icon.icon-next, i.icon.icon-prev{width: .3rem;height: .3rem;margin-top: -.05rem;}
.picker-calendar-month-picker .current-month-value, .picker-calendar-year-picker .current-month-value, .picker-calendar-month-picker .current-year-value, .picker-calendar-year-picker .current-year-value{height: 1rem;}
.picker-calendar-week-days{height: .4rem;}
.picker-calendar-row{height: auto;padding: .08rem 0;}
.weui-swiped-btn{display: flex;align-items: center;padding: 0 .3rem}

/* swipercss 样式覆盖 */
.swiper-pagination-bullet-active{background: #04BE02}

.pd30{padding: .3rem}
.pdlr30{padding: 0 .3rem}
.pdtb30{padding: .3rem 0}
.mr30{margin: .3rem}
.mrlr30{margin: 0 .3rem}
.mrtb30{margin: .3rem 0}

.pd20{padding: .2rem}
.pdlr20{padding: 0 .2rem}
.pdtb20{padding: .2rem 0}
.mr20{margin: .2rem}
.mrlr20{margin: 0 .2rem}
.mrtb20{margin: .2rem 0}
.fl{float: left;}
.fr{float: right;}

.container{height: auto;overflow: hidden;max-width: 750px;margin:0 auto}
.mask-black{background-color: rgba(0, 0, 0, 0.4); position: fixed; z-index: 500; bottom: 0; right: 0; left: 0; top: 0; 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-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.cover{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0, 0, 0, .5);z-index: 50;display: none}