@charset "utf-8"; 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,section,article,aside,header,footer,nav,dialog,figure,hgroup
	{
	margin: 0;
	padding: 0
}

input,select,textarea {
	font-size: 100%
}

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

fieldset,img {
	border: 0
}

caption,th {
	text-align: left
}

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

ul,ol,li {
	list-style: none
}

em,i {
	font-style: normal
}

del {
	text-decoration: line-through
}

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: 500
}

img {
	border: 0;
	max-width: 100%
}

input,img {
	vertical-align: middle
}

input:focus,a:focus {
	outline: 0
}

a {
	color: #353d44;
	text-decoration: none
}

a:active {
	opacity: .7
}

* {
	outline: 0;
	-webkit-tap-highlight-color: transparent;
	-webkit-box-sizing: border-box
}

html {
	-webkit-text-size-adjust: none;
	overflow-y: scroll
}

body {
	min-width: 320px;
	line-height: 1.5;
	color: #353d44;
	font-family: Arial, Helvetica, STHeiTi, sans-serif;
	background: #F2F2F2
}

.w {
	margin: 0 auto;
	max-width: 15rem
}

.layout {
	margin: .2rem;
	-webkit-box-sizing: border-box
}

.pdlayout {
	padding: .2rem .6rem
}

.fix:after {
	display: block;
	content: '';
	clear: both;
	visibility: hidden
}

.cl {
	clear: both
}

.fl {
	float: left
}

.fr {
	float: right
}

.block {
	display: block
}

.dib {
	display: inline-block
}

.hide {
	display: none
}

.mt20 {
	margin-top: .4rem !important
}

.mt10 {
	margin-top: .2rem !important
}

.f12 {
	font-size: .58rem
}

.f14 {
	font-size: .58rem
}

.f16 {
	font-size: .58rem
}

.f18 {
	font-size: .58rem
}

.f20 {
	font-size: .58rem
}

.fhalf {
	font-size: .4rem
}

.scale {
	-webkit-transform: scale(.8)
}

.font {
	font-size: .58rem
}

.f30 {
	font-size: .6rem
}

.tr {
	text-align: right
}

.tc {
	text-align: center
}

.pa {
	position: absolute
}

.pr {
	position: relative
}

.gray6 {
	color: #666
}

.gray9 {
	color: #999
}

.vm {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%)
}

.hm {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%)
}

.bold {
	font-weight: 700
}

.of {
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	white-space: nowrap;
	text-overflow: ellipsis
}

.wb {
	word-wrap: break-word;
	word-break: break-all;
	text-overflow: ellipsis
}

.snPrice {
	color: #E21D1D
}

.snPrice em {
	padding-left: 2px
}

img.liprice {
	height: 20px !important;
	width: auto !important
}

.p {
	margin: 5px 0
}

.overtouch {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.sn-icon:after {
	position: absolute;
	top: -6px;
	right: -8px;
	bottom: -6px;
	left: -8px;
	content: ' '
}

.input-reset {
	-webkit-appearance: none;
	-webkit-border-radius: 0
}

.wbox {
	display: -webkit-flex !important;
	display: -webkit-box
}

.wbox-flex {
	-webkit-flex: 1 !important;
	-webkit-box-flex: 1;
	word-wrap: break-word;
	word-break: break-all
}

.bbox,p,div {
	-webkit-box-sizing: border-box
}

.sn-iconbtn:after {
	position: absolute;
	top: -6px;
	right: -8px;
	bottom: -6px;
	left: -8px;
	content: ' '
}

.sn-block {
	background: #FFF
}

.border-t {
	border-top: 1px solid #DCDCDC
}

.border-b {
	border-bottom: 1px solid #DCDCDC
}

.border-tb {
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC
}

.sn-txt-muted {
	color: #909090
}

.sn-txt-assertive {
	color: #E21D1D
}

.sn-txt-positive {
	color: #eda200
}

.sn-txt-tips {
	color: #CACACA
}

.sn-tag {
	display: inline-block;
	padding: 0 .2rem;
	border-radius: 2px;
	color: #fff;
	font-size: .4rem
}

.sn-tag-a {
	background: #eb3b17
}

.sn-tag-b {
	background: #ee3852
}

.sn-tag-c {
	background: #fc2f4d
}

.sn-tag-d {
	background: #5552AD
}

.sn-tag-e {
	background: #eda200
}

.sn-tag-f {
	background: #ccc
}

.dashed {
	height: 1px;
	font-size: 0;
	overflow: hidden;
	border-top: 1px dashed #DCDCDC
}

.arrow {
	padding-right: .1rem
}

.arrow:after {
	content: "";
	display: inline-block;
	width: .28rem;
	height: .28rem;
	border-style: solid;
	border-color: #7D7D7D;
	border-width: 1px 0 0 1px;
	-webkit-transform: rotateZ(135deg)
}

html {
	font-size: 50px
}

body {
	font-size: 24px
}

@media screen and (min-width:320px) {
	html {
		font-size: 21.33px
	}
	body {
		font-size: 12px
	}
}

@media screen and (min-width:360px) {
	html {
		font-size: 24px
	}
	body {
		font-size: 12px
	}
}

@media screen and (min-width:375px) {
	html {
		font-size: 25px
	}
	body {
		font-size: 12px
	}
}

@media screen and (min-width:384px) {
	html {
		font-size: 25.6px
	}
	body {
		font-size: 14px
	}
}

@media screen and (min-width:400px) {
	html {
		font-size: 26.67px
	}
	body {
		font-size: 14px
	}
}

@media screen and (min-width:414px) {
	html {
		font-size: 27.6px
	}
	body {
		font-size: 14px
	}
}

@media screen and (min-width:424px) {
	html {
		font-size: 28.27px
	}
	body {
		font-size: 14px
	}
}

@media screen and (min-width:480px) {
	html {
		font-size: 32px
	}
	body {
		font-size: 15.36px
	}
}

@media screen and (min-width:540px) {
	html {
		font-size: 36px
	}
	body {
		font-size: 17.28px
	}
}

@media screen and (min-width:720px) {
	html {
		font-size: 48px
	}
	body {
		font-size: 23.04px
	}
}

@media screen and (min-width:750px) {
	html {
		font-size: 50px
	}
	body {
		font-size: 24px
	}
}

@
-webkit-keyframes bounce { 0%{
	left: 0;
	z-index: 1
}

5%{
left
:
0;z-index
:
1
}
25%{
left
:
.24rem
;z-index
:
1
}
50%{
left
:
.52rem
;z-index
:
3
}
75%{
left
:
.24rem
;z-index
:
3
}
95%{
left
:
0
}
100%{
left
:
0;z-index
:
3
}
}
@
-webkit-keyframes bounce-left { 0%{
	left: .52rem
}

5%{
left
:
.52rem
}
25%{
left
:
.24rem
}
50%{
left
:
0
}
75%{
left
:
.24rem
}
95%{
left
:
.52rem
}
100%{
left
:
.52rem
}
}
@
-webkit-keyframes rotate { 0%{
	-webkit-transform: rotate(0)
}

100%{
-webkit-transform
:rotate
(360deg)
}
}
.sn-html5-loading {
	position: relative;
	display: block;
	height: .48rem;
	width: .97rem;
	z-index: 1000;
	margin: 0 auto
}

.fixedLoading {
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -.48rem 0 0 -.48rem;
	z-index: 9999
}

.loagMask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9998;
	background: rgba(0, 0, 0, .28)
}

.sn-html5-loading .blueball,.sn-html5-loading .orangeball {
	display: block;
	width: .48rem;
	height: .48rem;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: .6rem;
	background: #eda200;
	-webkit-animation: bounce 1.2s infinite;
	-webkit-animation-timing-function: linear;
	z-index: 3
}

.sn-html5-loading .blueball {
	left: .52rem;
	background: #353d44;
	-webkit-animation: bounce-left 1.2s infinite;
	-webkit-animation-timing-function: linear
}

.sn-mask-loading.fixedLoading {
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -.36rem 0 0 -.36rem;
	z-index: 9999
}

.sn-mask-loading {
	width: 1.2rem;
	height: 1.2rem;
	position: relative;
	margin: 0 auto;
	background: rgba(0, 0, 0, .3);
	border-radius: .2rem;
	z-index: 1000
}

.sn-mask-loading:after {
	content: "";
	position: absolute;
	width: .72rem;
	height: .72rem;
	background:
		url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAAG5wVGOkIJ/OAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURQAAAP///////////////////////////////+tNPsIAAAAJdFJOUwD+ELHdi00wbfD3fpAAAADbSURBVCjPY2CgDLBnBBtHFCCLsIWGGgNBE5Ka1tBgoIiJcwJcqKI1NF2BqcLExQOuraMDbAybiUsAVKisA6pB1cUVwmBKS4epb3GBSLKnwW1ndXEC0+rlcHuYoBaUFyGckygClilHcjWLIMgwJiUFhBCHYABYCNlnggboQkyCDiBSATkABAUwQglTCKIRBUCMRwGsggHoQhCnooBEQQzTHUXRhZgFhdCFAlGMUgZhQWR97I4gR6G4qlGQKdURRZGyIBggm2QIFgliQFPliubwRkHM1OSImcKU4SwAH1UgWePsA0wAAAAASUVORK5CYII=);
	background-size: .72rem;
	top: 50%;
	left: 50%;
	margin: -.36rem 0 0 -.36rem;
	-webkit-animation: rotate .7s infinite;
	-webkit-animation-timing-function: linear
}

.sn-nav {
	position: relative;
	height: 1.76rem;
	background: #F8F8F8;
	line-height: 1.76rem;
	font-size: .6rem;
	border-bottom: 1px solid #DCDCDC
}

.sn-nav-title {
	width: 60%;
	margin: 0 auto;
	text-align: center;
	color: #353d44
}

.sn-nav-back,.sn-nav-right {
	margin: 0 .56rem;
	position: absolute;
	width: 19%;
	top: 0
}

.sn-nav-back a,.sn-nav-right a {
	position: absolute;
	top: 0;
	display: block
}

.sn-nav-back {
	position: absolute;
	left: .1rem;
	top: 0;
	width: .48rem;
	height: 1.5rem
}

.sn-nav-back a {
	width: 1.5rem;
	height: 1.5rem;
	text-indent: -100rem;
	overflow: hidden
}

.sn-nav-back:before {
	content: "";
	position: absolute;
	top: .6rem;
	left: 0;
	display: inline-block;
	width: .48rem;
	height: .48rem;
	border: solid #353d44;
	border-width: 1px 0 0 1px;
	-webkit-transform: rotate(-45deg)
}

.sn-nav-left {
	position: absolute;
	left: 0;
	top: 0;
	height: 1.8rem;
	width: 19%
}

.sn-nav-right {
	position: absolute;
	right: 0;
	top: 0;
	height: 1.8rem;
	width: 19%
}

.sn-nav-right img {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	right: 0
}

.sn-nav-right a {
	position: absolute;
	right: 0;
	color: #353d44
}

.nav-more-list {
	display: none;
	position: absolute;
	top: 2.36rem;
	right: -.3rem;
	background: #484F55;
	z-index: 112;
	border: 1px solid transparent;
	border-radius: 2px
}

.nav-more-list:after {
	content: "";
	position: absolute;
	top: -.9rem;
	right: .2rem;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent #484F55 transparent;
	border-width: .5rem
}

.nav-more-list li {
	border-bottom: 1px solid #5B6166;
	width: 5rem;
	height: 1.8rem;
	line-height: 1.8rem;
	text-align: left;
	text-indent: 2.7em;
	background: #484F55
}

.nav-more-list li a {
	position: relative;
	display: block;
	width: 100%;
	color: #fff
}

.nav-more-list li a.nav-more-icon:after {
	content: "";
	position: absolute;
	left: .3rem;
	top: 50%;
	margin-top: -.5rem;
	width: 1rem;
	height: 1rem;
	-webkit-mask-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fff),
		color-stop(100%, #fff) );
	-webkit-mask-size: 1rem
}

.screenIfm {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .3 !important;
	z-index: 111
}

.footer {
	background: #FFF;
	height: 1.92rem;
	line-height: 1.92rem
}

.footer li {
	-webkit-flex: 1 !important;
	-webkit-box-flex: 1;
	word-wrap: break-word;
	word-break: break-all;
	text-align: center;
	background:
		url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAcAQMAAACak0ePAAAABGdBTUEAALGPC/xhBQAAAANQTFRF3d3d7t+OggAAAAxJREFUCNdjYCAPAAAAOAABXibFHwAAAABJRU5ErkJggg==)
		right center no-repeat;
	background-size: 1px .56rem;
	width: 25%
}

.footer li:last-child {
	background: 0 0
}

.footer a {
	display: block;
	font-size: .56rem;
	height: 1.92rem;
	overflow: hidden
}

.type-choose .choose {
	position: relative;
	margin: .2rem .4rem 0 0;
	float: left;
	max-width: 3.6rem;
	height: 1.2rem
}

.type-choose .value {
	position: relative;
	z-index: 11;
	padding: 0 .4rem;
	width: 100%;
	top: 1px;
	display: block;
	line-height: 1.2rem;
	overflow: hidden;
	height: 1.2rem
}

.sn-input-radio-filter {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1.2rem;
	border: 1px solid #DCDCDC;
	padding: 0 .2rem;
	background: #FFF;
	z-index: 10
}

.sn-input-radio-filter:checked {
	border: 1px solid #eda200;
	background: #fff
		url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURQAAAO2iAO2iAO2iAO2iAO2iAO2iAO2iAHBlw4QAAAAHdFJOUwCAvfYYUFItZeQaAAAAXklEQVQY003OywnAIBBFUVNFCkjACsS9LaQGG4iL237QEXLfaobDfFL6c6hOpwEDBgwYMGDAgAEDgjcL7ixoGAi4FhDQ6wRiojwTiInRJ7BXlRZH16pRVxNfRfZXkQ8w/jkRmyn9BAAAAABJRU5ErkJggg==)
		no-repeat right bottom;
	background-size: .48rem;
	border-radius: .04rem
}

.sn-input-radio-filter:checked+span {
	color: #eda200
}

.sn-input-radio-filter:disabled+span {
	color: #CACACA
}

.sn-title {
	height: 1.8rem;
	line-height: 1.8rem;
	padding: 0 .6rem;
	font-size: .56rem
}

.pro-list {
	padding: .4rem;
	display: block
}

.pro-list a {
	display: block
}

.pro-list .pro-img {
	margin-right: .4rem
}

.pro-list .pro-img img {
	width: 2.4rem;
	height: 2.4rem;
	display: block;
	border: 1px solid #DCDCDC
}

.pro-list .pro-name {
	line-height: .7rem;
	overflow: hidden;
	margin-bottom: .32rem
}

.pro-list .pro-info {
	position: relative;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center
}

.pro-list .pro-info .list-opra {
	position: absolute;
	right: 0;
	bottom: 0
}

.sn-list-common li {
	position: relative;
	display: -webkit-box;
	border-bottom: 1px solid #DCDCDC
}

.sn-list-common li:last-child {
	border-bottom: none
}

.sn-list-input label.input-text {
	height: 1.2rem;
	line-height: 1.2rem
}

.sn-list-input li {
	position: relative;
	display: -webkit-box;
	margin-left: .6rem;
	padding: .5rem .6rem .5rem 0;
	border-bottom: 1px solid #DCDCDC
}

.sn-list-input li:last-child {
	border-bottom: none
}

.sn-list-div {
	position: relative;
	padding: .6rem;
	border-bottom: 1px solid #E0E0E0
}

.sn-list-div a {
	display: block
}

.sn-list-div a:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: .4rem;
	top: 50%;
	margin-top: -.16rem;
	width: .28rem;
	height: .28rem;
	border-style: solid;
	border-color: #7D7D7D;
	border-width: 1px 0 0 1px;
	-webkit-transform: rotateZ(135deg)
}

.sn-btn {
	display: inline-block;
	text-align: center;
	padding: 0 .5rem;
	height: 1.2rem;
	line-height: 1.2rem;
	border-radius: .1rem
}

.sn-btn.sn-btn-block {
	display: block
}

.sn-btn.sn-btn-assertive {
	background: #E21D1D;
	color: #fff
}

.sn-btn.sn-btn-big {
	height: 1.56rem;
	line-height: 1.56rem;
	font-size: .6rem
}

.sn-btn.sn-btn-dark {
	background: #909090;
	color: #ccc
}

.sn-btn.sn-btn-positive {
	background: #eda200;
	color: #fff
}

.sn-btn.sn-btn-assertive.sn-btn-outline {
	border: 1px solid #E21D1D;
	color: #E21D1D
}

.sn-btn.sn-btn-positive {
	background: #eda200;
	color: #fff
}

.sn-btn.sn-btn-positive.sn-btn-outline {
	border: 1px solid #eda200;
	color: #eda200
}

.sn-btn.sn-btn-dark.sn-btn-outline {
	border: 1px solid #909090;
	color: #333
}

.sn-btn.sn-btn-outline {
	height: 1.2rem;
	padding: 0 .5rem;
	line-height: 1.2rem;
	background: 0 0;
	border-radius: .1rem
}

.sn-tab {
	overflow: hidden;
	width: 100%
}

.sn-tab-nav {
	height: 1.86rem;
	background: #fff;
	line-height: 1.76rem;
	text-align: center;
	box-shadow: 0 -1px 0 #DCDCDC inset
}

.sn-tab-nav li {
	-webkit-flex: 1 !important;
	-webkit-box-flex: 1;
	word-wrap: break-word;
	word-break: break-all;
	font-size: .6rem
}

.sn-tab-nav li.current {
	border-bottom: .12rem solid #eda200;
	font-size: .65rem
}

.sn-tab-nav li.disabled {
	color: #cacaca
}

.sn-tab-content {
	-webkit-transition-property: transform;
	-webkit-transition-duration: 300ms;
	-webkit-transition-timing-function: cubic-bezier(0.1, .57, .1, 1)
}

.city-list {
	background: #F2F2F2
}

.city-list li {
	height: 1.8rem;
	line-height: 1.8rem;
	border-bottom: 1px solid #DCDCDC;
	text-indent: .6rem
}

.city-list li.cur,.city-list li:hover,.city-list li:active {
	background: #DCDCDC;
	color: #eda200
}

.arrive-state {
	position: relative;
	padding-left: 45px;
	padding-right: 10px;
	overflow: hidden
}

.arrive-state .state {
	position: relative;
	padding: 5px 10px;
	margin-top: 10px
}

.arrive-state .state:after {
	content: "";
	position: absolute;
	top: 19px;
	left: -21px;
	width: 2px;
	height: 110%;
	background: #CCC
}

.arrive-state .state:last-child:after {
	content: "";
	height: 120%;
	overflow: hidden;
	background: 0 0
}

.arrive-state .state .icon {
	position: absolute;
	top: 9px;
	left: -26px;
	width: 12px;
	height: 12px;
	background: #CCC;
	border-radius: 12px
}

.arrive-state .on .icon {
	left: -26px;
	border-radius: 11px;
	border: 3px solid #F6D07F;
	background: #eda200;
	width: 13px;
	height: 13px;
	z-index: 10
}

.sn-fixed {
	position: fixed;
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	left: 0;
	bottom: 0;
	background: #262523;
	z-index: 100;
	color: #909090
}

.sn-input-box {
	margin-left: .1rem;
	overflow: hidden
}

.sn-input {
	width: 100%;
	line-height: 1.2rem;
	border: 1px solid #DCDCDC;
	padding: 0 5px
}

.clo-se-input {
	display: inline-block;
	width: .8rem;
	background: #fff
		url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAqUExURQAAAJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJBDX34AAAAOdFJOUwD+1EAY68AFgF8Sk5YmM0bnrAAAAORJREFUGNNjYAACdutUwbDNBQxQwNUqCAIRC6D8qYIaJuXOTYKREG6NYDKYNhM8DtacKAlVN1EMZAS3qAGUzxy4ASQqDDOXwRCokitwApzPKbqAgUOMAQESGxhKgcrZVIBspwSghnAGQwUGBiYhBwYWRSCfSZhhYwMDkK3C4CQEdB6HNEMiyDYnIRdFLZCNYgyBDgwgBUogaQYWUQZBsLecBLXAbhWE81WgfLh6B4h6qHlLFFUg5kHs0wIKOYDtg7hnAVBMAewesHuzEO5F9w+6f9HDAyO80MMTPbwx4gMjvpDjEwAZ3zJPeAgP+gAAAABJRU5ErkJggg==)
		no-repeat center;
	background-size: .6rem
}

.sn-input-text-a {
	border: none;
	width: 100%
}

.sn-switch {
	position: absolute;
	font-size: .64rem;
	right: .6rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	width: 2.08rem;
	height: 1.28rem;
	line-height: 1em
}

.checkbox-switch {
	width: 2.08rem;
	height: 1.28rem;
	position: absolute;
	z-index: 10;
	border: 0;
	background: 0 0;
	-webkit-appearance: none;
	outline: 0
}

.sn-switch input:before {
	content: '';
	width: 2rem;
	height: 1.2rem;
	border: 1px solid #DFDFDF;
	background-color: #FDFDFD;
	border-radius: .8rem;
	cursor: pointer;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	-webkit-user-select: none;
	box-shadow: #DFDFDF 0 0 0 0 inset;
	-webkit-transition: border .4s, -webkit-box-shadow .4s;
	-webkit-background-clip: content-box
}

.sn-switch input:after {
	content: '';
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	top: 1px;
	left: 0;
	border-radius: 100%;
	background-color: #FFF;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-webkit-transition: left .2s
}

.sn-switch input:checked:before {
	border-color: #EDA200;
	-webkit-box-shadow: #EDA200 0 0 0 16px inset;
	box-shadow: #EDA200 0 0 0 16px inset;
	background-color: #EDA200;
	-webkit-transition: border .4s, -webkit-box-shadow .4s, background-color
		1.2s
}

.sn-switch input:checked:after {
	left: .84rem
}

.sn-checkbox {
	width: .88rem;
	height: .88rem;
	border-radius: .08rem;
	border: 1px solid #DCDCDC
}

.sn-checkbox:checked {
	border-color: #eda200;
	background: #eda200
		url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAARBAMAAAA4SAFEAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAkUExURQAAAP///////////////////////////////////////////7QJjekAAAAMdFJOUwD+jrvwDD1UbCga4AzsdzgAAAB8SURBVBjTY2BABpwKKFyGEnEULpOgKTKX1VCCgYE9AM6fLZLAwKAIV8LuaAUkVwvD+IpCIKWcjlA7Fgs2gOkUITDFtnEbRJwNIt4ovACqrxDkiCBBuNM4BBMYuAzdEe5QdGNIkZ6A5EyRGagONXQUQvFHsEgBCp9VE84EABN5EA+ig9/6AAAAAElFTkSuQmCC)
		no-repeat center;
	background-size: 80%
}

.sn-select {
	position: relative;
	vertical-align: middle
}

.sn-select select {
	display: inline-block;
	text-align: right;
	width: 40%;
	-webkit-appearance: none;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 .6rem 0 16px;
	max-width: 65%;
	border: none;
	background: #FFF;
	text-indent: .01px;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	direction: rtl;
	color: #909090;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center
}

.sn-select:after {
	content: "";
	position: absolute;
	right: 0;
	top: .3rem;
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .2rem;
	border-style: solid;
	border-color: #909090 #FFF #FFF #FFF;
	border-width: .2rem
}

.sn-count {
	width: 4.2rem;
	height: .84rem;
	line-height: .84rem;
	overflow: hidden
}

.sn-count a {
	float: left;
	display: inline-block;
	width: 1.2rem;
	height: .84rem;
	border: 1px solid #DCDCDC;
	background: #F5F5F5;
	text-align: center
}

.sn-count a.cover {
	background-color: #CACACA
}

.sn-count a:after {
	content: "";
	display: inline-block;
	width: .6rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%
}

.sn-count .count-add {
	border-radius: 0 .04rem .04rem 0;
	background: #F5F5F5 url(images/add.png) center no-repeat;
	background-size: .6rem
}

.sn-count .count-min {
	border-radius: 1px 0 0 1px;
	background: #F5F5F5 url(images/min.png) center no-repeat;
	background-size: .6rem 1px
}

.sn-count .count-add:after {
	height: .84rem
}

.sn-count .count-min:after {
	height: 1px
}

.sn-count .count-num {
	float: left;
	width: 1.6rem;
	height: .84rem;
	border: 0 none;
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
	background: #FFF;
	text-align: center;
	line-height: .84rem;
	font-size: .48rem
}

#Top {
	position: fixed;
	bottom: 1rem;
	right: .6rem;
	border-radius: 1.6rem;
	width: 1.6rem;
	height: 1.6rem;
	background: #5B6167
		url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAmBAMAAAAhNzZRAAAABGdBTUEAALGPC/xhBQAAAB5QTFRFAAAA////////////////////////////AAAA////1NnxJAAAAAl0Uk5TAN3zXsMyFZ8Alc3kwAAAAKlJREFUKM9jmIkKGND5xAFW4wAUfuTMqchcNsnyiQlI/JTpDJViSHxPN4aUKQguO1Axm2QBnF+pCiSCpsOlZ4IsY9WEKYicDKYsoVayKkEk2CdB3JQI0wixks3TAcpnmZIAtQzqSk+Qxko1uL1J0xGmMECttFRGcrflZIZKAyQ+83QGS1CoTQCyOUGMyQzMnkj8KRDFnBNgBMOw4LOAk4oDIpxAfp4CDjcAxtdL76lU1wEAAAAASUVORK5CYII=)
		no-repeat center;
	background-size: .6rem .76rem;
	z-index: 50
}

.starBar {
	height: .48rem;
	width: 3.2rem;
	-webkit-mask-image: url(images/star.png);
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #DCDCDC),
		color-stop(100%, #DCDCDC) );
	-webkit-mask-size: 3.2rem .48rem
}

.starBarMask {
	height: .48rem;
	background: url(images/star.png) no-repeat;
	background-size: 3.2rem .48rem;
	width: 3.2rem;
	position: absolute;
	left: 0;
	top: 0
}

.sn-ibar {
	position: fixed;
	left: .4rem;
	bottom: 6rem;
	z-index: 102
}

.sn-ibar-toggle {
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	border: 1px solid #2f8ffd;
	background-color: #2f8ffd;
	position: absolute;
	z-index: 999;
	-webkit-transition: all ease .2s;
	-webkit-transform-origin: 50% 50%
}

.sn-ibar-toggle .hline,.sn-ibar-toggle .vline {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	background-color: #fff;
	width: 1px;
	height: .64rem
}

.sn-ibar-toggle .vline {
	height: 1px;
	width: .64rem
}

.sn-ibar-wrap {
	position: absolute;
	z-index: 103;
	width: 8.88rem;
	height: 8.88rem;
	left: -3.68rem;
	top: -3.68rem;
	border-radius: 50%;
	border: 1px solid #dbdbdb;
	background-color: rgba(255, 255, 255, .8);
	-webkit-transition: all ease .2s
}

.sn-ibar.open .sn-ibar-toggle {
	-webkit-transform: translate3d(0, 0, 0) rotate(225deg);
	background-color: #fff;
	border-color: #909090
}

.sn-ibar.close .sn-ibar-toggle {
	-webkit-transform: translate3d(0, 3.4rem, 0) rotate(0deg);
	background-color: #eda200;
	border-color: #eda200
}

.sn-ibar.open .hline,.sn-ibar.open .vline {
	background-color: #909090
}

.sn-ibar.close .hline,.sn-ibar.close .vline {
	background-color: #fff
}

.sn-ibar.open .sn-ibar-wrap {
	opacity: 1;
	-webkit-transform: scale(1);
	pointer-events: auto
}

.sn-ibar.close .sn-ibar-wrap {
	opacity: 0;
	-webkit-transform: scale(0.3);
	pointer-events: none
}

.sn-ibar-wrap .item {
	display: block;
	width: 2.28rem;
	height: 1.8rem;
	position: absolute;
	font-size: 12px;
	color: #353d44;
	z-index: 999
}

.sn-ibar-wrap .item .title {
	text-align: center;
	margin-top: .1rem
}

.sn-ibar-wrap .item:nth-child (1){
	top: .56rem;
	left: 3.3rem
}

.sn-ibar-wrap .item:nth-child (2){
	top: 1.64rem;
	left: 5.34rem
}

.sn-ibar-wrap .item:nth-child (3){
	top: 3.68rem;
	left: 6.5rem
}

.sn-ibar-wrap .item:nth-child (4){
	top: 5.8rem;
	left: 5.34rem
}

.sn-ibar-wrap .item:nth-child (5){
	top: 6.6rem;
	left: 3.3rem
}

.sn-ibar-wrap .item .icon {
	width: 1rem;
	height: 1rem;
	margin: 0 auto;
	-webkit-mask-repeat: no-repeat;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #353d44),
		color-stop(100%, #353d44) );
	-webkit-mask-size: 1rem
}

.sn-ibar-wrap .item:nth-child (1) .icon,.nav-more-list li a.nav-more-icon.home-icon:after
	{
	-webkit-mask-image:
		url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAABJQTFRFLo/9Lo/9Lo/9Lo/9AAAALo/9x5IphwAAAAV0Uk5TWOIgqQDx9kpIAAAA1ElEQVQ4y+2UQRKDIAxF4wzunU45QKd6ASt7GnWvYu5/lVKwIBJ7ArNA4OEnP4IwnAXs+volTogiw5MnAbUc0fI2PGbBEGXqAZXJSU9daBOCqnLPwr6ZkmL2MyinlESV0INNawo7l5ueJ/ts0WYfiN47tI5FIMoktfRDiItiNZwE+LKk4baFTOunB9aAyIi2pgBlxXxQWxJo5pohKBcoO/YU9BM0RGs2PxItgIolprZZjwxZnZ+LXOQ/eS8Zae6O9Mxd6BxBScf4nnV/546gPfzF0vgAsaxKR7EkvqwAAAAASUVORK5CYII=);
	-webkit-mask-position: 0 0
}

.sn-ibar-wrap .item:nth-child (2) .icon,.nav-more-list li a.nav-more-icon.cart-icon:after,.my-cart .icon
	{
	-webkit-mask-image:
		url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAABhQTFRFLo/9Lo/9Lo/9Lo/9Lo/9Lo/9AAAALo/9QGDOBQAAAAd0Uk5TJJJ1tkXrAPzIW2oAAADnSURBVDjL7ZNNDoIwEIWJC44gJ0AuYOQABNyr0C0o1K1UcK5vM9NKQxlMXDsJi8eXaefnNUgBQC5FACzhc/SnSSbAiXH/ITnM4mJIA6fQPaiOYUskUvNL4p4IFHPSQoFE+ZUlFZKDT7oByc4n1yeS0Cf1aDr1A/7kdyJ4wm4hZTd3rLhtd6xD2gVXCXSV9J2YkBOl715B7pWs43Vkpfu/tK9Esi9rlWTiPFVOgkijD+8tMIJIpMKNLlS6Akk76ux8MO0bgeSmcLpErEDSPXAjZspGILm/5LR0K77k8PfwtfH9rMxgaW5vBXTrw52l9PkAAAAASUVORK5CYII=);
	-webkit-mask-position: 0 0
}

.sn-ibar-wrap .item:nth-child (3) .icon,.nav-more-list li a.nav-more-icon.search-icon:after
	{
	-webkit-mask-image:
		url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAABVQTFRFLo/9Lo/9Lo/9Lo/9Lo/9Lo/9AAAAhP0sDQAAAAd0Uk5TYzEWntv+AJnAin8AAAEGSURBVDjLjdTNDoMgDABgTaZnk02fwHDfIp43jTs7ofcJC+//CItWJyCN42LMZ5GftpGhRnQsWdXJNt6LqmAeLfNEcWhjprIKBHPlBFd8PcPdEb3CRLUlivfbjxNhiZbFJmNXb8If9j5y8ZM3FLaMkK5S9u7mk2YVXruixSLKnWyajqFo4Z8lThKZz8uX/ImCT3vgt5FJal90j8JTX94CpSt8GeUizBe1COxTAI6Eno1eAb1qeqf06dAnSt8CfXP0be8zZDjOKi8TL4LM3oHKeJCMqJJb14QrqzelZEQ1KgwKVTAGWVUPa9VjULBTzEFBmYPC3WUKCssURHSkUlKi2n+62G58AagQzwmrsXO8AAAAAElFTkSuQmCC);
	-webkit-mask-position: 0 0
}

.sn-ibar-wrap .item:nth-child (4) .icon,.nav-more-list li a.nav-more-icon.cate-icon:after
	{
	-webkit-mask-image:
		url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAAG5wVGOkIJ/OAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAPUExURQAAADU9RDU9RDU9RDU9RF2IWgwAAAAEdFJOUwAunmbKU26JAAABc0lEQVQ4y7VUbZaCMAxsCweoygFQcgBUDgAl9z/TNp+UXd/+2bd9KomTTJN0Sgi/rvh6PN25PaZsdod17eos5MzqIE5vwI3tAcv7hRjUmTmWOCLndhomj4hr/e0Zr8Gyi2w4UPQiwZFp+t3qoHzdeyGCYbVCZkFp9ZS7jMHjLD8kMsCK71f6KHU5IdvBfEYqgzMz4l6L8D7D9gHhP1P5gMDI/aqbagVmylyW8qM22HUs47dOkw1pQGHN/CXAioqI9xyBmys5XhH9uCOdMCcmtnIjEahpbNWEksN/LdpnNrndG6DzioZWlNrPhdqLuOULeKMBmClVdfRFGH2wYlQ6nSjojGHzM4FR6cdWo5TgJhfhGmsQUeSyHnoziYqKWyU6woLwmTdsUqTHtUh/QipDy9ywHZ0qm8VF1GvjFVjVpFXXq9zGckg5KnXCENyTS6s3WG+BSFU0LOo01Sbcc7QzAXyGG9p27RF3ZynWF83kmoA/SPELxo1H+loQseoAAAAASUVORK5CYII=);
	-webkit-mask-position: 0 0
}

.sn-ibar-wrap .item:nth-child (5) .icon,.nav-more-list li a.nav-more-icon.ebuy-icon:after
	{
	-webkit-mask-image:
		url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAABGdBTUEAALGPC/xhBQAAAB5QTFRFAAAALo/9Lo/9Lo/9Lo/9Lo/9Lo/9Lo/9AAAALo/9MGF0hQAAAAl0Uk5TAHoyVr2f4hcACU70ZwAAAe1JREFUOMt1VEtPwzAMTrtHr9NASLsNIUC9VUKAehsTMOUGAoF647Wh3gqMSfwM1jaT/y1O7KQPIJe6sf3Zsf1ZCHs+bhewuDgV7RPsAJ3HrKnwE5gPD8X77h2U44ZHAjcsHkNZ9zqBeyd/wnOl6MGsZrYPVw5LfjeCjgorddW4mU46YUnOWk9YsVOPXYLjiy2GTylSvLaZA5SkCnMyGBAEXB9tc5Ke0m/qlYygLw84QqLhwg1FK+oAXzqCpGhsEE6cXQBUphEZdHPCxluP05GUuv1NBqJPRoJdfU4hfBBfD6zhRyr69jci5sKm5NOxhck1oAU2cbjsGE9GJMaEuloLG49RRJeMJTfAV07jg4b7VJnLBGxTQnUq3tIn+wuVxpfYhSKrNKmTO5cwj9xsqJpGiJqIGhmJvw6+2L60rSltdTq3c/O9exna6lBFPUxMv3GJ+U25oqYLgSyGK8w4SKZ7O2Z4sQumVUsV4QigPY5eMCqpwKbbySsj6fnpoJO5xQnxVINoOJpmksKN6zgfr6CpwkkcTZqcTSMziQEMZJMlIj4j+DhXrQL0IWeWfLc0nuWjXP/DLGRj1mLjzDH4qcXgrGJ9vRXLivW4KWrsfqtvCqxxEbk90dgueiNda7eP7dZGoi22OF/83mJ/bL4fUySQ/0TSZf8AAAAASUVORK5CYII=);
	-webkit-mask-position: 0 0
}

.sn-ibar-mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3);
	z-index: 101
}

.sn-ibar.open .sn-ibar-mask {
	display: block
}

.sn-client-b {
	background: #fff;
	padding: .3rem .5rem;
	height: 1.8rem;
	position: relative
}

.sn-client-a {
	position: absolute;
	right: .5rem;
	border: 1px solid #909090;
	color: #333;
	height: 1rem;
	padding: 0 .4rem;
	line-height: 1rem;
	border-radius: .2rem;
	display: inline-block;
	text-align: center;
	top: .4rem
}

.sn-client-b span,.sn-client-t .sn-client-div {
	background:
		url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAAByBAMAAAB985hOAAAAAG5wVGOkIJ/OAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAkUExURSIYFEIyGCIYFCIYFPe0AP///wEAAOOlAfztxvzUbJBpBp2dnbvHHR8AAAADdFJOUwH1Y0bEi/MAAALJSURBVFjD7ZlBb9MwFMcNfAFGB5M4FfEFlmXapHGaMCTZFSy16mmqZJA4RYs4cO7Qem+l5ohWcegVlQtfjjRxEjt9z05eLgjtf4van/7Pz46f/cJYqVcD3y3vGWvqcRsuZ4cN0G+vIRU00UEn0qvBJ343HdNi1eN93Zk8UaTfXbRR1iPFE3tgTy+an4uEB/e2HGHBegnnPBhYwsUye8R3ii3ZtVlaTPFhFpa46ZA9slripk+xBJWWqOkxkqDKEjU9QdZBbYmZejCpWWKmHnNaYqYm+TLhuIIfOHnB7bpHycRBBhjpsjRNdfLQSV4i5NpJXiFk4iQDhORuPZAP5P9Dei3IAUgetSBjiPSSFqS297JOlrop62SpmzLI8tvGqA6bNWTKAMvgTH7S/vtTThPAlAGWl1JOtUcp5SFgyoBRvs/+Wz9fNcjSlAGJVWS0upsvsn82yNKUAVttEW0qdsrQMynXwKbLgIqSZygSQqFfjQxV1aUgzxtFYJNEt4ocNWYl041Gnu7N+FKU+rj321uN3K9itxU5QioaQoai1sJGnuLBCjG2RXuOBwuQN+isZBK64JrPwKIbGeQCLL8MfK1DGxnjK56nSzE5KLUV45TjK94wXWU+32Wpz9nTHH/LdNM81N8V+WX3OMPfbM00n5EPFfncHGuM72BFdkYvFHhdZGmG72CVqVo+E0VuzeUQW3bqci5+5eAbczmAO7UyrRZBHu91Y1JjS0WqF0EW73RbPc0sFamogu/qtTP5U4PqBffbkYb+TTJEyJmTjBBy4T5hIGSLs8kSBMctyNAyTMd5yDJMBxnilq4z2GoPnLc9vaV3plLXuY9+06Hfrug3Ovotkn5z7XFbpt/Qu3UF6J0IeveD3nGhd3nonSV6N4veQevRtaN3CundSXpHtEcXlt757dFtpne46V31Hp38Hl8P6F8senwlIXyZ+QvNquCG1SOlkQAAAABJRU5ErkJggg==)
		no-repeat left top;
	background-size: contain
}

.sn-client-b span {
	color: #333;
	display: inline-block;
	height: 1.2rem;
	line-height: .65rem;
	padding-left: 12%;
	width: 75%;
	overflow: hidden
}

.sn-client-t {
	padding: .3rem .5rem;
	height: 1.8rem;
	width: 100%;
	background-color: #484f55;
	position: relative
}

.sn-client-t .sn-client-div {
	padding-left: 12%;
	color: #fff;
	height: 1.2rem;
	line-height: .65rem;
	margin-left: 5%
}

.sn-client-t .sn-client-div p {
	width: 75%;
	height: 1.2rem;
	overflow: hidden
}

.sn-client-t .sn-client-top {
	border: 1px solid #fff;
	color: #fff
}

.sn-client-t .del-ete {
	background:
		url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAeUExURQAAAP///////////////////////////////////yR8m5UAAAAJdFJOUwAW1ezDO1iAlHYcCaMAAADOSURBVBjTZVG7DsIwDLwWShlLBDtlQdkYoCgbCDF0A8HChsRCtwp+gAmJtS0V/luS9IFIbnEucc72GVC4bsT8iQbOnRSWQc0vNN1jdKOoon3a6nikh45x1OQV+jnf1dwTKiFZtMKHUoqLc8t7eQC/wA9xis4b6IbyzFbAaYZkDLhZAIdL7pZ4pVKDh2DyDv4HsarGsgFXf7wCQnXt8EmmYw7SwoxCHQnC5Ea+qWfWM/vR/a5l7rDq15znf17bD8sv00/Lb3Mf1r7UPqne5xf3NzwjpoAZQAAAAABJRU5ErkJggg==)
		no-repeat top left;
	background-position: .2rem .2rem;
	background-size: .7rem;
	display: block;
	position: absolute;
	width: 1rem;
	height: 1rem;
	top: .1rem;
	left: .1rem
}

.sn-loading-type {
	padding: .4rem 0
}

.sn-loading-type .sn-click-loading {
	display: block;
	border: 1px solid #dcdcdc;
	color: #909090;
	padding: .3rem .5rem;
	width: 30%;
	margin: 0 auto;
	text-align: center
}

.sn-loading-type .sn-pull-loading {
	color: #909090;
	display: block;
	text-align: center;
	width: 100%;
	position: relative;
	height: 1.5rem;
	line-height: 1.5rem
}

.sn-loading-type .sn-end-loading {
	width: 100%;
	border: solid #dcdcdc;
	border-width: 1px 0 0 0;
	position: relative;
	margin-top: .3rem
}

.sn-loading-type .sn-end-loading span {
	background: #f2f2f2;
	color: #909090;
	display: block;
	text-align: center;
	position: absolute;
	-webkit-transform: translate(-50%);
	left: 50%;
	margin: 0 auto;
	top: -.7rem;
	padding: .32rem
}

.app-scroller {
	overflow: hidden;
	position: relative
}

.app-scroller-wp {
	position: absolute;
	-webkit-transform: translateZ(0)
}

.app-scroller-wp ul {
	padding: 0;
	margin: 0;
	display: table;
	table-layout: fixed;
	white-space: nowrap;
	width: auto
}

.app-scroller-wp ul li {
	-webkit-box-flex: 1;
	display: inline-block;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	vertical-align: top
}