body {
	-webkit-backface-visibility: hidden
}

.animated {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-moz-transform: translateY(2000px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

@-o-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-o-transform: translateY(2000px)
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0)
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		transform: translateY(2000px)
	}

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

@-webkit-keyframes flashError {
	0%,50%,100% {
		background-color: #fedddd
	}

	25%,75% {
		background-color: transparent
	}
}

@-moz-keyframes flashError {
	0%,50%,100% {
		background-color: #fedddd
	}

	25%,75% {
		background-color: transparent
	}
}

@-o-keyframes flashError {
	0%,50%,100% {
		background-color: #fedddd
	}

	25%,75% {
		background-color: transparent
	}
}

@keyframes flashError {
	0%,50%,100% {
		background-color: #fedddd
	}

	25%,75% {
		background-color: transparent
	}
}

.flashError {
	-webkit-animation-name: flashError;
	-moz-animation-name: flashError;
	-o-animation-name: flashError;
	animation-name: flashError
}

@-webkit-keyframes shake {
	0%,100% {
		-webkit-transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		-webkit-transform: translateX(-10px)
	}

	20%,40%,60%,80% {
		-webkit-transform: translateX(10px)
	}
}

@-moz-keyframes shake {
	0%,100% {
		-moz-transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		-moz-transform: translateX(-10px)
	}

	20%,40%,60%,80% {
		-moz-transform: translateX(10px)
	}
}

@-o-keyframes shake {
	0%,100% {
		-o-transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		-o-transform: translateX(-10px)
	}

	20%,40%,60%,80% {
		-o-transform: translateX(10px)
	}
}

@keyframes shake {
	0%,100% {
		transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		transform: translateX(-10px)
	}

	20%,40%,60%,80% {
		transform: translateX(10px)
	}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake
}

.footer {
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 16px
}

.footer .copyright {
	color: #999;
	font-size: 12px;
	line-height: 16px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center
}

.footer .copyright.dark-bg .ft-links>a {
	color: #848c8d
}

.footer .copyright.dark-bg .ft-links>a:hover {
	color: #848c8d
}

.footer .copyright.dark-bg .ft-copyright {
	line-height: 16px
}

.footer .copyright.dark-bg .ft-copyright>a {
	color: #696f70
}

.footer .copyright.dark-bg .ft-copyright>a:hover {
	color: #696f70
}

.footer .copyright .ft-links {
	text-align: center
}

.footer .copyright .ft-links>a {
	margin: 0 6px;
	color: #6191bf
}

.footer .copyright .ft-links>a:hover {
	color: #6191bf
}

.footer .copyright .ft-copyright {
	text-align: center;
	margin-top: 10px;
	font-size: 12px
}

.footer .copyright .ft-copyright>a {
	color: #999
}

.footer .copyright .ft-copyright>a:hover {
	color: #999
}

.footer .link-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-bottom: -3px;
	margin-right: 10px;
	background-image: url(../images/chain.png);
	background-repeat: no-repeat;
	background-size: 16px
}

.footer .link-title {
	font-size: 16px
}

.c-important {
	color: #f60
}

.c-gray {
	color: #999
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display: block
}

audio,canvas,video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}[hidden],template {
	display: none
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-family: Helvetica,"STHeiti STXihei","Microsoft JhengHei","Microsoft YaHei",Tohoma,Arial
}

body {
	margin: 0;
	color: #333;
	background-color: #f9f9f9;
	-webkit-backface-visibility: hidden
}

body.body-fixed-bottom {
	padding-bottom: 40px
}

a {
	color: #333;
	background: transparent;
	text-decoration: none
}

a:focus {
	outline: thin dotted
}

a:active,a:hover {
	outline: 0;
	color: #222
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

h2 {
	font-size: 18px;
	line-height: 22px
}

h3 {
	font-size: 15px;
	line-height: 18px
}

abbr[title] {
	border-bottom: 1px dotted
}

b,strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

mark {
	background: #ff0;
	color: #000
}

code,kbd,pre,samp {
	font-family: monospace,serif;
	font-size: 1em
}

pre {
	white-space: pre-wrap
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
	font-size: 80%
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0
}

fieldset {
	border: none;
	margin: 0;
	padding: 0
}

legend {
	border: 0;
	padding: 0
}

button,input,select,textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0
}

button,input {
	line-height: normal
}

button,select {
	text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],html input[disabled] {
	cursor: default
}

input[type="checkbox"],input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

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

iframe {
	border: none
}

.link {
	color: #07d
}

.link:link,.link:hover,.link:visited,.link:active {
	color: #07d
}

.clearfix:before,.clearfix:after {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.pull-left {
	float: left
}

.pull-right {
	float: right
}

.show {
	display: block
}

.hide {
	display: none
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.separator {
	color: #666
}

.loading {
	background-image: url(../images/loader.gif) !important;
	background-repeat: no-repeat !important;
	background-position: center center !important
}

.with-bs-top,.with-bs-bottom {
	background: url(../images/bottom_line.png) left top no-repeat;
	background-size: 100% 1px
}

.with-bs-bottom {
	background-position: left bottom
}

.right-arrow {
	padding-right: 15px;
	background: url(../images/arrow.png) no-repeat scroll 0 -15px;
	width: 15px;
	height: 15px;
	margin-top: 15px
}

.gray {
	color: #bbb
}

.modal {
	position: fixed;
	top: 0;
	opacity: 0;
	z-index: 11;
	width: 100%;
	min-height: 100%;
	overflow: hidden;
	background-color: #fff;
	-webkit-transition: -webkit-transform .25s,opacity 1ms .25s;
	-moz-transition: -moz-transform .25s,opacity 1ms .25s;
	transition: transform .25s,opacity 1ms .25s;
	-webkit-transform: translate3d(0, 100%, 0);
	-ms-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

.modal .copyright {
	width: 100%;
	color: #999;
	font-size: 12px;
	line-height: 16px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center
}

.modal .copyright.dark-bg .ft-links>a {
	color: #848c8d
}

.modal .copyright.dark-bg .ft-links>a:hover {
	color: #848c8d
}

.modal .copyright.dark-bg .ft-copyright {
	line-height: 16px
}

.modal .copyright.dark-bg .ft-copyright>a {
	color: #696f70
}

.modal .copyright.dark-bg .ft-copyright>a:hover {
	color: #696f70
}

.modal .copyright .ft-links {
	text-align: center
}

.modal .copyright .ft-links>a {
	margin: 0 6px;
	color: #6191bf
}

.modal .copyright .ft-links>a:hover {
	color: #6191bf
}

.modal .copyright .ft-copyright {
	text-align: center;
	margin-top: 10px;
	font-size: 12px
}

.modal .copyright .ft-copyright>a {
	color: #999
}

.modal .copyright .ft-copyright>a:hover {
	color: #999
}

.modal.active {
	opacity: 1;
	height: 100%;
	-webkit-transition: -webkit-transform .25s;
	-moz-transition: -moz-transform .25s;
	transition: transform .25s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.modal-login.active+.content {
	display: none
}

.top-bar {
	height: 35px;
	width: 100%;
	background: #010101;
	z-index: 30
}

.top-bar .wrapper {
	height: 35px;
	overflow: visible;
	position: relative
}

.top-bar .top-opts {
	font-size: 14px;
	position: absolute;
	top: 0;
	right: 10px;
	line-height: 24px;
	height: 35px;
	color: #999
}

.top-bar .top-opts>a {
	color: #999
}

.top-bar .top-opts>a:hover {
	color: #fff
}

.top-bar .top-opts>a,.top-bar .top-opts>span {
	padding: 6px 0;
	display: inline-block;
	height: 14px
}

.top-bar .top-opts>a.share-tip,.top-bar .top-opts>span.share-tip {
	cursor: pointer;
	padding-right: 12px;
	background: url(../images/ico_share_tip.png) right 4px no-repeat
}

.top-bar .tooltip {
	top: 26px;
	right: 5px
}

.top-bar .weibo-share {
	border-top: 1px solid #333;
	margin-top: 5px;
	padding: 10px 0 5px 0
}

.top-bar .weibo-share a {
	color: #fff
}

.admin-bar {
	height: 30px;
	width: 100%;
	background: #222;
	position: relative;
	z-index: 30
}

.admin-bar .wrapper {
	height: 30px;
	overflow: visible
}

.admin-bar-opts {
	height: 30px;
	margin: 0;
	list-style: none
}

.admin-bar-opts li {
	float: right;
	border-top: 2px solid transparent
}

.admin-bar-opts li:hover,.admin-bar-opts li.active {
	background-color: #4c4c4c;
	border-top: 2px solid #dd4b39
}

.admin-bar-opts li a {
	display: inline-block;
	padding: 0 10px;
	color: #fff;
	font-size: 13px;
	line-height: 28px
}

.tooltip {
	position: absolute;
	z-index: 1020;
	display: none;
	visibility: visible;
	padding: 5px;
	font-size: 14px;
	line-height: 16px;
	opacity: 0
}

.tooltip.in {
	display: block;
	opacity: 1
}

.tooltip.top {
	margin-top: -2px
}

.tooltip.right {
	margin-left: 2px
}

.tooltip.bottom {
	margin-top: 2px
}

.tooltip.left {
	margin-left: -2px
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #000
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #000
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	right: 20px;
	margin-left: -5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #000
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 5px solid #000
}

.tooltip-inner {
	width: 100px;
	padding: 5px 8px;
	color: #999;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0
}

.back-btn {
	display: block;
	visibility: hidden;
	position: fixed;
	bottom: 0;
	z-index: 100;
	width: 36px;
	height: 36px;
	margin-left: 15px;
	text-align: center;
	line-height: 30px;
	font-size: 26px;
	background-color: #000;
	color: #fff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px
}

.back-btn:hover {
	color: #fff
}

.more-wrap {
	padding: 0 10px
}

.more-wrap .more {
	display: inline-block;
	background-color: #f2f2f2;
	height: 30px;
	width: 100%;
	margin: 10px 0;
	line-height: 30px;
	font-size: 14px;
	color: #09f;
	text-align: center;
	border: 0;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box;
	cursor: pointer
}

.tip_animate {
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 10;
	-webkit-animation-name: esingEf;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 10;
	-moz-animation-name: esingEf;
	animation-duration: 1s;
	animation-iteration-count: 10;
	animation-name: esingEf
}

@-webkit-keyframes esingEf {
	0% {
		background-position: right 3px;
		opacity: .7;
		-webkit-animation-timing-function: ease-in-out
	}

	30% {
		opacity: .9;
		background-position: right 12px
	}

	60% {
		opacity: .5;
		background-position: right 3px
	}

	100% {
		opacity: .1;
		background-position: right 0
	}
}

@-moz-keyframes esingEf {
	0% {
		background-position: right 3px;
		opacity: .7;
		-webkit-animation-timing-function: ease-in-out
	}

	30% {
		opacity: .9;
		background-position: right 12px
	}

	60% {
		opacity: .5;
		background-position: right 3px
	}

	100% {
		opacity: .1;
		background-position: right 0
	}
}

@keyframes esingEf {
	0% {
		background-position: right 3px;
		opacity: .7;
		-webkit-animation-timing-function: ease-in-out
	}

	30% {
		opacity: .9;
		background-position: right 12px
	}

	60% {
		opacity: .5;
		background-position: right 3px
	}

	100% {
		opacity: .1;
		background-position: right 0
	}
}

.top-bar h5 {
	cursor: pointer;
	margin: 0 0 0 10px;
	font-size: 16px;
	line-height: 35px;
	color: #ddd;
	width: 160px;
	display: inline-block
}

.top-bar h5 .title {
	display: inline-block;
	max-width: 140px;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.top-bar h5 .caret {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-top: 4px solid #ddd;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	margin: 0 0 0 1px
}

.top-bar h5 .caret.up-arrow {
	border-top: none;
	border-bottom: 4px solid #ddd;
	margin-top: -1px
}

.shopnav {
	width: 100%;
	height: 40px;
	background: #eaeaea;
	color: #eee;
	text-align: center;
	position: fixed;
	left: 0;
	z-index: 99999
}

.shopnav ul,.shopnav li {
	margin: 0;
	padding: 0;
	list-style: none
}

.shopnav .nav-menu {
	width: 320px;
	margin: 0 auto;
	position: relative
}

.share-mp-info {
	position: relative;
	background: #eee;
	color: #fff;
	font-size: 0;
	line-height: 0;
	padding: 1px 105px 1px 1px;
	display: none
}

.share-mp-info em,.share-mp-info i {
	vertical-align: middle;
	font-style: normal
}

.share-mp-info em {
	color: #888
}

.share-mp-info i {
	color: #888;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.share-mp-info a {
	color: #888
}

.share-mp-info img.mp-image {
	vertical-align: middle;
	margin-right: 3px;
	width: 24px;
	height: 24px;
	-webkit-border-radius: 100%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 100%;
	-moz-background-clip: padding;
	border-radius: 100%;
	background-clip: padding-box;
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.25);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.25);
	box-shadow: 0px 0px 3px rgba(0,0,0,.25)
}

.share-mp-info .page-mp-info,.share-mp-info .links {
	font-size: 14px;
	line-height: 24px;
	color: #888
}

.share-mp-info .page-mp-info {
	display: block;
	padding: 4px 10px 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.share-mp-info .links {
	position: absolute;
	top: 6px;
	right: 10px;
	display: inline-block
}

.share-mp-info .links a {
	margin-left: 8px
}

.admin .share-mp-info {
	display: none !important
}

.shop-domain .share-mp-info {
	display: block
}

.arrow-weixin {
	background: url(../images/Mode_textmenuicon_ios7@2x.png) no-repeat scroll 0 0;
	display: inline-block;
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
	vertical-align: text-bottom
}

.home {
	display: inline-block;
	width: 45px;
	color: #333;
	font-weight: bold;
	font-size: 14px;
	background: url(../images/ico_home@2x.png) no-repeat scroll center center;
	background-size: 24px 24px;
	text-indent: -10000px;
	height: 40px;
	vertical-align: top
}

.home:hover {
	color: #333
}

.left-submenu .submenu {
	left: 8px !important
}

.right-submenu .submenu {
	left: auto !important;
	right: 8px !important
}

.nav-menu {
	border: none;
	cursor: default;
	font-size: 0;
	line-height: 0
}

.nav-menu .one {
	display: inline-block;
	font-size: 0;
	line-height: 0;
	vertical-align: top
}

.nav-menu .one a {
	color: #666;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

.nav-menu .one>a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.nav-menu .one .arrow-caret {
	display: inline-block;
	vertical-align: text-bottom;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 6px 6px;
	border-color: transparent transparent #999 transparent;
	opacity: .3
}

.nav-menu .one .mainmenu .arrow-weixin {
	margin-right: 0
}

.nav-menu .one .mainmenu .arrow-weixin,.nav-menu .one .mainmenu .mainmenu-txt {
	font-size: 14px;
	line-height: 41px;
	vertical-align: middle
}

.nav-menu .one .submenu {
	display: none;
	position: absolute;
	padding: 5px 8px;
	background: #eaeaea;
	text-align: left;
	border-radius: 5px;
	font-size: 14px;
	line-height: 41px
}

.nav-menu .one .submenu .before-arrow {
	position: absolute;
	z-index: 11;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent
}

.nav-menu .one .submenu .after-arrow {
	position: absolute;
	z-index: 10;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent
}

.nav-menu .one .submenu ul>li {
	line-height: 20px;
	text-align: center
}

.nav-menu .one .submenu ul>li a {
	min-width: 61px;
	max-width: 240px;
	display: block;
	padding: 10px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.nav-menu.has-menu-1 .one {
	width: 263px
}

.nav-menu.has-menu-1 .one .submenu ul>li a {
	min-width: 120px
}

.nav-menu.has-menu-2 .one {
	width: 127px
}

.nav-menu.has-menu-2 .one .submenu ul>li a {
	min-width: 120px
}

.nav-menu.has-menu-3 .one {
	width: 77px
}

.nav-menu.has-menu-3 .one .submenu ul>li a {
	min-width: 81px
}

.nav-menu.has-menu-4 .one {
	width: 70px
}

.nav-menu.has-menu-4 .one .submenu ul>li a {
	max-width: 200px
}

.nav-menu .divide {
	display: inline-block;
	font-size: 15px;
	width: 1px;
	line-height: 40px
}

.nav-on-top {
	top: 0
}

.nav-on-top .nav-menu .submenu {
	top: 48px
}

.nav-on-top .nav-menu .submenu .before-arrow {
	top: -5px
}

.nav-on-top .nav-menu .submenu .after-arrow {
	top: -6px
}

.nav-on-bottom {
	bottom: 0
}

.nav-on-bottom .nav-menu .submenu {
	bottom: 49px
}

.nav-on-bottom .nav-menu .submenu .before-arrow {
	border-bottom: none;
	bottom: -5px
}

.nav-on-bottom .nav-menu .submenu .after-arrow {
	border-bottom: none;
	bottom: -6px
}

.style-1 {
	background: #333
}

.style-1 .one .submenu {
	background: rgba(51,51,51,0.95)
}

.style-1.nav-on-top .submenu .before-arrow {
	border-bottom: 6px solid #3c3c3c
}

.style-1 .one a {
	color: #f8f8f8
}

.style-1 .one .arrow-caret {
	border-color: transparent transparent #f8f8f8 transparent
}

.style-1 .one .submenu ul>li.line-divide {
	height: 2px;
	background: transparent url(../images/style1_sec_divide@2x.png) no-repeat 50% 0;
	background-size: 100% 2px
}

.style-1 .divide {
	background: #000;
	border-right: 1px solid #444
}

.style-2 {
	border: none;
	background: url(../images/nav_bg.png) no-repeat #fafafa;
	background-size: 100% 100px
}

.style-2 .one .submenu {
	border: 1px solid #ccc;
	box-shadow: 0 0 3px #fff inset;
	background-color: #fafafa
}

.style-2.nav-on-bottom .submenu .before-arrow {
	border-top: 6px solid #fafafa
}

.style-2.nav-on-bottom .submenu .after-arrow {
	border-top: 6px solid #ccc
}

.style-2 .one a,.style-2 .one .arrow-caret {
	color: #333;
	font-weight: bold;
	text-shadow: 0 0 2px #f5f5f5
}

.style-2 .one .arrow-caret {
	border-color: transparent transparent #333 transparent
}

.style-2 .one .submenu ul>li.line-divide {
	height: 1px;
	background: url(../images/x_border_line.png) top left no-repeat;
	background-size: 100% 2px
}

.style-2 .divide {
	background: url(../images/y_border_line.png) top left no-repeat;
	background-size: 2px 100%
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
	.style-2 {
		background-size: 100% 50px
	}

	.style-2 .one .submenu ul>li.line-divide {
		background-size: 100% 1px
	}

	.style-2 .divide {
		margin: 0 3px;
		background-size: 1px 100%
	}

	.style-2 .home {
		margin-left: -4px
	}
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 320px;
	-webkit-transition-property: -webkit-transform,left,top;
	-webkit-transition-duration: 0s;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition-timing-function: ease;
	-moz-transition-property: -moz-transform,left,top;
	-moz-transition-duration: 0s;
	-moz-transform: translate3d(0, 0, 0);
	-moz-transition-timing-function: ease;
	-o-transition-property: -o-transform,left,top;
	-o-transition-duration: 0s;
	-o-transform: translate3d(0, 0, 0);
	-o-transition-timing-function: ease;
	-o-transform: translate(0, 0);
	-ms-transition-property: -ms-transform,left,top;
	-ms-transition-duration: 0s;
	-ms-transform: translate3d(0, 0, 0);
	-ms-transition-timing-function: ease;
	transition-property: transform,left,top;
	transition-duration: 0s;
	transform: translate3d(0, 0, 0);
	transition-timing-function: ease
}

.swiper-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	float: left
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x
}

.swiper-pagination {
	margin: 0;
	text-align: center;
	position: absolute;
	bottom: 5px;
	width: 100%;
	z-index: 1
}

.swiper-pagination-switch {
	display: inline-block;
	margin: 7px 4px 0;
	width: 5px;
	height: 5px;
	-webkit-border-radius: 7px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 7px;
	-moz-background-clip: padding;
	border-radius: 7px;
	background-clip: padding-box;
	background-color: #b7b7b7;
	cursor: pointer
}

.swiper-active-switch {
	background-color: #f40
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
	.top-bar .top-opts>a.share-tip,.top-bar .top-opts>span.share-tip {
		background-image: url("../images/ico_share_tip@2x.png");
		background-size: 12px 13px
	}

	.right-arrow {
		background-image: url("../images/arrow@2x.png");
		background-size: 15px 30px
	}
}

.butn {
	display: inline-block;
	background-color: #eee;
	border: 1px solid #ebebeb;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	padding: 4px 10px;
	margin: 0;
	color: #999;
	font-size: 12px;
	line-height: 14px;
	cursor: pointer
}

.butn:hover {
	color: #999
}

.butn:active {
	background-color: #e9e9e9;
	color: #999
}

.butn.butn-large {
	padding: 7px 16px;
	font-size: 14px
}

.butn.butn-xxlarge {
	padding: 14px 24px;
	font-size: 16px
}

.butn.butn-normal {
	background-color: #bdc3c7;
	border: 1px solid #bac0c5
}

.butn.butn-normal:hover {
	color: #fff
}

.butn.butn-normal:active {
	color: #fff;
	background-color: #b7bec2
}

.butn.butn-primary {
	color: #fff;
	border-color: #f15a0c;
	background-color: #f15a0c
}

.butn.butn-primary:hover {
	color: #fff
}

.butn.butn-primary:active {
	color: #fff;
	background-color: #d94f0b
}

.bottom-fixed-butns {
	position: fixed;
	left: 10px;
	bottom: 10px
}

.butn-return {
	background: transparent url("../images/btn_return.png") top left no-repeat;
	border: none;
	line-height: 16px;
	color: #fff;
	text-indent: 3px
}

.motify {
	display: none;
	position: fixed;
	top: 35%;
	left: 50%;
	width: 220px;
	padding: 0;
	margin: 0 0 0 -110px;
	z-index: 9999;
	background: rgba(0,0,0,0.8);
	color: #fff;
	font-size: 14px;
	line-height: 1.5em;
	-webkit-border-radius: 6px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 6px;
	-moz-background-clip: padding;
	border-radius: 6px;
	background-clip: padding-box;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,.2);
	box-shadow: 0px 1px 2px rgba(0,0,0,.2);
	-webkit-animation-duration: 0.15s;
	-moz-animation-duration: 0.15s;
	animation-duration: 0.15s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both
}

.motify .motify-inner {
	padding: 10px 10px;
	text-align: center;
	word-wrap: break-word
}

.motify p {
	margin: 0 0 5px
}

.motify p:last-of-type {
	margin-bottom: 0
}

@-webkit-keyframes motifyFx {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: scale(1);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: scale(.85)
	}
}

@-moz-keyframes motifyFx {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: scale(1);
		opacity: 1
	}

	100% {
		-moz-transform-origin: center center;
		-moz-transform: scale(.85)
	}
}

@keyframes motifyFx {
	0% {
		transform-origin: center center;
		transform: scale(1);
		opacity: 1
	}

	100% {
		transform-origin: center center;
		transform: scale(.85)
	}
}

.motifyFx {
	-webkit-animation-name: motifyFx;
	-moz-animation-name: motifyFx;
	animation-name: motifyFx
}

.container.tag {
	padding-bottom: 30px
}

.wrapper {
	width: 320px;
	margin: 0 auto
}

.content {
	width: 320px;
	margin: 0 auto
}

.content-header {
	padding: 15px 15px 10px;
	background: url(../images/bottom_line.png) left top no-repeat;
	background-size: 100% 1px;
	background-position: left bottom
}

.content-header .title {
	margin: 0
}

.content-header .date {
	color: #8c8c8c;
	font-size: 11px;
	margin: 5px 0 0
}

.content-body {
	position: relative;
	z-index: 10
}

.content-body-empty {
	display: none
}

.headerbar {
	background-color: #efefef;
	border-bottom: 1px solid #c1c1c1
}

.headerbar ul,.headerbar li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0;
	padding: 0;
	list-style: none
}

.headerbar a {
	display: block;
	line-height: 28px;
	text-align: center;
	padding: 0 12px;
	-webkit-border-radius: 2px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2px;
	-moz-background-clip: padding;
	border-radius: 2px;
	background-clip: padding-box
}

.headerbar a.active {
	color: #fff;
	background: #798499
}

.headerbar .headerbar-wrap {
	position: relative;
	width: 760px;
	margin: 0 auto;
	text-align: center
}

.headerbar .headerbar-preview {
	padding: 6px
}

.headerbar .headerbar-reedit {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 11px 5px 0
}

.headerbar .headerbar-reedit a {
	background: #fff;
	color: #414141;
	border: 1px solid #ccc;
	padding: 0 20px
}

.content-sidebar {
	display: none;
	position: fixed;
	top: 0;
	width: 180px;
	padding-left: 19px;
	margin-left: 550px;
	margin-top: 200px
}

.sidebar-section {
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	margin-bottom: 20px
}

.sidebar-section .sidebar-title {
	-webkit-border-radius: 5px 5px 0 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px 5px 0 0;
	-moz-background-clip: padding;
	border-radius: 5px 5px 0 0;
	background-clip: padding-box;
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	border-bottom: 1px solid #e4e4e4;
	padding: 8px 10px;
	background-color: #f2f2f2
}

.sidebar-section .admin-opts {
	background-color: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box
}

.sidebar-section .admin-opts li a {
	display: block;
	padding: 5px 10px;
	border-bottom: 1px solid #e4e4e4
}

.sidebar-section .admin-opts li a:hover,.sidebar-section .admin-opts li .active {
	background-color: #f2f2f2
}

.sidebar-section .admin-opts li:first-of-type {
	-webkit-border-radius: 5px 5px 0 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px 5px 0 0;
	-moz-background-clip: padding;
	border-radius: 5px 5px 0 0;
	background-clip: padding-box
}

.sidebar-section .admin-opts .last {
	-webkit-border-radius: 0 0 5px 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0 0 5px 5px;
	-moz-background-clip: padding;
	border-radius: 0 0 5px 5px;
	background-clip: padding-box
}

.sidebar-section .admin-opts .last>a {
	border-bottom: none
}

.shop-detail {
	margin: 0;
	margin: 10px;
	word-break: break-all;
	padding-bottom: 10px;
	font-size: 12px;
	color: #666;
	border-bottom: 1px dashed #ccc
}

.shop-info {
	background-color: #fff;
	margin-bottom: 0
}

.qrcode-info {
	background-color: #fff
}

.shop-card {
	border: none;
	display: table;
	margin-bottom: 10px;
	padding: 0 10px
}

.shop-name {
	margin: 0 0 0 10px;
	word-break: break-all
}

.table-cell {
	display: table-cell;
	vertical-align: middle
}

.shop-img {
	border-radius: 30px;
	width: 60px;
	height: 60px
}

.weixin-title,.weixin-no {
	font-size: 12px;
	color: #666;
	margin: 5px 0
}

.weixin-no {
	word-break: break-all;
	color: #999;
	margin: 0 0 10px
}

.qr-code {
	margin: 0
}

.fullscreen-guide {
	z-index: 2000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
	text-align: center
}

.fullscreen-guide.hide {
	display: none
}

.fullscreen-guide .guide-close {
	position: absolute;
	top: 0;
	left: 10px;
	font-size: 40px;
	color: #fff;
	cursor: pointer
}

.fullscreen-guide .guide-arrow {
	position: absolute;
	top: 2px;
	right: 15px;
	background: url("../images/guide_arrow.png") top left no-repeat;
	width: 47px;
	height: 44px
}

.fullscreen-guide .guide-inner {
	padding-top: 48px;
	width: 320px;
	margin: 0 auto
}

.fullscreen-guide .step {
	width: 260px;
	display: inline-block;
	text-align: left;
	margin-bottom: 15px
}

.follow-guide .guide-inner-title {
	color: #fff;
	border-bottom: 1px solid #ccc;
	margin: 10px;
	padding-bottom: 30px;
	font-size: 18px;
	font-weight: normal
}

.follow-guide .step-2 {
	margin-bottom: 10px
}

.follow-guide .wxid {
	width: 260px;
	display: inline-block;
	text-align: left;
	margin-bottom: 25px
}

.follow-guide .step-1,.follow-guide .step-2,.follow-guide .step-3 {
	-webkit-user-select: none;
	-moz-user-select: none
}

.follow-guide .wxid {
	padding-left: 65px;
	font-size: 18px
}

.follow-guide .wxid strong {
	padding: 1px 5px;
	background-color: #fff;
	color: #000;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box
}

.follow-guide .step-1 {
	height: 29px
}

.follow-guide .step-2 {
	height: 64px;
	background: url("../images/step_2.png") no-repeat
}

.follow-guide .step-3 {
	margin-top: 10px;
	height: 68px;
	background: url("../images/step_3.png") no-repeat
}

.follow-guide .quick-subscribe {
	margin: 140px 15px 0 15px;
	padding: 10px;
	background: #fff;
	border: 2px solid #f2f2f2;
	border-radius: 10px
}

.follow-guide .quick-subscribe h2 {
	font-size: 14px;
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 20px;
	margin: 12px 0
}

.follow-guide .quick-subscribe .btn {
	font-size: 14px;
	background: #4b0;
	color: #fff;
	display: inline-block;
	line-height: 38px;
	padding: 0 26px;
	border-radius: 4px
}

.fuck-taobao .step-1 {
	height: 29px;
	background: url("../images/step_1.png") no-repeat
}

.fuck-taobao .step-2 {
	height: 86px;
	background: url("../images/ftios_step_2.png") no-repeat
}

.fuck-taobao .step-and-2 {
	height: 62px;
	background: url("../images/ftand_step_2.png") no-repeat
}

.fav-guide .step-1 {
	height: 29px;
	background: url("../images/step_1.png") no-repeat
}

.fav-guide .step-2 {
	height: 86px;
	background: url("../images/fav_step_2.png") no-repeat
}

.share-guide {
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	text-align: center
}

.share-guide .step-1 {
	height: 29px;
	background: url("../images/step_1.png") no-repeat
}

.share-guide .step-2 {
	height: 86px;
	background: url("../images/share_step_2.png") no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
	.fullscreen-guide .guide-arrow {
		background-image: url("../images/guide_arrow@2x.png");
		background-size: 47px 44px
	}

	.follow-guide .step-2 {
		background-image: url("../images/step_2@2x.png");
		background-size: 260px 64px
	}

	.follow-guide .step-3 {
		background-image: url("../images/step_3@2x.png");
		background-size: 260px 68px
	}

	.fuck-taobao .step-1 {
		background-image: url("../images/step_1@2x.png");
		background-size: 260px 29px
	}

	.fuck-taobao .step-2 {
		background-image: url("../images/ftios_step_2@2x.png");
		background-size: 248px 86px
	}

	.fuck-taobao .step-and-2 {
		background-image: url("../images/ftand_step_2@2x.png");
		background-size: 260px 62px
	}

	.fav-guide .step-1 {
		background-image: url("../images/step_1@2x.png");
		background-size: 260px 29px
	}

	.fav-guide .step-2 {
		background-image: url("../images/fav_step_2@2x.png");
		background-size: 260px 86px
	}

	.share-guide .step-1 {
		background-image: url("../images/step_1@2x.png");
		background-size: 260px 29px
	}

	.share-guide .step-2 {
		background-image: url("../images/share_step_2@2x.png");
		background-size: 260px 86px
	}
}

.side-padding {
	padding: 0 10px;
	box-sizing: border-box
}

.side-margin {
	margin: 0 10px;
	box-sizing: border-box
}

.ios7-arrow {
	position: absolute;
	content: '';
	right: 15px;
	top: 50%;
	width: 9px;
	height: 12px;
	margin-top: -6px;
	background: url('../images/ios7_arrow.png') left center no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%
}

.custom-richtext {
	padding: 0 10px;
	box-sizing: border-box;
	margin-top: 10px;
	font-size: 16px;
	color: #333;
	line-height: 1.4;
	overflow: hidden;
	text-align: left;
	word-wrap: break-word
}

.custom-richtext img+br {
	display: block;
	padding: 4px 0;
	content: ' '
}

.custom-richtext p {
	margin: 0 0 1em 0
}

.custom-richtext a {
	color: #07d
}

.custom-richtext img {
	background: none;
	max-width: 100% !important;
	min-height: 1px;
	width: auto !important;
	height: auto !important;
	vertical-align: middle
}

.custom-richtext ul,.custom-richtext ol {
	list-style-position: inside;
	padding-left: 0
}

.custom-richtext blockquote {
	padding: 0 0 0 15px;
	margin: 0 0 18px;
	border-left: 5px solid #eee
}

.custom-richtext em {
	font-style: italic
}

.custom-richtext .selectTdClass {
	background-color: #edf5fa !important
}

.custom-richtext table.noBorderTable td,.custom-richtext table.noBorderTable th,.custom-richtext table.noBorderTable caption {
	border: 1px dashed #ddd !important
}

.custom-richtext table {
	margin-bottom: 10px;
	border-collapse: collapse;
	display: table
}

.custom-richtext td,.custom-richtext th {
	padding: 5px 10px;
	border: 1px solid #ddd
}

.custom-richtext caption {
	border: 1px dashed #ddd;
	border-bottom: 0;
	padding: 3px;
	text-align: center
}

.custom-richtext th {
	border-top: 2px solid #bbb;
	background: #f7f7f7
}

.custom-richtext .ue-table-interlace-color-single {
	background-color: #fcfcfc
}

.custom-richtext .ue-table-interlace-color-double {
	background-color: #f7faff
}

.custom-richtext td p {
	margin: 0;
	padding: 0
}

.custom-richtext-fullscreen {
	padding: 0;
	margin-top: 0
}

.custom-goods,.custom-image {
	width: 310px;
	padding: 0 5px;
	list-style: none;
	margin: 0;
	font-size: 12px
}

.custom-goods-image {
	display: block;
	max-width: 300px;
	max-height: 300px;
	width: auto;
	height: auto;
	margin: 0 auto
}

.custom-goods-big,.custom-goods-small {
	float: left;
	width: 300px;
	height: 300px;
	margin: 5px 5px;
	background-image: url(../images/pic_bg@2x.png);
	background-size: 6px 6px
}

.custom-goods-big {
	height: auto;
	min-height: 22px
}

.custom-goods-big .custom-goods-image {
	max-height: 500px
}

.custom-goods-small {
	width: 145px;
	height: 145px;
	overflow: hidden;
	margin: 5px
}

.custom-goods-small .custom-goods-link {
	display: flex
}

.custom-goods-small .custom-goods-image {
	max-width: 145px;
	max-height: 145px;
	margin: auto
}

.custom-goods-list {
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden
}

.custom-goods-list:last-child {
	border-bottom: none
}

.custom-goods-list .custom-goods-link {
	padding: 5px 0;
	margin: 5px 0;
	height: 80px;
	min-height: 0
}

.custom-goods-list .custom-goods-left {
	float: left;
	width: 80px;
	height: 80px;
	position: relative;
	background-image: url(../images/pic_bg@2x.png);
	background-size: 6px 6px
}

.custom-goods-list .custom-goods-image {
	max-width: 80px;
	max-height: 80px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

.custom-goods-list .custom-goods-right {
	height: 80px
}

.custom-goods-list .custom-goods-right .custom-goods-title {
	float: none;
	width: auto;
	color: #666;
	height: 50px
}

.custom-goods-list .custom-goods-right .custom-goods-price-noicon {
	float: none;
	color: #000;
	margin-top: 8px;
	font-size: 14px;
	max-width: none
}

.custom-goods-list .custom-goods-right .custom-goods-price-noicon em {
	font-weight: 700;
	font-style: normal
}

.custom-goods-list .custom-goods-right div {
	display: block
}

.custom-goods-link {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 100px
}

.custom-goods-info,.custom-goods-info-notitle {
	position: absolute;
	width: 290px;
	right: 0;
	bottom: 0;
	height: 22px;
	margin: 5px;
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	white-space: nowrap;
	overflow: hidden;
	background: rgba(0,0,0,0.4)
}

.custom-goods-info-notitle {
	width: auto
}

.custom-goods-price,.custom-goods-price-noicon {
	font-size: 12px;
	background: rgba(0,0,0,0) url(../images/basecar.png) no-repeat scroll 5px 50%;background-size: 18px;
	padding: 0 5px 0 25px;
	display: inline-block;
	line-height: 22px;
	height: 22px;
	float: right;
	max-width: 70px;
	overflow: hidden;
	font-style: normal
}

.custom-goods-price-noicon {
	background: none;
	padding-left: 5px
}

.custom-goods-title {
	display: inline-block;
	width: 150px;
	overflow: hidden;
	padding-left: 10px;
	text-align: left;
	text-overflow: ellipsis;
	float: left;
	line-height: 22px;
	height: 22px
}

.custom-goods-noprice {
	width: 200px
}

.custom-goods-noprice-noicon {
	width: 260px
}

.custom-title {
	background: url(../images/bottom_line.png) left top no-repeat;
	background-size: 100% 1px;
	background-position: left bottom;
	padding: 0 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	word-break: break-all
}

.custom-title .title {
	margin: 0;
	font-size: 18px;
	line-height: 22px
}

.custom-title .sub_title {
	color: #8c8c8c;
	font-size: 11px;
	margin: 5px 0 0
}

.custom-title-link {
	margin-left: 10px
}

.custom-title-link a {
	font-size: 12px;
	color: #07d
}

.custom-title-noline .custom-title {
	background: none
}

.custom-nav,.custom-link {
	list-style: none;
	margin: 0;
	padding: 0
}

.custom-nav li,.custom-link li {
	height: 44px;
	background: url(../images/bottom_line.png) left top no-repeat;
	background-size: 100% 1px;
	background-position: left bottom;
	margin: 0 10px;
	box-sizing: border-box
}

.custom-nav li:last-child,.custom-link li:last-child {
	background-image: none
}

.custom-nav li:first-child,.custom-link li:first-child {
	background: url(../images/bottom_line.png) left top no-repeat;
	background-size: 100% 1px;
	background-position: left bottom
}

.custom-nav a,.custom-link a {
	display: block;
	height: 100%;
	color: #333;
	line-height: 44px;
	font-size: 14px;
	font-weight: 700
}

.custom-nav a:hover .right-arrow,.custom-link a:hover .right-arrow {
	background-position: 0 0
}

.custom-nav a:hover,.custom-link a:hover {
	background-position: 0 15px
}

.custom-nav .right-arrow,.custom-link .right-arrow {
	padding-right: 0
}

.custom-nav-noicon a {
	padding-left: 0;
	background: transparent
}

.custom-nav-title {
	overflow: hidden;
	display: inline-block;
	width: 227px;
	white-space: nowrap;
	text-overflow: ellipsis
}

.custom-nav-two-col {
	float: left;
	width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	border-right: 1px solid #f0f0f0;
	box-sizing: border-box
}

.custom-nav-two-col .custom-nav-title {
	width: 145px
}

.custom-nav-two-col:nth-child(2n) {
	border-right: none
}

.custom-link .right-arrow {
	margin-top: 14px
}

.custom-link-link {
	height: 100%;
	line-height: 45px;
	display: block
}

.custom-link-link .title {
	float: left;
	margin: 0;
	line-height: 45px;
	height: 100%;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 245px
}

.custom-link-img {
	float: right;
	display: block;
	max-width: 40px;
	max-height: 40px
}

.custom-link-img img {
	vertical-align: middle
}

.custom-link .custom-link-two-col {
	width: 160px;
	float: left;
	border-bottom: 0 none;
	border-right: 1px solid #f0f0f0;
	box-sizing: border-box;
	border-bottom: 1px solid #f0f0f0
}

.custom-link .custom-link-two-col .custom-link-link {
	padding-right: 0;
	padding-left: 0
}

.custom-link .custom-link-two-col .custom-link-link .title {
	width: 100%;
	float: none
}

.custom-link .custom-link-two-col:nth-child(2n) {
	border-right: none
}

.order-related .other-shop {
	font-size: 12px
}

.order-related .other-shop a {
	color: #07d
}

.order-link .custom-link-link {
	padding-left: 0;
	background: none
}

.order-link .custom-link-link .title {
	border-left: 3px solid #ccc;
	padding-left: 5px;
	width: 85%;
	height: 24px;
	margin: 10px 0;
	line-height: 24px
}

.order-link .custom-link-link .title.link-s1 {
	border-color: #ee4036
}

.order-link .custom-link-link .title.link-s2 {
	border-color: #3cc8ad
}

.order-link .custom-link-link .title.link-s3 {
	border-color: #f4e003
}

.order-link .custom-link-link .title.link-s4 {
	border-color: #64c600
}

.order-link .custom-link-link .title.link-s5 {
	border-color: #f96c1e
}

.order-link .custom-link-link .title.link-s6 {
	border-color: #52bbfd
}

.order-link .custom-link-link .title.link-s7 {
	border-color: #7f3bde
}

.custom-level {
	width: 320px;
	height: 160px;
	overflow: hidden;
	position: relative;
	background-image: url(../images/pic_bg@2x.png);
	background-size: 6px 6px
}

.custom-level-img {
	max-width: 320px;
	max-height: 160px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

.custom-level-img-blur {
	filter: blur(10px);
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px)
}

.custom-level-title-section {
	position: absolute;
	bottom: 0;
	left: 0;
	min-height: 26px;
	margin: 0 auto;
	width: 100%;
	z-index: 10;
	background-color: rgba(51,51,51,0.8)
}

.custom-level-title {
	color: #fff;
	font-size: 15px;
	padding: 5px 15px;
	line-height: 1.5;
	margin: 0
}

.custom-image .title,.custom-image-swiper .title {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
	padding: 5px 15px;
	z-index: 10;
	background-color: rgba(51,51,51,0.8);
	color: #fff;
	font-size: 15px;
	line-height: 1.5
}

.custom-image a[href="javascript:;"],.custom-image-swiper a[href="javascript:;"],.custom-image a[href="javascript:void(0);"],.custom-image-swiper a[href="javascript:void(0);"] {
	cursor: default
}

.custom-image li {
	margin: 5px;
	position: relative;
	width: 300px;
	min-height: 40px
}

.custom-image a {
	display: block
}

.custom-image img {
	max-width: 300px;
	margin: 0 auto;
	width: auto;
	height: auto;
	display: block
}

.custom-image .custom-image-small {
	width: 145px;
	height: 145px;
	float: left;
	overflow: hidden;
	margin: 5px
}

.custom-image .custom-image-small img {
	max-width: 145px;
	width: auto;
	height: auto;
	margin: 0 auto
}

.custom-image .custom-image-small .title {
	width: 145px
}

.custom-image-swiper {
	width: 320px;
	position: relative
}

.custom-image-swiper .swiper-slide a {
	display: block;
	position: relative;
	width: 320px
}

.custom-image-swiper .swiper-slide a img {
	display: block;
	width: auto;
	height: auto;
	max-width: 320px;
	margin: 0 auto
}

.custom-messages {
	margin: 5px;
	width: 310px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	background-color: #fff
}

.custom-messages>a {
	display: block;
	padding: 15px 9px
}

.custom-messages:hover {
	border-color: #bbb
}

.custom-messages .time {
	color: #999;
	margin: 0 0 6px;
	font-size: 12px
}

.custom-messages.multiple .banner {
	position: relative;
	left: 0
}

.custom-messages.multiple .banner .title {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	line-height: 22px;
	padding: 6px 0;
	width: 100%;
	font-size: 17px;
	background-color: #2b2b2b;
	opacity: .8
}

.custom-messages.multiple .banner .title h4 {
	padding: 0 5px
}

.custom-messages.multiple .banner .image {
	height: 150px;
	overflow: hidden
}

.custom-messages.multiple .list {
	position: relative;
	left: 0;
	min-height: 50px;
	margin: 5px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee
}

.custom-messages.multiple .list .title {
	padding: 5px 60px 0 0;
	height: 100%;
	line-height: 1.5;
	font-size: 15px;
	word-break: break-all
}

.custom-messages.multiple .list .image {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0
}

.custom-messages.multiple .list .image img {
	width: 100%
}

.custom-messages.multiple>a:last-child .list {
	border-bottom: none
}

.custom-messages.single .title {
	font-size: 17px;
	line-height: 22px;
	color: #010101;
	margin: 0 0 10px
}

.custom-messages.single .image {
	width: 140px;
	height: 140px;
	overflow: hidden;
	text-align: center;
	float: left
}

.custom-messages.single .image img {
	max-width: 100%;
	max-height: 140px;
	width: auto;
	height: auto
}

.custom-messages.single .image+.summary {
	margin: 10px 0 10px 150px
}

.custom-messages.single .summary {
	font-size: 14px;
	line-height: 1.4;
	color: #333;
	margin: 10px 0;
	word-break: break-all
}

.custom-messages.single .view-all {
	font-size: 14px;
	color: #000;
	border-top: 1px solid #ddd;
	padding-top: 10px;
	margin-top: 10px
}

.custom-messages.text .summary {
	font-size: 14px;
	margin: 10px 0;
	word-break: break-all;
	line-height: 1.6
}

.custom-paginations-container {
	height: 30px;
	padding: 20px 15px 0
}

.custom-paginations {
	margin: 0 0 0 -10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	width: 310px;
	box-sizing: border-box;
	border: 1px solid #ddd
}

.custom-paginations a {
	padding: 4px 12px;
	line-height: 20px;
	text-decoration: none;
	float: left;
	text-align: center;
	color: #09f;
	border-right: 1px solid #ddd
}

.custom-paginations a:active,.custom-paginations a:hover {
	background-color: #f9f9f9
}

.custom-paginations .disabled {
	color: #999;
	cursor: default;
	background-color: rgba(0,0,0,0)
}

.custom-paginations .custom-paginations-page {
	width: 100px
}

.custom-paginations .custom-paginations-last {
	border-right-width: 0
}

.custom-paginations .custom-paginations-next,.custom-paginations .custom-paginations-prev {
	width: 129px
}

.custom-paginations .custom-paginations-next {
	border-right-width: 0
}

.custom-category-list {
	list-style: inside decimal;
	font-size: 16px;
	margin: 0;
	padding: 0 15px
}

.custom-category-list li {
	margin-bottom: 5px
}

.custom-category-list a {
	color: #09f
}

.custom-search {
	margin: 10px
}

.custom-search form {
	margin: 0;
	position: relative;
	border: 1px solid #c0c0c0;
	background: #fff;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box
}

.custom-search form .custom-search-input {
	margin: 0;
	padding: 0 10px 0 40px;
	-webkit-appearance: none;
	border-radius: 0;
	height: 35px;
	width: 100%;
	box-sizing: border-box;
	border: none;
	outline: none;
	font-size: 14px;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 0 0;
	-moz-box-shadow: 0 0 0 0;
	box-shadow: 0 0 0 0
}

.custom-search-button {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	height: 35px;
	line-height: 35px;
	width: 37px;
	padding: 0;
	color: #fff;
	font-size: 14px;
	text-indent: -9999px;
	background: #fff url(../images/search_icon.png) center center no-repeat;
	background-size: 16px 16px;
	-webkit-border-radius: 5px 0 0 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px 0 0 5px;
	-moz-background-clip: padding;
	border-radius: 5px 0 0 5px;
	background-clip: padding-box
}

.custom-search-icon {
	background: url(../images/serach.png) no-repeat center center;
	background-size: 15px;
	height: 15px;
	width: 15px;
	display: inline-block;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	color: rgba(0,0,0,0)
}

.custom-cube-table {
	width: 100%
}

.custom-cube {
	margin: 0;
	padding: 0
}

.custom-cube td {
	width: 80px;
	padding: 0;
	vertical-align: top
}

.custom-cube td a {
	display: inline
}

.custom-cube td img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	display: block
}

.custom-cube li {
	float: left;
	width: 80px;
	height: 80px;
	list-style-type: none
}

.custom-cube li a {
	display: block
}

.custom-cube li img {
	max-width: 80px;
	max-height: 80px;
	width: auto;
	height: auto;
	display: block
}

.custom-line-wrap {
	height: 30px;
	position: relative
}

.custom-line {
	border: 0 none;
	border-top: 1px dashed #bbb;
	margin: auto;
	padding: 0;
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.custom-nav-4 {
	padding: 10px 10px;
	margin: 0
}

.custom-nav-4 li {
	width: 66px;
	margin-right: 12px;
	text-align: center;
	float: left;
	list-style: none
}

.custom-nav-4 li:last-child {
	margin-right: 0
}

.custom-nav-4 li a {
	display: block
}

.custom-nav-4 li img {
	width: 66px;
	height: 66px
}

.custom-nav-4 li span {
	color: #333;
	height: 23px;
	line-height: 23px;
	font-size: 12px
}

.custom-showcase-wrap-1 .custom-showcase-big,.custom-showcase-wrap-1 .custom-showcase-small {
	width: 106px;
	height: 106px;
	overflow: hidden;
	margin: 0
}

.custom-showcase-wrap-1 .custom-showcase-big img,.custom-showcase-wrap-1 .custom-showcase-small img {
	max-width: 106px;
	max-height: 106px;
	width: auto;
	height: auto
}

.custom-showcase-wrap-1 .custom-showcase-small {
	margin-left: 1px
}

.custom-showcase-wrap-title {
	padding: 10px;
	font-size: 14px
}

.custom-showcase-body {
	background-color: #fff
}

.custom-showcase-body-title {
	font-size: 14px;
	font-weight: 700;
	padding: 0 10px;
	box-sizing: border-box;
	margin: 10px 0
}

.custom-showcase-body-desc {
	padding: 0 10px;
	box-sizing: border-box;
	margin: 0;
	padding-bottom: 10px;
	font-size: 12px;
	word-break: break-all
}

.custom-showcase {
	margin: 0;
	padding: 1px 0 0;
	list-style: none
}

.custom-showcase li {
	float: left;
	margin-bottom: 1px;
	text-align: center
}

.custom-showcase li a {
	display: block
}

.custom-showcase-big {
	width: 213px;
	height: 213px;
	overflow: hidden;
	margin-right: 1px
}

.custom-showcase-big img {
	max-width: 213px;
	max-height: 213px;
	width: auto;
	height: auto
}

.custom-showcase-small {
	width: 106px;
	height: 106px;
	overflow: hidden
}

.custom-showcase-small img {
	max-width: 106px;
	max-height: 106px;
	width: auto;
	height: auto
}

.tpl-weixin {
	position: relative;
	background: transparent no-repeat scroll center center;
	background-size: contain;
	overflow: hidden;
	text-align: center
}

.tpl-weixin img {
	max-width: 320px
}

.tpl-weixin-list {
	position: absolute;
	left: 50%;
	margin: 0 0 0 -105px;
	padding: 0;
	list-style: none;
	height: 88px
}

.tpl-weixin-list-item {
	position: absolute;
	width: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: rgba(244,244,244,0.7);
	text-align: center;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s
}

.tpl-weixin-list-item a {
	color: #333;
	display: block;
	padding: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px
}

.tpl-weixin-list-item-1 {
	left: -1000px;
	top: -1000px
}

.tpl-weixin-list-item-1.done {
	left: 0;
	top: 0
}

.tpl-weixin-list-item-2 {
	left: 1000px;
	top: -1000px
}

.tpl-weixin-list-item-2.done {
	left: 110px;
	top: 0
}

.tpl-weixin-list-item-3 {
	left: -1000px;
	top: 1000px
}

.tpl-weixin-list-item-3.done {
	left: 0;
	top: 49px
}

.tpl-weixin-list-item-4 {
	left: 1000px;
	top: 1000px
}

.tpl-weixin-list-item-4.done {
	left: 110px;
	top: 49px
}

.tpl-fbb {
	min-height: 300px
}

.tpl-fbb .swiper-container {
	width: 100%;
	height: 188px;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0
}

.tpl-fbb a {
	color: #fff;
	display: block
}

.tpl-fbb .swiper-container .swiper-slide {
	padding-right: 1px;
	opacity: .2;
	-webkit-transform: translate3d(64px, 0, 0);
	-moz-transform: translate3d(64px, 0, 0);
	-o-transform: translate3d(64px, 0, 0);
	transform: translate3d(64px, 0, 0);
	-webkit-transition: -webkit-transform .5s ease-out .1s,opacity .5s ease-out .1s;
	-moz-transition: transform .5s ease-out .1s,opacity .5s ease-out .1s;
	-o-transition: transform .5s ease-out .1s,opacity .5s ease-out .1s;
	transition: transform .5s ease-out .1s,opacity .5s ease-out .1s
}

.tpl-fbb .swiper-container .swiper-slide.done {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}

.tpl-fbb .swiper-container .swiper-slide a.slide-bg {
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #000
}

.tpl-fbb .swiper-container .swiper-slide a {
	width: 85px;
	height: 188px;
	background-color: rgba(0,0,0,0.6);
	float: left;
	position: relative
}

.tpl-fbb .swiper-container .swiper-item-bg {
	background-color: #000;
	opacity: .3;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%
}

.tpl-course .swiper-container,.tpl-course .swiper-container .swiper-slide a {
	height: 100px
}

.tpl-course .butn-section {
	margin: 0 auto;
	width: 150px;
	position: absolute;
	left: 50%;
	margin-left: -75px;
	top: 50%;
	z-index: 10
}

.tpl-course-title,.tpl-course-sub-title {
	margin: 0 auto;
	color: #fff;
	font-size: 31px;
	font-weight: normal;
	line-height: 1.2;
	text-align: center
}

.tpl-course-title {
	text-transform: uppercase;
	font-size: 30px;
	padding: 40px 0 0 0
}

.tpl-course-sub-title {
	font-size: 18px;
	color: #cfcfcf;
	letter-spacing: 5px;
	margin: 15px 0
}

.tpl-fbb-item-wrap {
	position: absolute;
	z-index: 10;
	width: 100%
}

.tpl-fbb-item-name {
	font-size: 16px;
	margin: 12px auto 6px;
	height: 24px;
	overflow: hidden;
	width: 100%
}

.tpl-fbb-item-line {
	border-bottom: 1px solid #4d4948;
	width: 60px;
	margin: 0 auto
}

.tpl-fbb-item-icon {
	margin: 12px auto 6px;
	width: 30px;
	height: 30px
}

.tpl-fbb-item-icon img {
	width: 30px;
	height: 30px
}

.tpl-fbb-item-text {
	font-size: 12px;
	text-align: left;
	width: 73px;
	height: 54px;
	line-height: 18px;
	margin: 0 auto;
	padding-top: 7px;
	color: #f0f0f0;
	overflow: hidden;
	word-break: break-word
}

.tpl-fbb-item-date {
	font-size: 16px;
	text-align: center;
	height: 34px;
	line-height: 34px;
	color: #f0f0f0;
	overflow: hidden
}

.tpl-shop-header {
	position: relative;
	height: 100px;
	background-repeat: no-repeat;
	background-position-x: center;
	background-size: cover
}

.tpl-shop-header:hover .close-modal {
	display: block
}

.tpl-shop-title {
	position: absolute;
	bottom: 10px;
	left: 100px;
	font-size: 16px;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0,0,0,0.5)
}

.tpl-shop-avatar {
	position: absolute;
	left: 10px;
	bottom: -40px;
	width: 80px;
	height: 80px
}

.tpl-shop-avatar img {
	width: 80px;
	height: 80px;
	background-color: #e4e4e4;
	-webkit-border-radius: 3px;
	;-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	;-moz-background-clip: padding;
	border-radius: 3px;
	;background-clip: padding-box;
	-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2)
}

.tpl-shop-content {
	padding: 7px 0;
	border: 1px solid #e4e4e4;
	background: #fff
}

.tpl-shop-content ul {
	margin: 0 0 0 86px;
	padding: 0
}

.tpl-shop-content li {
	float: left;
	width: 33%;
	list-style: none;
	border-right: 1px solid #e4e4e4;
	box-sizing: border-box;
	margin-top: 10px;
	margin-bottom: 6px
}

.tpl-shop-content li:last-child {
	border-right: none
}

.tpl-shop-content li a {
	display: block;
	margin-top: -10px;
	margin-bottom: -6px
}

.tpl-shop-content span {
	display: block;
	font-size: 12px;
	text-align: center;
	color: #999
}

.tpl-shop-content .count {
	height: 21px;
	line-height: 21px;
	font-size: 18px;
	color: #333;
	overflow: hidden
}

.tpl-shop-content .count.l-5 {
	font-size: 16px
}

.tpl-shop-content .count.l-6 {
	font-size: 14px
}

.tpl-shop-content .count.l-7 {
	font-size: 12px
}

.tpl-shop-content .count.l-8 {
	font-size: 12px
}

.tpl-shop-content .count.l-9 {
	font-size: 12px
}

.tpl-shop-content .user {
	height: 18px;
	line-height: 18px;
	margin-bottom: 3px;
	background: url('../images/me.png') no-repeat center center;
	background-size: contain
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
	.tpl-shop-content .user {
		background-image: url('../images/me@2x.png')
	}
}

.container .homepage-footer {
	position: absolute;
	bottom: -80px;
	height: 80px;
	overflow: hidden;
	width: 100%;
	background-color: #2d3132
}

.container .homepage-footer .footer {
	margin: 0 auto
}

.container .homepage-footer .copyright {
	color: #999;
	font-size: 12px;
	line-height: 16px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center
}

.container .homepage-footer .copyright.dark-bg .ft-links>a {
	color: #848c8d
}

.container .homepage-footer .copyright.dark-bg .ft-links>a:hover {
	color: #848c8d
}

.container .homepage-footer .copyright.dark-bg .ft-copyright {
	line-height: 16px
}

.container .homepage-footer .copyright.dark-bg .ft-copyright>a {
	color: #696f70
}

.container .homepage-footer .copyright.dark-bg .ft-copyright>a:hover {
	color: #696f70
}

.container .homepage-footer .copyright .ft-links {
	text-align: center
}

.container .homepage-footer .copyright .ft-links>a {
	margin: 0 6px;
	color: #6191bf
}

.container .homepage-footer .copyright .ft-links>a:hover {
	color: #6191bf
}

.container .homepage-footer .copyright .ft-copyright {
	text-align: center;
	margin-top: 10px;
	font-size: 12px
}

.container .homepage-footer .copyright .ft-copyright>a {
	color: #999
}

.container .homepage-footer .copyright .ft-copyright>a:hover {
	color: #999
}

body.with-dark-footer .container .homepage-footer .footer .copyright .ft-links>a {
	color: #848c8d
}

body.with-dark-footer .container .homepage-footer .footer .copyright .ft-links>a:hover {
	color: #848c8d
}

body.with-dark-footer .container .homepage-footer .footer .copyright .ft-copyright>a {
	color: #696f70
}

body.with-dark-footer .container .homepage-footer .footer .copyright .ft-copyright>a:hover {
	color: #696f70
}

.custom-cube2-table {
	width: 100%
}

.custom-cube2-table tr {
	margin: 0;
	padding: 0
}

.custom-cube2-table td {
	width: 25%;
	margin: 0;
	padding: 0
}

.custom-cube2-table td img {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: auto;
	display: block
}

.custom-cube2-table td.cols-2 {
	width: 50%
}

.custom-cube2-table td.cols-3 {
	width: 75%
}

.custom-cube2-table td.cols-4 {
	width: 100%
}

.cube2-edit table {
	width: 240px
}

.cube2-edit table td {
	width: 60px;
	height: 60px;
	cursor: pointer;
	text-align: center;
	color: #ccc;
	background-color: rgba(0,0,0,0.1);
	padding: 0;
	box-sizing: border-box
}

.cube2-edit table td.empty {
	background-color: rgba(0,0,0,0)
}

.cube2-edit table td.empty:after {
	content: '+'
}

.cube2-edit table td.current {
	-webkit-box-shadow: 0 0 0 2px #858585 inset;
	-moz-box-shadow: 0 0 0 2px #858585 inset;
	box-shadow: 0 0 0 2px #858585 inset;
	padding: 2px
}

.cube2-edit table td.rows-2 {
	height: 120px
}

.cube2-edit table td.rows-3 {
	height: 180px
}

.cube2-edit table td.rows-4 {
	height: 240px
}

.cube2-edit table td.cols-2 {
	width: 60px
}

.cube2-edit table td.cols-3 {
	width: 60px
}

.cube2-edit table td.cols-4 {
	width: 60px
}

.cube2-edit table td.index-0 {
	background-color: #beeb9f
}

.cube2-edit table td.index-1 {
	background-color: #ffff9d
}

.cube2-edit table td.index-2 {
	background-color: #db9e36
}

.cube2-edit table td.index-3 {
	background-color: #79bd8f
}

.cube2-edit table td.index-4 {
	background-color: #00a388
}

.cube2-edit table td.index-5 {
	background-color: #225378
}

.cube2-edit table td.index-6 {
	background-color: #1695a3
}

.cube2-edit table td.index-7 {
	background-color: #bedb39
}

.cube2-edit table td.index-8 {
	background-color: #f3ffe2
}

.cube2-edit table td.index-9 {
	background-color: #eb7f00
}

.cube2-edit table td.index-10 {
	background-color: #7d8a2e
}

.cube2-edit table td.index-11 {
	background-color: #c9d787
}

.cube2-edit table td.index-12 {
	background-color: #ffc0a9
}

.cube2-edit table td.index-13 {
	background-color: #ff8598
}

.cube2-edit table td.index-14 {
	background-color: #ffd34e
}

.cube2-edit table td.index-15 {
	background-color: #acf0f2
}

.cube2-edit table img {
	max-height: 1000%
}

.cube2-edit table span {
	color: #fff;
	text-shadow: 0 0 1px #000
}

.cube2-edit .control-group .choices {
	margin: 0
}

.cube2-edit .control-group .choice {
	border-top: 1px solid #ddd;
	padding-top: 20px
}

.cube2-edit .control-group .choice .actions {
	display: inline-block
}

.cube2-edit .control-group .choice .actions .close-modal {
	position: absolute;
	top: 16px;
	right: 10px
}

.layout-table {
	padding: 40px 195px
}

.layout-cols {
	float: left
}

.layout-cols li {
	margin: 1px;
	background: #f8f8f8;
	width: 60px;
	height: 60px;
	border: 1px solid #e9e9e9;
	border-right-width: 2px;
	border-bottom-width: 2px
}

.layout-cols li.selected {
	background: #ddeafb;
	border-color: #c3d9ff
}

.layout-cols input[type=radio] {
	display: none
}

.app-design .app-sidebar .cube2-edit .choice {
	border-bottom: none
}

.custom-store {
	border: 1px solid #f2f2f2;
	border-left-style: none;
	border-right-style: none;
	background: #fff url('../images/store.png') no-repeat 10px center;
	margin: 10px 0
}

.custom-store .custom-store-link {
	display: block
}

.custom-store .custom-store-name {
	float: left;
	padding: 0 0 0 35px;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #333;
	max-width: 214px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.custom-store .custom-store-enter {
	float: right;
	height: 14px;
	line-height: 14px;
	margin: 15px 0;
	font-size: 12px;
	color: #999;
	border-left: 1px solid #dcdcdc;
	padding: 0 10px 0 7px
}

.custom-recommend-goods {
	background: #fff;
	margin: 10px 0;
	border: 1px solid #f2f2f2;
	border-left-style: none;
	border-right-style: none
}

.custom-recommend-goods-title {
	margin-left: 9px;
	padding-left: 2px;
	height: 37px;
	max-height: 37px;
	line-height: 37px;
	font-size: 14px;
	border-bottom: 1px solid #f2f2f2
}

.custom-recommend-goods-title a {
	position: relative;
	display: block;
	color: #333
}

.custom-recommend-goods-title a:after {
	position: absolute;
	content: '';
	right: 15px;
	top: 50%;
	width: 9px;
	height: 12px;
	margin-top: -6px;
	background: url('../images/ios7_arrow.png') left center no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%
}

.custom-recommend-goods-list {
	padding: 9px 8px;
	margin: 0 0 0 -8px;
	list-style: none
}

.custom-recommend-goods-list li {
	float: left;
	margin-left: 9px;
	width: 93px;
	height: 93px;
	border: 1px solid #f2f2f2;
	background: #fcfcfc
}

.custom-recommend-goods-list a {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%
}

.custom-recommend-goods-list img {
	display: block;
	width: auto;
	height: auto;
	max-width: 93px;
	max-height: 93px;
	margin: auto
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
	.custom-store {
		background-image: url('../images/store@2x.png');
		background-size: 18px
	}
}

.tpl-wxd {
	position: relative;
	margin-bottom: 30px
}

.app-setting-content .tpl-wxd {
	width: 320px;
	margin-bottom: 0
}

.tpl-wxd-header {
	height: 100px;
	background-repeat: no-repeat;
	background-position-x: center;
	background-size: cover
}

.tpl-wxd-title {
	position: absolute;
	z-index: 1;
	bottom: 7px;
	left: 95px;
	font-size: 18px;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0,0,0,0.5)
}

.tpl-wxd-avatar {
	position: absolute;
	z-index: 1;
	bottom: -20px;
	left: 10px;
	width: 68px;
	height: 68px;
	background-color: #fff;
	padding: 3px;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	overflow: hidden
}

.tpl-wxd-avatar img {
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	background-color: #eee
}

.custom-category {
	margin: 6px 8px
}

.custom-category ul {
	margin: 0;
	padding: 0;
	text-align: justify;
	text-justify: distribute-all-lines;
	text-align-last: justify;
	font-size: 0
}

.custom-category li {
	float: left;
	display: inline;
	vertical-align: top;
	width: 50%;
	margin-bottom: 4px;
	font-size: 0;
	text-align: center
}

.custom-category li a {
	display: block;
	padding: 0 12px;
	line-height: 40px;
	height: 40px;
	width: auto;
	margin: 0 2px;
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-color: #f2f2f2;
	color: #000
}

.channel-nav {
	display: block;
	line-height: 28px;
	background-color: transparent;
	padding: 0 10px;
	text-align: center;
	margin-bottom: 15px
}

.channel-nav ul {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 28px;
	display: box;
	display: -webkit-box
}

.channel-nav ul>li {
	padding: 0 0 1px;
	height: 30px;
	-webkit-box-flex: 1;
	box-flex: 1;
	position: relative;
	overflow: hidden;
	width: 300px;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

.channel-nav ul>li a {
	line-height: 28px;
	color: #0079ff;
	font-size: 14px;
	text-align: center;
	border: #0079ff 1px solid;
	border-right: 0;
	overflow: hidden;
	display: block;
	position: relative;
	background: #fff;
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	transition: all linear 0.2s
}

.channel-nav ul>li:hover>a,.channel-nav ul>li:active>a {
	background: rgba(0,121,255,0.2);
	color: #0079ff
}

.channel-nav ul>li:first-of-type>a {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

.channel-nav ul>li:last-of-type>a {
	border-right: 1px solid #0079ff;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

.channel-nav ul>li.active>a {
	background: #0079ff;
	color: #fff;
	padding: 1px;
	border: none
}

.ump-coupon {
	margin: 10px;
	border: 1px dashed #999;
	border-radius: 5px;
	padding: 10px 0
}

.ump-coupon-wrap {
	margin: 15px 10px
}

.ump-coupon-detail {
	-webkit-border-radius: 4px 4px 0 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px 4px 0 0;
	-moz-background-clip: padding;
	border-radius: 4px 4px 0 0;
	background-clip: padding-box;
	color: #fff;
	background-color: #e33c77
}

.ump-coupon-detail .inner {
	margin: 0 5px;
	border-bottom: 1px dashed rgba(255,255,255,0.4)
}

.ump-coupon-header {
	line-height: 1.5em;
	font-size: 15px;
	text-align: center
}

.ump-coupon-header .inner {
	padding: 20px 0 10px;
	background: transparent url("../images/dot_line.png") top left repeat-x
}

.ump-coupon-value {
	font-family: "Arial"
}

.ump-coupon-value>span {
	vertical-align: baseline
}

.ump-coupon-value>i {
	font-style: normal;
	vertical-align: baseline
}

.ump-coupon-body {
	text-align: center
}

.ump-coupon-body .inner {
	padding: 19px 0 5px
}

.ump-coupon-body .ump-coupon-value>span {
	font-size: 24px;
	line-height: 56px
}

.ump-coupon-body .ump-coupon-value>i {
	font-size: 56px;
	line-height: 56px
}

.ump-coupon-body .ump-coupon-condition {
	font-size: 13px;
	margin-top: -12px
}

.ump-coupon-footer {
	font-size: 13px;
	line-height: 20px
}

.ump-coupon-footer .inner {
	padding: 20px 10px 25px;
	border-bottom: none
}

.ump-coupon-footer .addition-desc {
	color: #e7a1ba
}

.ump-coupon-footer .ump-coupon-desc {
	margin-bottom: 3px
}

.ump-coupon-footer .ump-coupon-desc:last-of-type {
	margin-bottom: 0
}

.ump-coupon-action {
	color: #fff;
	background-color: #32bbfa;
	-webkit-border-radius: 0 0 3px 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0 0 3px 3px;
	-moz-background-clip: padding;
	border-radius: 0 0 3px 3px;
	background-clip: padding-box;
	text-align: center
}

.ump-coupon-action a {
	color: #fff;
	font-size: 13px
}

.ump-coupon-action a+a {
	margin-left: 20px
}

.ump-coupon-action .inner {
	padding: 28px 0 20px;
	background: transparent url("../images/dot_line_red.png") top left repeat-x;
	border-bottom: none
}

.ump-coupon-action .coupon-msg {
	margin-bottom: 18px;
	font-size: 15px
}

.ump-coupon-action .ump-coupon-item-button {
	display: inline-block;
	padding: 8px 24px;
	font-size: 14px;
	line-height: 14px;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	background-clip: padding-box;
	color: #fff;
	background-color: #ed203c;
	margin: 0
}

.ump-coupon-action.take-coupon-success {
	background-color: #7dd668
}

.ump-coupon-action.take-coupon-success .inner {
	background: none;
	border-top: 1px dashed rgba(255,255,255,0.4)
}

.ump-coupon-action.take-coupon-failure {
	background-color: #eddbe2
}

.ump-coupon-action.take-coupon-failure .coupon-msg {
	color: #706f6f
}

.ump-coupon-action.take-coupon-failure .inner {
	background: none;
	border-top: 1px dashed rgba(255,255,255,0.4)
}

.ump-coupon-action.take-coupon-failure a {
	color: #e33b77
}

.ump-coupon-desc {
	margin: 0 0 10px
}

.ump-coupon-desc:last-of-type {
	margin-bottom: 0
}

.ump-coupon-list {
	list-style: none;
	margin: 0;
	padding: 0
}

.ump-coupon-item {
	position: relative;
	-webkit-border-radius: 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px;
	-moz-background-clip: padding;
	border-radius: 3px;
	background-clip: padding-box;
	margin-bottom: 10px;
	background-color: #b3aeb0;
	overflow: hidden
}

.ump-coupon-item>a {
	display: block;
	overflow: hidden
}

.ump-coupon-item .coupon-left-part {
	background-color: #b3aeb0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 70%;
	color: #fff;
	-webkit-border-radius: 3px 0 0 3px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 3px 0 0 3px;
	-moz-background-clip: padding;
	border-radius: 3px 0 0 3px;
	background-clip: padding-box;
	padding: 5px 0;
	border-right: 1px dashed rgba(255,255,255,0.4)
}

.ump-coupon-item .coupon-left-part .inner {
	padding: 8px 15px 8px;
	background: transparent url("../images/dot_vline.png") center left repeat-y
}

.ump-coupon-item .coupon-right-part {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
	width: 30%;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 0 3px 3px 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0 3px 3px 0;
	-moz-background-clip: padding;
	border-radius: 0 3px 3px 0;
	background-clip: padding-box;
	padding: 12px 5px;
	font-size: 12px
}

.ump-coupon-item .coupon-right-part p {
	margin: 0 0 5px
}

.ump-coupon-item .coupon-shop-name {
	opacity: .7;
	color: #fff;
	font-size: 16px;
	margin: 0 0 10px
}

.ump-coupon-item .ump-coupon-value>span {
	font-size: 24px;
	line-height: 45px
}

.ump-coupon-item .ump-coupon-value>i {
	font-size: 45px;
	line-height: 45px
}

.ump-coupon-item .ump-coupon-condition {
	font-size: 14px;
	margin-top: -5px
}

.ump-coupon-item .coupon-use-state {
	position: absolute;
	right: 0;
	bottom: 10px;
	display: block;
	width: 30%;
	color: #7e7a7c;
	font-size: 20px
}

.ump-coupon-item.coupon-style-0 {
	background-color: #eb4e86
}

.ump-coupon-item.coupon-style-0 .coupon-left-part {
	background-color: #e33c77
}

.ump-coupon-item.coupon-style-0 .coupon-right-part,.ump-coupon-item.coupon-style-0 .coupon-use-state {
	color: #b42357
}

.ump-coupon-item.coupon-style-1 {
	background-color: #2aa0d8
}

.ump-coupon-item.coupon-style-1 .coupon-left-part {
	background-color: #32bafa
}

.ump-coupon-item.coupon-style-1 .coupon-right-part,.ump-coupon-item.coupon-style-1 .coupon-use-state {
	color: #176489
}

.ump-coupon-item.coupon-style-2 {
	background-color: #f5ab52
}

.ump-coupon-item.coupon-style-2 .coupon-left-part {
	background-color: #fba223
}

.ump-coupon-item.coupon-style-2 .coupon-right-part,.ump-coupon-item.coupon-style-2 .coupon-use-state {
	color: #a96515
}

.ump-coupon-item.coupon-style-3 {
	background-color: #7caa53
}

.ump-coupon-item.coupon-style-3 .coupon-left-part {
	background-color: #81d03b
}

.ump-coupon-item.coupon-style-3 .coupon-right-part,.ump-coupon-item.coupon-style-3 .coupon-use-state {
	color: #437319
}

.ump-coupon-item.coupon-used .coupon-use-state {
	opacity: .4
}

.ump-coupon-item.coupon-expired {
	background-color: #b3aeb0 !important
}

.ump-coupon-item.coupon-expired .coupon-left-part {
	background-color: #b3aeb0 !important
}

.ump-coupon-item.coupon-expired .coupon-right-part,.ump-coupon-item.coupon-expired .coupon-use-state {
	color: #fff !important
}

.ump-promocode {
	background: #fff
}

.ump-promocode-wrap {
	background: #4b91cd;
	margin: 10px;
	padding: 4px 0;
	color: #f9f9f9;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box
}

.ump-promocode-header h1 {
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	text-align: center;
	margin: 0
}

.ump-promocode-content {
	padding: 0 20px
}

.ump-promocode-value {
	text-align: center;
	color: #fcdd30;
	background: url('../images/line.png') repeat-x left bottom;
	padding: 15px 0
}

.ump-promocode-value p {
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	margin: 0 0 12px 0
}

.ump-promocode-value span {
	font-size: 24px;
	vertical-align: baseline;
	letter-spacing: 3px
}

.ump-promocode-value i {
	font-size: 56px;
	line-height: 56px;
	font-style: normal;
	vertical-align: baseline
}

.ump-promocode-meta {
	font-size: 13px;
	line-height: 20px;
	padding: 20px
}

.ump-promocode-meta p {
	margin: 0 0 10px
}

.ump-promocode-meta .ump-promocode-desc {
	color: #ccc;
	margin: 0
}

.ump-promocode-action {
	padding: 18px 0;
	color: #fcdd30;
	text-align: center
}

.ump-promocode-action p {
	margin-top: 0
}

.ump-promocode-action a {
	display: inline-block;
	padding: 0 34px;
	line-height: 34px;
	border: 1px solid #fcdd30;
	color: #fcdd30;
	-webkit-border-radius: 17px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 17px;
	-moz-background-clip: padding;
	border-radius: 17px;
	background-clip: padding-box
}

.ump-promocode-action .ump-promocode-action-primary {
	color: #503802;
	background: #fcdd30
}

.ump-promocode-action .ump-promocode-action-group a {
	padding: 0 18px;
	margin-right: 44px
}

.ump-promocode-action .ump-promocode-action-group a:last-child {
	margin-right: 0
}

.ump-promocode-split {
	position: relative;
	height: 15px;
	background: url("../images/oval-detail.png") repeat-x center
}

.ump-promocode-split:before,.ump-promocode-split:after {
	position: absolute;
	top: 0;
	width: 15px;
	height: 15px;
	content: '';
	background: #fff;
	-webkit-border-radius: 15px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 15px;
	-moz-background-clip: padding;
	border-radius: 15px;
	background-clip: padding-box
}

.ump-promocode-split:before {
	left: -8px
}

.ump-promocode-split:after {
	right: -8px
}

.ump-promocode-list {
	list-style: none;
	margin: 0;
	padding: 0
}

.ump-promocode-list .item-even .item-content {
	background-color: #f1c40f
}

.ump-promocode-list .item-even .item-name {
	color: #fce99f
}

.ump-promocode-list .item-odd .item-content {
	background-color: #4b91cd
}

.ump-promocode-list .item-odd .item-name {
	color: #a5c4de
}

.ump-promocode-list .item-used .item-content,.ump-promocode-list .item-overdue .item-content {
	background-color: #ccc
}

.ump-promocode-list .item-used .item-name,.ump-promocode-list .item-overdue .item-name {
	color: #eee
}

.ump-promocode-list .item-used .item-meta,.ump-promocode-list .item-overdue .item-meta {
	color: #ccc
}

.ump-promocode-list .item-to-expire .item-meta .item-state {
	font-size: 12px;
	padding: 2px 6px;
	background: #ea2c46;
	color: #fff
}

.ump-promocode-item {
	list-style: none;
	border: 1px solid #e6e6e6;
	background: #fff;
	padding: 9px 10px;
	margin: 12px 10px
}

.ump-promocode-item>a {
	color: #fff;
	display: block;
	overflow: hidden
}

.ump-promocode-item h4,.ump-promocode-item p {
	margin: 0;
	padding: 0
}

.ump-promocode-item .item-inner {
	padding: 8px
}

.ump-promocode-item .item-content {
	position: relative;
	float: left;
	width: 70%;
	height: 80px
}

.ump-promocode-item .item-content:after {
	position: absolute;
	right: -3px;
	top: 0;
	content: '';
	width: 8px;
	height: 100%;
	background: url("../images/oval-list.png") repeat-y
}

.ump-promocode-item .item-name {
	font-size: 16px
}

.ump-promocode-item .item-value span {
	font-size: 19px;
	vertical-align: bottom;
	line-height: 24px
}

.ump-promocode-item .item-value i {
	font-size: 29px;
	line-height: 30px;
	font-style: normal
}

.ump-promocode-item .item-condition {
	font-size: 14px
}

.ump-promocode-item .item-meta {
	float: left;
	width: 30%;
	height: 80px;
	color: #999;
	text-align: center;
	font-size: 12px;
	line-height: 12px
}

.ump-promocode-item .item-meta p {
	margin-bottom: 2px
}

.ump-promocode-item .item-meta p:first-child {
	margin-bottom: 4px
}

.ump-promocode-item .item-meta .item-state {
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
	margin-top: 4px;
	margin-bottom: 0
}

.ump-promocode-text-success {
	color: #090;
	margin-right: 6px
}

.ump-promocode-text-error {
	color: #b94a48;
	margin-right: 16px
}

.ump-promocode-append .btn-toolbar>a {
	margin-right: 12px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
	.ump-coupon-header .inner {
		background-image: url("../images/dot_line@2x.png");
		background-size: 10px 3px
	}

	.ump-coupon-action .inner {
		background-image: url("../images/dot_line_red@2x.png");
		background-size: 10px 3px
	}

	.ump-coupon-item .coupon-left-part .inner {
		background-image: url("../images/dot_vline@2x.png");
		background-size: 3px 8px
	}

	.ump-promocode-value {
		background-size: 1px 1px
	}

	.ump-promocode-split {
		background-image: url("../images/oval-detail@2x.png");
		background-size: 8px 4px
	}

	.ump-promocode-item .item-content:after {
		background-image: url("../images/oval-list@2x.png");
		background-size: 8px 16px
	}
}

#global-cart {
	position: fixed;
	bottom: 52px;
	right: 6px;
	z-index: 1000;
	background: url('../images/cart_empty.png') center center no-repeat;
	display: block;
	height: 50px;
	width: 50px
}

#global-cart.hide {
	display: none
}

#global-cart.not-empty {
	background-image: url('../images/cart.png')
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
	#global-cart {
		background-size: cover;
		background-image: url('../images/cart_empty@2x.png')
	}

	#global-cart.not-empty {
		background-image: url('../images/cart@2x.png')
	}
}

body {
	-webkit-backface-visibility: hidden
}

.animated {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-40px)
	}
}

@-moz-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-moz-transform: translateX(0)
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(-40px)
	}
}

@-o-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-o-transform: translateX(0)
	}

	100% {
		opacity: 0;
		-o-transform: translateX(-40px)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		transform: translateX(-40px)
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-o-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@-webkit-keyframes flashWarn {
	0%,50%,100% {
		background-color: #ffb
	}

	25%,75% {
		background-color: transparent
	}
}

@-moz-keyframes flashWarn {
	0%,50%,100% {
		background-color: #ffb
	}

	25%,75% {
		background-color: transparent
	}
}

@-o-keyframes flashWarn {
	0%,50%,100% {
		background-color: #ffb
	}

	25%,75% {
		background-color: transparent
	}
}

@keyframes flashWarn {
	0%,50%,100% {
		background-color: #ffb
	}

	25%,75% {
		background-color: transparent
	}
}

.flashWarn {
	-webkit-animation-name: flashWarn;
	-moz-animation-name: flashWarn;
	-o-animation-name: flashWarn;
	animation-name: flashWarn
}

.ta-l {
	text-align: left
}

.ta-c {
	text-align: center
}

.ta-r {
	text-align: right
}

em.required,sup.required {
	color: #f00 !important
}

.white-bg {
	background-color: #fff
}

.butn[disabled] {
	background-color: #ddd !important;
	background-image: none !important;
	border: 1px solid #d0d0d0 !important
}

.butn[disabled]:active {
	background-color: #ddd !important;
	background-image: none !important;
	border: 1px solid #d0d0d0 !important
}

.butn.butn-blue {
	color: #fff;
	background-color: #2087fc;
	border-color: #2087fc
}

.butn.butn-green {
	color: #fff;
	background-color: #22c415;
	border-color: #22c415
}

.butn.butn-red {
	color: #fff;
	background-color: #f24d4d;
	border-color: #f24d4d
}

.butn.butn-white {
	color: #333;
	background-color: #fff;
	border-color: #e6e6e6
}

.butn.butn-yellow {
	color: #fff;
	background-color: #f09000;
	border-color: #f09000
}

.butn.butn-block {
	text-align: center;
	width: 100%;
	padding: 11px 16px;
	font-size: 16px;
	line-height: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.butn.butn-block+.butn-block {
	margin-top: 10px
}

.butn.butn-line {
	color: #333;
	text-align: center;
	background: transparent;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	border: 1px solid #f2f2f2;
	padding-top: 8px;
	padding-bottom: 8px;
	-webkit-appearance: none
}

.butn.butn-line[disabled] {
	color: #f2f2f2;
	box-shadow: inset 0 0 0 1px #666;
	background-color: transparent !important;
	background-image: none !important;
	border: none !important
}

.butn.butn-blue-line {
	color: #2087fc;
	box-shadow: inset 0 0 0 1px #2087fc
}

.butn.butn-blue-line[disabled] {
	color: #666;
	box-shadow: inset 0 0 0 1px #666
}

.butn.butn-orange-line {
	color: #f60;
	border: 1px solid #ff9a1b
}

.butn.butn-orange-line[disabled] {
	color: #666;
	box-shadow: inset 0 0 0 1px #666
}

.butn.butn-pay-green {
	zoom: .5;
	-webkit-user-select: none;
	-moz-user-select: none;
	-webkit-border-radius: 8px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 8px;
	-moz-background-clip: padding;
	border-radius: 8px;
	background-clip: padding-box;
	padding: 0;
	height: 84px;
	line-height: 44px;
	font-size: 32px;
	color: #fff;
	border-color: #03b401;
	background-color: #06bf04
}

.circle-info {
	display: inline-block;
	width: 16px;
	height: 16px;
	text-align: center;
	-webkit-border-radius: 100%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 100%;
	-moz-background-clip: padding;
	border-radius: 100%;
	background-clip: padding-box;
	border: 1px solid #007aff;
	background-color: #fff;
	color: #007aff;
	font-family: serif;
	font-size: 12px;
	line-height: 16px;
	font-style: normal
}

.custom-go-tao {
	display: block;
	height: auto;
	padding: 8px 0 6px;
	text-align: center;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	overflow: hidden;
	border-top: 1px solid #f4f4f4;
	background-color: #fff
}

.custom-go-tao.restore {
	border-top-color: transparent;
	background-color: #fff
}

.custom-go-tao.restore .thumb {
	display: block
}

.custom-go-tao.restore .goods-base-info {
	padding-left: 60px
}

.custom-go-tao.restore .title {
	padding-right: 5px
}

.custom-go-tao .thumb {
	display: none;
	width: 50px;
	height: 50px;
	border: 1px solid #eee;
	float: left;
	margin: 2px 0 0 10px
}

.custom-go-tao .thumb>img {
	max-width: 100%;
	max-height: 100%
}

.custom-go-tao .title {
	font-weight: normal;
	margin: 0;
	padding: 0 10px;
	font-size: 16px;
	line-height: 22px;
	text-align: left
}

.custom-go-tao.fixed {
	z-index: 1000;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	font-size: 14px;
	text-align: center;
	background-color: rgba(254,254,254,0.7);
	padding: 5px 0;
	border: 0
}

.external-buy {
	display: none;
	padding: 9px 0;
	border-top: 1px solid #eee;
	text-align: center
}

.wap-page-goods>.content {
	min-height: 480px
}

.wap-page-goods .common-banner {
	padding: 0 10px
}

.wap-page-goods .common-banner>a {
	display: block
}

.wap-page-goods .common-banner img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto
}

.wap-page-goods.internal-purchase .shop-card {
	margin-top: 206px
}

.wap-page-goods .components-container {
	margin: 0;
	padding: 0
}

.wap-page-goods .goods-price {
	padding: 5px 10px 0;
	text-align: left
}

.wap-page-goods .goods-price i {
	font-weight: bold;
	font-style: normal;
	font-size: 20px;
	vertical-align: baseline
}

.wap-page-goods .goods-price em {
	color: #999;
	font-style: normal
}

.wap-page-goods .current-price {
	color: #f60;
	display: inline-block;
	font-size: 14px
}

.wap-page-goods .current-price>span {
	display: inline-block;
	vertical-align: middle
}

.wap-page-goods .current-price .price {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px
}

.wap-page-goods .current-price.activity-price {
	display: block
}

.wap-page-goods .current-price.activity-price .price {
	font-size: 20px
}

.wap-page-goods .price-tag {
	background: #fa3232;
	color: #fff;
	display: inline-block;
	padding: 0 4px;
	font-size: 12px;
	line-height: 16px;
	vertical-align: middle
}

.wap-page-goods .old-price {
	vertical-align: middle;
	display: inline-block;
	font-size: 14px;
	color: #999;
	text-decoration: line-through
}

.wap-page-goods .original-price {
	margin-left: 10px;
	text-decoration: line-through;
	vertical-align: middle;
	color: #999;
	font-size: 14px;
	display: inline-block
}

.wap-page-goods .bottom-opts .info-wrapper.buy-info {
	border-color: #ddd;
	display: none
}

.wap-page-goods .bottom-opts .butn-return-wrapper {
	margin-top: 3px;
	float: left
}

.wap-page-goods .bottom-opts .butn-return {
	background: transparent url("../images/btn_return.png") top left no-repeat;
	border: none;
	line-height: 16px;
	color: #fff;
	text-indent: 3px
}

.wap-page-goods .bottom-opts .opt-wrapper {
	*zoom: 1;
	border-color: #ccc;
	padding: 0;
	text-align: center
}

.wap-page-goods .bottom-opts .opt-wrapper:before,.wap-page-goods .bottom-opts .opt-wrapper:after {
	display: table;
	content: "";
	line-height: 0
}

.wap-page-goods .bottom-opts .opt-wrapper:after {
	clear: both
}

.wap-page-goods .bottom-opts .opt-wrapper .goods-price {
	display: inline-block;
	vertical-align: middle;
	height: 24px;
	line-height: 24px
}

.wap-page-goods .bottom-opts .opt-wrapper-inner {
	position: relative;
	padding: 5px 10px
}

.wap-page-goods .bottom-opts .opt-actions {
	display: inline-block
}

.wap-page-goods .bottom-opts .butn-buy {
	margin: 0 5px;
	vertical-align: middle
}

.wap-page-goods .bottom-opts .butn-buy[disabled] {
	background-color: #ddd;
	border: 1px solid #d0d0d0
}

.wap-page-goods hr {
	margin: 0;
	border: none;
	border-bottom: 1px solid #eee
}

.wap-page-goods hr.with-margin {
	margin: 0 10px
}

.wap-page-goods .qrcode-container {
	background-color: #fff
}

.wap-page-goods .qrcode-container.active {
	border-color: #f60
}

.wap-page-goods .qrcode-container .shop-detail {
	padding-left: 30px;
	text-align: center;
	font-size: 16px;
	color: #6dc016;
	font-weight: normal;
	background: url("../images/weixin_logo.png") 10px top no-repeat
}

.wap-page-goods .qrcode-container .weixin-title {
	font-size: 14px
}

.admin .wap-page-goods .shop-card {
	margin-top: 0
}

.wap-page-order .footer .copyright {
	width: 100%
}

#sku-container {
	background-color: #f9f9f9;
	text-align: left;
	overflow: auto;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

#sku-container .confirm-action {
	text-align: center;
	padding: 20px 10px
}

#sku-container .confirm-action .goods-price {
	margin-bottom: 5px
}

#sku-container .sku-detail .quantity {
	position: relative
}

#sku-container .sku-detail .quantity .response-area {
	position: absolute;
	top: -2px;
	width: 35px;
	height: 33px
}

#sku-container .sku-detail .quantity .response-area-plus {
	right: -2px
}

#sku-container .sku-detail .quantity .response-area-minus {
	left: -2px
}

#sku-container .sku-detail form {
	margin-bottom: -8px
}

#sku-container .sku-detail dd.stock-num {
	line-height: 27px
}

#sku-container .sku-detail .direct-value {
	padding-top: 3px !important
}

.sku-detail {
	position: relative;
	line-height: 20px;
	font-size: 14px;
	min-height: 56px;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0
}

.sku-detail .goods-models {
	margin: 0;
	padding: 1px 5px;
	background-color: #ffe
}

.sku-detail .goods-models dt {
	text-align: right;
	width: 90px;
	padding-left: 0;
	padding-right: 5px
}

.sku-detail .goods-models dd {
	margin-left: 90px
}

.sku-detail dl {
	margin: 8px 0;
	*zoom: 1
}

.sku-detail dl:before,.sku-detail dl:after {
	display: table;
	content: "";
	line-height: 0
}

.sku-detail dl:after {
	clear: both
}

.sku-detail dt {
	float: left;
	color: #999
}

.sku-detail dt em,.sku-detail dt label {
	color: #999
}

.sku-detail dd {
	margin-left: 50px;
	display: block
}

.sku-detail .fm-sku {
	margin: 0;
	padding: 0
}

.sku-detail .fm-sku .model-title {
	padding-top: 5px
}

.sku-detail .txt,.sku-detail .txta {
	display: inline-block;
	border: 2px solid #eee;
	padding: 5px;
	resize: none;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	width: 190px;
	font-size: 14px
}

.sku-detail .txt:focus,.sku-detail .txta:focus {
	outline: none !important;
	border-color: #666
}

.sku-detail .comment-wrapper {
	padding-left: 5px;
	margin-bottom: 10px
}

.sku-detail .comment-wrapper.direct-value {
	padding-top: 5px
}

.sku-detail .qrcode-buy {
	display: none;
	position: absolute;
	bottom: 10px;
	right: 20px
}

.sku-detail .sku-detail-inner {
	padding: 1px 10px
}

.wx_mobile .sku-detail .qrcode-buy {
	display: none !important
}

.butn-qrcode {
	font-size: 18px !important;
	line-height: 28px;
	text-align: center;
	width: 120px;
	height: 28px;
	background: #f60;
	text-indent: 10px;
	color: #fff;
	background-color: #f15a0c;
	position: relative;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius-bottomleft: 5px;
	-moz-background-clip: padding;
	border-bottom-left-radius: 5px;
	background-clip: padding-box
}

.butn-qrcode:before {
	content: '\A';
	position: absolute;
	top: 0;
	right: -20px;
	width: 0;
	height: 0;
	border-top: 21px solid transparent;
	border-bottom: 21px solid transparent;
	border-left: 20px solid #f15a0c;
	z-index: 10
}

.butn-qrcode:hover,.butn-qrcode:active {
	color: #fff;
	background-color: #f15a0c
}

.qrcode-slide-pane {
	position: absolute;
	bottom: -11px;
	right: -188px;
	padding: 9px;
	background: #fff;
	border: 1px solid #f60;
	z-index: 9
}

.quantity {
	display: inline-block;
	vertical-align: middle;
	font-size: 0
}

.quantity input[type=number]::-webkit-outer-spin-button {
	margin: 0
}

.quantity button {
	border: 2px solid #eee;
	font-size: 16px;
	line-height: 10px;
	font-weight: bold;
	color: #666;
	margin: 0;
	padding: 5px;
	outline: none !important;
	text-align: center;
	width: 26px;
	height: 30px;
	vertical-align: middle;
	text-indent: -9999px;
	overflow: hidden
}

.quantity .minus {
	-webkit-border-radius: 4px 0 0 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px 0 0 4px;
	-moz-background-clip: padding;
	border-radius: 4px 0 0 4px;
	background-clip: padding-box;
	border-right: none;
	background: #eee url("../images/ico_minus.png") center center no-repeat
}

.quantity .txt {
	margin: 0;
	font-size: 14px;
	width: 24px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0;
	-moz-background-clip: padding;
	border-radius: 0;
	background-clip: padding-box
}

.quantity .txt:focus {
	border-color: #eee
}

.quantity .plus {
	border-left: none;
	-webkit-border-radius: 0 4px 4px 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0 4px 4px 0;
	-moz-background-clip: padding;
	border-radius: 0 4px 4px 0;
	background-clip: padding-box;
	background: #eee url("../images/ico_plus.png") center center no-repeat
}

.buy-guide {
	*zoom: 1
}

.buy-guide:before,.buy-guide:after {
	display: table;
	content: "";
	line-height: 0
}

.buy-guide:after {
	clear: both
}

.buy-guide .guide-cont {
	padding-left: 10px;
	float: left;
	width: 100%
}

.buy-guide .pic-wrapper {
	float: left;
	width: 180px;
	height: 180px;
	border: 1px solid #eee;
	padding: 5px;
	margin: 10px 0 10px 10px
}

.buy-guide .pic-wrapper>img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%
}

.buy-guide h3 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 5px
}

.buy-guide ul {
	list-style: none;
	padding-left: 5px;
	color: #666;
	margin-bottom: 10px
}

.backdrop {
	z-index: 90;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.67)
}

.butn-more-opts {
	background-image: url("../images/dot.png");
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 60px
}

.bottom-opts {
	display: none;
	z-index: 100;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: transparent;
	padding-top: 5px;
	-webkit-user-select: none;
	-moz-user-select: none
}

.bottom-opts .bottom-opts-inner {
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.2);
	box-shadow: 0 0 4px rgba(0,0,0,.2)
}

.bottom-opts.show-adv-opts {
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box
}

.bottom-opts .close-adv-opts {
	position: absolute;
	top: -9px;
	right: 20px;
	width: 28px;
	height: 28px;
	text-indent: -9999px;
	cursor: pointer;
	background: url("../images/close_adv_opts.png") left top no-repeat
}

.bottom-opts .close-adv-opts:active {
	background-position: left bottom
}

.bottom-opts .adv-opts {
	-webkit-border-radius: 4px 4px 0 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px 4px 0 0;
	-moz-background-clip: padding;
	border-radius: 4px 4px 0 0;
	background-clip: padding-box;
	background-color: #fff
}

.bottom-opts .adv-opts .model-container {
	overflow: hidden;
	overflow-y: auto;
	margin: 0 auto
}

.bottom-opts .adv-opts .opt-title {
	font-weight: normal;
	line-height: 18px;
	padding: 9px 0 8px;
	height: 18px;
	text-align: center;
	font-size: 16px;
	color: #333;
	border-bottom: 1px solid #eee;
	margin: 0 0 8px
}

.bottom-opts .info-wrapper {
	text-align: center;
	font-size: 14px;
	line-height: 1.5em;
	padding: 8px 5px 5px;
	background-color: #fff;
	border-top: 1px solid #eee
}

.bottom-opts .info-wrapper em {
	font-style: normal
}

.bottom-opts .info-wrapper a {
	color: #07d;
	text-decoration: underline
}

.bottom-opts .info-wrapper a:hover {
	color: #07d;
	text-decoration: underline
}

.bottom-opts .info-wrapper i {
	font-style: normal;
	color: #f60
}

.bottom-opts .opt-wrapper {
	text-align: center;
	padding: 6px 5px;
	border-top: 1px solid #eee;
	background-image: -moz-linear-gradient(bottom, rgba(226,227,231,.33) 0%, rgba(248,248,248,.33) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(226,227,231,.33) 0%, rgba(248,248,248,.33) 100%);
	background-image: linear-gradient(bottom, rgba(226,227,231,.33) 0%, rgba(248,248,248,.33) 100%);
	background-color: #fff
}

.bottom-opts .opt-wrapper-inner {
	padding: 0;
	margin: 0 auto
}

.bottom-opts .butn+.butn {
	margin-left: 8px
}

.mobile .bottom-opts {
	display: block
}

.admin .bottom-opts {
	display: block
}

.admin.responsive-540 .bottom-opts {
	display: block
}

.admin.responsive-800 .bottom-opts {
	display: none
}

.model-title {
	padding-top: 3px;
	padding-left: 5px;
	margin: 0 0 2px;
	font-size: 14px;
	font-weight: normal
}

.model-title em {
	font-style: normal;
	color: #999;
	margin-right: 5px
}

.model-title i {
	font-style: normal
}

.model-list {
	padding-left: 5px;
	margin: 0 0 4px;
	*zoom: 1
}

.model-list:before,.model-list:after {
	display: table;
	content: "";
	line-height: 0
}

.model-list:after {
	clear: both
}

.model-list li {
	position: relative;
	cursor: pointer;
	float: left;
	display: block;
	margin-right: 10px;
	border: 1px solid #bdc3c7;
	-webkit-border-radius: 4px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 4px;
	-moz-background-clip: padding;
	border-radius: 4px;
	background-clip: padding-box;
	background-color: #fff;
	font-size: 12px;
	line-height: 14px;
	height: 14px;
	min-width: 32px;
	padding: 5px 6px;
	text-align: center;
	margin-bottom: 6px;
	max-width: 180px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}

.model-list li.active {
	border-color: #f60
}

.model-list li.active::after {
	content: ' ';
	position: absolute;
	bottom: -1px;
	right: -1px;
	display: block;
	width: 12px;
	height: 12px;
	background: url("../images/ico-selected.png") bottom right no-repeat
}

.model-list li.unavailable {
	border-color: #eee;
	color: #eee;
	cursor: not-allowed
}

.app-order {
	color: #444
}

.app-order ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.app-order em,.app-order i {
	font-style: normal
}

.app-order hr {
	border: none;
	border-bottom: 1px solid #eee;
	margin: 8px 0
}

.app-order h1,.app-order h2,.app-order h3,.app-order h4 {
	margin: 0;
	padding: 0;
	font-weight: normal
}

.app-order img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%
}

.app-order p {
	margin: 0
}

.app-order .app-inner {
	font-size: 14px;
	padding: 10px 10px 80px
}

.app-order .normal-link {
	color: #07d
}

.app-order .new-window {
	color: #00f
}

.app-order .goods-info {
	position: relative;
	padding-bottom: 15px;
	*zoom: 1
}

.app-order .goods-info:before,.app-order .goods-info:after {
	display: table;
	content: "";
	line-height: 0
}

.app-order .goods-info:after {
	clear: both
}

.app-order .goods-info .summary {
	*zoom: 1
}

.app-order .goods-info .summary:before,.app-order .goods-info .summary:after {
	display: table;
	content: "";
	line-height: 0
}

.app-order .goods-info .summary:after {
	clear: both
}

.app-order .goods-info .summary .opt-wrapper {
	position: static;
	float: right
}

.app-order .goods-info .opt-wrapper {
	position: absolute;
	bottom: 5px;
	right: 5px
}

.app-order .goods-info .butn-to-pay {
	padding-left: 15px;
	padding-right: 15px
}

.app-order .goods-info .butn+.butn {
	margin-left: 5px
}

.app-order .goods-info .goods-pic {
	margin: 0;
	float: left
}

.app-order .goods-info .pic-wrapper {
	display: block;
	width: 60px;
	height: 60px;
	border: 1px solid #eee;
	background: #fff;
	font-size: 0
}

.app-order .goods-info .goods-desc {
	padding-left: 70px
}

.app-order .goods-info .goods-desc ul {
	font-size: 14px;
	line-height: 18px
}

.app-order .goods-info .goods-desc .txt {
	text-align: center;
	width: 20px
}

.app-order .goods-info .goods-title {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
	margin-top: -1px;
	color: #000
}

.app-order .goods-info .goods-title>a {
	color: #000
}

.app-order .goods-info .goods-title.end-with-ellipsis {
	height: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.app-order .module-title {
	margin-bottom: 5px;
	color: #999;
	font-size: 14px
}

.app-order .module-title em {
	color: #333
}

.app-order .address-tip {
	padding: 15px 10px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box;
	background-color: #fff;
	text-align: center;
	font-size: 16px;
	margin-bottom: 5px;
	margin-right: 10px
}

.app-order .address-tip>span {
	color: #07d
}

.app-order .txta {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 90%
}

.app-order .bottom-opts .info-wrapper {
	font-size: 14px;
	border-color: #ddd
}

.order-modal {
	overflow-y: auto
}

.scene {
	padding-top: 15px
}

.address-fm .form-row {
	padding-left: 70px;
	display: block;
	position: relative;
	height: 30px;
	line-height: 30px
}

.address-fm .form-text-label {
	position: absolute;
	font-size: 14px;
	display: block;
	width: 70px;
	top: 0;
	left: 0;
	height: 30px;
	text-align: left;
	font-style: normal;
	font-weight: bold;
	color: #000
}

.address-fm .form-text-input {
	display: block;
	width: 100%;
	-webkit-border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0;
	-moz-background-clip: padding;
	border-radius: 0;
	background-clip: padding-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	padding: 7px 5px 7px;
	font-size: 14px;
	line-height: 18px;
	float: left
}

.address-fm .input-wrapper {
	display: block;
	width: 100%;
	*zoom: 1
}

.address-fm .input-wrapper:before,.address-fm .input-wrapper:after {
	display: table;
	content: "";
	line-height: 0
}

.address-fm .input-wrapper:after {
	clear: both
}

.address-fm .input-region {
	width: 100%;
	table-layout: fixed;
	border-collapse: separate
}

.address-fm .input-region>span {
	float: none;
	display: table-cell;
	width: 1%;
	padding-right: 5px
}

.address-fm .input-region>span:last-of-type {
	padding-right: 0
}

.address-fm .input-region select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: auto;
	font-size: 14px;
	line-height: 18px;
	border: none;
	border-radius: 0;
	padding: 7px 5px 7px;
	max-width: 80px
}

.address-fm input,.address-fm textarea,.address-fm select,.address-fm button,.address-fm label {
	display: inline-block;
	vertical-align: top;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.address-fm input,.address-fm textarea,.address-fm select,.address-fm button {
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
	font-size: 16px;
	background: #fff;
	border: 0;
	border-radius: 0
}

.address-fm input:focus,.address-fm textarea:focus,.address-fm select:focus,.address-fm button:focus {
	outline: 0
}

.address-fm .form-submit {
	padding: 12px 32px;
	overflow: hidden;
	background: #fff
}

.address-fm .form-submit>.button {
	float: left;
	width: 40%;
	width: -webkit-calc(44%);
	width: calc(44%)
}

.address-fm .form-submit>.button+.button {
	float: right
}

.address-fm .form-submit>.button:only-child {
	float: none;
	width: 100%
}

.address-fm fieldset>.form-submit {
	margin-left: -12px;
	border-top: 1px solid #e5e5eb;
	box-shadow: none
}

.address-fm .button {
	display: inline-block;
	vertical-align: top;
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	color: #2087fc;
	text-align: center;
	background: transparent;
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px #2087fc;
	-webkit-appearance: none
}

.address-fm .button:active {
	opacity: .6
}

.address-fm .button:before {
	display: inline-block;
	vertical-align: top;
	margin: 8px 6px 0 -4px;
	font-size: 24px
}

.address-fm .button-small {
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	font-size: 14px
}

.address-fm .button-link {
	font-weight: 500;
	color: #07d;
	background: transparent;
	box-shadow: none
}

.address-fm .button-gray {
	font-weight: 500;
	color: #999;
	background-color: #eee;
	box-shadow: none
}

.address-fm .button-green {
	font-weight: 500;
	color: #fff;
	background: #22c415;
	box-shadow: none
}

.address-fm .button-green.icon-check:before {
	content: "\4e"
}

.address-fm .button-red {
	font-weight: 500;
	color: #fff;
	background: #fd3c31;
	box-shadow: none
}

.address-fm .button-red.icon-delete:before {
	content: "\4d";
	margin-top: 4px;
	font-size: 30px
}

.app-order-list .app-inner {
	padding-bottom: 50px
}

.app-order-list .no-orders {
	padding: 10px;
	text-align: center
}

.wap-order-list>li {
	-webkit-animation-duration: .8s;
	-moz-animation-duration: .8s;
	-o-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both
}

.wap-order-list>li:last-of-type {
	border: none;
	margin-bottom: 0
}

.wap-order-list>li:last-of-type .popover-more-opts {
	top: auto;
	bottom: 30px
}

.wap-order-list>li:last-of-type .popover-more-opts .popover-inner::after {
	border-width: 5px 6px 0 6px;
	border-color: rgba(0,0,0,0.8) transparent transparent transparent;
	bottom: -10px;
	top: auto
}

.wap-order-list .goods-info {
	display: block;
	padding-bottom: 0
}

.wap-order-list .goods-info .goods-desc {
	padding-left: 70px
}

.wap-order-list .goods-info .goods-desc hr {
	border-bottom: 1px dashed #eee;
	margin: 5px 0
}

.wap-order-list .goods-info .pic-wrapper {
	width: 60px;
	height: 60px
}

.butn-more {
	position: relative;
	z-index: 10
}

.butn-more .popover-more-opts {
	z-index: 10;
	position: absolute;
	top: 30px;
	right: -5px;
	display: none;
	width: 80px;
	padding: 5px;
	background-color: rgba(0,0,0,0.8);
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box
}

.butn-more .popover-more-opts .popover-inner {
	position: relative
}

.butn-more .popover-more-opts .popover-inner::after {
	content: ' ';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 5px 6px;
	border-color: transparent transparent rgba(0,0,0,0.8) transparent;
	position: absolute;
	top: -10px;
	right: 8px;
	z-index: 11
}

.butn-more .popover-more-opts ul>li {
	line-height: 1.5em;
	padding: 2px 0
}

.butn-more .popover-more-opts ul>li:last-of-type {
	border-bottom: none
}

.butn-more .popover-more-opts a {
	display: block;
	padding: 5px 0;
	color: #fff
}

.wap-order-pagenavi {
	padding: 5px 10px;
	text-align: right;
	font-size: 14px;
	color: #333
}

.qrcode-pic {
	text-align: center
}

.qrcode-pic .pic-wrapper {
	display: inline-block;
	background: #fff
}

.qrcode-pic .pic-wrapper img {
	display: block
}

.qrcode-pic .pic-wrapper span {
	display: inline-block;
	padding: 5px 0 0;
	font-size: 12px
}

.paid-time {
	min-height: 90px;
	text-align: left;
	color: #333;
	background: #fff url("../images/paid_ watermark.png") right 8px no-repeat;
	margin: 0;
	padding: 0 5px
}

.paid-time .paid-time-inner p {
	margin: 5px 0
}

.order-number {
	font-size: 12px;
	color: #ccc;
	margin-bottom: 15px
}

.other-links {
	text-align: center
}

.other-links .butn {
	color: #07d
}

.other-links .butn+.butn {
	margin-left: 15px
}

.coupon-ui {
	padding-bottom: 50px
}

.coupon-ui .coupon-inputer {
	padding-right: 90px
}

.coupon-ui .coupon-inputer .butn {
	position: absolute;
	top: 0;
	right: 0
}

.coupon-ui .txt-coupon-code {
	display: inline-block;
	box-sizing: border-box;
	height: 30px;
	vertical-align: middle;
	font-size: 12px;
	padding: 4px 6px;
	line-height: 18px;
	border: 1px solid #ccc;
	border-radius: 4px;
	letter-spacing: 2px;
	width: 90%;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.coupon-ui .txt-coupon-code:focus {
	border-color: #999
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
	.bottom-opts .close-adv-opts {
		background-image: url("../images/close_adv_opts@2x.png");
		background-size: 28px 56px
	}

	.model-list li.active::after {
		background-image: url("../images/ico-selected@2x.png");
		background-size: 12px 12px
	}

	.butn-more-opts {
		background-image: url("../images/dot@2x.png");
		background-size: 28px 8px
	}

	.wap-page-goods .bottom-opts .butn-return {
		background-image: url("../images/btn_return@2x.png");
		background-size: 52px 24px
	}

	.paid-time {
		background-image: url("../images/paid_ watermark@2x.png");
		background-size: 130px 77px
	}

	.quantity .minus {
		background-image: url("../images/ico_minus@2x.png");
		background-size: 8px 2px
	}

	.quantity .plus {
		background-image: url("../images/ico_plus@2x.png");
		background-size: 8px 8px
	}

	.wap-page-goods .qrcode-container .shop-detail {
		background-image: url("../images/weixin_logo@2x.png");
		background-size: 30px 24px
	}
}

body.ios7 {
	min-width: 200px
}

body.ios7 .modal {
	background-color: #efeff4
}

body.ios7 p {
	margin: 0
}

body.ios7 .container>.content {
	min-height: 0;
	width: auto
}

body.ios7 .app-order .app-inner {
	padding: 0
}

body.ios7 .app-order .goods-info .opt-wrapper {
	bottom: 0;
	right: 5px
}

body.ios7 .form-submit {
	text-align: center
}

body.ios7 .list-title {
	margin: 0 0 5px;
	padding: 0 12px;
	line-height: 24px;
	font-size: 14px;
	font-weight: normal;
	color: #7c7b83;
	text-transform: uppercase;
	text-shadow: 0 1px rgba(255,255,255,0.2)
}

body.ios7 .order-coupon {
	font-size: 14px
}

body.ios7 .order-coupon .coupon-info {
	display: block;
	padding-right: 10px
}

body.ios7 .order-coupon .coupon-info span {
	display: inline-block;
	width: 150px
}

body.ios7 .order-coupon .coupon-info em {
	float: right;
	color: #f60;
	font-style: normal
}

body.ios7 .order-coupon .coupon-info p {
	color: #999
}

body.ios7 .order-coupon .radio,body.ios7 .order-coupon .coupon-info {
	vertical-align: top;
	line-height: 22px
}

body.ios7 .order-coupon .radio {
	position: absolute;
	top: 3px;
	left: 0;
	margin: 0;
	display: inline-block
}

body.ios7 .order-coupon .coupon-opt {
	float: right;
	color: #07d
}

body.ios7 .coupon-inputer {
	margin: 5px 0
}

body.ios7 .order-coupon-item {
	padding-right: 10px
}

body.ios7 .order-coupon-item .label-check {
	cursor: pointer;
	display: block;
	position: relative;
	padding-left: 30px;
	background: url("../images/icon_check_circle.png") left center no-repeat
}

body.ios7 .order-coupon-item.active .label-check {
	background: url("../images/icon_check_blue_checked.png") left center no-repeat
}

body.ios7 .confirm-use-coupon {
	position: fixed;
	z-index: 100;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.8);
	color: #fff;
	padding: 10px 15px;
	line-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*zoom: 1
}

body.ios7 .confirm-use-coupon:before,body.ios7 .confirm-use-coupon:after {
	display: table;
	content: "";
	line-height: 0
}

body.ios7 .confirm-use-coupon:after {
	clear: both
}

body.ios7 .confirm-use-coupon .butn {
	float: right
}

body.ios7 .order-coupon-used .coupon-info {
	padding-left: 70px
}

body.ios7 .order-total {
	font-size: 14px;
	text-align: center
}

body.ios7 .order-total>em,body.ios7 .order-total>span,body.ios7 .order-total>strong {
	vertical-align: middle
}

body.ios7 .wap-order-list {
	margin-top: 15px
}

body.ios7 .wap-order-list .goods-info {
	padding-left: 10px;
	padding-right: 10px
}

body.ios7 .wap-order-list .goods-info .goods-desc ul {
	font-size: 12px
}

body.ios7 .wap-order-list>li {
	border: none;
	background-color: #fff;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px 0;
	margin: 0 0 20px
}

body.ios7 .paid-time {
	margin: 0;
	padding: 5px 0
}

body.ios7 .paid-time .paid-time-inner {
	padding: 0 10px
}

body.ios7 .other-links>a {
	color: #07d;
	margin: 0 10px
}

body.ios7 .order-pay-ways {
	padding: 0 0 0 10px
}

body.ios7 select {
	outline: none;
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
	font-size: 16px;
	background: #fff;
	border: 0;
	border-radius: 0
}

body.ios7 .form-select-row:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 42px;
	background: #fff;
	pointer-events: none
}

body.ios7 .form-select-row:after {
	content: " ";
	position: absolute;
	display: block;
	top: 9px;
	right: 10px;
	height: 24px;
	width: 24px;
	pointer-events: none;
	background: transparent url("../images/icon_select.png") center center no-repeat
}

body.ios7 .form-select-input {
	width: 100%;
	height: 42px;
	background-color: transparent;
	-webkit-appearance: none
}

body.ios7 .form-select-input::-ms-expand {
	display: none
}

body.ios7 .form-option-input {
	position: absolute;
	left: 0
}

body.ios7 .form-option-label {
	position: relative;
	display: block;
	padding-left: 32px;
	background: #fff
}

body.ios7 .form-option-label:before {
	position: absolute;
	top: 9px;
	left: 0;
	font-size: 24px;
	color: #2087fc
}

body.ios7 .form-option-input:checked+.form-option-label {
	font-weight: 500;
	color: #2087fc
}

body.ios7 .form-option-input:checked+.form-option-label:before {
	content: "\4e"
}

body.ios7 .form-option-alt>.form-option-label {
	padding: 0 42px 0 0
}

body.ios7 .form-option-alt>.form-option-label:before {
	left: auto;
	right: 12px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
	body.ios7 .form-select-row:after {
		background-image: url("../images/icon_select@2x.png");
		background-size: 24px 24px
	}

	body.ios7 .order-coupon-item .label-check {
		background-image: url("../images/icon_check_circle@2x.png");
		background-size: 20px 20px
	}

	body.ios7 .order-coupon-item.active .label-check {
		background-image: url("../images/icon_check_bule_checked@2x.png");
		background-size: 20px 20px
	}
}

.modal-login {
	font-family: Arial,Helvetica,sans-serif;
	background-color: #edf0f4;
	color: #666
}

.login,.change-password {
	overflow: hidden
}

.login a,.change-password a {
	color: #07d
}

.login a:hover,.change-password a:hover {
	color: #07d
}

.login a.new-window,.change-password a.new-window {
	color: #00f
}

.login a.new-window:hover,.change-password a.new-window:hover {
	color: #00f
}

.login input,.change-password input,.login textarea,.change-password textarea,.login select,.change-password select,.login button,.change-password button,.login label,.change-password label {
	display: inline-block;
	vertical-align: top;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.login input,.change-password input,.login textarea,.change-password textarea,.login select,.change-password select,.login button,.change-password button {
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
	font-size: 16px;
	background: #fff;
	border: 0;
	border-radius: 0
}

.login input:focus,.change-password input:focus,.login textarea:focus,.change-password textarea:focus,.login select:focus,.change-password select:focus,.login button:focus,.change-password button:focus {
	outline: 0
}

.login textarea,.change-password textarea {
	resize: none
}

.login input[type="search"],.change-password input[type="search"],.login input[type="search"]::-webkit-search-cancel-button,.change-password input[type="search"]::-webkit-search-cancel-button,.login input[type="search"]::-webkit-search-decoration,.change-password input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

.login ::-ms-clear,.change-password ::-ms-clear {
	display: none
}

.login ::-webkit-input-placeholder,.change-password ::-webkit-input-placeholder {
	color: #a8a8af
}

.login :-ms-input-placeholder,.change-password :-ms-input-placeholder {
	color: #a8a8af
}

.login ::-moz-placeholder,.change-password ::-moz-placeholder {
	color: #a8a8af;
	opacity: 1
}

.login ::-moz-focus-inner,.change-password ::-moz-focus-inner {
	padding: 0 !important;
	border: 0 !important
}

.login .blank-box,.change-password .blank-box {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 30px 0;
	padding: 20px 0
}

.login .form-title,.change-password .form-title {
	margin: 18px 0 4px;
	padding: 0 12px;
	line-height: 24px;
	font-size: 14px;
	color: #7c7b83;
	text-transform: uppercase;
	text-shadow: 0 1px rgba(255,255,255,0.2)
}

.login .big,.change-password .big {
	padding-top: 10px;
	padding-bottom: 0;
	font-size: 20px;
	text-align: center;
	font-weight: normal
}

.login .sub-title,.change-password .sub-title {
	text-align: center;
	margin: 0 0 15px;
	font-weight: normal;
	color: #999;
	font-size: 14px
}

.login .form-title-row,.change-password .form-title-row {
	position: relative;
	padding: 0 12px;
	line-height: 27px;
	font-size: 15px;
	font-weight: 500;
	background: #f5f5f5;
	border-bottom: 1px solid #e5e5eb;
	box-shadow: 0 -1px rgba(0,0,0,0.08)
}

.login .form-row,.change-password .form-row {
	position: relative;
	display: block;
	overflow: hidden;
	line-height: 42px;
	white-space: nowrap;
	text-overflow: ellipsis
}

.login .form-row+.form-row,.change-password .form-row+.form-row {
	border-top: 1px solid #e5e5eb
}

.login fieldset,.change-password fieldset {
	margin-bottom: 20px;
	padding-left: 12px;
	background: #fff;
	box-shadow: 0 -1px rgba(0,0,0,0.08),0 1px rgba(0,0,0,0.07),0 1px 1px rgba(0,0,0,0.05)
}

.login fieldset:last-child,.change-password fieldset:last-child {
	margin-bottom: 0
}

.login .form-text-row,.change-password .form-text-row {
	overflow: visible
}

.login .form-text-row>.form-hint,.change-password .form-text-row>.form-hint {
	margin-top: -4px
}

.login .form-text-label,.change-password .form-text-label {
	display: inline-block;
	vertical-align: top;
	max-width: 30%;
	line-height: 42px;
	padding-right: 12px;
	overflow: hidden;
	white-space: nowrap;
	color: #7c7b83;
	text-overflow: ellipsis
}

.login .form-text-label+.form-text-input,.change-password .form-text-label+.form-text-input {
	max-width: 70%
}

.login .form-text-label.width-20,.change-password .form-text-label.width-20 {
	width: 20%
}

.login .width-20+.form-text-input,.change-password .width-20+.form-text-input {
	width: 80%;
	max-width: none
}

.login .width-20~.form-hint,.change-password .width-20~.form-hint {
	margin-left: 20%
}

.login .form-text-label.width-25,.change-password .form-text-label.width-25 {
	width: 25%
}

.login .width-25+.form-text-input,.change-password .width-25+.form-text-input {
	width: 75%
}

.login .width-25~.form-hint,.change-password .width-25~.form-hint {
	margin-left: 25%
}

.login .form-text-label.width-30,.change-password .form-text-label.width-30 {
	width: 30%
}

.login .width-30+.form-text-input,.change-password .width-30+.form-text-input {
	width: 70%
}

.login .width-30~.form-hint,.change-password .width-30~.form-hint {
	margin-left: 30%
}

.login .form-text-label.width-40,.change-password .form-text-label.width-40 {
	width: 40%;
	max-width: none
}

.login .width-40+.form-text-input,.change-password .width-40+.form-text-input {
	width: 60%
}

.login .width-40~.form-hint,.change-password .width-40~.form-hint {
	margin-left: 40%
}

.login .form-text-label.width-50,.change-password .form-text-label.width-50 {
	width: 50%;
	max-width: none
}

.login .width-50+.form-text-input,.change-password .width-50+.form-text-input {
	width: 50%
}

.login .width-50~.form-hint,.change-password .width-50~.form-hint {
	margin-left: 50%
}

.login .form-text-label-black,.change-password .form-text-label-black {
	color: #000
}

.login .form-text-input,.change-password .form-text-input {
	width: 100%;
	height: 42px
}

.login .form-text-textarea,.change-password .form-text-textarea {
	width: 100%;
	height: 82px;
	line-height: 22px;
	padding: 8px 12px 8px 0
}

.login .form-select-row:before,.change-password .form-select-row:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 42px;
	background: #fff;
	pointer-events: none
}

.login .form-select-row:after,.change-password .form-select-row:after {
	content: "\33";
	right: 10px;
	font-size: 24px;
	pointer-events: none
}

.login .form-select-input,.change-password .form-select-input {
	width: 100%;
	height: 42px;
	background-color: transparent;
	-webkit-appearance: none
}

.login .form-select-input::-ms-expand,.change-password .form-select-input::-ms-expand {
	display: none
}

.login .form-option-input,.change-password .form-option-input {
	position: absolute;
	left: 0
}

.login .form-option-label,.change-password .form-option-label {
	position: relative;
	display: block;
	padding-left: 32px;
	background: #fff
}

.login .form-option-label:before,.change-password .form-option-label:before {
	position: absolute;
	top: 9px;
	left: 0;
	font-size: 24px;
	color: #2087fc
}

.login .form-option-input:checked+.form-option-label,.change-password .form-option-input:checked+.form-option-label {
	font-weight: 500;
	color: #2087fc
}

.login .form-option-input:checked+.form-option-label:before,.change-password .form-option-input:checked+.form-option-label:before {
	content: "\4e"
}

.login .form-option-alt>.form-option-label,.change-password .form-option-alt>.form-option-label {
	padding: 0 42px 0 0
}

.login .form-option-alt>.form-option-label:before,.change-password .form-option-alt>.form-option-label:before {
	left: auto;
	right: 12px
}

.login .form-switch-row>.switch,.change-password .form-switch-row>.switch {
	float: right;
	margin: 7px 12px 0 12px
}

.login .form-submit,.change-password .form-submit {
	*zoom: 1;
	overflow: hidden;
	background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 12px
}

.login .form-submit:before,.change-password .form-submit:before,.login .form-submit:after,.change-password .form-submit:after {
	display: table;
	content: "";
	line-height: 0
}

.login .form-submit:after,.change-password .form-submit:after {
	clear: both
}

.login .form-submit>.button,.change-password .form-submit>.button {
	float: left;
	width: 40%;
	width: -webkit-calc(44%);
	width: calc(44%)
}

.login .form-submit>.button+.button,.change-password .form-submit>.button+.button {
	float: right
}

.login .form-submit>.button:only-child,.change-password .form-submit>.button:only-child {
	float: none;
	width: 100%
}

.login fieldset>.form-submit,.change-password fieldset>.form-submit {
	margin-left: -12px;
	border-top: 1px solid #e5e5eb;
	box-shadow: none
}

.login .form-row.valid:after,.change-password .form-row.valid:after,.login .form-row.invalid:after,.change-password .form-row.invalid:after {
	position: absolute;
	top: 9px;
	right: 10px;
	font-size: 24px
}

.login .form-row.valid>input,.change-password .form-row.valid>input,.login .form-row.valid>select,.change-password .form-row.valid>select,.login .form-row.invalid>input,.change-password .form-row.invalid>input,.login .form-row.invalid>select,.change-password .form-row.invalid>select {
	padding-right: 42px
}

.login .form-row.valid>.form-hint,.change-password .form-row.valid>.form-hint,.login .form-row.invalid>.form-hint,.change-password .form-row.invalid>.form-hint {
	font-weight: 500
}

.login .form-row.valid:after,.change-password .form-row.valid:after {
	content: "\52";
	color: #46ca5e
}

.login .form-row.valid>.form-hint,.change-password .form-row.valid>.form-hint {
	color: #3bb34b
}

.login .form-row.invalid:after,.change-password .form-row.invalid:after {
	content: "\72";
	color: #fd3c31
}

.login .form-row.invalid>.form-hint,.change-password .form-row.invalid>.form-hint {
	color: #d8332a
}

.login .form-hint,.change-password .form-hint {
	display: block;
	line-height: 24px;
	padding-bottom: 8px;
	white-space: normal;
	font-size: 14px;
	color: #7c7b83
}

.login .form-row+.form-hint,.change-password .form-row+.form-hint {
	border-bottom: 1px solid #e5e5eb
}

.login .form-row+.form-hint:last-child,.change-password .form-row+.form-hint:last-child {
	border-bottom: 0
}

.login .form-submit>.button,.change-password .form-submit>.button {
	float: left;
	width: 40%;
	width: -webkit-calc(44%);
	width: calc(44%)
}

.login .form-submit>.button+.button,.change-password .form-submit>.button+.button {
	float: right
}

.login .form-submit>.button:only-child,.change-password .form-submit>.button:only-child {
	float: none;
	width: 100%
}

.login fieldset>.form-submit,.change-password fieldset>.form-submit {
	margin-left: -12px;
	border-top: 1px solid #e5e5eb;
	box-shadow: none
}

.login .button,.change-password .button {
	display: inline-block;
	vertical-align: top;
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	color: #2087fc;
	text-align: center;
	background: transparent;
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px #2087fc;
	-webkit-appearance: none
}

.login .button:active,.change-password .button:active {
	opacity: .6
}

.login .button:before,.change-password .button:before {
	display: inline-block;
	vertical-align: top;
	margin: 8px 6px 0 -4px;
	font-size: 24px
}

.login .button-small,.change-password .button-small {
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	font-size: 14px
}

.login .button-link,.change-password .button-link {
	font-weight: 500;
	color: #07d;
	background: transparent;
	box-shadow: none
}

.login .button-gray,.change-password .button-gray {
	font-weight: 500;
	color: #999;
	background-color: #eee;
	box-shadow: none
}

.login .button-green,.change-password .button-green {
	font-weight: 500;
	color: #fff;
	background: #22c415;
	box-shadow: none
}

.login .button-green.icon-check:before,.change-password .button-green.icon-check:before {
	content: "\4e"
}

.login .button-red,.change-password .button-red {
	font-weight: 500;
	color: #fff;
	background: #fd3c31;
	box-shadow: none
}

.login .button-red.icon-delete:before,.change-password .button-red.icon-delete:before {
	content: "\4d";
	margin-top: 4px;
	font-size: 30px
}

.login .action-links,.change-password .action-links {
	text-align: right;
	padding: 6px 12px;
	font-size: 14px;
	*zoom: 1
}

.login .action-links:before,.change-password .action-links:before,.login .action-links:after,.change-password .action-links:after {
	display: table;
	content: "";
	line-height: 0
}

.login .action-links:after,.change-password .action-links:after {
	clear: both
}

.login .action-links>a,.change-password .action-links>a,.login .action-links>span,.change-password .action-links>span {
	padding: 6px 0;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle
}

.change-password .btn-send-auth {
	width: 25%;
	padding-left: 0;
	padding-right: 0;
	position: absolute;
	top: 6px;
	right: 10px
}

td.kuaidi_dot {
	padding: 0 !important;
	vertical-align: bottom
}

span.kuaidi_dot,span.kuaidi_dot_2 {
	display: block;
	width: 100%;
	height: 2px;
	background: url(../images/dot.png) repeat-x bottom;
	background-size: 1000px 1px
}

span.kuaidi_dot_2 {
	height: 4px;
	background: url(../images/dot_2.png) repeat-x bottom;
	background-size: 1000px 2px
}

.kuaidi_desc {
	padding: 10px 0;
	text-align: left
}

.kuaidi_desc td {
	vertical-align: top
}

.kuaidi_desc .pic {
	padding-right: 10px
}

.kuaidi_desc .pic img {
	width: 52px;
	padding: 3px;
	border: #d0d0d0 solid 1px;
	background: #fff
}

.kuaidi_desc h3 {
	height: 36px;
	overflow: hidden;
	margin: 3px 0 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px
}

.kuaidi_desc h4 {
	margin-bottom: 10px
}

.kuaidi_desc .time {
	float: left;
	font-weight: 400;
	font-size: 12px;
	color: #999
}

.kuaidi_desc .the_price {
	float: right;
	font-size: 14px;
	color: #999
}

.kuaidi_list {
	background: #ddd;
	padding: 10px 0;
	font-size: 14px
}

.kuaidi_list ul {
	margin: 0 10px
}

.kuaidi_list li {
	margin: 0 0 20px;
	padding-bottom: 10px;
	background: #f9f9f9;
	box-shadow: 0 0 8px #aaa
}

.kuaidi_list .btn {
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 12px
}

.kuaidi_list .kuaidi_content {
	padding: 0 10px
}

.kuaidi_list .footer {
	padding: 0 10px 10px;
	margin-top: 8px;
	text-align: center
}

.kuaidi_list .footer a {
	color: #07d
}

.kuaidi_list .saw {
	width: 100%;
	height: 5px;
	overflow: hidden;
	margin-bottom: -14px;
	background: url(../images/saw.png) repeat-x;
	background-size: 800px 6px
}

.kuaidi_list.no_order {
	background: #eee
}

.kuaidi_list.no_order .none {
	width: 200px;
	height: 28px;
	padding-top: 100px;
	margin: 100px auto 0;
	text-align: center;
	vertical-align: bottom;
	background: url(../images/no_order.png) no-repeat center top #eee;
	background-size: 66px 79px;
	text-shadow: 0 1px 0 #fff
}

.kuaidi_list .more {
	margin: 10px 0 30px;
	text-align: center
}

.kuaidi_list .more .btn {
	padding-left: 15px;
	padding-right: 15px
}

.kuaidi_detail {
	padding: 6px 0 8px;
	font-size: 14px
}

.kuaidi_detail .wrap {
	margin: 0 5px;
	padding: 10px 0 15px;
	background: url(../images/side_point.png) repeat-y left 10px,url(../images/side_point.png) repeat-y right 10px,url(../images/wave.png) repeat-x 0 0 #f9f9f9;
	background-size: 20px 24px,20px 24px,146px 100px;
	box-shadow: 0 -1px 5px #999
}

.kuaidi_detail .saw {
	width: 100%;
	margin-top: -12px;
	height: 3px;
	background: url(../images/saw_detail.png) repeat-x 2px -1px;
	background-size: 800px 4px
}

.kuaidi_detail .saw.transform {
	margin-top: 0;
	margin-bottom: -17px;
	-webkit-transform: scaleY(-1)
}

.kuaidi_detail .header {
	margin: 5px 22px 0
}

.kuaidi_detail .header h3 {
	height: 54px;
	font-size: 16px;
	font-weight: 700
}

.kuaidi_detail .header h4 {
	margin-bottom: 8px
}

.kuaidi_detail .header .the_price {
	font-size: 16px
}

.kuaidi_detail .header .time {
	font-size: 14px
}

.kuaidi_detail .next_todo {
	padding: 10px 0 8px;
	text-align: center
}

.kuaidi_detail .next_todo .btn {
	font-size: 14px
}

.kuaidi_detail .kuaidi_info {
	line-height: 22px
}

.kuaidi_detail .kuaidi_content {
	margin: 0 22px 15px;
	border: 1px solid #d7d9de;
	background: #f6f9fa
}

.kuaidi_detail .kuaidi_content h2 {
	padding: 10px 10px 5px;
	font-size: 14px;
	color: #999
}

.kuaidi_detail .list table {
	width: 100%
}

.kuaidi_detail .list td {
	padding: 6px 10px;
	line-height: 1.4;
	background-color: #eaecf1;
	color: #999;
	vertical-align: middle
}

.kuaidi_detail .list tr:first-child em {
	border-top: 12px solid #eaecf1
}

.kuaidi_detail .list tr:first-child.active em,.kuaidi_detail .list tr:first-child.point em {
	border-top-color: #f6f9fa
}

.kuaidi_detail .list tr:first-child .timeline {
	vertical-align: top;
	padding-top: 0;
	background-clip: padding-box
}

.kuaidi_detail .list tr:nth-last-child(2) em {
	border-bottom: 12px solid #eaecf1
}

.kuaidi_detail .list tr:nth-last-child(2).active em,.kuaidi_detail .list tr:nth-last-child(2).point em {
	border-bottom-color: #f6f9fa
}

.kuaidi_detail .list tr:nth-last-child(2) .timeline {
	vertical-align: bottom;
	padding-bottom: 0;
	background-clip: padding-box
}

.kuaidi_detail .list tr:last-child {
	display: none
}

.kuaidi_detail .list .time {
	margin-top: 9px;
	font-size: 12px
}

.kuaidi_detail .timeline {
	width: 45px;
	background: url(../images/timeline_dead.png) repeat-y 30px 0;
	background-size: 3px 5px;
	background-clip: border-box
}

.kuaidi_detail .timeline em {
	display: inline-block;
	height: 26px;
	padding: 1px;
	background: #eaecf1;
	font-size: 0
}

.kuaidi_detail .timeline i {
	display: inline-block;
	width: 26px;
	height: 26px;
	vertical-align: middle;
	background: url(../images/circle.png) no-repeat;
	background-size: 100px 100px;
	margin-left: 7px
}

.kuaidi_detail .active td {
	color: #ff5000;
	background-color: #f6f9fa
}

.kuaidi_detail .active em {
	background-color: #f6f9fa
}

.kuaidi_detail .active .timeline {
	background-image: url(../images/timeline_active.png)
}

.kuaidi_detail .active .status {
	font-weight: 700;
	color: #ff5000
}

.kuaidi_detail .active i {
	border-color: #f6f9fa;
	background-position: left bottom
}

.kuaidi_detail .point td {
	color: #333;
	background-color: #f6f9fa
}

.kuaidi_detail .point em {
	background-color: #f6f9fa
}

.kuaidi_detail .point .timeline {
	background-image: url(../images/timeline_active.png)
}

.kuaidi_detail .point .status {
	font-weight: 700;
	color: #333
}

.kuaidi_detail .point i {
	border-color: #f6f9fa;
	background-position: right top
}

@media (min-width:360px) {
	.wrapper {
		width: 360px;
		margin: 0 auto
	}

	.content {
		width: 360px;
		margin: 0 auto
	}

	.shopnav {
		width: 100%
	}

	.shopnav .nav-menu {
		width: 100%
	}

	.nav-menu.has-menu-1 .one {
		width: 295px
	}

	.nav-menu.has-menu-2 .one {
		width: 145px
	}

	.nav-menu.has-menu-3 .one {
		width: 95px
	}

	.edui-faked-video {
		width: 100%;
		height: 255px
	}

	.tpl-shop-header,.tpl-wxd-header {
		height: 112px
	}

	.side-padding {
		padding: 0 10px;
		box-sizing: border-box
	}

	.custom-goods,.custom-image {
		width: 350px;
		padding: 0 5px
	}

	.custom-goods-image {
		max-width: 340px;
		max-height: 340px
	}

	.custom-goods-big {
		width: 340px
	}

	.custom-goods-small {
		width: 165px;
		height: 165px
	}

	.custom-goods-small .custom-goods-image {
		max-width: 165px;
		max-height: 165px
	}

	.custom-goods-info,.custom-goods-info-notitle {
		width: 330px
	}

	.custom-goods-info-notitle {
		width: auto
	}

	.custom-goods-list .custom-goods-left {
		width: 80px;
		height: 80px
	}

	.custom-goods-list .custom-goods-image {
		max-width: 80px;
		max-height: 80px
	}

	.custom-goods-list .custom-goods-right {
		height: 80px
	}

	.custom-goods-list .custom-goods-right .custom-goods-title {
		height: 50px
	}

	.custom-level {
		width: 360px;
		height: 160px
	}

	.custom-level-img {
		max-width: 360px;
		max-height: 160px
	}

	.custom-image li {
		width: 340px
	}

	.custom-image img {
		max-width: 340px
	}

	.custom-image .custom-image-small {
		width: 165px;
		height: 165px
	}

	.custom-image .custom-image-small img {
		max-width: 165px
	}

	.custom-image .custom-image-small .title {
		width: 165px
	}

	.custom-image-swiper {
		width: 360px
	}

	.custom-image-swiper .swiper-slide a {
		width: 360px
	}

	.custom-image-swiper .swiper-slide a img {
		max-width: 360px
	}

	.custom-image-swiper-single .swiper-slide a {
		width: 360px
	}

	.custom-image-swiper-single .swiper-slide a img {
		max-width: 360px
	}

	.custom-nav-title {
		width: 280px
	}

	.custom-cube td {
		width: 90px
	}

	.custom-cube li {
		width: 90px;
		height: 90px
	}

	.custom-cube li img {
		max-width: 90px;
		max-height: 90px
	}

	.custom-nav-4 {
		padding: 10px 10px
	}

	.custom-nav-4 li {
		width: 76px
	}

	.custom-nav-4 li a {
		display: block
	}

	.custom-nav-4 li img {
		width: 76px;
		height: 76px
	}

	.custom-messages {
		width: 350px
	}

	.custom-paginations {
		width: 350px
	}

	.custom-paginations .custom-paginations-page {
		width: 121px
	}

	.custom-paginations .custom-paginations-next,.custom-paginations .custom-paginations-prev {
		width: 149px
	}

	.custom-showcase-wrap-1 .custom-showcase .custom-showcase-big,.custom-showcase-wrap-1 .custom-showcase .custom-showcase-small {
		width: 119px;
		height: 119px;
		margin-right: 0
	}

	.custom-showcase-wrap-1 .custom-showcase .custom-showcase-big img,.custom-showcase-wrap-1 .custom-showcase .custom-showcase-small img {
		max-width: 119px;
		max-height: 119px
	}

	.custom-showcase-wrap-1 .custom-showcase .custom-showcase-small {
		margin-left: 1px;
		margin-bottom: 0
	}

	.custom-showcase-wrap-title {
		padding: 10px
	}

	.custom-showcase-body-title {
		padding: 0 10px;
		box-sizing: border-box
	}

	.custom-showcase-body-desc {
		padding: 0 10px;
		box-sizing: border-box
	}

	.custom-showcase .custom-showcase-big {
		width: 239px;
		height: 239px;
		margin-right: 3px
	}

	.custom-showcase .custom-showcase-big img {
		max-width: 239px;
		max-height: 239px
	}

	.custom-showcase .custom-showcase-small {
		width: 118px;
		height: 118px;
		margin-bottom: 3px
	}

	.custom-showcase .custom-showcase-small img {
		max-width: 118px;
		max-height: 118px
	}

	.tpl-weixin img {
		max-width: 360px
	}

	.custom-store-name {
		max-width: 252px
	}

	.custom-recommend-goods-list li {
		width: 106px;
		height: 106px
	}

	.custom-recommend-goods-list img {
		max-width: 106px;
		max-height: 106px
	}
}

@media (min-width:540px) {
	.wrapper {
		width: 540px;
		margin: 0 auto
	}

	.content {
		width: 540px;
		margin: 0 auto
	}

	.shopnav {
		width: 530px;
		margin-left: 5px;
		left: auto
	}

	.shopnav .nav-menu {
		width: 100%
	}

	.nav-menu.has-menu-1 .one {
		width: 465px
	}

	.nav-menu.has-menu-2 .one {
		width: 227px
	}

	.nav-menu.has-menu-3 .one {
		width: 150px
	}

	.external-buy {
		display: block
	}

	.bottom-opts {
		display: none
	}

	.buy-guide {
		margin: 0 -10px
	}

	.buy-guide .guide-cont {
		width: auto
	}

	.buy-guide .pic-wrapper {
		float: right
	}

	.nav-on-bottom {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-left-width: 1px;
		border-right-width: 1px
	}

	.edui-faked-video {
		width: 520px;
		height: 300px
	}

	.tpl-shop-header,.tpl-wxd-header {
		height: 168px
	}

	.side-padding {
		padding: 0 10px;
		box-sizing: border-box
	}

	.custom-goods {
		width: 530px;
		padding: 0 5px
	}

	.custom-goods-image {
		max-width: 345px;
		max-height: 345px
	}

	.custom-goods-big,.custom-goods-small {
		width: 345px;
		height: 345px;
		margin: 2.5px
	}

	.custom-goods-small {
		width: 170px;
		height: 170px
	}

	.custom-goods-small .custom-goods-image {
		max-width: 170px;
		max-height: 170px
	}

	.custom-goods-0 .custom-goods-big {
		width: 255px;
		height: 255px;
		margin: 5px
	}

	.custom-goods-0 .custom-goods-image {
		max-width: 255px;
		max-height: 255px
	}

	.custom-goods-0 .custom-goods-info {
		width: 245px
	}

	.custom-goods-0 .custom-goods-noprice-noicon {
		width: 215px
	}

	.custom-goods-1 {
		padding: 7.5px
	}

	.custom-goods-1 .custom-goods-small {
		margin: 2.5px
	}

	.custom-goods-2 {
		padding: 7.5px
	}

	.custom-goods-2 .custom-goods-noprice-noicon {
		width: 305px
	}

	.custom-goods-list {
		border-bottom: 1px solid #e5e5e5;
		overflow: hidden
	}

	.custom-goods-list:last-child {
		border-bottom: none
	}

	.custom-goods-list .custom-goods-link {
		padding: 5px 0;
		margin: 5px 0;
		height: 80px;
		min-height: 0
	}

	.custom-goods-list .custom-goods-left {
		float: left;
		width: 80px;
		height: 80px;
		position: relative;
		background-image: url(../images/pic_bg@2x.png);
		background-size: 6px 6px
	}

	.custom-goods-list .custom-goods-image {
		max-width: 80px;
		max-height: 80px;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto
	}

	.custom-goods-list .custom-goods-right {
		height: 80px
	}

	.custom-goods-list .custom-goods-right .custom-goods-title {
		float: none;
		width: auto;
		color: #666;
		height: 50px
	}

	.custom-goods-list .custom-goods-right .custom-goods-price-noicon {
		float: none;
		color: #000;
		margin-top: 8px;
		font-size: 14px
	}

	.custom-goods-list .custom-goods-right .custom-goods-price-noicon em {
		font-weight: 700
	}

	.custom-goods-list .custom-goods-right div {
		display: block
	}

	.custom-goods-info {
		width: 335px
	}

	.custom-goods-info-notitle {
		width: auto
	}

	.custom-goods-title {
		width: 200px
	}

	.custom-goods-noprice {
		width: 200px
	}

	.custom-goods-noprice-noicon {
		width: 260px
	}

	.custom-nav-title {
		width: 462px
	}

	.custom-nav-two-col {
		width: 270px
	}

	.custom-nav-two-col .custom-nav-title {
		width: 255px
	}

	.custom-link-link .title {
		width: 480px
	}

	.custom-link .custom-link-two-col {
		width: 270px
	}

	.custom-level {
		width: 540px;
		height: 270px
	}

	.custom-level-img {
		max-width: 540px;
		max-height: 270px
	}

	.custom-image {
		width: 525px;
		padding: 0 7.5px
	}

	.custom-image li {
		width: 520px;
		margin: 2.5px
	}

	.custom-image a {
		display: block
	}

	.custom-image img {
		max-width: 520px
	}

	.custom-image .custom-image-small {
		width: 170px;
		height: 170px;
		margin: 2.5px
	}

	.custom-image .custom-image-small img {
		max-width: 170px
	}

	.custom-image .custom-image-small .title {
		width: 170px
	}

	.custom-image-swiper {
		width: 540px
	}

	.custom-image-swiper .swiper-slide a {
		width: 320px
	}

	.custom-image-swiper .swiper-slide a img {
		max-width: 320px
	}

	.custom-image-swiper-single .swiper-slide a {
		width: 540px
	}

	.custom-image-swiper-single .swiper-slide a img {
		max-width: 320px
	}

	.custom-messages {
		width: 530px
	}

	.custom-paginations {
		width: 530px
	}

	.custom-paginations .custom-paginations-page {
		width: 210px
	}

	.custom-paginations .custom-paginations-last {
		border-right-width: 0
	}

	.custom-paginations .custom-paginations-next,.custom-paginations .custom-paginations-prev {
		width: 239px
	}

	.custom-paginations .custom-paginations-next {
		border-right-width: 0
	}

	.custom-cube li {
		width: 130px;
		height: 130px
	}

	.custom-cube li img {
		max-width: 130px;
		max-height: 130px
	}

	.custom-cube td {
		width: 135px
	}

	.custom-nav-4 {
		padding: 10px 10px
	}

	.custom-nav-4 li {
		width: 118px;
		margin-right: 16px
	}

	.custom-nav-4 li:last-child {
		margin-right: 0
	}

	.custom-nav-4 li img {
		width: 118px;
		height: 118px
	}

	.custom-showcase-wrap-0 .custom-showcase .custom-showcase-big,.custom-showcase-wrap-1 .custom-showcase .custom-showcase-big,.custom-showcase-wrap-0 .custom-showcase .custom-showcase-small,.custom-showcase-wrap-1 .custom-showcase .custom-showcase-small {
		width: 178px;
		height: 178px;
		overflow: hidden;
		margin: 0
	}

	.custom-showcase-wrap-0 .custom-showcase .custom-showcase-big img,.custom-showcase-wrap-1 .custom-showcase .custom-showcase-big img,.custom-showcase-wrap-0 .custom-showcase .custom-showcase-small img,.custom-showcase-wrap-1 .custom-showcase .custom-showcase-small img {
		max-width: 178px;
		max-height: 178px;
		width: auto;
		height: auto
	}

	.custom-showcase-wrap-0 .custom-showcase .custom-showcase-small,.custom-showcase-wrap-1 .custom-showcase .custom-showcase-small {
		margin-left: 3px
	}

	.tpl-weixin img {
		max-width: 540px
	}

	.tpl-weixin-list {
		margin: 0 0 0 -155px
	}

	.tpl-weixin-list-item {
		width: 150px
	}

	.tpl-weixin-list-item-1 {
		left: -1000px;
		top: -1000px
	}

	.tpl-weixin-list-item-1.done {
		left: 0;
		top: 0
	}

	.tpl-weixin-list-item-2 {
		left: 1000px;
		top: -1000px
	}

	.tpl-weixin-list-item-2.done {
		left: 160px;
		top: 0
	}

	.tpl-weixin-list-item-3 {
		left: -1000px;
		top: 1000px
	}

	.tpl-weixin-list-item-3.done {
		left: 0;
		top: 49px
	}

	.tpl-weixin-list-item-4 {
		left: 1000px;
		top: 1000px
	}

	.tpl-weixin-list-item-4.done {
		left: 160px;
		top: 49px
	}

	.custom-store-name {
		max-width: 400px
	}

	.custom-recommend-goods-list li {
		width: 166px;
		height: 166px
	}

	.custom-recommend-goods-list img {
		max-width: 166px;
		max-height: 166px
	}
}

@media (min-width:760px) {
	.wrapper {
		width: 760px;
		margin: 0 auto
	}

	.content {
		width: 750px;
		margin: 30px auto 0
	}

	.content-body {
		background-color: #fff;
		width: 540px;
		padding: 10px;
		border: 1px solid #ddd
	}

	.content-sidebar {
		display: block;
		position: fixed;
		top: 0;
		width: 180px;
		padding-left: 19px;
		margin-left: 550px;
		margin-top: 60px
	}

	.shopnav {
		width: 750px;
		left: auto;
		margin-left: 0
	}

	.nav-menu.has-menu-1 .one {
		width: 690px
	}

	.nav-menu.has-menu-2 .one {
		width: 340px
	}

	.nav-menu.has-menu-3 .one {
		width: 220px
	}

	.footer {
		width: 760px;
		margin: 20px auto 0
	}

	.footer .copyright {
		width: 574px;
		margin: 0
	}

	.sidebar-section {
		border: 1px solid #e4e4e4;
		border-radius: 5px;
		margin-bottom: 20px
	}

	.sidebar-section .sidebar-title {
		-webkit-border-radius: 5px 5px 0 0;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 5px 5px 0 0;
		-moz-background-clip: padding;
		border-radius: 5px 5px 0 0;
		background-clip: padding-box;
		margin: 0;
		font-size: 16px;
		font-weight: 700;
		border-bottom: 1px solid #e4e4e4;
		padding: 8px 10px;
		background-color: #f2f2f2
	}

	.sidebar-section .admin-opts {
		background-color: #fff;
		list-style: none;
		margin: 0;
		padding: 0;
		-webkit-border-radius: 5px;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 5px;
		-moz-background-clip: padding;
		border-radius: 5px;
		background-clip: padding-box
	}

	.sidebar-section .admin-opts li a {
		display: block;
		padding: 5px 10px;
		border-bottom: 1px solid #e4e4e4
	}

	.sidebar-section .admin-opts li a:hover,.sidebar-section .admin-opts li .active {
		background-color: #f2f2f2
	}

	.sidebar-section .admin-opts li:first-of-type {
		-webkit-border-radius: 5px 5px 0 0;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 5px 5px 0 0;
		-moz-background-clip: padding;
		border-radius: 5px 5px 0 0;
		background-clip: padding-box
	}

	.sidebar-section .admin-opts .last {
		-webkit-border-radius: 0 0 5px 5px;
		-webkit-background-clip: padding-box;
		-moz-border-radius: 0 0 5px 5px;
		-moz-background-clip: padding;
		border-radius: 0 0 5px 5px;
		background-clip: padding-box
	}

	.sidebar-section .admin-opts .last>a {
		border-bottom: none
	}

	.shop-detail {
		margin: 0;
		margin: 10px;
		padding-bottom: 10px;
		font-size: 12px;
		color: #666;
		border-bottom: 1px dashed #ccc;
		line-height: 1.6
	}

	.shop-info {
		background-color: #fff;
		margin-bottom: 0
	}

	.shop-card {
		border: none;
		display: table;
		margin-bottom: 10px;
		padding: 0 10px
	}

	.shop-name {
		margin: 0 0 0 10px
	}

	.table-cell {
		display: table-cell;
		vertical-align: middle
	}

	.shop-img {
		border-radius: 30px;
		width: 60px;
		height: 60px
	}

	.weixin-title,.weixin-no {
		font-size: 12px;
		color: #666;
		margin: 5px 0
	}

	.weixin-no {
		color: #999;
		margin: 0 0 10px
	}

	.qr-code {
		margin: 0
	}

	.share-mp-info {
		display: none
	}

	.sku-detail .qrcode-buy {
		display: block
	}

	.tpl-shop-header,.tpl-wxd-header {
		height: 168px
	}
}

@media (min-width:800px) {
	.content {
		width: 760px;
		margin: 30px auto 20px
	}

	.content-body {
		background-color: #fff;
		-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1)
	}

	.content-sidebar {
		margin-left: 560px
	}

	.footer .copyright {
		width: 562px
	}

	.shopnav {
		width: 760px;
		left: auto
	}

	.nav-menu.has-menu-1 .one {
		width: 695px
	}

	.nav-menu.has-menu-2 .one {
		width: 345px
	}

	.nav-menu.has-menu-3 .one {
		width: 225px
	}

	.tpl-shop-header,.tpl-wxd-header {
		height: 168px
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
	.butn-return {
		background-image: url("../images/btn_return@2x.png");
		background-size: 52px 24px
	}
}