body, html {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}
.fl{float: left;}
.fr{float: right;}
.none{display:none;}
.block{display:block;}
ul li{list-style: none;}
/*通用背景颜色*/
.white-color{background-color:#fff;}
.blue-color{background-color: #12B7F5;}
.green-color{background-color:#04BE02;}
.greengray-color{background-color:#6ee06c;}
.yellow-color{background-color:#ffb03f;}
.orange-color{background-color: #FF9137;}
.gray-color{background-color:#f2f4f8; color:#585e69;}
.red-color{background-color:#e21323;}
.disabled-rad{background-color:#ec8b89;}
.blue-color,.green-color,.yellow-color,.red-color{color:white;}

/*通用文字颜色*/
.white-font{color:white;}
.blue-font{color:#1180df;}
.green-font{color:#04BE02;}
.greengray-font{color:#6ee06c;}
.yellow-font{color:#ffb03f;}
.orange-font{color:#FF9137;}
.gray-font{color:#f2f4f8;}
.red-font{color:#e21323;}
.red-font-bold{color:#e21323; font-weight:bold;}

/*圆角*/
.border-radius2{border-radius: 2px; overflow:hidden}
.border-radius5{border-radius: 5px; overflow:hidden;}
.border-radius10{border-radius: 10px; overflow:hidden;}
.border-radius20{border-radius: 20px; overflow:hidden;}

/*文字样式*/
.line-through {
    text-decoration: line-through;
}

/*重置class*/


/*重置底部导航icon行高、颜色、文字颜色、被点击状态颜色*/
.weui-tabbar__icon > i, i.weui-tabbar__icon {
	font-size: 24px;
	color: inherit;
	line-height: 27px;
}
.weui-tabbar__item.weui-bar__item--on .weui-tabbar__label {
	color: inherit;
}
.weui-bar__item--on {
	color: #18b4ed;
}


/*自定义类*/
.weui-my-content {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 50px;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    word-break: break-all;
}


/*一像素边框*/
.weui-my-border-left, .weui-my-border-right, .weui-my-border-top, .weui-my-border-bottom{
	position:relative;
}
.weui-my-border-left::before{
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	border-left: 1px solid #e6e6ea;
	color: #e6e6ea;;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleX(.5);
	transform: scaleX(.5);
}
.weui-my-border-right::after{
	content: " ";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	border-right: 1px solid #e6e6ea;
	color: #e6e6ea;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-transform: scaleX(.5);
	transform: scaleX(.5);
}
.weui-my-border-top::before{
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 1px;
	border-top: 1px solid #e6e6ea;
	color: #e6e6ea;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
}
.weui-my-border-bottom::after{
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	border-bottom: 1px solid #e6e6ea;
	color: #e6e6ea;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
}


/*四边1像素边框-圆角*/
.weui-my-radius{
	position:relative;
}
.weui-my-radius::after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 200%;
	border: 1px solid #e6e6ea;
	color: #e6e6ea;
	height: 200%;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	z-index: 1;
}
.weui-my-radius-5::after {
	border-radius: 5px;
}
.weui-my-radius-10::after {
	border-radius: 10px;
}
.weui-my-radius-half::after {
	border-radius: 1.5rem;
}
.weui-my-radius-all::after {
	border-radius: 100%;
}


/*pannel栏目块标题*/
.weui-panel__hd .fr{ color:gray;}
.weui-panel__hd::after {border-bottom: none;}

/*flex单行多列导航*/
.weui-my-iconnav{ background-color:#fff; padding:10px 0px;}
.weui-my-iconlist{text-align:center;}
.weui-my-iconlist p{ font-size:11px; color:#777;}
.weui-my-iconlist .iconbar{}
.weui-my-iconlist .iconbar img{width:100%;}
.weui-my-iconlist .iconsmall{width: 28px; height: 28px; margin: 0px auto 5px auto; border-radius: 100%; overflow: hidden;}
.weui-my-iconlist .iconsmall .icon{line-height:28px; font-size:22px; color:inherit;}
.weui-my-iconlist .iconbig{width: 40px; height: 40px; margin: 0px auto 5px auto; border-radius: 100%; overflow: hidden;}
.weui-my-iconlist .iconbig .icon{line-height:40px; font-size:26px; color:inherit;}
.weui-my-iconnav-padding{padding:0px;}
.weui-my-iconnav-padding .weui-flex__item{padding:15px 0px;}

/*重置九宫格图标字体样式，图片或字体都可以用*/
.weui-grid__icon{ text-align:center;}
.weui-grid__icon .icon{ font-size:26px; line-height: initial;}

/*重置grid导航文字颜色，字体大小*/
.weui-grid__label{color: #777; font-size:12px;}
/*四列/五列多行grid导航*/
.weui-my-fourgrid, .weui-my-fivegrid{background-color:#fff;}
.weui-my-fourgrid .weui-grid{padding: 5px 0px; width: 25%;}
.weui-my-fivegrid .weui-grid{padding: 5px 0px; width: 20%;}
.weui-my-grid-noborder::after, .weui-my-grid-noborder::before{display:none;}/*去边框*/
.weui-my-grid-noborder .weui-grid::after, .weui-my-grid-noborder .weui-grid::before{display:none;}

.weui-grid .iconsmall{width: 28px; height: 28px; margin: 0px auto; border-radius: 100%; overflow: hidden;}
.weui-grid .iconsmall .icon{line-height:28px; font-size:22px; color:inherit;}
.weui-grid .iconbig{width: 40px; height: 40px; margin: 0px auto; border-radius: 100%; overflow: hidden;}
.weui-grid .iconbig .icon{line-height:40px; font-size:26px; color:inherit;}

/*栏目标题*/
.my-column-title{background-color:#fff;}
.my-column-title h3{ font-size:14px; font-weight:normal; letter-spacing:5px}
.my-column-title .more{ font-size:11px; color:#777; float:right;}
.my-column-title p{font-size:12px; color:#dfdfdf;}
.title1{ line-height:36px; padding:0px 10px;}
.title1 h3{width: 80%; text-align:center; margin: auto;}
.title2{ line-height:36px; padding:0px 10px;}
.title2 h3{width: 80%; text-align:left; }
.title3{text-align:center; padding:5px 0px;}
.title3 h3{ line-height:30px;}


/*按钮组导航*/
.weui-my-btn-group{
	margin:auto;
	display: box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-touch-callout: none;
	border:1px solid;
	overflow: hidden;
}
.weui-my-btn-group .weui-my-btn-item{
    display: block;
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	line-height:1.4rem;
	font-size: 0.7rem;
	text-align: center;
	color: #333;
	background-color: #fff;
	white-space: nowrap;
	border-left: 1px solid;
}
.weui-my-btn-group, .weui-my-btn-group .weui-my-btn-item{
	border-color:#09e;
}
.weui-my-btn-group .weui-my-btn-item:first-child {
	border-left: none;
}
.weui-my-btn-group .weui-my-btn-active{
	background-color:#09F;
	color:#fff;
}


/*自定义发货进度*/
.weui-wepay-flow__bd {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.weui-wepay-flow__li {
    width: 14px;
    height: 14px;
    position: relative;
    z-index: 1;
}
.weui-wepay-flow__li .weui-wepay-flow__state {
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    color: #FFF;
    border-radius: 7px;
    box-sizing: border-box;
	background-color: #E2E2E2;
}
.weui-wepay-flow__li_done .weui-wepay-flow__state {
    background-color: #09bb07;
}
.weui-wepay-flow__title-bottom {
    top: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.weui-wepay-flow__li_done .weui-wepay-flow__title-bottom {
    color: #333;
}
/*.weui-wepay-flow__state {
    background-color: #E2E2E2;
}*/
.weui-wepay-flow__line {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    background-color: #E2E2E2;
    height: 3px;
    position: relative;
}

/*以其为开头或者含有它的class*/
[class^="weui-wepay-flow__title-"], [class*=" weui-wepay-flow__title-"] {
    position: absolute;
    color: #999999;
    font-size: 14px;
    font-weight: normal;
    white-space: nowrap;
    text-align: center;
}
.weui-wepay-flow__process {
    display: none;
    background-color: #09bb07;
    height: 3px;
    position: relative;
}
.weui-wepay-flow__line_done .weui-wepay-flow__process {
    display: block;
}
.weui-wepay-flow__line_ing .weui-wepay-flow__process {
    display: block;
    width: 50%;
}
.weui-wepay-flow__line_ing .weui-wepay-flow__info-top {
    display: block;
}
.weui-wepay-flow__line_ing [class^="weui-wepay-flow__info-"] {
    display: block;
}
.weui-wepay-flow__info-top {
    display: none;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: 11px;
}
.weui-wepay-flow__info-top::after {
    border-color: #09bb07 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 3px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: -10px;
}
[class^="weui-wepay-flow__info-"] {
    height: 14px;
    line-height: 14px;
    background-color: #09bb07;
    font-size: 10px;
    color: #FFF;
    white-space: nowrap;
    padding: 0 6px;
    position: relative;
    border-radius: 2px;
    position: absolute;
}
[class^="weui-wepay-flow__info-"]::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    position: absolute;
}

/*自定义垂直时间线-发货进度*/
.weui-my-timeline{padding: 1rem;}
.weui-my-timeline-item{position: relative;}
.weui-my-timeline-item h4{color: #666; font-weight: normal;}
.weui-my-timeline-item p{color: #888;font-size: 12px;}
.weui-my-timeline-item-head{width: 10px; height: 10px; left: 1px; top: 4px; background-color: #FF9900; position: absolute; content: ''; z-index: 99; border-radius: 99px;}
.weui-my-timeline-item-checked{width: 100%; position: absolute; left: 0; top: 0; width: 20px; height: 20px; display:none;}
.weui-my-timeline-item-checked.weui-icon-success-no-circle::before{font-size: 14px; position: absolute; left: 3px; top: 3px; margin: 0 !important; color: #FFF;}
.weui-my-timeline-item-tail{position: absolute; content: ''; height: 100%; width: 2px; left: 5px; top: 5px; background-color: #FF9900;}
.weui-my-timeline-item-content{padding: 0 0 1.5rem 1.2rem;}
.weui-my-timeline-item-active .weui-my-timeline-item-head{width: 20px; height: 20px; left: -4px; top: 5px;}
.weui-my-timeline-item-active .weui-my-timeline-item-checked{ display:block;}
.weui-my-timeline-item-active h4, .weui-my-timeline-item-active p{color: #04be02;}


/*页面顶部标题栏样式*/
.weui-my-header{height: 44px;text-align: center; position: fixed; z-index: 600; overflow: hidden; background-color: #f7f7fa; width: 100%; top: 0px;}
.weui-header__left, .weui-header__right, .weui-header__title{line-height: 44px;}
.weui-header__left i, .weui-header__right i{font-size:24px; width:30px;}
.weui-my-header .weui-header__left, .weui-my-header .weui-header__right{position: absolute; top:0px; color:#7f7f7f;}
.weui-my-header .weui-header__left{left:5px;}
.weui-my-header .weui-header__right{right:5px;}
.weui-my-header .weui-header__left i{float:left;}
.weui-my-header .weui-header__right i{float:right; margin-left: 5px;}
.weui-header__left .weui-header__text{float:left; margin-right:8px;}
.weui-header__right .weui-header__text{float:right; margin-left:8px;} 
.weui-my-header .weui-header__title{margin: 0 80px; font-size: 16px; overflow:hidden;}
/*重置顶部标题栏颜色*/
.weui-header_color .weui-header__left, .weui-header_color .weui-header__right{ color:#ccc;}

/*重置顶部标题按钮组*/
.weui-my-header .weui-my-btn-group{ margin-top:9px;}
.weui-header_color, .weui-header_color .weui-my-btn-active{background-color: #35495e; color:#fff;}
.weui-header_color .weui-my-btn-group, .weui-header_color .weui-my-btn-item{border-color:#fff;}
.weui-my-header .weui-my-btn-item{ line-height:24px;}

/*重置顶部搜索栏*/
.weui-my-header .weui-search-bar{background-color: inherit;}
.weui-my-header .weui-search-bar__form{background:none;}
.weui-header_color .weui-search-bar__cancel-btn {color: #fff;}
.weui-search-bar::after, .weui-search-bar::before {display:none;}

/*购物底部按钮导航*/
.wx-footinfo{height: 50px; overflow:hidden;}
.wx-footinfo i{font-size: 22px; line-height: 22px;}
.wx-footinfo-menu{position:relative; padding:5px 15px 0; text-align:center; color:#666;}
.wx-footinfo-button{line-height:40px; font-size:15px; color:#fff;}

/*重置计数器带边框样式*/
.weui-count-outborder{border: 1px solid #e6e6ea; border-radius: 2px;}
.weui-count-outborder .weui-count__btn{ width:25px; height:25px; line-height:25px; border: none; border-radius: 0px;}
.weui-count-outborder .weui-count__decrease{border-right: 1px solid #e6e6ea;}
.weui-count-outborder .weui-count__increase{border-left: 1px solid #e6e6ea;}
.weui-count-outborder .weui-count__increase{background: none;}
.weui-count-outborder .weui-count__increase::after, .weui-count-outborder .weui-count__increase::before{background-color: #04BE02;}

/*通用图文样式1*/
.weui-my-img_text{ background-color:#fff;}
.weui-my-img_text h2{font-size:14px; font-weight:normal; color:#252525; line-height:18px; margin-bottom:6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.weui-my-img_text h3{font-size:14px; font-weight:normal; color:#252525; line-height:18px; height:36px; overflow: hidden; margin-bottom:6px;}
.weui-my-img_text p{font-size:12px; color:#8d8d8d; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.weui-my-img_bar{position: relative; overflow: hidden; background-color: #f7f7fa;}
.weui-my-img_bar img{ width:100%; position:absolute; top: 0; left:0px; min-height:100%;}
.weui-my-img_bar h4{ position:absolute; left:8px; bottom:3px; color:#fff; font-size:12px; z-index:10; font-weight:normal;}
.weui-my-img_text .weui-my-text_padding{ padding:8px; background-color:#fff;}



/*图片宽高比例*/
.weui-my-img_bar::after {content: ''; display: block;} 
.weui-my-img_per50::after {margin-top: 50%;} 
.weui-my-img_per53::after {margin-top: 53.333%;} 
.weui-my-img_per56::after {margin-top: 56.25%;} 
.weui-my-img_per75::after {margin-top: 75%;} 
.weui-my-img_per100::after {margin-top: 100%;} 

/*图文间距*/
.weui-my-space1 .weui-col-50{width: 50%;width: calc((100% - 1px*1) / 2); margin-bottom:1px;}
.weui-my-space2 .weui-col-50{width: 50%;width: calc((100% - 2px*1) / 2); margin-bottom:2px;}
.weui-my-space5 .weui-col-50{width: 50%;width: calc((100% - 5px*1) / 2); margin-bottom:5px;}
.weui-my-space10 .weui-col-50{width: 50%;width: calc((100% - 10px*1) / 2); margin-bottom:10px;}
.weui-my-space15 .weui-col-50{width: 50%;width: calc((100% - 15px*1) / 2); margin-bottom:15px;}
.weui-my-space1 .weui-col-33{width: 33.333333333333336%;width: calc((100% - 1px*2) / 3); margin-bottom:1px;}
.weui-my-space2 .weui-col-33{width: 33.333333333333336%;width: calc((100% - 2px*2) / 3); margin-bottom:2px;}
.weui-my-space5 .weui-col-33{width: 33.333333333333336%;width: calc((100% - 5px*2) / 3); margin-bottom:5px;}
.weui-my-space10 .weui-col-33{width: 33.333333333333336%;width: calc((100% - 10px*2) / 3); margin-bottom:10px;}
.weui-my-space15 .weui-col-33{width: 33.333333333333336%;width: calc((100% - 15px*2) / 3); margin-bottom:10px;}

/*文字描述-标记*/
.weui-my-text_bar{ padding-top:8px;}
.weui-my-text_bar .weui-my-describe{margin-top:5px; }
.weui-my-describe{height:24px; color:#999; font-size:12px; overflow:hidden;}
.weui-my-describe span{font-size:12px;}
.weui-my-describe .currentprice{font-size:15px; color: #ff5000; }
.weui-my-describe .salenum{float:right; margin-top:4px;}
.weui-my-describe .salenum em{ font-style:normal;}
.weui-my-describe .saleicon{float:right; margin-top:4px; line-height:normal;}
.weui-my-describe .saleicon .icon{font-size:12px; line-height:normal;}
.label1{background: #FA2A00; border-radius: 2px; color: #fff; padding:0px 3px; font-size: 12px; line-height: initial;}
.label2{background: #dea34c; border-radius: 2px; color: #fff; padding:0px 3px; font-size: 12px; line-height: initial;}
.label3{border-radius: 2px; color: #999; padding:0px 3px; border:1px solid #999; font-size: 12px; line-height: initial;}
.label4{border-radius: 2px; color: #fff; padding:0px 3px; border:1px solid #fff; font-size: 12px; line-height: initial;}
.weui-my-describe .label1{ margin-top:4px;}
.weui-my-describe .label2{ margin-top:4px;}
.weui-my-describe .label3{ margin-top:4px;}
.weui-my-img_bar .label1, .weui-my-img_bar .label2, .weui-my-img_bar .label3, .weui-my-img_bar .label4{ position: absolute; left:3px; bottom:3px;}
.hornlabel{position: absolute; left: 0; top: 0; z-index: 9; height: 16px; line-height: 16px; font-size: 11px; background-color: #FB5050; white-space: nowrap; color: #fff; padding: 0px 50px; -webkit-transform: rotate(-45deg) translate(-31%, -205%); transform: rotate(-45deg) translate(-31%, -205%);}

/*横向图文排列*/
.weui-media-box-w90, .weui-media-box-w120{height:90px;}
.weui-media-box-w90 .weui-media-box__hd {width: 90px; height: 90px; line-height: 90px;}
.weui-media-box-w120 .weui-media-box__hd {width: 120px;  height: 90px; line-height: 90px;}
.weui-media-box-absolute{position:relative; height:100%;}
.weui-media-box-absolute .weui-media-box__title{}
.weui-media-box-absolute .weui-media-box__desc{max-height:31px; overflow:hidden;}
.weui-media-box-absolute .weui-my-describe{width:100%; position:absolute; left:0px; bottom:0px;}


/*轮播图重置*/
.swiper-container-horizontal > .swiper-pagination-bullets{bottom: 5px;}
.swiper-onehalf .swiper-slide{width: 70%;}
.swiper-halftwo .swiper-slide{ width:80%;}
.swiper-twohalf .swiper-slide{width: 40%;}
.swiper-column .column-pagination{ position:inherit;}



/*内外边距*/
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.mt0{ margin-top: 0px;}
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mt25{ margin-top: 25px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.mb25{ margin-bottom: 25px;}
.mb30{ margin-bottom: 30px;}
.mr5{ margin-right: 5px;}
.mr10{ margin-right: 10px;}
.mr15{ margin-right: 15px;}
.mr20{ margin-right: 20px;}
.mr25{ margin-right: 25px;}
.mr30{ margin-right: 30px;}
.p5{ padding: 5px;}
.p10{ padding: 10px;}
.p15{ padding: 15px;}
.p20{ padding: 20px;}
.plr10{ padding: 0px 10px;}
.pl5{ padding-left: 5px;}
.pl10{ padding-left: 10px;}
.pl15{ padding-left: 15px;}
.pl20{ padding-left: 20px;}
.pr5{ padding-right: 5px;}
.pr10{ padding-right: 10px;}
.pr15{ padding-right: 15x;}
.pr20{ padding-right: 20px;}
.pt5{padding-top: 5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}