@charset "utf-8";
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,address,img,small,strong,sub,sup,tt,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,canvas,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;font-size:12px;color: #333333}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
img,fieldset{border:0}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;padding:0}
input[type=checkbox],input[type=radio]{cursor:pointer;padding:0}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:12px}
body{position:relative;font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;font-weight:400;color:#333;font-size:12px;margin:0;padding:0;}
body,button,input,select,textarea{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";background-color:#fff}
input:focus,textarea:focus,button:focus,select:focus{outline:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999;}
::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 0;margin: 0;}
i,em{font-style:normal;}
img{vertical-align: middle;}
.fl{float:left}
.fr{float:right}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.text-left{text-align:left !important}
.text-right{text-align:right !important}
.text-center{text-align:center !important}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.bar-nav{position:fixed;left:0;right:0;top:0;background-color:#fff;z-index: 100}
.bar-nav~.content{padding-top:55px;}
.bar-footer{position:fixed;left:0;right:0;bottom:0;z-index:50;background-color:#fff}
.bar-footer~.content{padding-bottom:55px;}
.content-padded{margin:10px;}
.bd-w{background-color:#fff}
.oneline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;}
.twolines{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.threelines{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.forelines{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
input{border: none;}
::-webkit-scrollbar{width:0px;height:0;}
.bgw{background: #fff}
.vertical-alignMiddle{ vertical-align: middle }

/*通用行距*/
.lineHeight20{line-height: 20px}
/*通用间距*/
.w100{    width: 100%;}
.pb50{    padding-bottom:50px !important;}
.mb10{    margin-bottom: 10px !important;}
.pt20{    padding-top: 20px !important;}
.mb25{    margin-bottom: 25px;}
.mr10{    margin-right: 10px;}
.pt40{    padding-top: 20px;}
.mb13{    margin-bottom: 13px;}
.mb12{margin-bottom: 12px}
.mb5{margin-bottom: 5px}
.mr5{    margin-right: 5px;}
.pb20{    padding-bottom: 20px !important;}
.pt50{ padding-top: 50px !important;}
.mr80{margin-right: 80px;}
.mt2{  margin-top: 2px;}
.pt6{    padding-top: 6px;}
.mb20{    margin-bottom: 20px;}
.mb26{    margin-bottom: 26px;}
.pt15{  padding-top: 15px;}
.pb35{padding-bottom: 35px !important;}
.mr8{margin-right: 8px}
.mb7{margin-bottom: 7.5px}
.mb50{margin-bottom: 50px}
.pb10{padding-bottom: 10px}
.mr13{margin-right: 13px}
.mr15{margin-right: 15px}
.ml9{margin-left: 9px;}
.mb9{margin-bottom: 9px;}
.mb8{margin-bottom: 8px}
.pt13{padding-top: 13px;}
.pr12{padding-right: 12px}
.mb16{margin-bottom: 16px;}
.mr16{margin-right: 16px;}
.pb14{padding-bottom: 14px;}
.pt18{padding-top: 18px}
.mb15{margin-bottom: 15px;}
.mb19{margin-bottom: 19px}
.mr30{margin-right: 30px}
.pb28{padding-bottom: 28px;}
.pb30{padding-bottom: 30px;}
.mr4{margin-right: 4px;}
.pt100{padding-top: 100px;}
.pt4{padding-top: 4px;}
.mr6{margin-right: 6px;}
.pt80{padding-top: 80px;}
.pt8{padding-top: 8px;}
.pb15{padding-bottom: 15px;}
.pt30{padding-top: 30px;}
.mb30{margin-bottom: 30px}
.mb25{margin-bottom: 25px}
.mb28{margin-bottom: 28px}
.pt10{padding-top: 10px}
.mb60{ margin-bottom: 60px;  }
    /*通用间距end*/

/*通用弹窗*/
.popWrap{ position:absolute;z-index:222;display:none;}
/*遮罩*/
.f_popBox{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;display:none;background:-moz-linear-gradient(left,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);background:linear-gradient(to right,rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000',endColorstr='#33000000',GradientType=1);}
/*通用弹窗 标题*/
.popTitle{ text-align: center; font-size: 0.28rem; position: relative;padding: 0.3rem 0;border-bottom: 1px solid #f2f2f2;}
/*通用弹窗 关闭*/
.closePic{position: absolute;right: 0; top:0.2rem; width: 0.22rem;}
/*通用弹窗 确认取消按钮*/
.popCombtn li{padding: 15px 0;float: left; width: 50%; font-size: 14px; text-align: center;}
.popCombtnR{ color: #27d2dc; border-left: 1px solid #f2f2f2;}
.mask {display: none; position: fixed;top: 0;left: 0;z-index: 111;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
/*通用弹窗结束*/

/*确认删除弹窗*/
.popBox1 {width: 4rem;background: #fff;border-radius: 5px;}
.popTip {padding: 15px 0;font-size: 15px;line-height: 15px;text-align: center;border-bottom: 1px solid #f2f2f2;}
.popCombtn li {padding: 15px 0;float: left;width: 50%;font-size: 14px;text-align: center;}
.popCombtnR {color: #27d2dc;border-left: 1px solid #f2f2f2;}
/*确认删除弹窗end*/

/*容器*/
.contentBox1{    padding: 0 10px;}
.contentBox2{    padding-left: 20px;padding-right: 20px;}
.contentBox3{padding: 0 13px;}
.swiper-slide img{    width: 100%;}
.disTable{   width: 100%;    height: 100%;    display: table;}
.disTable-cell{    width: 100%; height: 100%;  vertical-align: middle; display: table-cell; text-align: center;}
.font9{   display: inline-block;    font-size: 9px;    -webkit-transform: scale(0.90);}
.position-r{position: relative}
.font0{font-size: 0px}
.font12{font-size: 12px !important;}
.fontBold{font-weight: bold}
.bordBottom{border-bottom: 1px solid #f2f2f2}
.bordTop{border-top: 1px solid #f2f2f2}
.cyColor333{color:#333; }
.cyColor666{color:#666; }
.cyColor999{color:#999; }
.cyColorfff{color: #fff}

.cyText12{font-size: 12px;line-height: 12px;}
.cyText13{font-size: 13px;line-height: 13px;}
.cyText14{font-size: 14px;line-height: 14px;}
.cyText15{font-size: 15px;line-height: 15px;}
.cyText16{font-size: 16px;line-height: 16px;}
.cyText17{font-size: 17px;line-height: 17px;}
.cyText30{font-size: 30px;line-height: 30px;}
/*容器end*/

/*默认用户头像*/
.userHead{    width: 30px;    height: 30px;    border-radius: 50%;}

/*通用check按钮*/
.checkSelbox{ line-height: 15px; font-size: 14px; padding-left: 25px; background: url("../images/check2.png") no-repeat 1px center; background-size: 14px 14px;display: inline-block;height: 15px;}
.checkedSelbox{background: url("../images/check1.png") no-repeat 1px center;background-size: 14px 14px;}
/*通用check按钮end*/

.xg-yzm{border:0;background-color: transparent;font-size: 14px;color: #27d2dc;line-height: 14px;min-width: 70px;}
/*地址选择插件样式*/
.w_addPop {    position: fixed;    width: 100%;    left: 0;    bottom: 0;    background: #fff;    z-index: 1000;}
.w_addPop_ti {    color: #4c4c4c;    font-size: 15px;    text-align: center;    border-bottom: #DCDCDC 1px solid;    height: 45px;    line-height: 45px;}
.f_poplist {    width: 88%;    margin: 0 6%;    height: 322px;    overflow: auto;}
.f_poplist .f_popul {    width: 100%;    overflow-y: scroll;    -webkit-overflow-scrolling: touch;}
.f_popul li {    height: 45px;    line-height: 45px;    font-size: 12px;}
.w_popclose22 {    position: absolute;    top: -53px;    right: 3%;    width: 8%;    text-align: center;}
.w_addPopclose {    width: 25px;    height: 25px;    display: block;    margin: auto;}
.w_addPopLine {    width: 5px;    height: 45px;    display: block;    margin: auto;}
/*地址选择插件样式end*/

/*通用列表*/
.lieBiao{  padding: 18px 0;line-height: 14px;font-size: 14px; color: #666666; border-bottom: 1px solid #f2f2f2;}
.lieBiaoL{ float: left; width: 112px;    font-size: 14px;}
.liebiaoM{  float: left; width: calc( 100% - 112px);}
.liebiaoML{  float: left; width: calc( 100% - 7.5px ); font-size: 14px; color: #999;}
.liebiaoInput{ display: inline-block; width: 100%; padding-right: 5px; font-size: 14px;}