@charset "utf-8";

/* ================================ */
/* 格式化样式标签、基础类型样式		*/
/* by 33ha--o.com V  - 5
/* ================================ */

/*多分辨率设定rem设定*/
html {
	font-size: 20px;
}

/*Note3*/
@media only screen and (min-width: 360px) {
	html {
		font-size: 22px !important;
	}
}

/*iPhone6*/
@media only screen and (min-width: 376px) {
	html {
		font-size: 23px !important;
	}
}

/*iPhone6 plus*/
@media only screen and (min-width: 414px) {
	html {
		font-size: 25px !important;
	}
}

/*big Resolution*/
@media only screen and (min-width: 641px) {
	html {
		font-size: 25px !important;
	}
}

html {
	-ms-touch-action: none;
}

body {
	font-family: Heiti, Heiti SC, DroidSans, DroidSansFallback, Arial,
		"Microsoft YaHei";
	background-color: #f5f5f5;
}

input {
	font-family: Arial, "Microsoft YaHei", sans-serif;
}

a {
	text-decoration: none;
	-webkit-touch-callout: none;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
	form, fieldset, legend, input, textarea, p, blockquote, th, td, span, a
	{
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset, img, iframe {
	border: 0
}

:focus {
	outline: 0
}

i, address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal
}

ol, ul {
	list-style: none
}

li {
	list-style: none
}

caption, th {
	text-align: left
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal
}

blockquote:before, blockquote:after, q:before, q:after {
	content: ''
}

abbr, acronym {
	border: 0;
	font-variant: normal
}

img {
	vertical-align: top;
	border: none;
}

input, textarea {
	-webkit-user-select: text;
	-ms-user-select: text;
	user-select: text;
	-webkit-appearance: none;
}

input:focus, select:focus, textarea:focus, button:focus {
	outline: none;
}

input[type="text"], input[type="password"], input[type="search"], input[type="tel"],
	input[type="number"], input[type="email"], input[type="url"], textarea
	{
	-webkit-appearance: none;
	border: 1px solid;
	border-radius: 0;
}

input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

em, i {
	font-style: normal;
}

li {
	list-style: none;
}

input[type="checkbox"] {
	position: relative;
	width: 0.75rem;
	height: 0.75rem;
	background-color: #F5F5F5;
	border: 0.05rem solid #CCC;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	vertical-align: middle;
}

input[type="checkbox"]:checked {
	border-color: #55ed78;
	background-color: #3bf548;
}

input[type="checkbox"]:checked:after {
	content: '';
	position: absolute;
	left: 0.1rem;
	top: 0.14rem;
	width: 0.4rem;
	height: 0.2rem;
	border-left: 0.065rem solid #fff;
	border-bottom: 0.065rem solid #fff;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}

.hide {
	display: none !important;
}

.show {
	display: block !important;
}
/*clear float*/
.clearfix {
	zoom: 1
}

.clearfix:after {
	display: block;
	clear: both;
	content: '\20'
}

:not(input) {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
	-webkit-text-size-adjust: none;
}

.posr {
	position: relative !important;
}

.posa {
	position: absolute;
	z-index: auto;
}

.posf {
	position: fixed;
}

.w20h li {
	width: 20%;
}

.w33h li {
	width: 33.33%;
}

.w25h li {
	width: 25%;
}

.w50h li {
	width: 50%;
}

.mt5 {
	margin-top: 0.5rem !important;
}

.mt10 {
	margin-top: 1rem !important;
}

.mt20 {
	margin-top: 2rem !important;
}

.mt40 {
	margin-top: 4rem !important;
}

.mr2 {
	margin-right: 0.2rem;
}

.mb5 {
	margin-bottom: 0.5rem !important;
}

.mb20 {
	margin-bottom: 2rem !important;
}

.mb-20 {
	margin-bottom: -2rem !important;
}

.mb25 {
	margin-bottom: 2.5rem !important;
}

.pl5 {
	padding-left: 0.5rem;
}

.pb5 {
	padding-bottom: 0.5rem;
}

.bgc-t {
	background-color: transparent !important;
}

.opera-tips {
	color: #D9434E;
	font-size: 14px;
}

.error-tips {
	display: none;
	background-color: rgba(255, 255, 255, 0.95);
	border: solid 0.05rem #CCC;
	padding: 0.8rem 0.6rem;
	text-align: center;
	border-radius: 0.2rem;
	position: fixed;
	z-index: 9999;
	top: 40%;
	left: 25%;
	right: 25%;
	color: #333;
	font-size: 0.7rem;
	line-height: 1rem;
	box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
}

.error-tips p {
	font-size: 0.7rem;
	line-height: 1rem;
	color: #333;
}

/*操作提示弹出层*/
.s-dialog-mask {
	position: fixed;
	z-index: 999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
		startColorstr='#BF000000', endColorstr='#BF000000');
	background: rgba(0, 0, 0, 0.75);
}

.s-dialog-wrapper {
	position: fixed;
	z-index: 9999;
	max-width: 12rem;
	min-width: 10rem;
	margin-top: -2rem;
	border-radius: 0.2rem;
}

.s-dialog-skin-green {
	background-color: rgba(255, 255, 255, 0.90);
	border: solid 0.05rem #000;
}

.s-dialog-skin-block {
	background-color: rgba(255, 255, 255, 0.90);
	border: solid 0.05rem #000;
}

.s-dialog-skin-red {
	background-color: rgba(255, 255, 255, 0.90);
	border: solid 0.05rem #000;
}

.s-dialog-content {
	padding: 0.8rem 0.6rem;
	text-align: center;
	font-size: 0.75rem;
	line-height: 0.9rem;
}

.s-dialog-skin-green .s-dialog-content {
	color: #000;
}

.s-dialog-skin-red .s-dialog-content {
	color: #000;
}

.s-dialog-skin-block .s-dialog-content {
	color: #000;
}

.s-dialog-content h6 {
	display: block;
	font-size: 0.55rem;
	line-height: 0.9rem;
	color: #333;
}

.s-dialog-btn-wapper {
	display: block;
	padding: 0.6rem 0;
	border-top: solid 0.05rem rgba(0, 0, 0, 0.15);
	font-size: 0;
}

.s-dialog-btn-wapper a {
	display: inline-block;
	width: 49%;
	font-size: 0.7rem;
	font-weight: 600;
	line-height: 0.9rem;
	color: #0080FF;
	text-align: center;
}

.s-dialog-btn-wapper a:last-child {
	border-left: solid 0.05rem rgba(0, 0, 0, 0.15);
}

.s-dialog-skin-block .s-dialog-btn-wapper a {
	color: #0080FF;
}

#scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

#scroller ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: left;
}

#scroller li {
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	background-color: #fafafa;
	font-size: 14px;
}

/*页面固定宽度*/
.fixed-Width {
	min-width: 320px;
	max-width: 640px;
	margin: 0 auto;
}

/*默认顶部*/
header, .header {
	background: #F8F8F8;
	height: 1.95rem;
	position: absolute;
	z-index: 8;
	top: 0;
	left: 0;
	right: 0;
	bottom: auto;
	border-bottom: solid 0.05rem #EEE;
}

header.fixed {
	position: fixed;
	background: rgba(248, 248, 248, 0.95);
	z-index: 9;
}

.header-wrap {
	display: block;
	max-width: 320px;
	max-width: 640px;
	margin: 0 auto;
	text-align: center;
}

.header-l {
	display: block;
	width: 1.95rem;
	height: 1.95rem;
	position: absolute;
	top: 0;
	left: 0;
}

.header-l a {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 1rem;
	height: 1rem;
	padding: 0.4775rem;
}

.header-l a i {
	display: block;
	width: 100%;
	height: 100%;
}

.header-l a i.back {
	width: 80%;
	height: 80%;
	margin: 10%;
	background-image: url(../images/arrow_left_b.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	opacity: 0.75;
}

.header-l a i.close {
	width: 80%;
	height: 80%;
	margin: 10%;
	background-image: url(../images/close_window.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	opacity: 0.75;
}

.header-l a i.set {
	background-image: url(../images/set_b.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	opacity: 0.65;
}

.header-l a i.home {
	width: 80%;
	height: 80%;
	margin: 10%;
	background-image: url(../images/home_b.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 90%;
	opacity: 0.7;
}
/*单一标题*/
.header-title {
	display: inline-block;
	margin: 0 auto;
}

.header-title h1 {
	font-size: 0.8rem;
	line-height: 1.95rem;
	height: 1.95rem;
}
/*商家和会员切换*/
.header-ls {
	display: block;
	width: 4rem;
	height: 1.95rem;
	position: absolute;
	top: 0.2rem;
	left: 0;
}

.header-ls a {
	position: relative;
	z-index: 1;
	opacity: 0.65;
	display: inline-block;
	line-break: 1rem;
	padding: 2px 4px;
	color: #fff;
	font-size: 0.6rem;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
		startColorstr='#19000000', endColorstr='#19000000');
	background: rgba(0, 0, 0, 0.1);
	border-radius: 3px;
}
/*模拟输入框*/
.header-inp {
	position: relative;
	display: block;
	height: 1.4rem;
	border: solid 0.05rem #DEDEDE;
	border-radius: 0.2rem;
	margin: 0.275rem 2.5rem 0 2rem;
	background-color: #FFF;
	text-align: left;
}

.header-inp .icon {
	float: left;
	vertical-align: top;
	width: 1rem;
	height: 1rem;
	margin: 0.2rem 0.1rem;
	background-image: url(../images/search_ico.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 70%;
	opacity: 0.3;
}

.header-inp .search-input {
	float: left;
	width: 7.5rem;
	height: 1rem;
	padding: 0.2rem 0;
	font-size: 0.7rem;
	line-height: 1rem;
	color: #BBB;
	vertical-align: top;
	border: none 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.header-inp .input-del {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	display: none;
	width: 1.38rem;
	height: 1.38rem;
	background-image: url(../images/cancel_b.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 50%;
	opacity: 0.2;
}

.header-inp.write .search-input {
	color: #111;
}

.header-inp.write .input-del {
	display: block;
}

/*标题切换*/
.header-tab {
	display: inline-block;
	height: 1.4rem;
	margin: 0.275rem auto 0 auto;
	font-size: 0;
	border-radius: 0.2rem;
}

.header-tab a {
	display: inline-block;
	height: 1.3rem;
	padding: 0 1rem;
	text-align: center;
	font-size: 0.68rem;
	color: #333;
	line-height: 1.3rem;
	border: solid 0.05rem #3bf548;
}

.header-tab a:first-child {
	border-radius: 0.25rem 0 0 0.25rem;
}

.header-tab a:last-child {
	border-radius: 0 0.25rem 0.25rem 0;
}

.header-tab a.cur {
	color: #FFF;
	background-color: #3bf548;
}

/*标题导航*/
.header-nav {
	display: inline-block;
	margin: 0 auto;
	vertical-align: top;
	font-size: 0;
	white-space: nowrap;
}

.header-nav li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	height: 1.95rem;
}

.header-nav li a {
	display: inline-block;
	padding: 0.1rem 0.25rem;
	margin: 0 0.5rem;
	font-size: 0.7rem;
	line-height: 1.825rem;
	color: #333;
}

.header-nav li.cur a {
	padding: 0.1rem 0.05rem 0 0.05rem;
	color: #3bf548;
	border-bottom: solid 0.1rem #3bf548;
	font-size: 0.8rem;
	font-weight: 600;
}

.header-r {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	font-size: 0;
	text-align: right;
}

.header-r a.text {
	position: relative;
	z-index: 1;
	display: inline-block;
	white-space: nowrap;
	width: 1.6rem;
	height: 0.95rem;
	padding: 0.6rem 0.7rem 0.4rem 0;
	font-size: 0.7rem;
	line-height: 0.975rem;
	color: #3bf548;
}

.header-r a {
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: top;
	width: 0.95rem;
	height: 0.95rem;
	padding: 0.5rem 0.5rem;
}

.header-r a i {
	display: block;
	width: 100%;
	height: 100%;
}

.header-r a sup {
	display: none;
	position: absolute;
	z-index: 1;
	top: 0.3rem;
	right: 0.3rem;
	width: 0.36rem;
	height: 0.36rem;
	background-color: #3bf548;
	border-radius: 100%;
}

.header-r a i.more {
	background-image: url(../images/more_b.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 100%;
	opacity: 0.65;
}

.header-r a i.refresh {
	background-image: url(../images/reload_b.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 85%;
	opacity: 0.60;
}

.header-r a i.add {
	background-image: url(../images/value_add.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 80%;
	opacity: 0.65;
}

.header-r a i.save {
	background-image: url(../images/save_b.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 80%;
	opacity: 0.65;
}

.header-r a.search-btn {
	width: 2.5rem;
	height: 1.95rem;
	text-align: center;
	padding: 0;
	font-size: 0.7rem;
	line-height: 1.95rem;
	color: #333;
}

.header-r a.msg-log {
	width: 2.45rem;
	height: 1.95rem;
	padding: 0;
}

.header-r a.msg-log i {
	background-image: url(../images/msg_log_b.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 70%;
	opacity: 0.7;
}

/*头部下拉菜单*/
.nctouch-nav-layout {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: transparent;
}

.nctouch-nav-menu {
	display: block;
	position: absolute;
	top: 1.2rem;
	right: 0.2rem;
	width: 5rem;
}

.nctouch-nav-menu .arrow {
	display: block;
	float: right;
	width: 0;
	height: 0;
	margin-right: 0.4rem;
	font-size: 0;
	line-height: 0;
	border-width: 0.4rem;
	border-color: transparent transparent rgba(85, 85, 85, 0.95) transparent;
	border-style: dashed dashed solid dashed;
}

.nctouch-nav-menu ul {
	display: block;
	clear: both;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
		startColorstr='#F2555555', endColorstr='#F2555555');
	background: rgba(85, 85, 85, 0.95);
	border-radius: 0.2rem;
}

.nctouch-nav-menu li {
	position: relative;
	z-index: 1;
	border-bottom: solid 0.05rem #999;
}

.nctouch-nav-menu li:last-child {
	border-bottom: none 0;
}

.nctouch-nav-menu li a {
	display: block;
	height: 0.9rem;
	padding: 0.5rem;
	font-size: 0.6rem;
	line-height: 0.9rem;
	color: #FFF;
}

.nctouch-nav-menu li a i {
	display: inline-block;
	width: 0.72rem;
	height: 0.72rem;
	vertical-align: middle;
	margin-right: 0.3rem;
	background-position: 50% 50%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.nctouch-nav-menu li a i.message {
	background-image: url(../images/message_w.png);
}

.nctouch-nav-menu li a i.cart {
	background-image: url(../images/cart_w.png);
}

.nctouch-nav-menu li a i.home {
	background-image: url(../images/home_w.png);
}

.nctouch-nav-menu li a i.search {
	background-image: url(../images/search_w.png);
}

.nctouch-nav-menu li a i.categroy {
	background-image: url(../images/categroy_w.png);
}

.nctouch-nav-menu li a i.member {
	background-image: url(../images/member_w.png);
}

.nctouch-nav-menu li a i.send {
	background-image: url(../images/mcc_04_w.png);
}

.nctouch-nav-menu li a i.express {
	background-image: url(../images/mcc_13.png);
}

.nctouch-nav-menu li a i.store {
	background-image: url(../images/store_w.png);
}

.nctouch-nav-menu li a i.exit {
	background-image: url(../images/exit_w.png);
}

.member-center dt h3 i.mc-06 {
	background-image: url(../images/mc_06.png);
}

.nctouch-nav-menu li sup {
	display: none;
	position: absolute;
	z-index: 1;
	top: 0.5rem;
	right: 0.5rem;
	width: 0.36rem;
	height: 0.36rem;
	background-color: #3bf548;
	border-radius: 100%;
}
/*头部透明*/
.transparent {
	background-color: transparent;
	border-bottom: none;
}

.transparent .header-l a i.set {
	background-image: url(../images/set_w.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	opacity: 1;
}

.transparent .header-title, .transparent .header-nav {
	display: none;
}

.transparent .header-r a i.more {
	background-image: url(../images/more_w.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	opacity: 1;
}

.transparent .header-r a sup {
	top: -0.05rem;
	right: -0.05rem;
	width: 0.35rem;
	height: 0.35rem;
	background-color: #3bf548;
	border: solid 0.05rem #FFF;
	border-radius: 100%;
}

.transparent .nctouch-nav-menu .arrow {
	opacity: 0.55;
}

.transparent .nctouch-nav-menu ul {
	background: rgba(85, 85, 85, 0.55);
}

.transparent .nctouch-nav-menu ul li {
	border-bottom-color: #CCC;
}

header.posf {
	animation: headerFixed 0.5s ease-in-out;
	-webkit-animation: headerFixed 0.5s ease-in-out;
}

@
keyframes headerFixed {from { background-color:transparent;
	border-bottom-color: transparent;
}

to {
	background-color: #F8F8F8;
	border-bottom-color: #EEE;
}

}
@
-webkit-keyframes headerFixed {from { background-color:transparent;
	border-bottom-color: transparent;
}

to {
	background-color: #F8F8F8;
	border-bottom-color: #EEE;
}

}
/*默认底部*/
footer {
	display: block;
	position: relative;
	z-index: 5;
	left: 0;
	right: 0;
	width: 100%;
	padding-top: 2.2rem;
}

.nctouch-footer-wrap {
	position: relative;
	z-index: 5;
	bottom: 2.2rem;
	left: 0;
	right: 0;
	width: 100%;
	background-color: #F5F5F5;
	border-top: solid 1px #EEE;
}

.nctouch-footer-wrap .nav-text {
	background-color: #fff;
	padding: 0.6rem 0;
	font-size: 0;
	text-align: center;
	border-bottom: solid 0.05rem #EEE;
}

.nctouch-footer-wrap .nav-text a {
	display: inline-block !important;
	width: 18%;
	height: 0.6rem;
	font-size: 0.6rem;
	line-height: 0.6rem;
	color: #555 !important;
	border-left: solid 0.05rem #EEE;
}

.nctouch-footer-wrap .nav-text a:first-child {
	border-left: 0;
}

.nctouch-footer-wrap .nav-pic {
	padding: 0.3rem 2rem;
	font-size: 0;
	text-align: center;
	border-bottom: solid 0.05rem #EEE;
}

.nctouch-footer-wrap .nav-pic a {
	display: inline-block !important;
	width: 33.33%;
	font-size: 0.45rem;
	color: #999 !important;
	text-align: center;
}

.nctouch-footer-wrap .nav-pic a.touch {
	color: #333 !important;
}

.nctouch-footer-wrap .nav-pic a span {
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	margin: 0 auto;
	padding: 0.15rem;
	border: solid #CCC 1px;
	border-radius: 100%;
}

.nctouch-footer-wrap .nav-pic a.touch span {
	border-color: #555;
}

.nctouch-footer-wrap .nav-pic a i {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 80%;
	opacity: 0.4;
}

.nctouch-footer-wrap .nav-pic a.app i {
	background-image: url(../images/foot_app.png);
}

.nctouch-footer-wrap .nav-pic a.touch i {
	background-image: url(../images/foot_touch.png);
	opacity: 0.8;
}

.nctouch-footer-wrap .nav-pic a.pc i {
	background-image: url(../images/foot_pc.png);
}

.nctouch-footer-wrap .copyright {
	height: 1.6rem;
	font-size: 0.45rem;
	line-height: 1.6rem;
	color: #555;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 1)
}

.nctouch-footer-wrap .copyright a {
	display: inline-block !important;
	margin: 0 0.05rem;
	font-size: 0.45rem;
	font-weight: 600;
	color: #555;
}

/*底部固定下方*/
footer.bottom .nav-text, footer.bottom .nav-pic {
	display: none;
}

footer.bottom .nctouch-footer-wrap {
	background-color: transparent;
	border: none;
}

/*默认内容区域*/
.nctouch-main-layout {
	display: block;
	margin-top: 2rem;
	background-color: #F5F5F5;
}

.nctouch-main-layout-a {
	display: block;
	position: absolute;
	top: 4rem;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 1;
}

/*特别提示*/
.special-tips {
	display: block;
	padding: 0.4rem 5%;
}

.special-tips p {
	font-size: 0.55rem;
	line-height: 0.7rem;
	padding: 0.2rem 0.4rem;
	background: #AAA;
	color: #FFF;
	border-radius: 0.5rem;
}

/*单行导航*/
.nctouch-single-nav {
	display: block;
	width: 98%;
	height: 1.95rem;
	padding: 0 1%;
	background: #FFF;
	border-bottom: solid 0.05rem #EEE;
}

.nctouch-single-nav ul {
	display: block;
	font-size: 0;
	white-space: nowrap;
	overflow: visible !important;
}

.nctouch-single-nav ul li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	height: 1.95rem;
	padding: 0 !important;
}

.nctouch-single-nav .area li {
	width: 33.33%;
}

.nctouch-single-nav ul li a {
	display: inline-block;
	padding: 0.1rem 0.05rem;
	font-size: 0.6rem;
	line-height: 1.85rem;
	color: #333;
}

.nctouch-single-nav ul li a i {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	vertical-align: middle;
	margin-right: 0.1rem;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 70%;
	filter:
		url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	/* Firefox 3.5+ */
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	opacity: 1;
}

.nctouch-single-nav ul li.selected a {
	padding: 0.1rem 0.05rem 0 0.05rem;
	color: #3bf548;
	border-bottom: solid 0.1rem #3bf548 !important;
}

.nctouch-single-nav ul li.selected a i {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
	filter: gray;
	opacity: 1;
}

.nctouch-single-nav.fixed {
	background-color: rgba(248, 248, 248, 0.95);
	position: fixed;
	z-index: 3;
	top: 2rem;
	left: 0;
	right: 0;
}

/*标签式导航*/
.nctouch-tag-nav {
	background-color: #EEE;
	padding: 0.5rem 0.5rem 0 0.5rem;
}

.nctouch-tag-nav ul {
	font-size: 0;
	display: block;
}

.nctouch-tag-nav ul li {
	display: inline-block;
	background-color: #AAA;
	margin: 0 0.5rem 0.5rem 0;
	border-radius: 0.2rem;
}

.nctouch-tag-nav ul li.selected {
	background-color: #3bf548;
}

.nctouch-tag-nav ul li a {
	display: block;
	height: 0.9rem;
	padding: 0.2rem 0.5rem;
	font-size: 0.6rem;
	line-height: 0.9rem;
	color: #FFF;
}

/*默认单行列表*/
.nctouch-default-list-tit {
	font-size: 0.7rem;
	line-height: 1rem;
	padding: 0.5rem;
}

.nctouch-default-list {
	overflow: hidden;
	padding: 0 0 0 0.5rem;
	background-color: #FFF;
	border-top: solid 0.05rem #EEE;
	border-bottom: solid 0.05rem #EEE;
}

.nctouch-default-list li {
	position: relative;
	z-index: 1;
	display: block;
	clear: both;
	overflow: hidden;
	padding: 0.5rem 0;
	line-height: 1rem;
	border-top: solid 0.05rem #EEE;
}

.nctouch-default-list li:first-child {
	border-top: none;
}

.nctouch-default-list li a {
	display: block;
	overflow: hidden;
	font-size: 0.65rem;
	color: #000;
}

.nctouch-default-list li h4 {
	float: left;
	margin-left: 0.3rem;
	font-size: 0.7rem;
	line-height: 1rem;
	color: #333;
}

.nctouch-default-list li h4 i {
	display: inline-block;
	vertical-align: top;
	margin-right: 0.2rem;
	width: 0.9rem;
	height: 0.9rem;
	opacity: 0.5;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 80%;
}

.nctouch-default-list li h6 {
	float: left;
	clear: both;
	margin-left: 0.3rem;
	font-size: 0.55rem;
	line-height: 1rem;
	color: #888;
}

.nctouch-default-list li span.num {
	float: right;
	margin-right: 1.2rem;
	font-size: 0.6rem;
	line-height: 1rem;
}

.nctouch-default-list li span.tip {
	position: absolute;
	z-index: 1;
	top: 50%;
	right: 1.2rem;
	height: 0.9rem;
	margin-top: -0.4rem;
	font-size: 0.6rem;
	line-height: 0.9rem;
	color: #111;
}

.nctouch-default-list li span.arrow-r {
	position: absolute;
	z-index: 1;
	top: 50%;
	right: 0.5rem;
	display: block;
	width: 0.6rem;
	height: 0.6rem;
	margin-top: -0.3rem;
	background-image: url(../images/arrow_right_b.png);
	background-repeat: 50% 50%;
	background-repeat: no-repeat;
	background-size: 90%;
	opacity: 0.65;
}

.nctouch-default-list li span.pics {
	float: right;
	margin-right: 1.2rem;
	font-size: 0.6rem;
	line-height: 1rem;
}

.nctouch-default-list li span.pics img {
	width: 1rem;
	height: 1rem;
}

/*默认输入表单*/
.nctouch-inp-con {
	display: block;
	clear: both;
}

.nctouch-inp-con ul {
	background: #FFF;
}

.nctouch-inp-con ul li {
	position: relative;
	z-index: 1;
	display: block;
	min-height: 1.95rem;
	margin-left: 0.5rem;
	background-color: #FFF;
	border-bottom: solid #EEE 0.05rem;
}

.nctouch-inp-con ul li:nth-last-child(1) {
	border-bottom: none 0;
}

.nctouch-inp-con ul li.upload-item {
	height: 2.55rem
}

.nctouch-inp-con ul li h4 {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 3rem;
	font-size: 0.6rem;
	line-height: 1.95rem;
	color: #444;
	text-align: right;
}

.nctouch-inp-con ul li .input-box {
	display: block;
	height: 1.95rem;
	margin: 0 0.5rem 0 3.5rem;
	position: relative;
	z-index: 1;
}

.nctouch-inp-con ul li.upload-item .input-box {
	height: 1.95rem;
	padding: 0.3rem 0;
}

.nctouch-inp-con ul li .input-box .inp {
	width: 100%;
	min-height: 0.95rem;
	padding: 0.5rem 0;
	border: 0 none;
	font-size: 0.6rem;
	line-height: 0.95rem;
	color: #000;
}

.nctouch-inp-con ul li .input-box .input-del {
	position: absolute;
	z-index: 1;
	top: 0.5rem;
	right: 0.5rem;
	display: none;
	width: 0.975rem;
	height: 0.975rem;
	background-image: url(../images/cancel_b.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 60%;
	opacity: 0.4;
}

.nctouch-inp-con ul li .input-box.write .input-del {
	display: block;
}

.nctouch-inp-con ul li .input-box .checkbox {
	position: absolute;
	z-index: 1;
	top: 0.5rem;
	left: 0.5rem;
}

.nctouch-inp-con ul li .input-box .txt {
	margin: 0 0 0 1.5rem;
	font-size: 0.7rem;
	line-height: 1.95rem;
	color: #555;
}

.nctouch-inp-con ul li .input-box .note {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0.25rem;
	height: 1.6rem;
	text-align: right;
}

.nctouch-inp-con ul li .input-box .note em {
	display: block;
	vertical-align: top;
	font-size: 0.6rem;
	font-weight: 600;
	color: #36BC9B;
	line-height: 0.8rem;
}

.nctouch-inp-con ul li .input-box .note h6 {
	display: block;
	vertical-align: top;
	font-size: 0.55rem;
	color: #999;
	line-height: 0.8rem;
}

.nctouch-inp-con ul li .input-box .select {
	width: 95%;
	height: 1.95rem;
	margin: 0;
	font-size: 0.55rem;
	background-color: transparent;
	line-height: 1.95rem;
	border: 0 none;
	appearance: none;
	-webkit-appearance: none; /*for chrome*/
}

.nctouch-inp-con ul li .input-box .arrow-down {
	position: absolute;
	z-index: 1;
	top: 0.5rem;
	right: 0;
	display: block;
	width: 0.975rem;
	height: 0.975rem;
	background-image: url(../images/arrow_down_b.png);
	background-repeat: no-repeat;
	background-repeat: 50% 50%;
	background-size: 50%;
	opacity: 0.5;
}

.nctouch-inp-con .form-btn {
	margin-top: 1rem;
	padding-bottom: 2.2rem
}

.nctouch-inp-con .form-btn .btn {
	display: inline-block;
	width: 90%;
	height: 1.8rem;
	padding: 0;
	margin: 0 5%;
	font-size: 0.8rem;
	line-height: 1.8rem;
	text-align: center;
	color: #888;
	background: #EEE;
	border: none;
	border-radius: 0.2rem;
}

.nctouch-inp-con .form-btn.ok .btn {
	color: #FFF !important;
	background: #3bf548;
}

.nctouch-inp-con ul li .txt-box {
	display: block;
	border: 0 none;
	color: #000;
	font-size: 0.6rem;
	line-height: 0.95rem;
	min-height: 0.95rem;
	padding: 0.5rem 0;
	min-width: 200px;
	margin: 0 0.5rem 0 3.5rem;
	position: relative;
	z-index: 1;
}

/*开关*/
.input-box label {
	display: inline-block !important;
	height: 1.95rem !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	font-size: 0.7rem !important;
	line-height: 1.95rem !important;
	color: #555 !important;
}

.input-box label.checked {
	background-color: transparent !important;
	padding: 0 !important;
	color: #555 !important;
}

.input-box label input[type="checkbox"] {
	display: none;
}

.input-box label .power {
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: middle;
	width: 1.6rem;
	height: 0.9rem;
	margin: 0 0.2rem;
	border: solid 0.05rem #DDD;
	border-radius: 0.5rem;
}

.input-box label .power i {
	position: absolute;
	z-index: 1;
	top: 0rem;
	left: 0rem;
	width: 0.9rem;
	height: 0.9rem;
	background-color: #FFF;
	border-radius: 100%;
	box-shadow: 0.05rem 0.1rem 0.25rem rgba(0, 0, 0, 0.3);
}

.input-box label.checked .power {
	background-color: #48CFAE;
	border-color: #48CFAE;
}

.input-box label.checked .power i {
	left: auto;
	right: 0;
	box-shadow: -0.05rem 0.1rem 0.25rem rgba(0, 0, 0, 0.3);
}

/*无数据信息为空提示*/
.nctouch-norecord {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	width: 10rem;
	height: 8.2rem;
	margin: -3rem 0 0 -5rem;
	text-align: center;
	font-size: 0;
}

.nctouch-norecord .norecord-ico {
	display: inline-block;
	width: 2.2rem;
	height: 2.2rem;
	padding: 0.4rem;
	margin: 0 auto;
	background-color: #DDD;
	border-radius: 100%;
}

.nctouch-norecord .norecord-ico i {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 80%;
}

.nctouch-norecord dl {
	height: 2.75rem;
	margin-top: 0.75rem;
}

.nctouch-norecord dl dt {
	display: block;
	height: 1rem;
	margin-bottom: 0.25rem;
	font-size: 0.75rem;
	line-height: 1rem;
}

.nctouch-norecord dl dd {
	display: block;
	height: 1rem;
	margin-bottom: 0.5rem;
	font-size: 0.55rem;
	line-height: 1rem;
	color: #999;
}
/*无数据提示图标*/
.nctouch-norecord.search .norecord-ico i {
	background-image: url(../images/search_w.png);
}

.nctouch-norecord.cart .norecord-ico i {
	background-image: url(../images/cart_w.png);
}

.nctouch-norecord.eval .norecord-ico i {
	background-image: url(../images/mcc_04_w.png);
}

.nctouch-norecord.talk .norecord-ico i {
	background-image: url(../images/talk_w.png);
}

.nctouch-norecord.order .norecord-ico i {
	background-image: url(../images/order_w.png);
}

.nctouch-norecord.refund .norecord-ico i {
	background-image: url(../images/mcc_05_w.png);
} /*退款、退货*/
.nctouch-norecord.address .norecord-ico i {
	background-image: url(../images/address_w.png);
}

.nctouch-norecord.favorite-store .norecord-ico i {
	background-image: url(../images/store_w.png);
}

.nctouch-norecord.favorite-goods .norecord-ico i {
	background-image: url(../images/favorite_w.png);
}

.nctouch-norecord.views .norecord-ico i {
	background-image: url(../images/goods-browse_w.png);
}

.nctouch-norecord.signin .norecord-ico i {
	background-image: url(../images/mcc_04_w.png);
} /*签到*/
.nctouch-norecord.pdre .norecord-ico i {
	background-image: url(../images/mcc_06_w.png);
} /*预存款*/
.nctouch-norecord.recharge .norecord-ico i {
	background-image: url(../images/mcc_07_w.png)
} /*充值卡*/
.nctouch-norecord.voucher .norecord-ico i {
	background-image: url(../images/mcc_08_w.png);
} /*代金券*/
.nctouch-norecord.redpacket .norecord-ico i {
	background-image: url(../images/mcc_09_w.png);
} /*红包*/
.nctouch-single-nav .area li {
	width: 33.33%;
}

/*加减数量控件*/
.value-box {
	display: inline-block;
	float: right;
	font-size: 0;
	border: solid 0.05rem #CCC;
	border-radius: 0.2rem;
}

.value-box span {
	display: inline-block;
	vertical-align: top;
	line-height: 0;
}

.value-box span a {
	display: block;
	width: 0.4rem;
	height: 0.4rem;
	margin: 0.4rem;
	opacity: 0.65;
}

.value-box span.add {
	background-color: #FAFAFA;
	border-radius: 0 0.2rem 0.2rem 0;
}

.value-box span.minus {
	background-color: #FAFAFA;
	border-radius: 0.2rem 0 0 0.2rem;
}

.value-box span.add a {
	background-image: url(../images/value_add.png);
	background-repeat: no-repeat;
	background-repeat: 50% 50%;
	background-size: 100%;
}

.value-box span.minus a {
	background-image: url(../images/value_minus.png);
	background-repeat: no-repeat;
	background-repeat: 50% 50%;
	background-size: 100%;
}

.value-box span .buy-num {
	width: 1.2rem;
	height: 1.2rem;
	padding: 0;
	font-size: 0.6rem;
	font-weight: lighter;
	line-height: 1.3rem;
	text-align: center;
	border: solid #CCC;
	border-width: 0 0.05rem;
	border-radius: 0;
}

/*默认按钮样式*/
.btn {
	vertical-align: top;
	display: inline-block !important;
	height: 1.1rem;
	padding: 0 0.3rem;
	margin: 0 auto;
	font-size: 0.6rem;
	color: #555 !important;
	line-height: 1.1rem;
	text-align: center;
	background-color: #FFF;
	border: solid 1px #CCC;
	border-radius: 0.15rem
}

.btn.key {
	border-color: #3bf548;
	color: #3bf548 !important;
	font-weight: 600;
}

.btn-l {
	display: inline-block;
	width: 90%;
	margin: 0 5%;
	font-size: 0.8rem;
	line-height: 1.8rem;
	text-align: center;
	color: #FFF;
	background: #3bf548;
	border-radius: 0.2rem;
}

/*图片选择上传*/
.nctouch-upload {
	display: inline-block;
	width: 1.94rem;
	height: 1.94rem;
	border: solid 0.05rem #EEE;
	border-radius: 0.1rem;
	vertical-align: top;
}

.nctouch-upload a {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
}

.nctouch-upload span {
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}

.nctouch-upload .input-file {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none 0;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.nctouch-upload p {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: transparent;
}

.nctouch-upload p i {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/value_add.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 50%;
	opacity: 0.25;
}

.nctouch-upload .pic-thumb {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: #FFFFFF;
	border-radius: 0.1rem;
}

.nctouch-upload .pic-thumb img {
	width: 95%;
	height: 95%;
	margin: 2.5%
}

.nctouch-upload .upload-loading {
	position: absolute;
	z-index: 4;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
		startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');
	background: rgba(255, 255, 255, 0.25);
	border-radius: 0.1rem;
}

.nctouch-upload .upload-loading i {
	display: block;
	width: 100%;
	height: 5%;
	margin: 93% 0 2% 0;
	background: #4FC0E8;
	animation: optionLoading 0.5s ease-in-out;
	-webkit-animation: optionLoading 1s ease-in-out;
}

@
keyframes optionLoading {from { width:0%;
	
}

to {
	width: 100%;
}

}
@
-webkit-keyframes optionLoading {from { width:0%;
	
}

to {
	width: 100%;
}

}

/*页内固定块*/
.fix-block-r {
	width: 1.9rem;
	position: fixed;
	z-index: 5;
	right: 0.5rem;
	bottom: 2.5rem;
}

.fix-block-r a {
	display: block;
	width: 1.95rem;
	height: 1.95rem;
	background: rgba(255, 255, 255, 0.85);
	border-radius: 100%;
	border: solid 0.05rem #EEE;
}

.fix-block-r a i {
	width: 100%;
	height: 100%;
	display: block;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 60%;
	opacity: 0.5;
}

.fix-block-r a.gotop-btn {
	margin-top: 0.25rem;
}

.fix-block-r a.gotop-btn i {
	background-image: url(../images/gotop_b.png);
}

.fix-block-r a.browse-btn i {
	background-image: url(../images/goods_browse_b.png);
}

/*页面整体下拉缓冲*/
.scroller-body {
	top: 0;
	bottom: 60px;
	right: 0;
	left: 0;
	position: absolute;
	z-index: auto;
}

.scroller-more {
	z-index: 179;
}

/* loading */
/*下拉读取*/
.loading {
	text-align: center;
	display: block;
	padding: 1rem 0;
	font-size: 0.55rem;
	color: #666;
}

.spinner {
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.4em;
	font-size: 1em;
	width: 1em;
	height: 1em;
	text-align: left;
	border-radius: 50%;
	box-shadow: inset 0 0 0 .1em rgba(58, 168, 237, .3);
}

.spinner i {
	position: absolute;
	clip: rect(0, 1em, 1em, .5em);
	width: 1em;
	height: 1em;
	animation: spinner-circle-clipper 1s ease-in-out infinite;
	-webkit-animation: spinner-circle-clipper 1s ease-in-out infinite;
}

@
keyframes spinner-circle-clipper { 0% {
	transform: rotate(0deg);
}

100%
{
transform
:
 
rotate
(180deg);


}
}
@
-webkit-keyframes spinner-circle-clipper { 0% {
	-webkit-transform: rotate(0deg);
}

100%
{
-webkit-transform
:
 
rotate
(180deg);


}
}
.spinner i:after {
	position: absolute;
	clip: rect(0, 1em, 1em, .5em);
	width: 1em;
	height: 1em;
	content: '';
	animation: spinner-circle 1s ease-in-out infinite;
	-webkit-animation: spinner-circle 1s ease-in-out infinite;
	border-radius: 50%;
	box-shadow: inset 0 0 0 .1em #3aa8ed;
}

@
keyframes spinner-circle { 0% {
	transform: rotate(-180deg);
}

100%
{
transform
:
 
rotate
(180deg);


}
}
@
-webkit-keyframes spinner-circle { 0% {
	-webkit-transform: rotate(-180deg);
}

100%
{
-webkit-transform
:
 
rotate
(180deg);


}
}
/*异步读取*/
.pre-loading {
	background: rgba(248, 248, 248, 0.95);
	position: fixed;
	z-index: 999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.pre-block {
	text-align: center;
	position: absolute;
	z-index: 1;
	width: 6rem;
	height: 1rem;
	font-size: 0.55rem;
	color: #666;
	top: 50%;
	left: 50%;
	margin: -0.5rem 0 0 -3rem;
}

.footnav {
	min-width: 320px;
	background-color: rgba(254, 253, 252, 1);
	box-shadow: 1px 5px 15px rgba(50, 50, 50, 0.3);
	border-top: 1px solid #f6f6f9;
	bottom: 0;
	font-size: 1.1rem;
	height: 2.2rem;
	position: fixed;
	width: 100%;
	z-index: 6;
}

.footnav ul {
	font-size: 0;
}

.footnav ul li {
	vertical-align: top;
	display: inline-block;
	text-align: center;
	width: 20%;
	padding: 0.2rem 0 0.2rem 0;
}

.footnav ul li a {
	display: block;
	position: relative;
}

.footnav ul li a em {
	background-color: #3bf548;
	width: 0.3rem;
	height: 0.3rem;
	border-radius: 100%;
	position: absolute;
	top: -0.15rem;
	right: 0.85rem;
}

.footnav ul li i {
	vertical-align: top;
	display: inline-block;
	width: 1rem;
	height: 1rem;
	margin: 0 auto 0.1rem auto;
}

i.home {
	background-image: url(../images/home_b.png);
	background-size: cover;
}

i.categroy {
	background-image: url(../images/browse_list.png);
	background-size: cover;
}

i.search {
	background-image: url(../images/search_ico.png);
	background-size: cover;
}

i.cart {
	background-image: url(../images/cart_b.png);
	background-size: cover;
}

i.member {
	background-image: url(../images/member_b.png);
	background-size: cover;
}
/*加红*/
i.home2 {
	background-image: url(../images/home_b_2.png);
	background-size: cover;
}

i.categroy2 {
	background-image: url(../images/browse_list_2.png);
	background-size: cover;
}

i.search2 {
	background-image: url(../images/search_ico_2.png);
	background-size: cover;
}

i.cart2 {
	background-image: url(../images/cart_b_2.png);
	background-size: cover;
}

i.member2 {
	background-image: url(../images/member_b_2.png);
	background-size: cover;
}

.footnav ul li p {
	font-size: 0.55rem;
	color: #888;
	line-height: 1rem;
	height: 1rem;
}

.footnav ul li sup {
	position: absolute;
	top: -8px;
	right: calc(50% - 25px);
	color: #F00;
	border-radius: 10px;
	padding: 2px 5px;
	background-color: #f00;
	color: #fff;
	line-height: 10px;
	font-size: 10px;
}

.footnav ul li a.current p {
	color: #f25555e0;
}

/*文章*/
#article-content {
	font-size: 0.7rem;
	background: #fff;
	padding: 5px 10px;
	min-width: 320px;
	margin: 0 auto;
	overflow: hidden;
	min-height: 320px; margin-top:50px;
}

#article-content embed[type="application/x-shockwave-flash"] {
	display: none;
}

#article-content p, #article-content div, #article-content table {
	width: 100% !important;
}

#article-content img {
	width: 100% !important;
}

.article_type {
	color: #6d6d6d;
	margin-bottom: 5px;
	display: block;
	text-align: center;
	width: 100%;
	font-size: 0.8rem;
	font-weight: bold;
}

.article-list {
	padding: 1px 0px 0px;
}

.article-list-item a {
	display: block;
	color: #6d6d6d;
	line-height: 40px;
}

.article-list-item {
	padding-right: 50px;
	padding-left: 10px;
	border-top: 1px dotted #ded6c9;
	cursor: pointer;
	font-size: 14px;
	position: relative;
}

.article-title {
	color: #6d6d6d;
	margin-bottom: 5px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	width: 100%;
	font-size: 0.8rem;
	font-weight: bold;
	border-bottom: 1px dotted #ded6c9;
}

.article-class {
	display: block;
	margin-top: 2.8rem;
	padding-left: 0.8rem;
}

.article-class li {
	display: inline-block;
	background-color: #F8F8F8;
	border: solid 0.05rem #EEE;
	margin: 0 0.4rem 0.4rem 0;
}

.article-class li a {
	display: block;
	padding: 0.2rem 0.5rem;
	font-size: 0.6rem;
	line-height: 1rem;
	color: #555;
}

.article-class li {
	border-radius: 0.75rem;
}
.weui-tabbar{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  position:absolute;
  z-index:500;
  bottom:0;
  width:100%;
  background-color:#F7F7FA;
}
.weui-tabbar:before{
  content:" ";
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:1px;
  border-top:1px solid #C0BFC4;
  color:#C0BFC4;
  -webkit-transform-origin:0 0;
          transform-origin:0 0;
  -webkit-transform:scaleY(0.5);
          transform:scaleY(0.5);
}
.weui-tabbar__item{
  display:block;
  -webkit-box-flex:1;
  -webkit-flex:1;
          flex:1;
  padding:5px 0 0;
  font-size:0;
  color:#999999;
  text-align:center;
  -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon > i,
.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{
  color:#09BB07;
}
.weui-tabbar__icon{
  display:inline-block;
  width:27px;
  height:27px;
}
i.weui-tabbar__icon,
.weui-tabbar__icon > i{
  font-size:24px;
  color:#999999;
}
.weui-tabbar__icon img{
  width:100%;
  height:100%;
}
.weui-tabbar__label{
  text-align:center;
  color:#999999;
  font-size:10px;
  line-height:1.8;
}
.weui-navbar{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  position:absolute;
  z-index:500;
  top:0;
  width:100%;
  background-color:#FAFAFA;
}




.weui-mask_transparent{
  position:fixed;
  z-index:1000;
  top:0;
  right:0;
  left:0;
  bottom:0;
}
.weui-toast{
  position:fixed;
  z-index:5000;
  width:7.6em;
  min-height:7.6em;
  top:180px;
  left:50%;
  margin-left:-3.8em;
  background:rgba(17, 17, 17, 0.7);
  text-align:center;
  border-radius:5px;
  color:#FFFFFF;
}
.weui-loading{
  width:20px;
  height:20px;
  display:inline-block;
  vertical-align:middle;
  -webkit-animation:weuiLoading 1s steps(12, end) infinite;
          animation:weuiLoading 1s steps(12, end) infinite;
  background:transparent url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") no-repeat;
  background-size:100%;
}
.weui-loading.weui-loading_transparent,
.weui-btn_loading.weui-btn_primary .weui-loading,
.weui-btn_loading.weui-btn_warn .weui-loading{
  background-image:url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E");
}
.weui-btn_loading .weui-loading{
  margin:-0.2em 0.34em 0 0;
}
.weui-icon_toast{
  margin:22px 0 0;
}
.weui-icon_toast.weui-icon-cancel:before,.weui-icon_toast.weui-icon-success-no-circle:before{
  color:#FFFFFF;
  font-size:55px;
}
.weui-icon_toast.weui-loading{
  margin:30px 0 0;
  width:38px;
  height:38px;
  vertical-align:baseline;
}
.weui-toast__content{
  margin:0 0 15px;
}



/** 
 * 描述：手机版常用 动作
 * b y s hop wt. com
 */
@charset "utf-8";
.wtm-search-box { margin-top: 2rem;}
.wtm-search-box dl { padding : 0.8rem 0.5rem 0.5rem; text-align: left;}
.wtm-search-box dt { font-size: 0.7rem; line-height: 1rem; color: #111; margin-bottom: 0.4rem; }
.wtm-search-box dt .ico-del {display: block; float: right; width: 1rem; height: 1rem;}
.wtm-search-box dt a{ display: block;  width: 100%; height: 100%; background-image: url(../images/del_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%; opacity: 0.8;}
.wtm-search-box dd {}
.wtm-search-box ul { font-size: 0; display: block;}
.wtm-search-box li { border-radius: 0.75rem;display: inline-block; background-color: #FFF; border: solid 0.05rem #EEE; margin: 0 0.4rem 0.4rem 0;}
.wtm-search-box li a { display: block; padding: 0.2rem 0.5rem; font-size: 0.7rem; line-height: 1rem; color: #555;}

/*页内全屏遮罩层*/
.wtm-full-mask { position: fixed; z-index: 19; top: 0; bottom: 0;}
.wtm-full-mask-bg { display: block; position: absolute; z-index: 11; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.75); }
.wtm-full-mask-block { display: block; position: absolute; z-index: 12; top: 0; bottom: 0; left: 0; right: 0; background: #F5F5F5; box-shadow: -0.25rem 0 0.2rem rgba(0,0,0,0.2); }
.wtm-full-mask.left { display: block; left: 0; right: 0; animation: optionBlockLeft 0.3s ease-in-out; -webkit-animation:optionBlockLeft 0.3s ease-in-out;}
@keyframes optionBlockLeft
{
from { display: none; left: 100%; right:-100%;}
to { display: block; left: 0; right:0;}
}
@-webkit-keyframes optionBlockLeft
{
from { display: none; left: 100%; right:-100%;}
to { display: block; left: 0; right:0;}
}
.wtm-full-mask.right { left: 110%; right: -110%; animation: optionBlockRight 0.5s ease-in-out; -webkit-animation:optionBlockRight 0.5s ease-in-out;}
@keyframes optionBlockRight
{
from { display: block; left: 0; right:0;}
to { display: none; left: 110%; right: -110%;}
}
@-webkit-keyframes optionBlockRight
{
from { display: block; left: 0; right:0;}
to { display: none; left: 110%; right: -110%;}
}

/*页内下部滑入遮罩*/
.wtm-bottom-mask { position: fixed; z-index: 20; top: 0; left: 0; right: 0; display: block;}
.wtm-bottom-mask-bg { display: block; position: absolute; z-index: 21; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.65);}
.wtm-bottom-mask-block { display: block; position: absolute; z-index: 22; bottom: 0; left: 0; right: 0; min-height: 12rem; background: #FFF;}
.wtm-bottom-mask.up { display: block; bottom: 0; animation: optionBlockUp 0.5s ease-in-out; -webkit-animation:optionBlockUp 0.5s ease-in-out;}
@keyframes optionBlockUp
{
from { display: none; bottom:-100%;}
to { display: block; bottom:0;}
}
@-webkit-keyframes optionBlockUp
{
from { display: none; bottom:-100%;}
to { display: block; bottom:0;}
}
.wtm-bottom-mask.down { animation: optionBlockDown 0.5s ease-in-out; -webkit-animation:optionBlockDown 0.5s ease-in-out;}
@keyframes optionBlockDown
{
from { display: block; bottom:0;}
to { display: none; bottom:-100%;}
}
@-webkit-keyframes optionBlockDown
{
from { display: block; bottom:0; opacity: 1;}
to { display: none; bottom:-100%; opacity: 0;}
}
.wtm-bottom-mask-tip { position: absolute; z-index: 1; top: -1.2rem; left: 0; right: 0; text-align: center; font-size: 0.7rem; font-weight: 600; line-height: 0.9rem; color: #FFF; text-shadow: 0 0 0.5rem rgba(0,0,0,0.5);}
.wtm-bottom-mask-tip i { background-image: url(../images/back_down.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 75%; width: 0.8rem; height: 0.9rem; display: inline-block; vertical-align: top; margin-right: 0.1rem;}
.wtm-bottom-mask-top { position: relative; z-index: 1; display: block; padding: 0.5rem;}
.wtm-bottom-mask-close { position: absolute; z-index: 1; top: -0.6rem; right: 0; background: #FFF; width: 0.9rem; height: 0.9rem; padding: 0.15rem; border-radius: 100%;}
.wtm-bottom-mask-close i { display: block; width: 100%; height: 100%; background-image: url(../images/close_window.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; opacity: 0.5rem;}
.wtm-bottom-mask-rolling { min-height: 1.9rem; max-height: 12rem; overflow: hidden; position: relative; z-index: 1;}

/*页内大图显示*/
.wtm-bigimg-box { display: block; position: fixed; z-index: 11; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.85);}
.wtm-bigimg-box .close { position: absolute; z-index: 1; top: 0.5rem; right: 0.5rem; width: 1.2rem; height: 1.2rem; background-color: #FFF; background-image: url(../images/close_window.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 90%; border-radius: 100%; opacity: 0.5;}
.wtm-bigimg-box .pic-box {  margin: 25% auto 0 auto; overflow: hidden; position: relative; width: 16rem; z-index: 1;}
.wtm-bigimg-box .pic-box ul { font-size: 0; overflow: hidden;  position: relative; white-space: nowrap;}
.wtm-bigimg-box .pic-box li { display: inline-block; position: relative; width: 16rem; height: 16rem; text-align: center; z-index: auto; padding: 0!important; margin: 0!important; background-color: transparent!important; background-repeat: no-repeat; background-position: center center; background-size: contain;}
.wtm-bigimg-turn { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; text-align: center;}
.wtm-bigimg-turn ul { font-size: 0; margin: 0 auto; white-space: nowrap; display: block; width: 100%;}
.wtm-bigimg-turn ul li { display: inline-block; min-width: 19%; max-width: 99%; margin: 0 1% 0 0!important; height: 0.25rem; padding: 0!important; background:rgba(255,255,255,0.75);}
.wtm-bigimg-turn ul li.cur { background-color: #ef3c79;}

/*选择型按钮*/
.wtm-sel-box { display: block; background: #FFF; padding: 0 0.8rem;}
.wtm-sel-box .tit { display: block; padding: 0.5rem 0; font-size: 0.7rem; line-height: 0.9rem;}
.wtm-sel-box .sel-con { padding: 0 0 0.5rem 0;}
.wtm-sel-box .sel-con a { display: inline-block; height: 0.9rem; padding: 0.25rem 0.5rem; margin: 0.3rem 0.3rem 0 0; font-size: 0.65rem; color: #888; line-height: 0.9rem; background: #FFF; border: solid 0.05rem #BBB; border-radius: 0.15rem;}
.wtm-sel-box .sel-con a.sel { padding: 0.28rem 0.53rem; color: #FFF; background: #ef3c79; border: none;}
.wtm-sel-list { background-color: #FFF; margin-top: 0.5rem;}
.wtm-sel-list label { position: relative; z-index: 1; display: block; height: 0.9rem; padding: 0.5rem 0; margin: 0 0.5rem; font-size: 0.7rem; line-height: 0.9rem; border-bottom: solid 0.05rem #EEE;}
.wtm-sel-list label input[type="radio"] { display: none;}
.wtm-sel-list label i { position: relative; display: inline-block; width: 0.75rem; height: 0.75rem; margin-right: 0.2rem; background-color: #F5F5F5; border: 0.05rem solid #CCC; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle;}
.wtm-sel-list label.checked i { border-color: #ef3c79; background-color: #ef3c79; }
.wtm-sel-list label.checked i:after { content: ''; position: absolute; left: 0.1rem; top: 0.175rem; width: 0.4rem; height: 0.2rem; border-left: 0.065rem solid #fff; border-bottom: 0.065rem solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.wtm-sel-list a.del-invoice { position: absolute; z-index: 1; top: 0.5rem; right: 0.5rem; display: block; width: 0.8rem; height: 0.9rem; background-image: url(../images/del_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%;}
.wtm-inp-con .input-box.btn-style label { display: inline-block !important; height: 0.9rem !important; padding: 0.25rem 0.5rem !important; margin: 0.3rem 0.3rem 0 0 !important; font-size: 0.65rem !important; color: #888 !important; line-height: 0.9rem !important; background: #FFF !important; border: solid 0.05rem #BBB !important; border-radius: 0.15rem !important;}
.wtm-inp-con .input-box.btn-style label.checked { padding: 0.28rem 0.53rem !important; color: #FFF !important; background: #ef3c79 !important; border: none !important;}
.wtm-inp-con .input-box label input[type="radio"] { display: none;}


/*店铺代金券*/
.store-voucher { font-size: 0.7rem;}
.store-voucher i.icon-store { display: inline-block; width: 0.8rem; height: 0.9rem; margin-right: 0.2rem; vertical-align: middle; background:url(../images/store_b.png) no-repeat 50% 50%; background-size: 90%; opacity: 0.8;}
.wtm-voucher-list { margin-left: 0.5rem;}
.wtm-voucher-list li { position: relative; z-index: 1; background-color: #FFF; border-top: solid #EEE 0.05rem; padding: 0.5rem 0.5rem 0.5rem 0;}
.wtm-voucher-list dl { margin: 0 3rem 0 0;}
.wtm-voucher-list dt { font-size: 0.65rem; color: #ef3c79; line-height: 1.2rem; }
.wtm-voucher-list dt em { font-size: 1.2rem; margin: 0 0.1rem;}
.wtm-voucher-list dd.need { font-size: 0.65rem; line-height: 0.6rem; color: #333;}
.wtm-voucher-list dd.time { font-size: 0.5rem; line-height: 0.6rem; color: #888;}
.wtm-voucher-list a { position: absolute; z-index: 1; top: 1rem; right: 1rem;}

/*店铺地址*/
.wtm-o2o-tip { padding: 0 0.5rem; font-size: 0.7rem; line-height: 1.8rem; display: block;}
.wtm-o2o-tip a { font-weight: 600; color: #000; display: block; position: relative;}
.wtm-o2o-tip a i { display: inline-block; vertical-align: top; width: 1rem; height: 1rem; margin: 0.3rem 0.2rem 0 0; background-image: url(../images/ico_address.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 80%; opacity: 1;}
.wtm-o2o-tip a span { position: absolute; z-index:1; top: 0.5rem; right: 0.5rem; width: 0.8rem; height: 0.9rem; background-image: url(../images/arrow_right_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 78%; opacity: 0.5;}
.wtm-o2o-list { background: #FFF;}
.wtm-o2o-list li { position: relative; padding: 0.5rem 0 0.5rem 0.5rem; border-bottom: solid 0.05rem #EEE;}
.wtm-o2o-list dl { margin-right: 3rem;}
.wtm-o2o-list dl a { display: block;}
.wtm-o2o-list dt { display: block; font-size: 0.7rem; line-height: 1rem; font-weight: 600; color: #000}
.wtm-o2o-list dt span { display: inline-block; vertical-align: top; line-height: 1rem; font-size: 0.7rem; color:#AC92ED;}
.wtm-o2o-list dt span i { display: inline-block; vertical-align: top; width: 1rem; height: 1rem; margin-right: 0.2rem; background-image: url(../images/location_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 70%; opacity: 0.9;}
.wtm-o2o-list dd { display: block; font-size: 0.7rem; line-height: 1rem; color: #555;}
.wtm-o2o-list .tel { position: absolute; z-index: 1; right: 0.5rem; top: 0.5rem; border-left: solid 0.05rem #EEE; padding-left: 0.5rem;}
.wtm-o2o-list .tel a { display: block;  width: 2rem; height: 2rem; background-image: url(../images/tel_b.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%; opacity: 0.65;}

.wtm-map-box { display: block; position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0}
.wtm-map { display: block; width: 100%; height: 100%;}