yuyue/Common/pinduoduo/assets/css/pinduoduo.css

.pin-toast-container {
	display: block;
	position: fixed;
	width: 100%;
	max-width: 640px;
	height: 300px;
	height: auto;
	bottom: 120px;
	z-index: 999999999
}

.pin-toast {
	display: none;
	width: 60%;
	height: auto;
	margin: auto;
	background-color: rgba(0,0,0,.8);
	color: #f0f0f0;
	font-size: 16px;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0 0 24px -1px #383838
}

.pin-spinner {
	display: none;
	width: 34px;
	height: 34px;
	position: fixed;
	margin-left: -17px;
	z-index: 999999999;
	left: 50%;
	top: 35%
}

.pin-spinner-container1>div,.pin-spinner-container2>div,.pin-spinner-container3>div {
	width: 10px;
	height: 10px;
	background-color: #df2127;
	border-radius: 100%;
	position: absolute;
	-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
	animation: bouncedelay 1.2s infinite ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.pin-spinner .pin-spinner-container {
	position: absolute;
	width: 100%;
	height: 100%
}

.pin-spinner-container2 {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.pin-spinner-container3 {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.pin-spinner-circle1 {
	top: 0;
	left: 0
}

.pin-spinner-circle2 {
	top: 0;
	right: 0
}

.pin-spinner-circle3 {
	right: 0;
	bottom: 0
}

.pin-spinner-circle4 {
	left: 0;
	bottom: 0
}

.pin-spinner-container2 .pin-spinner-circle1 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s
}

.pin-spinner-container3 .pin-spinner-circle1 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

.pin-spinner-container1 .pin-spinner-circle2 {
	-webkit-animation-delay: -.9s;
	animation-delay: -.9s
}

.pin-spinner-container2 .pin-spinner-circle2 {
	-webkit-animation-delay: -.8s;
	animation-delay: -.8s
}

.pin-spinner-container3 .pin-spinner-circle2 {
	-webkit-animation-delay: -.7s;
	animation-delay: -.7s
}

.pin-spinner-container1 .pin-spinner-circle3 {
	-webkit-animation-delay: -.6s;
	animation-delay: -.6s
}

.pin-spinner-container2 .pin-spinner-circle3 {
	-webkit-animation-delay: -.5s;
	animation-delay: -.5s
}

.pin-spinner-container3 .pin-spinner-circle3 {
	-webkit-animation-delay: -.4s;
	animation-delay: -.4s
}

.pin-spinner-container1 .pin-spinner-circle4 {
	-webkit-animation-delay: -.3s;
	animation-delay: -.3s
}

.pin-spinner-container2 .pin-spinner-circle4 {
	-webkit-animation-delay: -.2s;
	animation-delay: -.2s
}

.pin-spinner-container3 .pin-spinner-circle4 {
	-webkit-animation-delay: -.1s;
	animation-delay: -.1s
}

@-webkit-keyframes bouncedelay {
	0%,80%,to {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes bouncedelay {
	0%,80%,to {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

* {
	box-sizing: border-box
}

body,html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0
}

img {
	max-width: 100%;
	width: auto;
	height: auto
}

a {
	text-decoration: none
}

#share-mask {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	z-index: 99999
}

#share-mask .native_info {
	position: absolute;
	top: 10%;
	left: 10%;
	width: 80%;
	text-align: center;
	font-size: 16px;
	color: #fff
}

#share-mask .native_info .native_info_title {
	font-size: 32px;
	color: #fff
}

#share-content {
	position: fixed;
	bottom: 0;
	z-index: 9999999;
	width: 100%;
	max-width: 640px;
	height: 150px;
	background: #fff
}

#share-content ul {
	margin-top: 15px;
	width: 100%;
	height: 70px;
	line-height: 70px;
	text-align: center;
	overflow: hidden
}

#share-content ul li {
	width: 19%;
	display: inline-block
}

#share-content ul li a {
	display: inline-block;
	width: 100%
}

#share-content ul li i {
	display: block;
	width: 44px;
	height: 44px;
	margin: auto
}

#share-content ul li .share-icon-wechat {
	background: url(../img/share-sprite-c6f89ab3ae.png) 0 0 no-repeat;
	background-size: 220px 44px
}

#share-content ul li .share-icon-moments {
	background: url(../img/share-sprite-c6f89ab3ae.png) -44px 0 no-repeat;
	background-size: 220px 44px
}

#share-content ul li .share-icon-qq {
	background: url(../img/share-sprite-c6f89ab3ae.png) -88px 0 no-repeat;
	background-size: 220px 44px
}

#share-content ul li .share-icon-qqzone {
	background: url(../img/share-sprite-c6f89ab3ae.png) -132px 0 no-repeat;
	background-size: 220px 44px
}

#share-content ul li .share-icon-sina {
	background: url(../img/share-sprite-c6f89ab3ae.png) -176px 0 no-repeat;
	background-size: 220px 44px
}

#share-content ul li span {
	display: block;
	font-size: 10pt;
	width: 100%;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #b2b1b7
}

#share-content p {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 999999;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	border-top: 1px solid #ccc;
	color: #232323
}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0;
	overflow-x:hidden;
}

body,html {
	width: 100%;
	height: 100%;
	font-family: Helvetica Neue,Helvetica,Arial,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,STXihei,\\534E\6587\7EC6\9ED1,serif
}

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

audio,canvas,progress,video {
	display: inline-block;
	vertical-align: baseline
}

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

a {
	background-color: transparent;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent
}

a:active,a:hover,a:visited {
	text-decoration: none;
	outline: 0
}

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

b,strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

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

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

small {
	font-size: 80%
}

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

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

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

figure {
	margin: 1em 40px
}

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

pre {
	overflow: auto
}

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

button,input,optgroup,select,textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

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
}

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

input {
	line-height: normal
}

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

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

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	height: auto
}

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

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

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: 700
}

td,th {
	padding: 0
}

.native-scroll {
	overflow: auto;
	-webkit-overflow-scrolling: touch
}[hidefocus],body,button,input,keygen,legend,select,summary,textarea {
	outline: 0
}

* {
	border: 0;
	margin: 0;
	padding: 0
}

*,:after,:before {
	box-sizing: border-box
}

body,html {
	width: 100%;
	height: 100%
}

a[title=站长统计] {
	display: none
}

img {
	max-width: 100%;
	width: auto\9;
	height: auto;
	-ms-interpolation-mode: bicubic
}

li,ul {
	padding: 0;
	margin: 0
}

li {
	list-style: none
}

.container {
	position: relative;
	width: 100%;
	max-width: 640px;
	min-height: 100%;
	margin: 0 auto;
	padding: 0 0 46px;
	overflow-x: hidden;
	background-color: #eceded
}

.btn-ghost {
	width: 100%;
	padding: 8px 10px;
	outline: none;
	border: 1px solid #396;
	color: #396;
	background: transparent;
	border-radius: 3px
}

.goods-wrapper {
	width: 100%;
	padding: 15px;
	overflow: hidden
}

.goods-show {
	min-height: 200px;
	padding: 10px;
	float: left;
	background-color: #fff;
	box-shadow: 0 0 4px rgba(0,0,0,.2)
}

.goods-show p {
	font-size: 14px;
	margin: 5px 0
}

@media (max-width:640px) {
	.goods-show {
		width: 100%;
		margin: 10px 0
	}
}

@media (min-width:641px) {
	.goods-show {
		width: 45%;
		margin: 2.5%
	}
}

.goods-name {
	color: #a4a5a7
}

p.goods-price {
	color: #777;
	font-weight: 700;
	font-size: 16px
}

.goods-price del {
	font-size: 14px;
	font-weight: 400;
	display: inline-block;
	margin-left: 10px;
	color: #a4a5a7
}

dd,div,dl,dt,form,h1,h2,h3,h4,h5,img,li,p,ul {
	border: 0 none;
	list-style: outside none none;
	margin: 0;
	padding: 0
}

body {
	background: #f7f7f7;
	color: #555;
	font-size: 18px;
	margin: 0 auto;
	max-width: 640px
}

.con {
	background: none repeat scroll 0 0 #f7f7f7;
	overflow: hidden;
	padding-top: 40px
}

body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,li,ol,p,table,td,ul {
	margin: 0;
	padding: 0;
	border: 0
}

* {
	margin: 0;
	outline: 0 none;
	padding: 0;
	vertical-align: baseline
}

body,div.navbar,header {
	margin: auto;
	max-width: 640px
}

body {
	color: #666;
	font-family: Helvetica,STHeiti STXihei,Microsoft JhengHei,Microsoft YaHei,Arial;
	font-size: 14px;
	line-height: 1.5
}

.ms-controller,.ms-important,[ms-controller],[ms-important] {
	visibility: hidden
}

.card_section {
	width: 100%;
	height: 100%;
	max-width: 640px
}

.card_container {
	margin-top: 20px;
	position: relative;
	width: 80%;
	max-width: 640px;
	margin: 0 auto;
	background-color: transparent
}

.card_top {
	padding: 10px
}

.card_middle,.card_top {
	position: relative;
	max-width: inherit
}

.card_middle {
	width: 100%;
	top: 0;
	float: left
}

.card_middle:after {
	display: block
}

.card_bottom {
	position: relative;
	width: 100%;
	max-width: inherit
}

.card_middle_bg {
	float: left;
	position: absolute;
	z-index: 8887;
	width: 100%;
	margin: 0 auto
}

.card_received {
	position: absolute;
	z-index: 8888;
	right: -20px;
	top: -20px;
	max-width: 100px;
	max-height: 100px
}

.card_logo {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	box-shadow: 0 0 0 2px #fff;
	max-width: 80px;
	max-height: 80px;
	display: inline-block;
	background-repeat: no-repeat
}

.card_btn {
	background: none repeat scroll 0 0 #ffed56;
	border-radius: 2px;
	color: #c60a1e;
	display: block;
	font-size: 15px;
	height: 44px;
	line-height: 44px;
	margin: 15px auto;
	position: relative;
	text-align: center;
	width: 60%;
	outline: none;
	border: none;
	z-index: 8888
}

.card_btn_dis {
	background-color: #b5b5b5
}

.shop_desc {
	display: inline-block;
	margin-left: 20px
}

.shop_desc_1 {
	font-size: 17px
}

.shop_desc_2 {
	color: #000;
	margin-top: 20px;
	font-size: 25px
}

._card_top {
	margin-top: 10px;
	position: relative
}

._card_infos {
	position: relative;
	width: 100%
}

._card_logo {
	position: absolute;
	max-width: 60px;
	max-height: 60px;
	border-radius: 30px;
	top: 20px;
	z-index: 8888;
	left: 20px
}

._card_bg {
	position: absolute;
	width: 100%;
	z-index: 8887;
	max-height: 120px;
	top: 10px;
	border-radius: 5px
}

._card_title {
	top: 20px;
	font-size: 15px
}

._card_brand_name,._card_title {
	position: absolute;
	z-index: 8888;
	left: 100px;
	color: #fff
}

._card_brand_name {
	top: 40px;
	font-size: 20px
}

.categories {
	position: relative;
	width: 100%;
	max-width: 640px;
	min-height: 100%;
	margin: 0 auto;
	overflow-x: hidden;
	background-color: #eceded;
	float: left;
	padding-bottom: 14px
}

.cat_list {
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 10px 2px 0;
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf
}

.catImgLoading {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px
}

.subcat_list {
	padding: 0;
	font-family: STHeiti Microsoft Yahei
}

.subcat {
	margin: 9px 0 0;
	padding-bottom: 7px
}

.cat_img,.subcat {
	display: block;
	overflow: hidden
}

.cat_img {
	position: relative;
	width: 100%
}

.top-category {
	position: absolute;
	font-size: .2rem;
	color: #fff;
	width: 50%;
	height: 25px;
	letter-spacing: 2px;
	top: 50%;
	margin-top: -14px;
	left: 25%;
	text-shadow: 0 0 1px #000
}

.subcat_item,.top-category {
	display: inline-block;
	text-align: center
}

.subcat_item {
	width: 25%;
	margin: 0 0 2px;
	padding: 5px;
	color: #2a2a2a;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 550;
	font-size: .13rem
}

.highlight-text {
	color: red
}

.cat_back_button {
	background: none repeat scroll 0 0 #df2128;
	border-radius: 2px;
	color: #fff;
	display: block;
	font-size: 14px;
	height: 44px;
	line-height: 44px;
	margin: 15px auto;
	position: relative;
	text-align: center;
	width: 95%;
	outline: none;
	border: none
}

.search-box-class {
	width: 96%;
	margin: 11px 2%;
	height: 36px;
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px
}

.search-box-main {
	width: 205px;
	margin: 5px auto;
	position: relative
}

.search-icon-container {
	position: absolute;
	top: 10px;
	display: inline-block;
	height: 16px;
	width: 16px;
	margin-bottom: 5px
}

.search-icon-class {
	width: 16px;
	height: 16px;
	background-image: url(../img/sprite_search-d13f06ef49.png);
	background-repeat: no-repeat;
	background-size: 70px 35px;
	background-position: 0 -17px
}

.search-box-container {
	display: inline-block;
	margin-left: 10px;
	height: 36px;
	width: 190px
}

.search-box {
	width: 170px;
	margin-left: 15px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #aaa
}

.img_coupon_send {
	max-width: 280px;
	width: 50%;
	display: block;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	top: 10%
}

.wrap_send {
	background-color: #fff;
	max-width: 640px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative
}

.text1 {
	top: 42%;
	font-size: .17rem
}

.text1,.text2 {
	position: absolute;
	width: 100%;
	text-align: center
}

.text2 {
	top: 47%;
	font-size: .16rem
}

.btn_send {
	position: absolute;
	top: 60%;
	width: 60%;
	padding: 5px 0;
	left: 50%;
	color: #fff;
	border-radius: 3px;
	-webkit-transform: translateX(-50%);
	text-align: center;
	font-size: .18rem;
	background-color: #ff2534;
	height: .4rem;
	line-height: .35rem
}

.coupon_bg {
	width: 100%;
	min-height: 100%;
	position: relative;
	background-color: #fff
}

.img_body {
	padding-top: 40px;
	padding-bottom: 20px
}

.wrap_coup {
	height: 340px;
	position: relative
}

.top_img {
	position: absolute;
	top: 0
}

.top_img,.top_img img {
	width: 100%
}

#coupon_share_bg {
	background-color: #fff
}

.user_coupon {
	background-color: #d42929;
	padding-bottom: 19px
}

.user_coupon_inner {
	width: 90%;
	border: 1px dashed #fff;
	margin-left: 5%
}

.coupon_caller_content {
	position: relative;
	width: 100%;
	text-align: center
}

.coupon_caller_content .logo {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	background: url(../img/logo_white-b8f98f250e.png) no-repeat;
	background-size: contain
}

.coupon_caller_content .title {
	height: 63px;
	line-height: 63px;
	font-size: 23px;
	color: red;
	display: block;
	font-weight: 600;
	margin-top: 10%
}

.coupon_caller_content .title.icon {
	margin-left: -30px
}

.coupon_caller_content .title.icon img {
	width: 52px;
	height: 63px
}

.coupon_caller_content .title.icon span {
	color: #626262;
	display: inline-block;
	width: 210px;
	text-align: center;
	line-height: 32px
}

.coupon_caller_content .coupon_detail {
	position: relative;
	height: 90px;
	width: 88%;
	padding-top: 5px;
	min-width: 320px;
	margin-bottom: -10px;
	margin-left: auto;
	margin-right: auto
}

.coupon_caller_content .coupon_detail .coupon_share_left {
	left: 30%
}

.coupon_caller_content .coupon_detail.red {
	color: #fe7f16
}

.coupon_caller_content .coupon_detail.yellow {
	color: #f6575c
}

.coupon_caller_content .coupon_show {
	width: 165px;
	height: 48px;
	background-color: #ff2534;
	color: #fff;
	font-size: 16px;
	line-height: 48px;
	border-radius: 5px;
	margin: 9% auto 8%
}

.coupon_caller_content .coupon_show span {
	line-hegiht: 48px
}

.coupon_caller_content .coupon_out {
	width: 100%
}

.coupon_caller_content .coupon_wrapper {
	position: relative;
	display: block;
	width: 312px;
	height: 110px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background: url(../img/coupon_bg2-dcb6f59398.png) no-repeat;
	background-size: cover
}

.coupon_caller_content .coupon_wrapper .coupon_amt {
	color: #fff;
	font-size: 30px;
	text-align: center;
	margin-top: 5px;
	display: block
}

.coupon_caller_content .coupon_wrapper .coupon_amt i {
	font-size: 20px
}

.coupon_caller_content .coupon_wrapper .coupon_amt span.amt {
	font-size: 40px;
	font-weight: bolder
}

.coupon_caller_content .coupon_wrapper .coupon_expired_time {
	position: absolute;
	bottom: 12px;
	width: 100%;
	font-size: 14px;
	color: #e02128;
	text-align: center
}

.coupon_caller_content .line_couponss {
	display: inline-block;
	width: 30%;
	margin: 4px 10px;
	background-color: #aaa;
	height: 1px
}

.coupon_caller_content .order_item1 {
	margin-top: 10px;
	background-color: #fff;
	width: 94%;
	height: 88px;
	margin-left: 3%;
	opacity: .8
}

.coupon_caller_content .text_info {
	font-size: 17px;
	color: red;
	line-height: 23px;
	height: 23px;
	display: inline-block;
	vertical-align: center;
	margin-left: 5px;
	float: right
}

.coupon_caller_content .right_coupon {
	display: inline-block;
	float: right;
	margin-top: 5px;
	margin-right: 10px;
	line-height: 23px;
	height: 23px
}

.coupon_caller_content .order_goods_attr_item {
	height: auto
}

.coupon_caller_content .num_coupon {
	height: 33px;
	line-height: 33px;
	margin-left: 20px;
	text-decoration: line-through
}

.coupon_caller_content .num_coupon,.coupon_caller_content .num_coupon1 {
	color: red;
	font-size: 14px;
	display: inline-block;
	text-align: left;
	float: left
}

.coupon_caller_content .num_coupon1 {
	margin-top: 10px;
	margin-left: 25px;
	font-size: 16px
}

.coupon_caller_content .goods_coupon {
	text-align: left;
	margin-left: 25px;
	font-size: 12px;
	white-space: normal
}

.coupon_caller_content .mari {
	margin-top: 30px!important
}

.coupon_caller_content .bor_coupon {
	width: 88px;
	height: 88px;
	top: 0!important
}

.coupon_caller_content .inner_img {
	width: 88px;
	height: 88px;
	border: none
}

.coupon_caller_content .coupon_share {
	position: relative;
	display: block;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 100%
}

.coupon_caller_content .coupon_share .coupon_recommend {
	color: #000;
	display: block;
	font-size: 16px;
	margin-bottom: 10px
}

.coupon_caller_content .coupon_share .coupon_tips {
	height: 55px;
	padding-top: 18px
}

.coupon_caller_content .coupon_share .coupon_tips p {
	font-size: 14px;
	color: #000
}

.coupon_caller_content .coupon_share .coupon_tips p a {
	display: inline-block;
	margin-left: 5px;
	color: #fe6700
}

.coupon_caller_content .coupon_share .coupon_buttons {
	margin-top: -10px
}

.coupon_caller_content .coupon_share .coupon_buttons .button {
	display: block;
	width: 200px;
	height: 40px;
	margin: 0 auto;
	line-height: 40px;
	border-radius: 5px;
	background-color: #fff
}

.coupon_caller_content .coupon_share .coupon_buttons .button img {
	margin-right: 10px;
	width: 22px;
	height: 22px;
	margin-top: 8px
}

.coupon_caller_content .coupon_share .coupon_buttons .button span {
	font-size: 16px
}

.coupon_caller_content .coupon_share .coupon_buttons .button.out {
	background-color: #e02128
}

.coupon_caller_content .coupon_share .coupon_buttons .button.out img {
	width: 17px;
	height: 17px;
	margin-top: 10px
}

.coupon_caller_content .coupon_share .coupon_buttons .share_btn {
	background-color: #e02128;
	color: #fff
}

.coupon_caller_content .coupon_share .coupon_buttons .use_btn {
	margin-top: 20px;
	color: #626262
}

.coupon_caller_content .coupon_share .coupon_buttons .use_btn.out {
	color: #fff
}

.coupon_caller_content .coupon_share .coupon_buttons .use_btn.download img {
	margin-right: 5px!important;
	width: 30px!important;
	height: 30px!important;
	margin-top: 5px!important
}

.coupon_content {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center
}

.coupon_content .logo {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto 10px;
	background: url(../img/logo_white-b8f98f250e.png) no-repeat;
	background-size: contain
}

.coupon_content .title {
	height: 40px;
	line-height: 40px;
	font-size: 25px;
	color: #000
}

.coupon_content .coupon_none {
	color: #e02128
}

.coupon_content .coupon_wrapper {
	position: relative;
	display: block;
	width: 300px;
	height: 105px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background: url(../img/coupon_bg2-dcb6f59398.png) no-repeat;
	background-size: cover
}

.coupon_content .coupon_wrapper .coupon_amt {
	color: #fff;
	margin-top: 15px!important;
	font-size: 30px;
	text-align: center
}

.coupon_content .coupon_wrapper .coupon_amt i {
	font-size: 20px
}

.coupon_content .coupon_wrapper .coupon_amt span.amt {
	font-size: 40px;
	font-weight: bolder
}

.coupon_content .coupon_wrapper .coupon_expired_time {
	position: absolute;
	bottom: 12px;
	width: 100%;
	font-size: 14px;
	color: #e02128;
	text-align: center
}

.coupon_content .coupon_none_wrapper1 {
	position: relative;
	display: block;
	width: 150px;
	height: 120px!important;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background: url(../img/coupon_none-196a893e58.png) no-repeat;
	background-size: contain
}

.coupon_content .coupon_share {
	position: relative;
	display: block;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 300px
}

.coupon_content .coupon_share .coupon_buttons {
	margin-top: 20px
}

.coupon_content .coupon_share .coupon_buttons .button {
	display: block;
	width: 200px;
	height: 40px;
	margin: 0 auto;
	line-height: 40px;
	border-radius: 5px
}

.coupon_content .coupon_share .coupon_buttons .button span {
	font-size: 20px
}

.coupon_content .coupon_share .coupon_buttons .use_btn {
	margin-top: 10px;
	color: #fe6700;
	border: 1px solid #fe6700
}

.coupon_content .coupon_share .coupon_buttons .app {
	margin-top: 10px;
	background-color: #e02128;
	color: #fff
}

.coupon_sharekit {
	-webkit-user-select: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.85);
	text-align: center;
	top: 0;
	left: 0;
	z-index: 105
}

.coupon_sharekit img {
	max-width: 100%
}

.coup_height {
	height: 70%;
	width: 95%;
	top: 46%;
	background: #fff;
	z-index: 10001
}

.coup_height h2 {
	color: #e02128;
	font-size: 26px;
	text-align: center
}

.coup_height h1 {
	font-weight: bolder;
	color: #e02128;
	font-size: 32px;
	text-align: center;
	margin-top: 10%
}

.all_page {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #ccc;
	z-index: 10000
}

.coup_img_share {
	text-align: center
}

.img_sharecoupon {
	width: 40%;
	margin-top: 6%
}

.box_isolate,.coup_btn {
	background: #e02128
}

.coup_btn {
	text-align: center;
	width: 70%;
	border-radius: 8px;
	margin-left: 15%;
	font-size: 20px;
	color: #fff
}

.rela_posi_after {
	position: relative;
	height: 50px;
	margin-left: 20px
}

.rela_posi_after :after {
	content: "";
	position: absolute;
	width: 80%;
	height: 1px;
	margin-left: 37px;
	background-color: #ccc;
	top: 48px;
	display: block
}

.rela_posi {
	position: relative;
	height: 50px;
	margin-left: 20px
}

.rela_posi :after {
	content: "";
	position: absolute;
	width: 80%;
	height: 0;
	margin-left: 37px;
	background-color: #ccc;
	top: 46px;
	display: block
}

.img_oneuser {
	position: absolute;
	left: 0;
	border-radius: 100%;
	width: 37px;
	height: 37px;
	margin-top: 5px
}

.name_oneuser {
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
	display: inline-block;
	width: 80px;
	left: 40px;
	overflow: hidden;
	height: 40px;
	line-height: 46px
}

.info_oneuser,.name_oneuser {
	position: absolute;
	color: #fff
}

.info_oneuser {
	left: 130px;
	font-size: 16px;
	line-height: 44px
}

.scroll_coup {
	overflow: hidden
}

.right_pos1 {
	float: right;
	margin-right: -4px;
	margin-top: -6px;
	width: 30px;
	height: 30px;
	display: block;
	text-align: center;
	border-radius: 100%;
	background-color: #e02128
}

.coupon_goods_thumb {
	float: left;
	border-bottom: none
}

@media screen and (max-height:1569px) {
	.coup_btn {
		margin-top: 10%;
		height: 45px;
		line-height: 45px
	}
}

@media screen and (max-height:490px) {
	.coup_btn {
		margin-top: 13px;
		height: 30px;
		line-height: 30px
	}
}

#hongbao-mask {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #000
}

@-webkit-keyframes small {
	0% {
		-webkit-transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.15)
	}

	to {
		-webkit-transform: scale(1)
	}
}

@keyframes small {
	0% {
		-webkit-transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.15)
	}

	to {
		-webkit-transform: scale(1)
	}
}

@-webkit-keyframes big {
	0% {
		-webkit-transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.05)
	}

	to {
		-webkit-transform: scale(1)
	}
}

@keyframes big {
	0% {
		-webkit-transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.05)
	}

	to {
		-webkit-transform: scale(1)
	}
}

#hongbao-mask .circle {
	width: 100%;
	height: 100%;
	background: url(../img/hongbao-e1a5d10394.png) 50% no-repeat;
	background-size: contain
}

#hongbao-mask .circle .circle_animation {
	width: 140px;
	height: 140px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -70px;
	margin-left: -70px
}

#hongbao-mask .circle .circle_center {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	z-index: 2222;
	position: absolute;
	background: #fc0;
	left: 5px;
	top: 5px
}

#hongbao-mask .circle .circle_center img {
	width: 100px;
	height: auto;
	margin-left: 20px;
	margin-top: 45px
}

#hongbao-mask .circle .circle_big {
	position: absolute;
	left: -15px;
	top: -15px;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: #fff;
	opacity: .18;
	-webkit-animation: big 2s ease-in infinite;
	animation: big 2s ease-in infinite
}

#hongbao-mask .circle .circle_small {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: #f57701;
	margin: auto;
	-webkit-animation: small 1.5s ease-in infinite;
	animation: small 1.5s ease-in infinite
}

.wrapper_coupons {
	padding-top: 46px;
	padding-bottom: 62px
}

.coup_one {
	padding: 6px 0;
	margin: 3px 0;
	height: 90px;
	width: 100%;
	position: relative
}

.coup_img {
	width: 90%;
	height: 80px;
	margin-left: 5%
}

.wrapper_coupons .coup_one {
	padding: 3px 0
}

.wrapper_coupons .coupons_bg {
	width: 94%;
	max-width: 94%;
	min-width: 308px
}

.wrapper_coupons .coup_time_right1 {
	width: 31%
}

.coupons_bg {
	max-width: 96%;
	width: 96%;
	height: 80px;
	margin: 2px auto;
	display: block;
	z-index: 0
}

.coup_text_left {
	text-align: right;
	position: absolute;
	top: 26%;
	right: 39%;
	font-size: 10px;
	color: #fff
}

.coup_text_left p {
	color: #ff6700;
	font-size: 16px;
	font-weight: 700
}

.coup_time_right {
	text-align: left;
	position: absolute;
	top: 23%;
	left: 69%;
	font-size: 10px;
	color: #fff
}

.coup_time_right b {
	color: #ff6700;
	font-size: 16px
}

.coupon_order {
	height: 0;
	overflow: hidden;
	-webkit-transition: height .7s ease-out 0s;
	position: relative;
	width: 86%;
	margin-left: 7%
}

.hide_order_coup {
	height: 135px
}

.coup_left,.coup_right {
	top: 22px
}

.load_coup {
	height: 135px;
	line-height: 120px;
	text-align: center
}

.coupons_center {
	margin-top: 60px
}

.error_coup {
	line-height: 30px;
	height: 30px;
	text-align: center
}

.orders_coup {
	font-size: 17px
}

.can_use {
	margin-top: 5px;
	display: block;
	font-size: 15px;
	height: 20px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	line-height: 20px;
	padding-left: 10px
}

.curr_used_coupons {
	margin-bottom: 8px;
	overflow: hidden;
	display: none
}

.curr_use_margin {
	margin-top: 10px
}

.free_img {
	top: 5px;
	left: 5%;
	position: absolute
}

.free_img img {
	height: 60px;
	width: 60px;
	margin-top: 10px
}

.pin1 {
	top: 30%!important;
	left: 4%;
	font-size: 18px
}

.pin1,.pin2 {
	position: absolute;
	color: inherit
}

.pin2 {
	left: 8%;
	font-size: 40px;
	top: 6px;
	font-weight: 400;
	line-height: 80px
}

.pin2-small {
	font-size: 40px!important
}

.coup_text_left1 {
	color: #fff;
	text-align: left;
	position: absolute;
	top: 22%!important;
	left: 30%
}

.tuanzhang_text_left1 {
	top: 14%!important;
	right: 8%
}

.coupon_style_red .pin1,.coupon_style_red .pin2 {
	color: #fe7f16
}

.coupon_style_red .coup_time_right1 span {
	color: #c1823b!important
}

.coupon_style_red .coup_time_right1 span:after {
	border-bottom: 2px solid #c1823b;
	border-left: 2px solid #c1823b
}

.coupon_style_yellow .pin1,.coupon_style_yellow .pin2 {
	color: #f6575c
}

.coupon_style_yellow .coup_time_right1 span {
	color: #d34c49!important
}

.coupon_style_yellow .coup_time_right1 span:after {
	border-bottom: 2px solid #d34c49;
	border-left: 2px solid #d34c49
}

.coupon_style_group .coup_time_right1 span {
	color: #4d9eb3!important
}

.coupon_style_group .coup_time_right1 span:after {
	border-bottom: 2px solid #4d9eb3;
	border-left: 2px solid #4d9eb3
}

.coupon_style_gray .coup_text_left1,.coupon_style_gray .coup_text_left1 span {
	color: #878787
}

.coup_time_right1 {
	color: #fff;
	text-align: center;
	font-family: \\5FAE\8F6F\96C5\9ED1;
	font-weight: 900;
	position: absolute;
	word-wrap: break-word;
	top: 30%!important;
	right: 0;
	font-size: 5px;
	letter-spacing: 1px;
	width: 30%
}

.coup_rightnow:after {
	border-bottom: 2px solid #666;
	border-left: 2px solid #666;
	content: "";
	display: inline-block;
	height: 6px;
	overflow: hidden;
	position: absolute;
	top: 33px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	width: 6px
}

.tuanzhang_time_right1 {
	word-wrap: normal!important;
	width: 27%;
	text-align: center;
	right: 1%;
	margin: 0 auto;
	font-weight: 700
}

.tuanzhang_price {
	font-size: 16px;
	font-weight: 400
}

.coup_text_left1 {
	color: #393939
}

.coup_text_left1 b {
	font-size: 14px;
	font-weight: 400
}

.coup_text_left1 span {
	font-size: 14px;
	color: #fff
}

.coup_text_catname {
	color: #7b7b7b;
	font-size: 10px
}

.tuanzhang_text_catname {
	width: 65%;
	line-height: 15px
}

.tuanzhang_text_title {
	color: #7b7b7b
}

.coup_time_right1 b {
	font-size: 18px;
	text-align: center;
	font-weight: 500
}

.coup_time_right1 span {
	font-size: 12px;
	font-weight: 400;
	color: #666
}

.tuanzhang_time_right1 b {
	word-wrap: normal!important;
	font-size: 12px;
	font-weight: 400
}

.text_copus_desc1 {
	color: #7b7b7b;
	font-size: 10px
}

.text_copus_desc {
	font-size: 10px;
	margin-top: 0
}

.text_copus_time {
	font-size: 10px;
	margin-top: -3px
}

.used {
	color: #fff!important
}

.frozen {
	color: red!important
}

.margintop {
	margin-top: 15px
}

.coup_no_coupons {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	font-size: 18px;
	position: absolute;
	bottom: 50%
}

.seal {
	position: absolute;
	top: 40%;
	left: 5%;
	width: 40px;
	height: 40px;
	z-index: 99
}

.add_right {
	left: 69%
}

.coup_order {
	background-color: #fff;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #dedede;
	margin-top: 10px;
	font-size: 10px;
	position: relative
}

.coup_goods_price {
	color: #df2127;
	font-size: 15px;
	height: 40px;
	line-height: 30px
}

.unbind a {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 60px;
	height: 20px;
	background-color: #4b4b4b;
	line-height: 20px;
	border-radius: 3px;
	color: #fff;
	margin-left: 5px;
	text-align: center;
	z-index: 999
}

.slideleft {
	width: 200%
}

.half_width {
	position: relative;
	width: 50%;
	overflow-y: hidden
}

.ordre_posi {
	position: absolute;
	top: 0;
	left: 52.5%;
	width: 45%
}

.coupons_body {
	width: 100%;
	overflow-x: hidden
}

.slideleft {
	-webkit-transition: all .7s;
	transition: all .7s
}

.click_add {
	transform: translate(-50%);
	-webkit-transform: translate(-50%)
}

.martop {
	top: 4px
}

.left_next {
	top: 21%
}

.coupon_order_goods_name {
	max-height: 30px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: -5px;
	line-height: 15px
}

.coup_used_time {
	line-height: 30px
}

.err_ord {
	height: 75px;
	line-height: 75px
}

.coup_order_goods_img {
	position: absolute;
	top: 10px;
	left: 10px
}

.coup_order_goods_img img {
	display: block;
	width: 60px;
	height: 60px;
	border: 1px solid #d7d7d7
}

.coup_order_info {
	position: relative;
	margin: auto 75px
}

.coup_order_goods {
	position: relative;
	padding: 15px 0;
	font-size: 11px;
	height: 80px
}

.tz_wrapper {
	position: fixed;
	max-height: 380px;
	width: 80%;
	max-width: 640px;
	bottom: 20%;
	top: 10%;
	background: #f6f6f6;
	margin-left: 7%;
	z-index: 100001;
	height: 370px;
	width: 86%
}

.tz_show_text {
	font-size: 17px;
	color: #ff384f;
	text-align: center;
	height: 20px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 8px
}

.tz_bottom {
	font-size: 16px;
	color: #000;
	position: absolute;
	width: 92%;
	border-top: 1px solid #ccc;
	margin-left: 10px;
	margin-right: 10px;
	bottom: 0
}

.tz_bottom,.tz_know {
	text-align: center;
	height: 50px
}

.tz_know {
	position: relative;
	float: left;
	border-right: 1px solid #ccc
}

.tz_know,.tz_look {
	display: inline-block;
	line-height: 50px;
	width: 50%
}

.tz_look {
	position: ralative;
	text-align: center;
	height: 50px;
	float: right;
	color: #ff384f!important
}

.tz_cover {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.6);
	z-index: 100000;
	width: 100%;
	height: 100%;
	display: none
}

.goods-container {
	padding-bottom: 50px
}

.spike_coming_button {
	background-color: gray;
	height: 100%;
	overflow: hidden;
	font-size: 16px;
	line-height: 50px;
	width: 36%
}

.kt_lottery,.spike_coming_button {
	color: #fff;
	float: right;
	position: relative;
	text-align: center
}

.kt_lottery {
	width: 62.4%;
	height: 50px;
	background-color: #f0373d;
	font-size: 17px;
	line-height: 47px;
	display: inline-block
}

.lottery_off_button {
	border-radius: 5px;
	background-color: gray;
	color: #fff;
	float: left;
	height: 50px;
	overflow: hidden;
	position: relative;
	text-align: center;
	font-size: 16px;
	line-height: 50px;
	width: 49%
}

.lottery_off_button_inside {
	width: 95px;
	height: 100%;
	margin: 0 auto
}

.lottery_off_button_inside img {
	margin-top: 16px;
	height: 17px
}

.lottery_off_button_inside span {
	margin-left: 5px;
	line-height: 50px
}

.lottery_lucky_button {
	border-radius: 5px;
	background-color: #f0373d;
	color: #fff;
	float: right;
	height: 50px;
	overflow: hidden;
	position: relative;
	text-align: center;
	font-size: 16px;
	line-height: 50px;
	width: 49%
}

#go_top_close,#go_top_goods {
	display: block;
	width: 42px;
	height: 42px;
	position: fixed;
	right: 20px;
	bottom: 110px;
	z-index: 999;
	background: url(../img/go_top-b8dda2a315.png) no-repeat;
	background-size: contain;
	opacity: 0;
	-webkit-transition: bottom .8s ease,opacity .6s ease;
	webkit-transition: bottom .8s ease,opacity .6s ease
}

#go_top_close span,#go_top_goods span {
	position: absolute;
	bottom: 7px;
	width: 100%;
	display: block;
	height: 12px;
	line-height: 12px;
	text-align: center;
	font-size: 10px;
	color: #333
}

#go_top_close {
	bottom: 64px;
	background: url(../img/go_top_close-1230c7813f.png) no-repeat;
	background-size: contain
}

#go_home_goods {
	display: block;
	width: 50px;
	height: 50px;
	position: fixed;
	right: 0;
	bottom: 150px;
	z-index: 9999;
	background: url(../img/go_home_goods-9a61f61ff1.png) no-repeat;
	background-size: contain;
	opacity: 0;
	-webkit-transition: bottom .8s ease,opacity .6s ease;
	webkit-transition: bottom .8s ease,opacity .6s ease
}

.group_nearby {
	background-color: #fff;
	width: 100%;
	max-width: 640px;
	border-top: 1px solid #dcdcdc;
	padding-bottom: 5px
}

.nearby_line {
	border-bottom: 1px solid #edecec;
	width: 98%;
	height: 1px;
	position: relative;
	margin-top: 55px
}

.nearby_group_detail {
	padding-left: 10px;
	padding-right: 10px;
	height: 50px;
	position: relative;
	margin-bottom: 10px;
	padding-top: 10px
}

#join_nearby_group_info {
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #eceded
}

.nearby_g_img {
	width: 15%;
	height: 40px;
	float: left;
	position: absolute
}

.nearby_g_owner_img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	display: inline-block
}

.nearby_g_info {
	float: right;
	width: 100%;
	height: 20px;
	display: inline-block
}

#nearby_g_owner {
	width: 35%;
	max-width: 35%;
	font-size: 13px;
	font-weight: 700
}

#nearby_g_address,#nearby_g_owner {
	display: inline-block;
	overflow: hidden;
	margin-left: 20px;
	white-space: nowrap;
	float: left;
	text-align: left;
	line-height: 20px
}

#nearby_g_address {
	width: 20%;
	max-width: 20%;
	font-size: 11px
}

#nearby_g_left_time {
	width: 65%;
	display: inline-block;
	float: right;
	font-size: 11px;
	color: #666;
	text-align: right;
	line-height: 20px;
	height: 20px;
	margin-right: 4px
}

.nearby_g_button {
	width: 65%;
	float: left;
	display: inline-block;
	margin: 5px 0 0 40px;
	height: 40px;
	position: relative;
	border-bottom: 1px solid #fe243d;
	border-top: 1px solid #fe243d
}

.nearby_g_price {
	width: 35%;
	height: 28px;
	line-height: 28px;
	display: inline-block;
	float: left;
	font-size: 11px;
	text-align: center
}

.nearby_g_left_user_num {
	width: 40%;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	float: right;
	font-size: 11px;
	color: #f95757;
	text-align: right;
	margin-left: 20px;
	margin-right: 4px
}

.qucantuan {
	background-color: #fe243d;
	font-size: .12rem;
	height: 40px;
	width: 20%;
	float: left;
	display: inline-block;
	border-radius: 0 50px 50px 0;
	margin-top: 5px
}

.qucantuan span {
	text-align: center;
	display: inline-block;
	margin: 7px 0 0 10px;
	line-height: 25px;
	color: #fff
}

.qucantuan img {
	height: 10px;
	width: 10px;
	margin-top: 15px;
	margin-left: 3px
}

.tmm {
	background-color: #fff;
	padding: 10px;
	position: relative
}

.tmm:before {
	content: "";
	display: none;
	height: 90px;
	position: absolute;
	right: 15px;
	top: 10px;
	width: 90px;
	z-index: 11
}

.mall_goods {
	background-color: #fff;
	width: 100%;
	padding: 10px 10px 5px;
	margin-bottom: 10px;
	margin-top: 10px;
	position: relative;
	border-top: 1px solid #eceded;
	clear: both
}

.mall_goods img {
	width: 50px;
	height: 50px;
	position: relative;
	overflow: hidden;
	border: 1px solid #d7d7d7;
	margin-bottom: 5px
}

.mall_goods .mall_sub {
	display: inline-block;
	margin-left: 10px;
	width: 45%
}

.mall_goods .mall_sub span {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	font-size: 15px;
	position: relative;
	display: inline-block;
	color: #000
}

.mall_goods .mall_sub .sales {
	margin-top: 10px;
	overflow: hidden;
	white-space: nowrap;
	font-size: 12px;
	position: relative
}

.mall_goods .enter_button {
	border: 1px solid #ddd;
	width: 30%;
	min-width: 100px;
	height: 32px;
	display: inline-block;
	text-align: center;
	float: right;
	overflow: hidden;
	border-radius: 3px;
	margin-top: 9px
}

.mall_goods .enter_button img {
	width: 20px;
	height: 20px;
	position: relative;
	vertical-align: middle;
	border: 0
}

.mall_goods .enter_button span {
	margin-left: 10px;
	text-align: center;
	font-size: 14px;
	color: #666;
	height: 32px;
	line-height: 32px
}

.td2 {
	background-color: #fff;
	font-size: 12px;
	margin: 0 -10px;
	padding: 10px 10px 60px;
	position: relative
}

.td2 .out-pic {
	background: url(../img/out-0810f259cb.png) no-repeat;
	background-size: contain
}

.td2 .coming-pic,.td2 .out-pic {
	width: 60px;
	height: 60px;
	position: absolute;
	right: 5px;
	top: 71px;
	z-index: 8880
}

.td2 .coming-pic {
	background: url(../img/coming-c0eceb4166.png) no-repeat;
	background-size: contain
}

.img_absolute {
	position: absolute;
	right: 10px;
	top: -5px;
	z-index: 99999
}

.td2_original_price {
	width: 100%;
	height: 100%
}

.td2_original_price span {
	color: #f95757;
	font-size: 22px;
	line-height: 20px;
	float: left
}

.td2_original_price img {
	float: left;
	height: 15px;
	margin-top: 5px
}

.mar_price {
	float: left;
	font-size: 13px;
	color: #666;
	margin: 3px 10px 5px;
	line-height: 20px
}

.tuangoujia {
	float: left;
	font-size: 10px;
	color: #ff6678;
	position: relative
}

.tuangoujia span {
	border: 1px solid #fac8c8;
	font-size: 8px;
	width: 40px;
	height: 15px;
	border-radius: 25px;
	text-align: center;
	margin-top: 3px
}

.td2_sold_quantity span {
	color: #666;
	font-size: 12px;
	float: right;
	margin-top: 3px
}

.td2_name {
	color: #1a1a1a;
	clear: both;
	font-weight: 700;
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	letter-spacing: 1px
}

.td2_ico {
	background-color: #f0373d;
	border-radius: 15px;
	color: #fff;
	display: inline-block;
	font-size: 9px;
	height: 15px;
	line-height: 15px;
	margin-right: 5px;
	text-align: center;
	width: 38px
}

.td2_cx {
	color: #666;
	line-height: 20px;
	font-size: 14px;
	padding-top: 5px
}

.td2_country_img {
	float: left;
	height: 16px;
	width: 16px
}

.td2_country_warehouse {
	height: 18px;
	font-size: 10px;
	color: #666;
	margin-top: 10px
}

.td2_goods_cx {
	margin: 0 0 10px 5px;
	font-size: 12px;
	padding-top: 0
}

.td2_tax {
	text-decoration: underline;
	float: right;
	margin-right: 2px;
	font-size: 12px;
	color: #000
}

.td2_tax_img {
	margin-top: 2px;
	float: right;
	height: 16px;
	width: 16px
}

.td2_info {
	line-height: 32px;
	margin: 5px 0;
	position: absolute;
	left: 0;
	clear: both;
	height: 32px;
	width: 100%;
	background-color: #f5f5f5
}

.td2_num {
	float: left;
	color: #666;
	width: 100%;
	margin-top: 5px;
	margin-left: 10px;
	height: 17px;
	line-height: 17px
}

.td2_num span {
	margin: 0 5px;
	font-size: 16px
}

.td2_btn {
	color: #000;
	display: block;
	height: 21px;
	line-height: 21px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 95px
}

.td2_btn:after {
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	content: "";
	display: inline-block;
	height: 7px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 7px
}

.td2_extra {
	border: 1px dashed #cfcfcf;
	border-radius: 2px;
	height: 34px;
	line-height: 34px;
	text-align: center
}

.td2_ctime {
	float: left;
	position: relative;
	width: 50%
}

.td2_ctime span {
	margin: 0 5px
}

.td2_ctime:after {
	background-color: #d7d7d7;
	content: "";
	display: block;
	height: 11px;
	position: absolute;
	right: 0;
	top: 11px;
	width: 1px
}

.td2_hb {
	border: 1px dotted #d0d0d0;
	color: #f13b40;
	font-size: 11px;
	height: 18px;
	line-height: 18px;
	padding: 8px 0;
	text-align: center
}

.td2_hb_ico {
	background-color: #f13b40;
	border-radius: 2px;
	display: inline-block;
	height: 10px;
	margin-right: 5px;
	overflow: hidden;
	position: relative;
	vertical-align: -1px;
	width: 9px
}

.td2_hb_ico i {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	display: block;
	height: 8px;
	left: 0;
	position: absolute;
	top: -5px;
	width: 8px
}

.td2_hb:after {
	border-bottom: 1px solid #f0373d;
	border-right: 1px solid #f0373d;
	content: "";
	display: none;
	height: 7px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 7px
}

.td2_nprice {
	display: none;
	margin: 10px 0 5px
}

.td2_nprice i {
	color: #f0373d;
	font-size: 9px
}

.td2_nprice b {
	color: #f0373d;
	font-size: 18px;
	font-weight: 400;
	line-height: 18px
}

.kt {
	position: fixed;
	width: 100%;
	max-width: 640px;
	z-index: 8888;
	padding: 0;
	bottom: 0;
	background-color: #fff;
	font-size: 12px;
	height: 50px
}

.kt:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden
}

.kt .out {
	background: #bbb
}

.kt .out,.kt .out #tuan_one_number,.kt .out b {
	color: #fff!important
}

.kt1 {
	background-color: #fff;
	font-size: 12px;
	padding: 0 10px 10px 0;
	height: 40px
}

.kt1:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden
}

.kt_index,.kt_like {
	width: 12.5%;
	height: 42px;
	margin-top: 3px;
	position: relative;
	float: left;
	display: inline-block;
	border-right: 1px solid #e1e1e1
}

.kt_index_img {
	background-size: contain;
	height: 20px;
	width: 20px;
	border: 0;
	margin: 5px auto 0
}

.kt_index_img_bg {
	position: relative;
	left: -1px;
	height: 21px;
	width: 22px;
	background-image: url(../img/bg_v7-e5e65ca3ee.png);
	background-repeat: no-repeat;
	background-size: 159px 75.6px;
	background-position: -135px -21px
}

.kt_index_img_bg.liked {
	background-position: -135px 0
}

.kt_index_text {
	font-size: 10px;
	color: #666;
	display: block;
	text-align: center;
	margin-top: 2px;
	-webkit-text-size-adjust: none
}

.kt_message {
	width: 12.5%;
	float: left;
	height: 42px;
	margin-top: 3px;
	position: relative;
	display: inline-block
}

.kt_message_img {
	background-size: contain;
	height: 22px;
	width: 22px;
	border: 0;
	margin: 5px auto 0;
	background-image: url(../img/chat_disable-80def53840.png);
	background-repeat: no-repeat
}

.can_contact {
	background-image: url(../img/message-fb3e83c325.png)
}

.kt_message_text {
	font-size: 10px;
	color: #666;
	display: block;
	text-align: center
}

.kt_item {
	background-color: #fe243d;
	color: #fe243d;
	float: right;
	width: 34.5%;
	height: 100%;
	overflow: hidden;
	position: relative;
	text-align: center
}
.free-trial-btn{
	width: 34.5%;
}

.kt_item:first-child {
	margin-right: 0
}

.kt_item2 {
	background: url(../img/btn2-9c8470e223.png) no-repeat!important
}

.kt_item1 {
	background: url(../img/btn-b631bb1dd2.png) no-repeat;
	background-size: cover;
	float: right;
	margin-right: 0;
	overflow: hidden;
	position: relative;
	width: 100%
}

.kt_item1,.kt_item1 .kt_height {
	color: #fff;
	height: 50px;
	text-align: center
}

.kt_item1 .kt_height {
	position: absolute;
	right: 0;
	top: 0;
	width: 31%;
	line-height: 50px;
	font-size: 18px;
	font-weight: 400
}

.kt_item1 .kt_price1 {
	display: block;
	width: auto;
	height: 50px;
	padding: 0;
	float: left
}

.kt_item1 .kt_price1 p {
	height: 20px;
	margin-top: 2px;
	text-align: left
}

.kt_tit {
	font-size: 14px;
	height: 18px;
	line-height: 18px;
	margin-bottom: 0;
	margin-top: 13px;
	color: #fff
}

.kt_price {
	text-align: center;
	margin-top: 5px;
	font-size: .11rem;
	height: 22px;
	line-height: 22px
}

.kt_price span {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	margin-top: 2px
}

.kt_price b,.kt_price i {
	font-size: 14px
}

.kt_price b {
	font-weight: 400;
	color: #fe243d;
	margin-top: 2px
}

.kt_btn {
	bottom: 2px;
	height: 23px;
	line-height: 23px;
	color: #fff
}

.kt_btn,.kt_btn:before {
	left: 0;
	position: absolute;
	width: 100%
}

.kt_btn:before {
	display: block;
	height: 2px;
	right: 0;
	top: -2px
}

#tuan_more_number {
	color: #fff!important;
	font-size: 14px;
	font-weight: 700;
	width: 100%;
	text-align: center
}

#tuan_one_number {
	font-weight: 400;
	font-size: .11rem;
	color: #fff;
	width: 100%
}

.kt_item_buy {
	background-color: #fe939d;
	width: 28%;
	font-size: .11rem
}

.kt_item_buy span {
	font-weight: 700;
	color: #fff
}

.kt_item_buy b,.kt_item_buy i,.kt_item_buy span {
	font-size: .11rem;
	line-height: 20px;
	height: 20px
}

.kt_item_buy b {
	font-weight: 400;
	color: #fff
}

.kt_item_buy.out {
	background: #ccc!important
}

.kt_free_button {
	background-color: #fe243d;
	color: #fe243d;
	float: right;
	width: 60%;
	height: 50px;
	overflow: hidden;
	position: relative;
	text-align: center;
	font-size: .11rem
}

.tuanzhang_free_text {
	font-size: 18px;
	line-height: 50px;
	height: 50px;
	font-weight: 900;
	float: left;
	left: 0
}

.tuanzhang_free_price,.tuanzhang_free_text {
	color: #fff;
	text-align: center;
	position: absolute;
	width: 50%
}

.tuanzhang_free_price {
	font-size: .11rem;
	font-weight: 400;
	line-height: 25px;
	height: 25px;
	float: right;
	right: 0;
	margin-top: 1px
}

.tuanzhang_free_btn {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	width: 50%;
	text-align: center;
	float: right;
	margin-top: 25px;
	right: 0;
	position: absolute
}

.back-index a {
	display: block;
	border: none;
	background: #f0373d;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	border-radius: 2px
}

.back-index a,.which_one span {
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 20px
}

.which_one span {
	display: inline-block;
	text-align: inherit!important;
	margin-right: 116px
}

#which_msg {
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	margin-right: 30%;
	color: #fff!important
}

#lg-td-img {
	width: 70px;
	height: 70px;
	margin: 10px
}

.checkMoreGroups {
	width: 74.9%;
	height: 50px;
	position: relative;
	background-color: #f0373d;
	float: right;
	display: inline-block
}

.checkMoreGroupsInside {
	position: relative;
	width: 95px;
	margin: 0 auto;
	color: #fff
}

.checkMoreGroupsInside img {
	margin-top: 15px;
	height: 17px
}

.checkMoreGroupsInside span {
	margin-left: 5px;
	font-size: 17px;
	line-height: 47px
}

.kt_lottery_waiting {
	color: #fff;
	position: fixed;
	bottom: 50px;
	background-color: #000;
	opacity: .6;
	height: 40px;
	width: 100%;
	line-height: 40px;
	font-size: 17px;
	text-align: center
}

.lotteryRule {
	margin-top: 5px
}

.lotteryRule span {
	color: #666;
	font-size: 14px;
	display: block
}

.lotteryIcon {
	color: #f95757;
	border: 1px solid #f95757;
	border-radius: 2px;
	width: 35px;
	height: 16px;
	line-height: 16px;
	font-family: Arial,Microsoft YaHei,\\9ED1\4F53,\\5B8B\4F53,sans-serif;
	font-size: 10px;
	text-align: center;
	float: left
}

#app-group-popup-bg {
	z-index: 10000;
	width: 100%;
	max-width: 640px;
	height: 100%;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
	background-color: rgba(0,0,0,.75)
}

#app-group-panel-bg {
	z-index: 10001;
	width: 88%;
	min-height: 200px;
	margin: 0 auto;
	position: relative;
	top: 22%;
	background-color: #fff;
	color: #fff;
	border-radius: 5px;
	padding-top: 20px;
	padding-bottom: 36px
}

.app-group_font_red {
	color: #f62e31;
	font-size: 18px;
	font-weight: 700;
	text-align: center
}

.app-group_font_gray {
	font-size: 14px;
	font-weight: 700;
	color: #9fa09a;
	text-align: left;
	margin-top: 20px;
	margin-left: 10%
}

.app-group_btn {
	display: inline-block;
	width: 78%;
	border-radius: 3px;
	background-color: #afafaf;
	font-weight: 700;
	font-size: 18px;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	line-height: 48px;
	margin-top: 10px;
	margin-left: 11%;
	margin-right: 11%
}

.app-group_btn span {
	margin-left: -3px
}

html {
	font-size: 90px!important
}

@media only screen and (min-width:319px) {
	html {
		font-size: 100px!important
	}
}

@media only screen and (min-width:370px) {
	html {
		font-size: 117px!important
	}
}

@media only screen and (min-width:639px) {
	html {
		font-size: 200px!important
	}
}

.img_out {
	width: 90px;
	background-size: cover;
	height: 90px;
	position: absolute;
	top: 0;
	right: 5px;
	display: none;
	background-image: url(../img/soldout-52105f0281.png)
}

.fl {
	float: left
}

.fr {
	float: right
}

#tuan-message {
	margin-top: 15px;
	margin-bottom: 15px;
	height: .8rem;
	border-bottom: 1px solid #ddd
}

#tuan-message .pic {
	border: 1px solid #ccc;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	margin-left: .23rem;
	margin-right: .23rem;
	overflow: hidden
}

#tuan-message .message {
	width: 2rem;
	font-size: .14rem
}

#tuan-detail {
	margin: .1rem;
	margin-bottom: .2rem
}

#tuan-detail #message-line {
	font-size: 16px;
	margin-bottom: 50px;
	margin-top: 20px
}

#tuan-detail #message-line strong {
	color: #df2127
}

#tuan-detail #message-line strong small {
	font-size: 16px
}

#indicatorContainerWrap {
	width: 200px;
	height: auto;
	margin: auto;
	-webkit-transform: translateX(20%)
}

#message-buttom {
	background: #4b4b4b;
	height: .45rem;
	width: 100%;
	color: #fff;
	font-size: 16px;
	line-height: .45rem;
	padding-left: .1rem;
	padding-right: .1rem;
	position: relative
}

#message-buttom .pic {
	width: .3rem;
	height: .3rem;
	border-radius: 50%;
	border: 1px solid #fff;
	margin-top: .07rem;
	margin-right: 18px
}

#message-buttom .pic+span {
	margin-top: 7px
}

#triangle-up {
	position: absolute;
	left: 50%;
	top: -.24rem;
	width: 0;
	height: 0;
	border-left: .2rem solid transparent;
	border-right: .2rem solid transparent;
	border-bottom: .3rem solid #4b4b4b;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.radial-progress {
	margin: auto;
	width: 120px;
	height: 120px;
	background-color: #d6dadc;
	border-radius: 50%
}

.radial-progress .circle .fill,.radial-progress .circle .mask,.radial-progress .circle .shadow {
	width: 120px;
	height: 120px;
	position: absolute;
	border-radius: 50%
}

.radial-progress .circle .shadow {
	box-shadow: inset 6px 6px 10px rgba(0,0,0,.2)
}

.radial-progress .circle .fill,.radial-progress .circle .mask {
	-webkit-backface-visibility: hidden;
	transition: -webkit-transform 1s;
	-webkit-transition: -webkit-transform 1s;
	transition: transform 1s;
	transition: transform 1s,-webkit-transform 1s;
	border-radius: 50%
}

.radial-progress .circle .mask {
	clip: rect(0,120px,120px,60px)
}

.radial-progress .circle .mask .fill {
	clip: rect(0,60px,120px,0);
	background-color: red
}

.radial-progress .inset {
	width: 100px;
	height: 100px;
	position: absolute;
	margin-left: 10px;
	margin-top: 10px;
	background-color: #fbfbfb;
	border-radius: 50%;
	box-shadow: 6px 6px 10px rgba(0,0,0,.2)
}

.radial-progress .inset .percentage {
	height: 22px;
	width: 57px;
	overflow: hidden;
	position: absolute;
	top: 39px;
	left: 21.5px;
	line-height: 1
}

.radial-progress .inset .percentage .numbers {
	margin-top: -22px;
	-webkit-transition: width 1s;
	transition: width 1s
}

.radial-progress .inset .percentage .numbers span {
	width: 57px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	font-weight: 800;
	font-size: 22px;
	font-family: Lato,Helvetica Neue,Helvetica,Arial,sans-serif;
	color: red
}

.radial-progress[data-progress="0"] .circle .fill,.radial-progress[data-progress="0"] .circle .fill.fix,.radial-progress[data-progress="0"] .circle .mask.full {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

.radial-progress[data-progress="0"] .inset .percentage .numbers {
	width: 57px
}

.radial-progress[data-progress="1"] .circle .fill,.radial-progress[data-progress="1"] .circle .mask.full {
	-webkit-transform: rotate(1.8deg);
	transform: rotate(1.8deg)
}

.radial-progress[data-progress="1"] .circle .fill.fix {
	-webkit-transform: rotate(3.6deg);
	transform: rotate(3.6deg)
}

.radial-progress[data-progress="1"] .inset .percentage .numbers {
	width: 114px
}

.radial-progress[data-progress="2"] .circle .fill,.radial-progress[data-progress="2"] .circle .mask.full {
	-webkit-transform: rotate(3.6deg);
	transform: rotate(3.6deg)
}

.radial-progress[data-progress="2"] .circle .fill.fix {
	-webkit-transform: rotate(7.2deg);
	transform: rotate(7.2deg)
}

.radial-progress[data-progress="2"] .inset .percentage .numbers {
	width: 171px
}

.radial-progress[data-progress="3"] .circle .fill,.radial-progress[data-progress="3"] .circle .mask.full {
	-webkit-transform: rotate(5.4deg);
	transform: rotate(5.4deg)
}

.radial-progress[data-progress="3"] .circle .fill.fix {
	-webkit-transform: rotate(10.8deg);
	transform: rotate(10.8deg)
}

.radial-progress[data-progress="3"] .inset .percentage .numbers {
	width: 228px
}

.radial-progress[data-progress="4"] .circle .fill,.radial-progress[data-progress="4"] .circle .mask.full {
	-webkit-transform: rotate(7.2deg);
	transform: rotate(7.2deg)
}

.radial-progress[data-progress="4"] .circle .fill.fix {
	-webkit-transform: rotate(14.4deg);
	transform: rotate(14.4deg)
}

.radial-progress[data-progress="4"] .inset .percentage .numbers {
	width: 285px
}

.radial-progress[data-progress="5"] .circle .fill,.radial-progress[data-progress="5"] .circle .mask.full {
	-webkit-transform: rotate(9deg);
	transform: rotate(9deg)
}

.radial-progress[data-progress="5"] .circle .fill.fix {
	-webkit-transform: rotate(18deg);
	transform: rotate(18deg)
}

.radial-progress[data-progress="5"] .inset .percentage .numbers {
	width: 342px
}

.radial-progress[data-progress="6"] .circle .fill,.radial-progress[data-progress="6"] .circle .mask.full {
	-webkit-transform: rotate(10.8deg);
	transform: rotate(10.8deg)
}

.radial-progress[data-progress="6"] .circle .fill.fix {
	-webkit-transform: rotate(21.6deg);
	transform: rotate(21.6deg)
}

.radial-progress[data-progress="6"] .inset .percentage .numbers {
	width: 399px
}

.radial-progress[data-progress="7"] .circle .fill,.radial-progress[data-progress="7"] .circle .mask.full {
	-webkit-transform: rotate(12.6deg);
	transform: rotate(12.6deg)
}

.radial-progress[data-progress="7"] .circle .fill.fix {
	-webkit-transform: rotate(25.2deg);
	transform: rotate(25.2deg)
}

.radial-progress[data-progress="7"] .inset .percentage .numbers {
	width: 456px
}

.radial-progress[data-progress="8"] .circle .fill,.radial-progress[data-progress="8"] .circle .mask.full {
	-webkit-transform: rotate(14.4deg);
	transform: rotate(14.4deg)
}

.radial-progress[data-progress="8"] .circle .fill.fix {
	-webkit-transform: rotate(28.8deg);
	transform: rotate(28.8deg)
}

.radial-progress[data-progress="8"] .inset .percentage .numbers {
	width: 513px
}

.radial-progress[data-progress="9"] .circle .fill,.radial-progress[data-progress="9"] .circle .mask.full {
	-webkit-transform: rotate(16.2deg);
	transform: rotate(16.2deg)
}

.radial-progress[data-progress="9"] .circle .fill.fix {
	-webkit-transform: rotate(32.4deg);
	transform: rotate(32.4deg)
}

.radial-progress[data-progress="9"] .inset .percentage .numbers {
	width: 570px
}

.radial-progress[data-progress="10"] .circle .fill,.radial-progress[data-progress="10"] .circle .mask.full {
	-webkit-transform: rotate(18deg);
	transform: rotate(18deg)
}

.radial-progress[data-progress="10"] .circle .fill.fix {
	-webkit-transform: rotate(36deg);
	transform: rotate(36deg)
}

.radial-progress[data-progress="10"] .inset .percentage .numbers {
	width: 627px
}

.radial-progress[data-progress="11"] .circle .fill,.radial-progress[data-progress="11"] .circle .mask.full {
	-webkit-transform: rotate(19.8deg);
	transform: rotate(19.8deg)
}

.radial-progress[data-progress="11"] .circle .fill.fix {
	-webkit-transform: rotate(39.6deg);
	transform: rotate(39.6deg)
}

.radial-progress[data-progress="11"] .inset .percentage .numbers {
	width: 684px
}

.radial-progress[data-progress="12"] .circle .fill,.radial-progress[data-progress="12"] .circle .mask.full {
	-webkit-transform: rotate(21.6deg);
	transform: rotate(21.6deg)
}

.radial-progress[data-progress="12"] .circle .fill.fix {
	-webkit-transform: rotate(43.2deg);
	transform: rotate(43.2deg)
}

.radial-progress[data-progress="12"] .inset .percentage .numbers {
	width: 741px
}

.radial-progress[data-progress="13"] .circle .fill,.radial-progress[data-progress="13"] .circle .mask.full {
	-webkit-transform: rotate(23.4deg);
	transform: rotate(23.4deg)
}

.radial-progress[data-progress="13"] .circle .fill.fix {
	-webkit-transform: rotate(46.8deg);
	transform: rotate(46.8deg)
}

.radial-progress[data-progress="13"] .inset .percentage .numbers {
	width: 798px
}

.radial-progress[data-progress="14"] .circle .fill,.radial-progress[data-progress="14"] .circle .mask.full {
	-webkit-transform: rotate(25.2deg);
	transform: rotate(25.2deg)
}

.radial-progress[data-progress="14"] .circle .fill.fix {
	-webkit-transform: rotate(50.4deg);
	transform: rotate(50.4deg)
}

.radial-progress[data-progress="14"] .inset .percentage .numbers {
	width: 855px
}

.radial-progress[data-progress="15"] .circle .fill,.radial-progress[data-progress="15"] .circle .mask.full {
	-webkit-transform: rotate(27deg);
	transform: rotate(27deg)
}

.radial-progress[data-progress="15"] .circle .fill.fix {
	-webkit-transform: rotate(54deg);
	transform: rotate(54deg)
}

.radial-progress[data-progress="15"] .inset .percentage .numbers {
	width: 912px
}

.radial-progress[data-progress="16"] .circle .fill,.radial-progress[data-progress="16"] .circle .mask.full {
	-webkit-transform: rotate(28.8deg);
	transform: rotate(28.8deg)
}

.radial-progress[data-progress="16"] .circle .fill.fix {
	-webkit-transform: rotate(57.6deg);
	transform: rotate(57.6deg)
}

.radial-progress[data-progress="16"] .inset .percentage .numbers {
	width: 969px
}

.radial-progress[data-progress="17"] .circle .fill,.radial-progress[data-progress="17"] .circle .mask.full {
	-webkit-transform: rotate(30.6deg);
	transform: rotate(30.6deg)
}

.radial-progress[data-progress="17"] .circle .fill.fix {
	-webkit-transform: rotate(61.2deg);
	transform: rotate(61.2deg)
}

.radial-progress[data-progress="17"] .inset .percentage .numbers {
	width: 1026px
}

.radial-progress[data-progress="18"] .circle .fill,.radial-progress[data-progress="18"] .circle .mask.full {
	-webkit-transform: rotate(32.4deg);
	transform: rotate(32.4deg)
}

.radial-progress[data-progress="18"] .circle .fill.fix {
	-webkit-transform: rotate(64.8deg);
	transform: rotate(64.8deg)
}

.radial-progress[data-progress="18"] .inset .percentage .numbers {
	width: 1083px
}

.radial-progress[data-progress="19"] .circle .fill,.radial-progress[data-progress="19"] .circle .mask.full {
	-webkit-transform: rotate(34.2deg);
	transform: rotate(34.2deg)
}

.radial-progress[data-progress="19"] .circle .fill.fix {
	-webkit-transform: rotate(68.4deg);
	transform: rotate(68.4deg)
}

.radial-progress[data-progress="19"] .inset .percentage .numbers {
	width: 1140px
}

.radial-progress[data-progress="20"] .circle .fill,.radial-progress[data-progress="20"] .circle .mask.full {
	-webkit-transform: rotate(36deg);
	transform: rotate(36deg)
}

.radial-progress[data-progress="20"] .circle .fill.fix {
	-webkit-transform: rotate(72deg);
	transform: rotate(72deg)
}

.radial-progress[data-progress="20"] .inset .percentage .numbers {
	width: 1197px
}

.radial-progress[data-progress="21"] .circle .fill,.radial-progress[data-progress="21"] .circle .mask.full {
	-webkit-transform: rotate(37.8deg);
	transform: rotate(37.8deg)
}

.radial-progress[data-progress="21"] .circle .fill.fix {
	-webkit-transform: rotate(75.6deg);
	transform: rotate(75.6deg)
}

.radial-progress[data-progress="21"] .inset .percentage .numbers {
	width: 1254px
}

.radial-progress[data-progress="22"] .circle .fill,.radial-progress[data-progress="22"] .circle .mask.full {
	-webkit-transform: rotate(39.6deg);
	transform: rotate(39.6deg)
}

.radial-progress[data-progress="22"] .circle .fill.fix {
	-webkit-transform: rotate(79.2deg);
	transform: rotate(79.2deg)
}

.radial-progress[data-progress="22"] .inset .percentage .numbers {
	width: 1311px
}

.radial-progress[data-progress="23"] .circle .fill,.radial-progress[data-progress="23"] .circle .mask.full {
	-webkit-transform: rotate(41.4deg);
	transform: rotate(41.4deg)
}

.radial-progress[data-progress="23"] .circle .fill.fix {
	-webkit-transform: rotate(82.8deg);
	transform: rotate(82.8deg)
}

.radial-progress[data-progress="23"] .inset .percentage .numbers {
	width: 1368px
}

.radial-progress[data-progress="24"] .circle .fill,.radial-progress[data-progress="24"] .circle .mask.full {
	-webkit-transform: rotate(43.2deg);
	transform: rotate(43.2deg)
}

.radial-progress[data-progress="24"] .circle .fill.fix {
	-webkit-transform: rotate(86.4deg);
	transform: rotate(86.4deg)
}

.radial-progress[data-progress="24"] .inset .percentage .numbers {
	width: 1425px
}

.radial-progress[data-progress="25"] .circle .fill,.radial-progress[data-progress="25"] .circle .mask.full {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.radial-progress[data-progress="25"] .circle .fill.fix {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.radial-progress[data-progress="25"] .inset .percentage .numbers {
	width: 1482px
}

.radial-progress[data-progress="26"] .circle .fill,.radial-progress[data-progress="26"] .circle .mask.full {
	-webkit-transform: rotate(46.8deg);
	transform: rotate(46.8deg)
}

.radial-progress[data-progress="26"] .circle .fill.fix {
	-webkit-transform: rotate(93.6deg);
	transform: rotate(93.6deg)
}

.radial-progress[data-progress="26"] .inset .percentage .numbers {
	width: 1539px
}

.radial-progress[data-progress="27"] .circle .fill,.radial-progress[data-progress="27"] .circle .mask.full {
	-webkit-transform: rotate(48.6deg);
	transform: rotate(48.6deg)
}

.radial-progress[data-progress="27"] .circle .fill.fix {
	-webkit-transform: rotate(97.2deg);
	transform: rotate(97.2deg)
}

.radial-progress[data-progress="27"] .inset .percentage .numbers {
	width: 1596px
}

.radial-progress[data-progress="28"] .circle .fill,.radial-progress[data-progress="28"] .circle .mask.full {
	-webkit-transform: rotate(50.4deg);
	transform: rotate(50.4deg)
}

.radial-progress[data-progress="28"] .circle .fill.fix {
	-webkit-transform: rotate(100.8deg);
	transform: rotate(100.8deg)
}

.radial-progress[data-progress="28"] .inset .percentage .numbers {
	width: 1653px
}

.radial-progress[data-progress="29"] .circle .fill,.radial-progress[data-progress="29"] .circle .mask.full {
	-webkit-transform: rotate(52.2deg);
	transform: rotate(52.2deg)
}

.radial-progress[data-progress="29"] .circle .fill.fix {
	-webkit-transform: rotate(104.4deg);
	transform: rotate(104.4deg)
}

.radial-progress[data-progress="29"] .inset .percentage .numbers {
	width: 1710px
}

.radial-progress[data-progress="30"] .circle .fill,.radial-progress[data-progress="30"] .circle .mask.full {
	-webkit-transform: rotate(54deg);
	transform: rotate(54deg)
}

.radial-progress[data-progress="30"] .circle .fill.fix {
	-webkit-transform: rotate(108deg);
	transform: rotate(108deg)
}

.radial-progress[data-progress="30"] .inset .percentage .numbers {
	width: 1767px
}

.radial-progress[data-progress="31"] .circle .fill,.radial-progress[data-progress="31"] .circle .mask.full {
	-webkit-transform: rotate(55.8deg);
	transform: rotate(55.8deg)
}

.radial-progress[data-progress="31"] .circle .fill.fix {
	-webkit-transform: rotate(.31turn);
	transform: rotate(.31turn)
}

.radial-progress[data-progress="31"] .inset .percentage .numbers {
	width: 1824px
}

.radial-progress[data-progress="32"] .circle .fill,.radial-progress[data-progress="32"] .circle .mask.full {
	-webkit-transform: rotate(57.6deg);
	transform: rotate(57.6deg)
}

.radial-progress[data-progress="32"] .circle .fill.fix {
	-webkit-transform: rotate(.32turn);
	transform: rotate(.32turn)
}

.radial-progress[data-progress="32"] .inset .percentage .numbers {
	width: 1881px
}

.radial-progress[data-progress="33"] .circle .fill,.radial-progress[data-progress="33"] .circle .mask.full {
	-webkit-transform: rotate(59.4deg);
	transform: rotate(59.4deg)
}

.radial-progress[data-progress="33"] .circle .fill.fix {
	-webkit-transform: rotate(.33turn);
	transform: rotate(.33turn)
}

.radial-progress[data-progress="33"] .inset .percentage .numbers {
	width: 1938px
}

.radial-progress[data-progress="34"] .circle .fill,.radial-progress[data-progress="34"] .circle .mask.full {
	-webkit-transform: rotate(61.2deg);
	transform: rotate(61.2deg)
}

.radial-progress[data-progress="34"] .circle .fill.fix {
	-webkit-transform: rotate(.34turn);
	transform: rotate(.34turn)
}

.radial-progress[data-progress="34"] .inset .percentage .numbers {
	width: 1995px
}

.radial-progress[data-progress="35"] .circle .fill,.radial-progress[data-progress="35"] .circle .mask.full {
	-webkit-transform: rotate(63deg);
	transform: rotate(63deg)
}

.radial-progress[data-progress="35"] .circle .fill.fix {
	-webkit-transform: rotate(126deg);
	transform: rotate(126deg)
}

.radial-progress[data-progress="35"] .inset .percentage .numbers {
	width: 2052px
}

.radial-progress[data-progress="36"] .circle .fill,.radial-progress[data-progress="36"] .circle .mask.full {
	-webkit-transform: rotate(64.8deg);
	transform: rotate(64.8deg)
}

.radial-progress[data-progress="36"] .circle .fill.fix {
	-webkit-transform: rotate(.36turn);
	transform: rotate(.36turn)
}

.radial-progress[data-progress="36"] .inset .percentage .numbers {
	width: 2109px
}

.radial-progress[data-progress="37"] .circle .fill,.radial-progress[data-progress="37"] .circle .mask.full {
	-webkit-transform: rotate(66.6deg);
	transform: rotate(66.6deg)
}

.radial-progress[data-progress="37"] .circle .fill.fix {
	-webkit-transform: rotate(.37turn);
	transform: rotate(.37turn)
}

.radial-progress[data-progress="37"] .inset .percentage .numbers {
	width: 2166px
}

.radial-progress[data-progress="38"] .circle .fill,.radial-progress[data-progress="38"] .circle .mask.full {
	-webkit-transform: rotate(68.4deg);
	transform: rotate(68.4deg)
}

.radial-progress[data-progress="38"] .circle .fill.fix {
	-webkit-transform: rotate(.38turn);
	transform: rotate(.38turn)
}

.radial-progress[data-progress="38"] .inset .percentage .numbers {
	width: 2223px
}

.radial-progress[data-progress="39"] .circle .fill,.radial-progress[data-progress="39"] .circle .mask.full {
	-webkit-transform: rotate(70.2deg);
	transform: rotate(70.2deg)
}

.radial-progress[data-progress="39"] .circle .fill.fix {
	-webkit-transform: rotate(.39turn);
	transform: rotate(.39turn)
}

.radial-progress[data-progress="39"] .inset .percentage .numbers {
	width: 2280px
}

.radial-progress[data-progress="40"] .circle .fill,.radial-progress[data-progress="40"] .circle .mask.full {
	-webkit-transform: rotate(72deg);
	transform: rotate(72deg)
}

.radial-progress[data-progress="40"] .circle .fill.fix {
	-webkit-transform: rotate(144deg);
	transform: rotate(144deg)
}

.radial-progress[data-progress="40"] .inset .percentage .numbers {
	width: 2337px
}

.radial-progress[data-progress="41"] .circle .fill,.radial-progress[data-progress="41"] .circle .mask.full {
	-webkit-transform: rotate(73.8deg);
	transform: rotate(73.8deg)
}

.radial-progress[data-progress="41"] .circle .fill.fix {
	-webkit-transform: rotate(.41turn);
	transform: rotate(.41turn)
}

.radial-progress[data-progress="41"] .inset .percentage .numbers {
	width: 2394px
}

.radial-progress[data-progress="42"] .circle .fill,.radial-progress[data-progress="42"] .circle .mask.full {
	-webkit-transform: rotate(75.6deg);
	transform: rotate(75.6deg)
}

.radial-progress[data-progress="42"] .circle .fill.fix {
	-webkit-transform: rotate(.42turn);
	transform: rotate(.42turn)
}

.radial-progress[data-progress="42"] .inset .percentage .numbers {
	width: 2451px
}

.radial-progress[data-progress="43"] .circle .fill,.radial-progress[data-progress="43"] .circle .mask.full {
	-webkit-transform: rotate(77.4deg);
	transform: rotate(77.4deg)
}

.radial-progress[data-progress="43"] .circle .fill.fix {
	-webkit-transform: rotate(154.8deg);
	transform: rotate(154.8deg)
}

.radial-progress[data-progress="43"] .inset .percentage .numbers {
	width: 2508px
}

.radial-progress[data-progress="44"] .circle .fill,.radial-progress[data-progress="44"] .circle .mask.full {
	-webkit-transform: rotate(79.2deg);
	transform: rotate(79.2deg)
}

.radial-progress[data-progress="44"] .circle .fill.fix {
	-webkit-transform: rotate(.44turn);
	transform: rotate(.44turn)
}

.radial-progress[data-progress="44"] .inset .percentage .numbers {
	width: 2565px
}

.radial-progress[data-progress="45"] .circle .fill,.radial-progress[data-progress="45"] .circle .mask.full {
	-webkit-transform: rotate(81deg);
	transform: rotate(81deg)
}

.radial-progress[data-progress="45"] .circle .fill.fix {
	-webkit-transform: rotate(162deg);
	transform: rotate(162deg)
}

.radial-progress[data-progress="45"] .inset .percentage .numbers {
	width: 2622px
}

.radial-progress[data-progress="46"] .circle .fill,.radial-progress[data-progress="46"] .circle .mask.full {
	-webkit-transform: rotate(82.8deg);
	transform: rotate(82.8deg)
}

.radial-progress[data-progress="46"] .circle .fill.fix {
	-webkit-transform: rotate(165.6deg);
	transform: rotate(165.6deg)
}

.radial-progress[data-progress="46"] .inset .percentage .numbers {
	width: 2679px
}

.radial-progress[data-progress="47"] .circle .fill,.radial-progress[data-progress="47"] .circle .mask.full {
	-webkit-transform: rotate(84.6deg);
	transform: rotate(84.6deg)
}

.radial-progress[data-progress="47"] .circle .fill.fix {
	-webkit-transform: rotate(.47turn);
	transform: rotate(.47turn)
}

.radial-progress[data-progress="47"] .inset .percentage .numbers {
	width: 2736px
}

.radial-progress[data-progress="48"] .circle .fill,.radial-progress[data-progress="48"] .circle .mask.full {
	-webkit-transform: rotate(86.4deg);
	transform: rotate(86.4deg)
}

.radial-progress[data-progress="48"] .circle .fill.fix {
	-webkit-transform: rotate(172.8deg);
	transform: rotate(172.8deg)
}

.radial-progress[data-progress="48"] .inset .percentage .numbers {
	width: 2793px
}

.radial-progress[data-progress="49"] .circle .fill,.radial-progress[data-progress="49"] .circle .mask.full {
	-webkit-transform: rotate(88.2deg);
	transform: rotate(88.2deg)
}

.radial-progress[data-progress="49"] .circle .fill.fix {
	-webkit-transform: rotate(.49turn);
	transform: rotate(.49turn)
}

.radial-progress[data-progress="49"] .inset .percentage .numbers {
	width: 2850px
}

.radial-progress[data-progress="50"] .circle .fill,.radial-progress[data-progress="50"] .circle .mask.full {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.radial-progress[data-progress="50"] .circle .fill.fix {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.radial-progress[data-progress="50"] .inset .percentage .numbers {
	width: 2907px
}

.radial-progress[data-progress="51"] .circle .fill,.radial-progress[data-progress="51"] .circle .mask.full {
	-webkit-transform: rotate(91.8deg);
	transform: rotate(91.8deg)
}

.radial-progress[data-progress="51"] .circle .fill.fix {
	-webkit-transform: rotate(.51turn);
	transform: rotate(.51turn)
}

.radial-progress[data-progress="51"] .inset .percentage .numbers {
	width: 2964px
}

.radial-progress[data-progress="52"] .circle .fill,.radial-progress[data-progress="52"] .circle .mask.full {
	-webkit-transform: rotate(93.6deg);
	transform: rotate(93.6deg)
}

.radial-progress[data-progress="52"] .circle .fill.fix {
	-webkit-transform: rotate(.52turn);
	transform: rotate(.52turn)
}

.radial-progress[data-progress="52"] .inset .percentage .numbers {
	width: 3021px
}

.radial-progress[data-progress="53"] .circle .fill,.radial-progress[data-progress="53"] .circle .mask.full {
	-webkit-transform: rotate(95.4deg);
	transform: rotate(95.4deg)
}

.radial-progress[data-progress="53"] .circle .fill.fix {
	-webkit-transform: rotate(.53turn);
	transform: rotate(.53turn)
}

.radial-progress[data-progress="53"] .inset .percentage .numbers {
	width: 3078px
}

.radial-progress[data-progress="54"] .circle .fill,.radial-progress[data-progress="54"] .circle .mask.full {
	-webkit-transform: rotate(97.2deg);
	transform: rotate(97.2deg)
}

.radial-progress[data-progress="54"] .circle .fill.fix {
	-webkit-transform: rotate(.54turn);
	transform: rotate(.54turn)
}

.radial-progress[data-progress="54"] .inset .percentage .numbers {
	width: 3135px
}

.radial-progress[data-progress="55"] .circle .fill,.radial-progress[data-progress="55"] .circle .mask.full {
	-webkit-transform: rotate(99deg);
	transform: rotate(99deg)
}

.radial-progress[data-progress="55"] .circle .fill.fix {
	-webkit-transform: rotate(198deg);
	transform: rotate(198deg)
}

.radial-progress[data-progress="55"] .inset .percentage .numbers {
	width: 3192px
}

.radial-progress[data-progress="56"] .circle .fill,.radial-progress[data-progress="56"] .circle .mask.full {
	-webkit-transform: rotate(100.8deg);
	transform: rotate(100.8deg)
}

.radial-progress[data-progress="56"] .circle .fill.fix {
	-webkit-transform: rotate(201.6deg);
	transform: rotate(201.6deg)
}

.radial-progress[data-progress="56"] .inset .percentage .numbers {
	width: 3249px
}

.radial-progress[data-progress="57"] .circle .fill,.radial-progress[data-progress="57"] .circle .mask.full {
	-webkit-transform: rotate(102.6deg);
	transform: rotate(102.6deg)
}

.radial-progress[data-progress="57"] .circle .fill.fix {
	-webkit-transform: rotate(.57turn);
	transform: rotate(.57turn)
}

.radial-progress[data-progress="57"] .inset .percentage .numbers {
	width: 3306px
}

.radial-progress[data-progress="58"] .circle .fill,.radial-progress[data-progress="58"] .circle .mask.full {
	-webkit-transform: rotate(104.4deg);
	transform: rotate(104.4deg)
}

.radial-progress[data-progress="58"] .circle .fill.fix {
	-webkit-transform: rotate(208.8deg);
	transform: rotate(208.8deg)
}

.radial-progress[data-progress="58"] .inset .percentage .numbers {
	width: 3363px
}

.radial-progress[data-progress="59"] .circle .fill,.radial-progress[data-progress="59"] .circle .mask.full {
	-webkit-transform: rotate(106.2deg);
	transform: rotate(106.2deg)
}

.radial-progress[data-progress="59"] .circle .fill.fix {
	-webkit-transform: rotate(.59turn);
	transform: rotate(.59turn)
}

.radial-progress[data-progress="59"] .inset .percentage .numbers {
	width: 3420px
}

.radial-progress[data-progress="60"] .circle .fill,.radial-progress[data-progress="60"] .circle .mask.full {
	-webkit-transform: rotate(108deg);
	transform: rotate(108deg)
}

.radial-progress[data-progress="60"] .circle .fill.fix {
	-webkit-transform: rotate(216deg);
	transform: rotate(216deg)
}

.radial-progress[data-progress="60"] .inset .percentage .numbers {
	width: 3477px
}

.radial-progress[data-progress="61"] .circle .fill,.radial-progress[data-progress="61"] .circle .mask.full {
	-webkit-transform: rotate(109.8deg);
	transform: rotate(109.8deg)
}

.radial-progress[data-progress="61"] .circle .fill.fix {
	-webkit-transform: rotate(.61turn);
	transform: rotate(.61turn)
}

.radial-progress[data-progress="61"] .inset .percentage .numbers {
	width: 3534px
}

.radial-progress[data-progress="62"] .circle .fill,.radial-progress[data-progress="62"] .circle .mask.full {
	-webkit-transform: rotate(.31turn);
	transform: rotate(.31turn)
}

.radial-progress[data-progress="62"] .circle .fill.fix {
	-webkit-transform: rotate(.62turn);
	transform: rotate(.62turn)
}

.radial-progress[data-progress="62"] .inset .percentage .numbers {
	width: 3591px
}

.radial-progress[data-progress="63"] .circle .fill,.radial-progress[data-progress="63"] .circle .mask.full {
	-webkit-transform: rotate(113.4deg);
	transform: rotate(113.4deg)
}

.radial-progress[data-progress="63"] .circle .fill.fix {
	-webkit-transform: rotate(.63turn);
	transform: rotate(.63turn)
}

.radial-progress[data-progress="63"] .inset .percentage .numbers {
	width: 3648px
}

.radial-progress[data-progress="64"] .circle .fill,.radial-progress[data-progress="64"] .circle .mask.full {
	-webkit-transform: rotate(.32turn);
	transform: rotate(.32turn)
}

.radial-progress[data-progress="64"] .circle .fill.fix {
	-webkit-transform: rotate(.64turn);
	transform: rotate(.64turn)
}

.radial-progress[data-progress="64"] .inset .percentage .numbers {
	width: 3705px
}

.radial-progress[data-progress="65"] .circle .fill,.radial-progress[data-progress="65"] .circle .mask.full {
	-webkit-transform: rotate(117deg);
	transform: rotate(117deg)
}

.radial-progress[data-progress="65"] .circle .fill.fix {
	-webkit-transform: rotate(234deg);
	transform: rotate(234deg)
}

.radial-progress[data-progress="65"] .inset .percentage .numbers {
	width: 3762px
}

.radial-progress[data-progress="66"] .circle .fill,.radial-progress[data-progress="66"] .circle .mask.full {
	-webkit-transform: rotate(.33turn);
	transform: rotate(.33turn)
}

.radial-progress[data-progress="66"] .circle .fill.fix {
	-webkit-transform: rotate(.66turn);
	transform: rotate(.66turn)
}

.radial-progress[data-progress="66"] .inset .percentage .numbers {
	width: 3819px
}

.radial-progress[data-progress="67"] .circle .fill,.radial-progress[data-progress="67"] .circle .mask.full {
	-webkit-transform: rotate(120.6deg);
	transform: rotate(120.6deg)
}

.radial-progress[data-progress="67"] .circle .fill.fix {
	-webkit-transform: rotate(241.2deg);
	transform: rotate(241.2deg)
}

.radial-progress[data-progress="67"] .inset .percentage .numbers {
	width: 3876px
}

.radial-progress[data-progress="68"] .circle .fill,.radial-progress[data-progress="68"] .circle .mask.full {
	-webkit-transform: rotate(.34turn);
	transform: rotate(.34turn)
}

.radial-progress[data-progress="68"] .circle .fill.fix {
	-webkit-transform: rotate(.68turn);
	transform: rotate(.68turn)
}

.radial-progress[data-progress="68"] .inset .percentage .numbers {
	width: 3933px
}

.radial-progress[data-progress="69"] .circle .fill,.radial-progress[data-progress="69"] .circle .mask.full {
	-webkit-transform: rotate(124.2deg);
	transform: rotate(124.2deg)
}

.radial-progress[data-progress="69"] .circle .fill.fix {
	-webkit-transform: rotate(248.4deg);
	transform: rotate(248.4deg)
}

.radial-progress[data-progress="69"] .inset .percentage .numbers {
	width: 3990px
}

.radial-progress[data-progress="70"] .circle .fill,.radial-progress[data-progress="70"] .circle .mask.full {
	-webkit-transform: rotate(126deg);
	transform: rotate(126deg)
}

.radial-progress[data-progress="70"] .circle .fill.fix {
	-webkit-transform: rotate(252deg);
	transform: rotate(252deg)
}

.radial-progress[data-progress="70"] .inset .percentage .numbers {
	width: 4047px
}

.radial-progress[data-progress="71"] .circle .fill,.radial-progress[data-progress="71"] .circle .mask.full {
	-webkit-transform: rotate(127.8deg);
	transform: rotate(127.8deg)
}

.radial-progress[data-progress="71"] .circle .fill.fix {
	-webkit-transform: rotate(.71turn);
	transform: rotate(.71turn)
}

.radial-progress[data-progress="71"] .inset .percentage .numbers {
	width: 4104px
}

.radial-progress[data-progress="72"] .circle .fill,.radial-progress[data-progress="72"] .circle .mask.full {
	-webkit-transform: rotate(.36turn);
	transform: rotate(.36turn)
}

.radial-progress[data-progress="72"] .circle .fill.fix {
	-webkit-transform: rotate(.72turn);
	transform: rotate(.72turn)
}

.radial-progress[data-progress="72"] .inset .percentage .numbers {
	width: 4161px
}

.radial-progress[data-progress="73"] .circle .fill,.radial-progress[data-progress="73"] .circle .mask.full {
	-webkit-transform: rotate(131.4deg);
	transform: rotate(131.4deg)
}

.radial-progress[data-progress="73"] .circle .fill.fix {
	-webkit-transform: rotate(.73turn);
	transform: rotate(.73turn)
}

.radial-progress[data-progress="73"] .inset .percentage .numbers {
	width: 4218px
}

.radial-progress[data-progress="74"] .circle .fill,.radial-progress[data-progress="74"] .circle .mask.full {
	-webkit-transform: rotate(.37turn);
	transform: rotate(.37turn)
}

.radial-progress[data-progress="74"] .circle .fill.fix {
	-webkit-transform: rotate(.74turn);
	transform: rotate(.74turn)
}

.radial-progress[data-progress="74"] .inset .percentage .numbers {
	width: 4275px
}

.radial-progress[data-progress="75"] .circle .fill,.radial-progress[data-progress="75"] .circle .mask.full {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg)
}

.radial-progress[data-progress="75"] .circle .fill.fix {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg)
}

.radial-progress[data-progress="75"] .inset .percentage .numbers {
	width: 4332px
}

.radial-progress[data-progress="76"] .circle .fill,.radial-progress[data-progress="76"] .circle .mask.full {
	-webkit-transform: rotate(.38turn);
	transform: rotate(.38turn)
}

.radial-progress[data-progress="76"] .circle .fill.fix {
	-webkit-transform: rotate(.76turn);
	transform: rotate(.76turn)
}

.radial-progress[data-progress="76"] .inset .percentage .numbers {
	width: 4389px
}

.radial-progress[data-progress="77"] .circle .fill,.radial-progress[data-progress="77"] .circle .mask.full {
	-webkit-transform: rotate(138.6deg);
	transform: rotate(138.6deg)
}

.radial-progress[data-progress="77"] .circle .fill.fix {
	-webkit-transform: rotate(.77turn);
	transform: rotate(.77turn)
}

.radial-progress[data-progress="77"] .inset .percentage .numbers {
	width: 4446px
}

.radial-progress[data-progress="78"] .circle .fill,.radial-progress[data-progress="78"] .circle .mask.full {
	-webkit-transform: rotate(.39turn);
	transform: rotate(.39turn)
}

.radial-progress[data-progress="78"] .circle .fill.fix {
	-webkit-transform: rotate(.78turn);
	transform: rotate(.78turn)
}

.radial-progress[data-progress="78"] .inset .percentage .numbers {
	width: 4503px
}

.radial-progress[data-progress="79"] .circle .fill,.radial-progress[data-progress="79"] .circle .mask.full {
	-webkit-transform: rotate(142.2deg);
	transform: rotate(142.2deg)
}

.radial-progress[data-progress="79"] .circle .fill.fix {
	-webkit-transform: rotate(284.4deg);
	transform: rotate(284.4deg)
}

.radial-progress[data-progress="79"] .inset .percentage .numbers {
	width: 4560px
}

.radial-progress[data-progress="80"] .circle .fill,.radial-progress[data-progress="80"] .circle .mask.full {
	-webkit-transform: rotate(144deg);
	transform: rotate(144deg)
}

.radial-progress[data-progress="80"] .circle .fill.fix {
	-webkit-transform: rotate(288deg);
	transform: rotate(288deg)
}

.radial-progress[data-progress="80"] .inset .percentage .numbers {
	width: 4617px
}

.radial-progress[data-progress="81"] .circle .fill,.radial-progress[data-progress="81"] .circle .mask.full {
	-webkit-transform: rotate(145.8deg);
	transform: rotate(145.8deg)
}

.radial-progress[data-progress="81"] .circle .fill.fix {
	-webkit-transform: rotate(.81turn);
	transform: rotate(.81turn)
}

.radial-progress[data-progress="81"] .inset .percentage .numbers {
	width: 4674px
}

.radial-progress[data-progress="82"] .circle .fill,.radial-progress[data-progress="82"] .circle .mask.full {
	-webkit-transform: rotate(.41turn);
	transform: rotate(.41turn)
}

.radial-progress[data-progress="82"] .circle .fill.fix {
	-webkit-transform: rotate(.82turn);
	transform: rotate(.82turn)
}

.radial-progress[data-progress="82"] .inset .percentage .numbers {
	width: 4731px
}

.radial-progress[data-progress="83"] .circle .fill,.radial-progress[data-progress="83"] .circle .mask.full {
	-webkit-transform: rotate(149.4deg);
	transform: rotate(149.4deg)
}

.radial-progress[data-progress="83"] .circle .fill.fix {
	-webkit-transform: rotate(298.8deg);
	transform: rotate(298.8deg)
}

.radial-progress[data-progress="83"] .inset .percentage .numbers {
	width: 4788px
}

.radial-progress[data-progress="84"] .circle .fill,.radial-progress[data-progress="84"] .circle .mask.full {
	-webkit-transform: rotate(.42turn);
	transform: rotate(.42turn)
}

.radial-progress[data-progress="84"] .circle .fill.fix {
	-webkit-transform: rotate(.84turn);
	transform: rotate(.84turn)
}

.radial-progress[data-progress="84"] .inset .percentage .numbers {
	width: 4845px
}

.radial-progress[data-progress="85"] .circle .fill,.radial-progress[data-progress="85"] .circle .mask.full {
	-webkit-transform: rotate(153deg);
	transform: rotate(153deg)
}

.radial-progress[data-progress="85"] .circle .fill.fix {
	-webkit-transform: rotate(306deg);
	transform: rotate(306deg)
}

.radial-progress[data-progress="85"] .inset .percentage .numbers {
	width: 4902px
}

.radial-progress[data-progress="86"] .circle .fill,.radial-progress[data-progress="86"] .circle .mask.full {
	-webkit-transform: rotate(154.8deg);
	transform: rotate(154.8deg)
}

.radial-progress[data-progress="86"] .circle .fill.fix {
	-webkit-transform: rotate(309.6deg);
	transform: rotate(309.6deg)
}

.radial-progress[data-progress="86"] .inset .percentage .numbers {
	width: 4959px
}

.radial-progress[data-progress="87"] .circle .fill,.radial-progress[data-progress="87"] .circle .mask.full {
	-webkit-transform: rotate(156.6deg);
	transform: rotate(156.6deg)
}

.radial-progress[data-progress="87"] .circle .fill.fix {
	-webkit-transform: rotate(.87turn);
	transform: rotate(.87turn)
}

.radial-progress[data-progress="87"] .inset .percentage .numbers {
	width: 5016px
}

.radial-progress[data-progress="88"] .circle .fill,.radial-progress[data-progress="88"] .circle .mask.full {
	-webkit-transform: rotate(.44turn);
	transform: rotate(.44turn)
}

.radial-progress[data-progress="88"] .circle .fill.fix {
	-webkit-transform: rotate(.88turn);
	transform: rotate(.88turn)
}

.radial-progress[data-progress="88"] .inset .percentage .numbers {
	width: 5073px
}

.radial-progress[data-progress="89"] .circle .fill,.radial-progress[data-progress="89"] .circle .mask.full {
	-webkit-transform: rotate(160.2deg);
	transform: rotate(160.2deg)
}

.radial-progress[data-progress="89"] .circle .fill.fix {
	-webkit-transform: rotate(320.4deg);
	transform: rotate(320.4deg)
}

.radial-progress[data-progress="89"] .inset .percentage .numbers {
	width: 5130px
}

.radial-progress[data-progress="90"] .circle .fill,.radial-progress[data-progress="90"] .circle .mask.full {
	-webkit-transform: rotate(162deg);
	transform: rotate(162deg)
}

.radial-progress[data-progress="90"] .circle .fill.fix {
	-webkit-transform: rotate(324deg);
	transform: rotate(324deg)
}

.radial-progress[data-progress="90"] .inset .percentage .numbers {
	width: 5187px
}

.radial-progress[data-progress="91"] .circle .fill,.radial-progress[data-progress="91"] .circle .mask.full {
	-webkit-transform: rotate(163.8deg);
	transform: rotate(163.8deg)
}

.radial-progress[data-progress="91"] .circle .fill.fix {
	-webkit-transform: rotate(.91turn);
	transform: rotate(.91turn)
}

.radial-progress[data-progress="91"] .inset .percentage .numbers {
	width: 5244px
}

.radial-progress[data-progress="92"] .circle .fill,.radial-progress[data-progress="92"] .circle .mask.full {
	-webkit-transform: rotate(165.6deg);
	transform: rotate(165.6deg)
}

.radial-progress[data-progress="92"] .circle .fill.fix {
	-webkit-transform: rotate(331.2deg);
	transform: rotate(331.2deg)
}

.radial-progress[data-progress="92"] .inset .percentage .numbers {
	width: 5301px
}

.radial-progress[data-progress="93"] .circle .fill,.radial-progress[data-progress="93"] .circle .mask.full {
	-webkit-transform: rotate(167.4deg);
	transform: rotate(167.4deg)
}

.radial-progress[data-progress="93"] .circle .fill.fix {
	-webkit-transform: rotate(.93turn);
	transform: rotate(.93turn)
}

.radial-progress[data-progress="93"] .inset .percentage .numbers {
	width: 5358px
}

.radial-progress[data-progress="94"] .circle .fill,.radial-progress[data-progress="94"] .circle .mask.full {
	-webkit-transform: rotate(.47turn);
	transform: rotate(.47turn)
}

.radial-progress[data-progress="94"] .circle .fill.fix {
	-webkit-transform: rotate(.94turn);
	transform: rotate(.94turn)
}

.radial-progress[data-progress="94"] .inset .percentage .numbers {
	width: 5415px
}

.radial-progress[data-progress="95"] .circle .fill,.radial-progress[data-progress="95"] .circle .mask.full {
	-webkit-transform: rotate(171deg);
	transform: rotate(171deg)
}

.radial-progress[data-progress="95"] .circle .fill.fix {
	-webkit-transform: rotate(342deg);
	transform: rotate(342deg)
}

.radial-progress[data-progress="95"] .inset .percentage .numbers {
	width: 5472px
}

.radial-progress[data-progress="96"] .circle .fill,.radial-progress[data-progress="96"] .circle .mask.full {
	-webkit-transform: rotate(172.8deg);
	transform: rotate(172.8deg)
}

.radial-progress[data-progress="96"] .circle .fill.fix {
	-webkit-transform: rotate(345.6deg);
	transform: rotate(345.6deg)
}

.radial-progress[data-progress="96"] .inset .percentage .numbers {
	width: 5529px
}

.radial-progress[data-progress="97"] .circle .fill,.radial-progress[data-progress="97"] .circle .mask.full {
	-webkit-transform: rotate(174.6deg);
	transform: rotate(174.6deg)
}

.radial-progress[data-progress="97"] .circle .fill.fix {
	-webkit-transform: rotate(.97turn);
	transform: rotate(.97turn)
}

.radial-progress[data-progress="97"] .inset .percentage .numbers {
	width: 5586px
}

.radial-progress[data-progress="98"] .circle .fill,.radial-progress[data-progress="98"] .circle .mask.full {
	-webkit-transform: rotate(.49turn);
	transform: rotate(.49turn)
}

.radial-progress[data-progress="98"] .circle .fill.fix {
	-webkit-transform: rotate(.98turn);
	transform: rotate(.98turn)
}

.radial-progress[data-progress="98"] .inset .percentage .numbers {
	width: 5643px
}

.radial-progress[data-progress="99"] .circle .fill,.radial-progress[data-progress="99"] .circle .mask.full {
	-webkit-transform: rotate(178.2deg);
	transform: rotate(178.2deg)
}

.radial-progress[data-progress="99"] .circle .fill.fix {
	-webkit-transform: rotate(.99turn);
	transform: rotate(.99turn)
}

.radial-progress[data-progress="99"] .inset .percentage .numbers {
	width: 5700px
}

.radial-progress[data-progress="100"] .circle .fill,.radial-progress[data-progress="100"] .circle .mask.full {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.radial-progress[data-progress="100"] .circle .fill.fix {
	-webkit-transform: rotate(1turn);
	transform: rotate(1turn)
}

.radial-progress[data-progress="100"] .inset .percentage .numbers {
	width: 5757px
}

#content_lg .tm {
	background-color: #fff;
	border-bottom: none;
	margin-bottom: 0;
	padding: 0;
	position: relative
}

#content_lg .tm:before {
	top: 57px
}

.message .message_title {
	font-weight: 700
}

.nav_item_hd_coupons_sale {
	color: #000;
	font-size: 14px;
	height: 45px;
	line-height: 45px;
	padding-left: 34px;
	position: relative;
	z-index: 1
}

.nav_item_hd_coupons_sale:before {
	background-image: url(../img/phone-dadda5e73f.png);
	background-repeat: no-repeat;
	background-size: 24px auto;
	content: "";
	height: 24px;
	left: 0;
	position: absolute;
	top: 10px;
	width: 24px;
	border-radius: 100%
}

.nav_item_hd_coupons_sale:after {
	border-bottom: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	content: "";
	display: inline-block;
	height: 7px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	width: 7px
}

.background-color1 {
	background-color: #ff8400
}

#group_title {
	height: 60px
}

#group .tips {
	line-height: 60px;
	height: 60px;
	text-align: center
}

#download {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	background: rgba(0,0,0,.6);
	z-index: 104
}

#download img {
	width: 40px;
	height: 47px;
	margin: 12px 0 12px 20px
}

#download a {
	display: inline-block;
	float: right;
	width: 80px;
	height: 35px;
	text-align: center;
	border-radius: 2px;
	line-height: 35px;
	background: #f18e00;
	color: #fff799;
	margin-top: 17.5px;
	margin-right: 20px
}

.fb {
	position: relative
}

.fb-badge1:after,.fb-badge:after {
	content: "";
	position: absolute;
	left: 19px;
	top: 0;
	background-color: red;
	width: 10px;
	height: 10px;
	border-radius: 5px
}

.active .fb-badge:after {
	content: "";
	display: none
}

.group-app-banner {
	position: fixed;
	top: 0;
	margin: 0;
	padding: 0;
	z-index: 99999;
	width: 100%;
	max-width: 640px
}

.group-app-banner img {
	width: 100%;
	height: auto
}

.lotteryRuleGroupIcon {
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	width: 30px;
	height: 20px;
	font-size: 10px;
	background-color: #fb5f60;
	line-height: 20px;
	text-align: center;
	color: #fff
}

.groupLotteryRule {
	position: absolute;
	font-size: 14px;
	z-index: 99;
	bottom: 0;
	right: 10px;
	height: 17px
}

.pp_users_lottery,.pp_users_lottery2 {
	height: auto!important;
	width: 7.99%!important;
	margin-right: 2%!important
}

.pp_users_lottery2:nth-child(1):after,.pp_users_lottery2:nth-child(2):before,.pp_users_lottery:nth-child(1):after,.pp_users_lottery:nth-child(2):before {
	width: 15px!important;
	height: 10px!important;
	line-height: 10px!important;
	font-size: 5px!important
}

.pp_users_lottery2 img,.pp_users_lottery img {
	border-radius: 100%!important;
	-webkit-border-radius: 100%!important;
	height: 90%;
	width: 90%!important
}

.pp_users_lottery2 {
	margin-right: 1%!important
}

.cover_lou {
	display: none;
	width: 100%;
	height: 100%;
	background-color: #444;
	opacity: .7
}

.cover_lou,.text_lou {
	z-index: 999;
	position: absolute
}

.text_lou {
	top: 50%;
	width: 100px;
	height: 100px;
	background-color: #fff;
	-webkit-transform: translateY(-50%)
}

.content {
	overflow: hidden
}

.mt_order {
	border-bottom: 1px solid #dedede;
	border-top: 1px solid #e4e4e4
}

.mt_g,.mt_order {
	background-color: #fff
}

.mt_g {
	border-bottom: 1px solid #d7d7d7;
	height: 111px;
	overflow: hidden;
	padding: 10px 0;
	margin: 0 10px
}

.mt_g,.mt_g_wrap {
	position: relative
}

.mt_g_wrap {
	padding-left: 100px;
	min-height: 90px
}

.mt_g_img {
	position: absolute;
	left: 0;
	top: 0
}

.mt_g_img img {
	width: 90px;
	height: 90px
}

.mt_g_info {
	padding-top: 10px
}

.mt_g_name {
	color: #333;
	max-height: 36px;
	line-height: 18px;
	overflow: hidden;
	font-size: 14px
}

.mt_g_price {
	bottom: 5px;
	color: #df2127;
	font-size: 13px;
	height: 26px;
	left: 100px;
	line-height: 26px;
	position: absolute;
	width: 155px
}

.mt_g_price .mt_g_number {
	font-size: 12px;
	color: #333;
	margin-right: 4%
}

.mt_g_price span {
	font-size: 18px
}

.mt_g_price span,.mt_g_price span b {
	display: inline-block;
	position: relative;
	top: 1px
}

.mt_g_price span b {
	font-size: 8px;
	font-weight: 400
}

.mt_status {
	height: 50px;
	padding: 0 10px
}

.mt_status_txt {
	color: #df2127;
	line-height: 30px;
	font-size: 14px;
	position: absolute;
	right: 3%;
	bottom: 0
}

.mt_status_lk {
	border: 1px solid #999;
	border-radius: 3px;
	color: #6b6b6b;
	float: right;
	height: 29px;
	line-height: 29px;
	margin-top: 9px;
	padding: 0 10px
}

.mt_status_lk:after {
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	content: "";
	display: inline-block;
	height: 5px;
	margin-left: 5px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	vertical-align: 1px;
	width: 5px
}

.info_address {
	height: 65px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 30px;
	padding: 5px;
	text-align: center;
	background-color: #fff;
	font-size: 14px
}

.mt_status_lk1 {
	border: 1px solid #999;
	border-radius: 3px;
	color: #6b6b6b;
	float: right;
	height: 29px;
	line-height: 29px;
	margin-top: 9px;
	padding: 0 10px
}

.mt_status_lk1.on_going_group {
	color: #fff;
	background-color: #ef283b;
	border: none
}

.marg_right {
	margin-right: 10px
}

.margin_height {
	padding-top: 12px
}

.tips .tips_ico {
	background-image: url(../img/bg_v7-e5e65ca3ee.png);
	background-repeat: no-repeat;
	background-size: 265px 126px
}

.tips .tips_logo {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	height: 50px;
	width: 50px;
	background: url(../img/logo-e166ec751b.jpg) no-repeat;
	background-size: 50px 50px;
	border-radius: 25px
}

.tips {
	background-color: #fff;
	border-bottom: 1px solid #c4bfba;
	height: auto;
	overflow: hidden;
	padding: 10px 20px;
	position: relative;
	text-align: center
}

.tips_ico {
	height: 50px;
	margin-right: 5px;
	width: 50px
}

.tips_ico,.tips_tit {
	display: inline-block
}

.tips_tit {
	color: #333;
	font-size: 16px;
	line-height: 25px;
	vertical-align: 23px
}

.tips_txt {
	line-height: 21px;
	text-align: left
}

.tips_extra,.tips_txt {
	font-size: 12px
}

.tips_extra b {
	color: #333;
	font-weight: 700
}

.tips_opt {
	padding: 5px 10px 0;
	text-align: center
}

.tips_opt a {
	border: 1px solid #d6800b;
	border-radius: 30px;
	color: #6d6d6d;
	display: block;
	height: 28px;
	line-height: 28px;
	margin-bottom: 10px;
	text-align: center
}

.tips_opt a:after {
	background-position: -140px -90px;
	content: "";
	display: inline-block;
	height: 12px;
	margin-left: 8px;
	vertical-align: -2px;
	width: 6px
}

.tips_opt a:last-child {
	margin-bottom: 0
}

.tips_bar {
	background-color: #cbcbb2;
	display: inline-block;
	height: 13px;
	margin: 0 10px;
	vertical-align: -2px;
	width: 1px
}

.tips_succ {
	background-color: #e6efdf;
	border-bottom: 1px solid #b0c99f
}

.tips_succ .tips_ico {
	background-position: -65px -90px;
	height: 25px;
	width: 25px
}

.tips_succ .tips_tit {
	color: #759e53;
	vertical-align: 6px
}

.tips_succ2 .tips_txt {
	text-align: center
}

.tips_err {
	background-color: #f6e0de;
	border-bottom: 1px solid #d48b82
}

.tips_err .tips_ico {
	background-position: -40px -90px;
	height: 25px;
	width: 25px
}

.tips_err .tips_tit {
	color: #d72a16;
	vertical-align: 6px
}

.cardtips {
	background-color: #fffee4;
	border-bottom: 1px solid #c2c150;
	color: #656364;
	font-size: 12px;
	padding: 15px 0;
	text-align: center
}

.cardtips_txt {
	line-height: 18px
}

.cardtips_opt {
	padding-top: 10px
}

.cardtips_btn {
	background-color: #ef373d;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 145px
}

.ctips {
	background-color: #fff;
	border-top: 2px solid #de2327;
	left: 50%;
	margin-left: -125px;
	padding: 15px 0;
	position: fixed;
	text-align: center;
	top: 100px;
	width: 250px;
	z-index: 100
}

.ctips_close {
	color: #333;
	font-size: 20px;
	line-height: 20px;
	position: absolute;
	right: 5px;
	top: 0
}

.ctips_ico {
	display: inline-block;
	height: 50px;
	margin-right: 5px;
	width: 50px
}

.ctips_tit {
	color: #000;
	display: inline-block;
	font-size: 16px;
	line-height: 25px;
	vertical-align: top
}

.ctips_txt {
	font-size: 12px;
	line-height: 21px;
	text-align: center
}

.ctips_opt {
	padding-top: 10px
}

.ctips_btn {
	background-color: #ef373d;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 145px
}

.ctips_succ .ctips_ico {
	background-position: -65px -90px;
	height: 25px;
	width: 25px
}

.fixopt {
	background-color: rgba(0,0,0,.6);
	bottom: 0;
	display: none;
	padding: 15px 0;
	position: fixed;
	width: 100%;
	max-width: 640px;
	z-index: 901;
	height: 72px
}

.fixopt_btn {
	background-color: #df2127;
	float: right;
	width: 65%;
	font-size: 14px
}

.fixopt_btn,.fixopt_btn2 {
	border-radius: 3px;
	color: #fff;
	display: block;
	height: 42px;
	line-height: 42px;
	margin: 0 10px;
	text-align: center
}

.fixopt_btn2 {
	background-color: #83cf90
}

a.fixopt_home {
	font-size: 14px;
	float: left;
	line-height: 42px;
	left: 10px;
	width: 35%;
	padding-left: 15%
}

a.fixopt_home,a.fixopt_share {
	background-color: #777;
	border-radius: 3px;
	display: block;
	height: 42px;
	position: absolute;
	top: 0
}

a.fixopt_share {
	left: 62px;
	width: 42px
}

.fixopt_share:after {
	background-position: -115px -90px;
	content: "";
	display: block;
	height: 24px;
	left: 9px;
	position: absolute;
	top: 9px;
	width: 24px
}

.fixopt_item {
	min-height: 32px;
	position: relative
}

.fixopt_item a {
	color: #fff
}

.fixopt_item2 {
	padding-left: 52px
}

.fixopt_share:after {
	background-image: url(../img/bg_v7-e5e65ca3ee.png);
	background-repeat: no-repeat;
	background-size: 265px 126px
}

.fixopt_home:before {
	background-image: url(../img/bg_v7-e5e65ca3ee.png);
	background-repeat: no-repeat;
	background-size: 176.66667px 84px;
	background-position: -60px -60px;
	content: "";
	display: block;
	height: 16px;
	left: 20%;
	position: absolute;
	top: 12px;
	width: 16px
}

.tm {
	background-color: #fff;
	border-bottom: 1px solid #d0d0d0;
	margin-bottom: 10px;
	padding: 10px;
	position: relative
}

.tm:before {
	content: "";
	display: none;
	height: 90px;
	position: absolute;
	right: 15px;
	top: 10px;
	width: 90px;
	z-index: 11
}

.pp {
	font-size: 12px;
	padding: 0 10px
}

.pp_users {
	overflow: hidden;
	padding: 10px 0;
	text-align: center
}

.pp_users_item {
	display: inline-block;
	height: 49px;
	margin-right: 10px;
	overflow: hidden;
	width: 49px
}

.pp_users_item:last-child {
	margin-right: 0
}

.pp_users_item img {
	background-clip: padding-box;
	border-radius: 49px;
	-webkit-border-radius: 49px;
	box-shadow: 0 0 0 2px #fff;
	display: block;
	height: 45px;
	overflow: hidden;
	width: 45px
}

.pp_users_new {
	position: relative
}

.pp_users_new:before {
	background-clip: padding-box;
	background-color: #df2127;
	border: 2px solid #fff;
	border-radius: 21px;
	color: #fff;
	content: "\65B0";
	font-size: 8px;
	height: 17px;
	line-height: 17px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 17px;
	z-index: 2
}

.pp_users_normal:nth-child(1) {
	position: relative
}

.pp_users_normal:nth-child(1):after {
	background-clip: padding-box;
	background-color: #df2127;
	border: 1px solid #fff;
	border-radius: 21px;
	color: #fff;
	content: "\56E2\957F";
	font-size: 8px;
	height: 12px;
	line-height: 10px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 28px
}

.pp_users_normal:nth-child(2) {
	position: relative
}

.pp_users_normal:nth-child(2):before {
	background-clip: padding-box;
	background-color: #ff9910;
	border: 1px solid #fff;
	border-radius: 21px;
	color: #fff;
	content: "\6C99\53D1";
	font-size: 8px;
	height: 12px;
	line-height: 10px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 28px
}

.pp_users2 {
	margin: 0 -10px
}

.pp_users2 .pp_users_item {
	height: 34px;
	margin-right: 2px;
	width: 34px
}

.pp_users2 .pp_users_item img {
	border-radius: 34px;
	height: 30px;
	width: 30px
}

.pp_tips {
	font-size: 14px;
	padding: 10px 0;
	text-align: center
}

.pp_tips b {
	color: #df2127;
	font-size: 18px;
	margin: 0 5px
}

.pp_users_num {
	text-align: center;
	font-size: 14px;
	color: #000
}

#show_all {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #666;
	vertical-align: middle;
	position: relative;
	top: -1px
}

.hideAllUserList {
	-webkit-transform: rotate(180deg)!important;
	transform: rotate(180deg)!important
}

.pp_vtips {
	text-align: center;
	margin-bottom: 10px
}

.pp_state {
	height: 24px;
	position: relative;
	text-align: center
}

.pp_state:after {
	background-color: #d0d0d0;
	bottom: 11px;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	overflow: hidden;
	position: absolute;
	width: 100%
}

.pp_state_txt {
	padding: 0 5px
}

.pp_state_txt,.pp_time {
	background-color: #f2f2f4;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	position: relative;
	z-index: 1
}

.pp_time {
	padding: 0 10px
}

.pp_time span {
	background-color: #404040;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	margin: 0 2px;
	text-align: center;
	width: 20px
}

.pp_list {
	overflow: hidden;
	padding-top: 15px;
	position: relative
}

.pp_list:before {
	background-color: #dcdcdd;
	bottom: 20px;
	content: "";
	display: block;
	height: auto;
	left: 25px;
	position: absolute;
	top: 15px;
	width: 1px
}

.pp_list_item {
	background-color: #fff;
	border: 1px solid #d5d5d5;
	margin-bottom: 20px;
	padding: 10px 15px 10px 50px;
	position: relative
}

.pp_list_avatar {
	background-clip: padding-box;
	border-radius: 30px;
	display: block;
	height: 30px;
	left: 10px;
	position: absolute;
	top: -15px;
	width: 30px
}

.pp_list_info {
	height: 21px;
	margin-bottom: 3px
}

.pp_list_name {
	float: left
}

.pp_list_name b {
	color: #333;
	font-weight: 400;
	margin-right: 5px
}

.pp_list_time {
	color: #999;
	float: right
}

.pp_list_blank {
	color: #c6c7be;
	height: 34px;
	line-height: 34px;
	margin-bottom: 20px;
	padding-left: 50px;
	position: relative
}

.pp_list_blank:before {
	background-position: -185px -90px;
	content: "";
	display: block;
	height: 34px;
	left: 8px;
	position: absolute;
	top: 0;
	width: 34px
}

.pp_list_item:nth-child(1) {
	background-color: #4b4b4b;
	border-color: #4b4b4b;
	color: #fff
}

.pp_list_item:nth-child(1):before {
	border-color: transparent transparent #4b4b4b;
	border-style: dashed dashed solid;
	border-width: 8px;
	content: "";
	display: inline-block;
	font-size: 0;
	height: 0;
	left: 50%;
	margin-left: -8px;
	overflow: hidden;
	position: absolute;
	top: -16px;
	width: 0
}

.pp_list_item:nth-child(1) .pp_list_avatar {
	top: 10px
}

.pp_list_item:nth-child(1) .pp_list_name b {
	color: #fff
}

.pp_list_item:nth-child(1) .pp_list_time {
	color: #dadada
}

.pp_list_item:nth-child(2) {
	background-color: #fffff3;
	border-color: #c5c552
}

.pp_list_item:nth-child(2):after {
	background-position: 0 -90px;
	bottom: -4px;
	content: "";
	display: block;
	height: 36px;
	position: absolute;
	right: -4px;
	width: 36px
}

.pp_list_item:nth-child(1) .pp_list_item:nth-child(2):after {
	background-image: url(../img/bg_v7-e5e65ca3ee.png);
	background-repeat: no-repeat;
	background-size: 265px 126px
}

.lou_play {
	margin-top: -10px
}

.td {
	min-height: 90px;
	padding-bottom: 10px;
	padding-left: 100px;
	position: relative
}

.td_img {
	left: 0;
	position: absolute;
	top: 0
}

.td_img,.td_img img {
	overflow: hidden;
	width: 90px
}

.td_img img {
	display: block;
	height: 90px
}

.td_info {
	font-size: 12px
}

.td_name {
	color: #333;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 5px;
	max-height: 36px;
	overflow: hidden
}

.td_shop {
	color: #666;
	font-size: 12px;
	margin-bottom: 3px
}

.td_mprice {
	margin-bottom: 5px
}

.td_mprice i {
	color: #df2127;
	font-size: 9px
}

.td_mprice b {
	color: #df2127;
	font-size: 18px;
	font-weight: 400;
	line-height: 18px
}

.td_oprice {
	margin-bottom: 5px
}

.td_num {
	bottom: 10px;
	color: #b7b7b7;
	position: absolute;
	right: 0
}

.pp_list_blank:before,.step_more:after,.tips_opt a:after,.tm:before {
	background-image: url(../img/bg_v7-e5e65ca3ee.png);
	background-repeat: no-repeat;
	background-size: 265px 126px
}

.tm_succ:before {
	background-position: 0 0;
	display: block
}

.tm_succ .order_suc_arrow {
	border-color: transparent transparent #d0d0d0;
	border-style: dashed dashed solid;
	border-width: 8px;
	display: inline-block;
	font-size: 0;
	height: 0;
	left: 50%;
	margin-left: -8px;
	position: absolute;
	bottom: 0;
	width: 0
}

.tm_succ .order_suc_arrow span {
	display: block;
	width: 0;
	height: 0;
	border-width: 0 7px 7px;
	border-style: solid;
	border-color: transparent transparent #f1f1f2;
	position: absolute;
	top: 2px;
	left: -7px
}

.tm_err:before {
	background-position: -90px 0;
	display: block
}

.step {
	background-color: #fff;
	border-bottom: 1px solid #d5d5d5;
	border-top: 1px solid #d5d5d5;
	font-size: 12px;
	padding: 15px 10px;
	position: relative
}

.step:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden
}

.step_hd {
	height: 18px;
	line-height: 18px;
	margin-bottom: 12px
}

.step_list:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden
}

.step_item {
	float: left;
	padding-left: 25px;
	position: relative;
	width: 25%
}

.step_num {
	background-clip: padding-box;
	background-color: #fff;
	border: 1px dashed #d5d5d5;
	border-radius: 20px;
	color: #666;
	height: 20px;
	left: 0;
	line-height: 20px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 20px
}

.step_tit {
	color: #666;
	font-size: 10px;
	line-height: 10px
}

.step_item_on .step_num {
	background-color: #f0373d;
	border: 1px solid #f0373d;
	color: #fff
}

.step_item_on .step_tit {
	color: #f0373d
}

.step_more {
	color: #333;
	display: block;
	height: 18px;
	line-height: 18px;
	position: absolute;
	right: 10px;
	text-align: right;
	top: 15px
}

.step_more:after {
	background-position: -140px -90px;
	content: "";
	display: inline-block;
	height: 12px;
	margin-left: 5px;
	vertical-align: -1px;
	width: 6px
}

.groups_line {
	width: 100%;
	height: 8px;
	background: #f1f1f1;
	border: 1px solid #eee
}

#shareit {
	-webkit-user-select: none;
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.85);
	text-align: center;
	top: 0;
	left: 0;
	z-index: 999999
}

#shareit img {
	max-width: 100%
}

.arrow {
	position: absolute;
	right: 3%;
	top: 2%
}

.arrow .label {
	position: absolute;
	right: 0;
	width: 200px
}

.arrow .label span {
	color: #fff;
	font-size: 18px
}

.addcontact_qrcode {
	position: absolute;
	top: 15%;
	left: 25%;
	width: 50%;
	height: auto
}

.addcontact_hint {
	position: absolute;
	top: 60%;
	font-size: 17px;
	color: #fff;
	left: 5%;
	width: 90%;
	text-align: center;
	line-height: 2
}

.addcontact_hint p {
	font-size: 24px
}

.subscribed_hint {
	position: absolute;
	top: 40%;
	left: 10%;
	width: 80%;
	text-align: center;
	font-size: 16px;
	color: #fff
}

.subscribed_hint .subscribed_tip {
	font-size: 24px;
	color: #fff
}

.subscribed_hint .group_left_user_num {
	font-size: 24px
}

#share-text {
	margin-top: 400px
}

.mt_nogroups {
	padding: 10px;
	text-align: center;
	position: absolute;
	top: 40%;
	width: 100%;
	z-index: 1000;
	font-size: 18px
}

.mt_nogroups h4 {
	font-weight: 400
}

.pp_list_name_hide {
	text-align: center;
	color: #000
}

.ppwrap {
	overflow: hidden;
	width: 100%;
	position: relative
}

.ppwrap .pp_users {
	height: 64px
}

.ppwrap .pp_users.all {
	height: auto
}

.hide-alipay-arrow {
	display: inline-block;
	background-image: url(../img/bg_v7-e5e65ca3ee.png);
	background-repeat: no-repeat;
	background-size: 265px 126px;
	background-position: -140px -90px;
	width: 6px;
	height: 12px;
	margin-left: 20px;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	position: relative;
	top: 2px
}

.index_banner {
	width: 100%;
	position: fixed;
	height: 45px;
	line-height: 45px;
	z-index: 999;
	border-bottom: 2px solid #ccc;
	background-color: #fff
}

.index_banner a {
	height: 45px;
	display: inline-block;
	width: 50%;
	font-size: 16px;
	color: #111;
	font-weight: bolder;
	text-align: center
}

.index_banner a span:first-child:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 24px;
	top: 11px;
	left: 50%;
	background-color: #ccc;
	z-index: 50
}

.index_banner .choosed_banner {
	position: absolute;
	top: 42px;
	width: 30%;
	height: 3px;
	left: 10%;
	z-index: 999;
	background-color: #cb351b
}

.index_banner .lg_banner {
	left: 60%
}

.tuan {
	min-height: 520px;
	padding: 0 10px
}

.rank_container {
	position: relative;
	width: 100%;
	max-width: 640px;
	min-height: 100%;
	margin: 0 auto;
	padding: 0 0 46px;
	overflow-x: hidden;
	background-color: #fff
}

.rank {
	min-height: 520px;
	padding: 0
}

.rank_header_fix {
	height: 45px;
	background-color: #f7f7f7
}

.rank_g {
	position: relative;
	height: 168px;
	margin-bottom: 2px;
	border-bottom: 1px solid #ededed
}

.rank_g.rank_small {
	height: 137px
}

.rank_g_index {
	float: left;
	text-align: center;
	width: 36px;
	height: 100%;
	font-size: 20px;
	padding: 60px 0;
	z-index: 200;
	color: #a3a3a3
}

.rank_high .rank_g_index {
	font-size: 24px;
	width: 40px
}

.rank_small .rank_g_index {
	width: 32px;
	padding: 52px 0
}

.rank_g_img {
	display: inline-block;
	width: 140px;
	height: 140px;
	float: left;
	position: relative;
	margin-top: 12px
}

.rank_small .rank_g_img {
	margin-left: 2px;
	width: 108px;
	height: 108px
}

.rank_g_img img {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.rank_g_info {
	position: absolute;
	right: 12px;
	top: 10px;
	width: 46%;
	color: #333;
	height: 56px;
	overflow: hidden;
	font-size: 13px
}

.rank_high .rank_g_info {
	font-size: 14px;
	right: 16px;
	top: 10px;
	width: 49%;
	height: 60px
}

.rank_small .rank_g_info {
	right: 4px;
	top: 14px;
	width: 52%;
	height: 38px;
	float: right
}

.rank_g_name {
	height: 100%
}

.rank_g_volume {
	position: absolute;
	bottom: 38px;
	left: 36px;
	color: #666
}

.rank_g_volume b {
	font-size: 16px;
	font-weight: 400;
	color: #333
}

.rank_high .rank_g_volume {
	left: 24px;
	font-size: 11px;
	bottom: 36px
}

.rank_small .rank_g_volume {
	left: 6px;
	bottom: 38px
}

.rank_g_recent {
	position: absolute;
	bottom: 40px;
	left: 38px;
	font-size: 12px;
	color: #666
}

.rank_g_recent b {
	font-weight: 400
}

.rank_high .rank_g_recent {
	left: 24px;
	bottom: 44px
}

.rank_small .rank_g_recent {
	left: 8px
}

.rank_core {
	position: absolute;
	right: 18px;
	bottom: 15px;
	width: 55%
}

.rank_small .rank_core {
	bottom: 12px;
	right: 0
}

.tuan_g {
	background-color: #fff;
	border: 1px solid #cbcbcb;
	margin-bottom: 16px;
	padding-bottom: 10px;
	position: relative
}

#tuan_g_all:first-child {
	margin-top: 16px
}

.tuan_g_img {
	display: block;
	position: relative
}

.tuan_g_img img {
	display: block;
	overflow: hidden;
	width: 100%
}

.banner {
	margin-top: 45px;
	padding: 10px 10px 0;
	width: 100%
}

.tuan_g_info {
	padding: 7px 10px 0
}

.tuan_g_name {
	color: #191919;
	font-size: 16px;
	margin-bottom: 10px
}

.tuan_g_cx {
	color: #707070;
	line-height: 18px
}

.rank_g_core {
	color: #fff;
	display: block;
	height: 28px;
	line-height: 28px;
	position: relative;
	width: 270px;
	bottom: 4px;
	left: 28px
}

.rank_high .rank_g_core {
	bottom: 4px;
	left: 22px;
	width: 285px
}

.rank_small .rank_g_core {
	bottom: 4px;
	left: 0;
	width: 300px
}

.rank_g_price {
	display: inline-block;
	background-color: #fff;
	float: left;
	height: 28px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	margin-left: 7px;
	overflow: hidden;
	padding-left: 6px;
	color: #ee0a3b;
	border: 1px solid #ee0a3b;
	line-height: 28px
}

.rank_g_price b {
	display: inline-block;
	position: absolute;
	min-width: 70px;
	text-align: center;
	font-weight: 400;
	font-size: 16px;
	margin-left: 3px;
	margin-right: 2px;
	height: 27px;
	line-height: 27px
}

.rank_g_price b span {
	color: #ee0a3b;
	vertical-align: 0;
	font-size: 13px
}

.rank_g_price .price-small {
	font-size: 14px
}

.rank_g_price span {
	vertical-align: 2px;
	font-size: 10px;
	color: #666
}

.rank_high .rank_g_price {
	margin-left: 2px
}

.rank_high .rank_g_price b {
	min-width: 90px;
	font-size: 16px;
	margin-left: 0;
	margin-right: 0
}

.rank_high .rank_g_price b span {
	font-size: 13px
}

.rank_high .rank_g_price span {
	font-size: 12px
}

.rank_high b.price-small {
	font-size: 14px
}

.rank_small .rank_g_price {
	margin-left: 5px;
	padding-left: 4px
}

.rank_small .rank_g_price b {
	vertical-align: 1px;
	margin-right: 1px;
	margin-left: 2px;
	min-width: 60px
}

.rank_small b.price-small {
	font-size: 12px;
	vertical-align: 2px
}

.rank_g_btn {
	font-family: Arial,Microsoft YaHei,\\9ED1\4F53,\\5B8B\4F53,sans-serif;
	background-color: #ee0a3b;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	float: left;
	height: 28px;
	line-height: 28px;
	padding: 1px 14px 0 4px;
	position: relative;
	font-size: 13px
}

.rank_g_btn:after {
	background-position: -114px -34px;
	background-size: 132.5px 63px!important;
	content: " ";
	height: 11px;
	position: absolute;
	right: 4px;
	top: 9px;
	width: 7px
}

.rank_high .rank_g_btn {
	padding-right: 25px;
	padding: 1px 22px 0 10px
}

.rank_high .rank_g_btn:after {
	right: 8px
}

.rank_small .rank_g_btn {
	padding-left: 2px;
	padding-right: 12px
}

.rank_small .rank_g_btn:after {
	right: 4px
}

.tuan_g_core {
	color: #fff;
	display: block;
	height: 34px;
	line-height: 34px;
	margin-bottom: 10px;
	position: relative;
	width: 325px
}

.tuan_g_core_img {
	position: absolute;
	display: inline-block;
	float: left;
	left: 15px;
	bottom: -5px
}

.tuan_g_core_img img {
	height: 24px;
	width: 24px
}

.tuan_g_price {
	display: inline-block;
	background-color: #4f4f4f;
	float: left;
	height: 34px;
	margin-left: 10px;
	overflow: hidden;
	padding-left: 32px;
	width: 160px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}

.tuan_g_price b {
	font-size: 16px;
	font-weight: 400;
	margin-left: 5px;
	margin-right: 2px
}

.tuan_g_price .price-small {
	font-size: 16px
}

.tuan_g_price .eventDesc-small {
	font-size: 10px
}

.tuan_g_price span {
	vertical-align: 1px;
	font-size: 12px
}

.tuan_g_price.price-big b {
	font-size: 18px
}

.tuan_g_price.price-big .price-small {
	font-size: 16px
}

.tuan_g_btn {
	background-color: #df2127;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	float: left;
	height: 34px;
	line-height: 34px;
	padding-left: 10px;
	padding-right: 30px;
	position: relative;
	font-size: 14px
}

.tuan_g_btn:after {
	background-position: -140px -105px;
	content: " ";
	height: 11px;
	position: absolute;
	right: 12px;
	top: 11px;
	width: 7px
}

.tuan_g_mprice {
	display: inline-block;
	color: #999;
	font-size: 10px;
	padding-left: 2px;
	letter-spacing: -.5px;
	white-space: nowrap
}

.tuan_g_mprice .mprice-small {
	font-size: 9px
}

.tuan_g_img_text {
	color: #999;
	position: absolute;
	right: 10px;
	top: 22%;
	font-size: 11px
}

.tuan_g_img_item {
	position: relative;
	overflow: hidden;
	width: 130px;
	height: 20px;
	white-space: nowrap;
	margin-bottom: 8px;
	line-height: 12px;
	-webkit-text-shadow: hsla(0,0%,100%,.75) 1px 0 1px,hsla(0,0%,100%,.75) 0 1px 1px,hsla(0,0%,100%,.75) -1px 0 1px,hsla(0,0%,100%,.75) 0 -1px 1px;
	text-shadow: hsla(0,0%,100%,.75) 1px 0 1px,hsla(0,0%,100%,.75) 0 1px 1px,hsla(0,0%,100%,.75) -1px 0 1px,hsla(0,0%,100%,.75) 0 -1px 1px
}

.tuan_g_img_round {
	position: absolute;
	bottom: 0;
	width: 8px;
	height: 8px;
	background-position: -40px -115px
}

.tuan_img_text_border {
	position: absolute;
	top: 1px;
	right: 0;
	width: 116px;
	padding-bottom: 3px
}

.tuan_img_text_border span {
	margin-left: 2px
}

.tuan_img_text_border:before {
	border-bottom: 1px solid #b9b9b9;
	position: absolute;
	width: 200%;
	height: 200%;
	transform-origin: 0 0;
	transform: scale(.5);
	box-sizing: border-box;
	-webkit-transform-origin: 0 0;
	-webkit-transform: scale(.5);
	-webkit-box-sizing: border-box;
	content: ""
}

.like {
	cursor: pointer;
	width: 100px;
	height: 60px;
	z-index: 999
}

.like,.like img {
	position: absolute
}

.like img {
	display: inline-block;
	top: -27px;
	width: 80px;
	height: 76px;
	border: 0 none;
	right: -10px
}

.goods_list_like {
	bottom: 6px;
	right: 0
}

.like_click_button {
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: 6px;
	right: 4px;
	z-index: 1000
}

.rank_g_btn:after,.rank_g_core:before,.tuan_g_btn:after,.tuan_g_img_round,.tuan_mark {
	background-image: url(../img/bg_v7-e5e65ca3ee.png);
	background-repeat: no-repeat;
	background-size: 265px 126px
}

.tuan_seller {
	display: block;
	height: 42px;
	left: 10px;
	position: absolute;
	top: -10px;
	width: 42px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #cbcbcb;
	z-index: 20
}

.tuan_seller img {
	height: 40px;
	width: 40px;
	border-radius: 4px;
	-webkit-border-radius: 4px
}

.tuan_country {
	display: block;
	height: 32px;
	right: 10px;
	position: absolute;
	top: 10px;
	width: 100px
}

.tuan_country img {
	height: 25px;
	width: 35px
}

.tuan_country span {
	line-height: 25px;
	font-size: 14px;
	color: #747474;
	position: absolute;
	right: 1px;
	top: 0;
	font-weight: 700
}

.tuan_mark {
	display: block;
	height: 41px;
	left: -9px;
	line-height: 12px;
	overflow: hidden;
	padding: 10px 0 11px;
	position: absolute;
	text-align: center;
	top: -6px;
	width: 41px
}

.tuan_mark b,.tuan_mark span {
	display: block;
	font-size: 10px;
	overflow: hidden
}

.tuan_mark2 {
	background-position: -180px -45px
}

.tuan_mark2 b {
	color: #f48600
}

.loading {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 45%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.wrapper {
	z-index: 888;
	width: 100%;
	background-color: #aaa;
	opacity: .8
}

.box,.wrapper {
	position: absolute
}

.box {
	-webkit-transform: translate(-50%);
	width: 90%;
	left: 50%;
	box-shadow: 10px 10px 5px #888;
	height: 100px;
	background-color: red;
	z-index: 999;
	border-radius: 10px;
	top: 100px
}

.focus {
	width: 100%;
	position: relative;
	overflow: hidden
}

.focus .hd,.focus .index-hd {
	width: 100%;
	height: .8em;
	position: absolute;
	z-index: 1;
	bottom: .5em;
	content: ""
}

.focus .hd ul,.focus .index-hd ul {
	display: inline-block;
	height: .8em;
	vertical-align: top
}

.focus .hd ul li,.focus .index-hd ul li {
	display: inline-block;
	width: .6em;
	height: .6em;
	text-indent: -999em;
	background: #fff;
	margin: 0 .3em;
	vertical-align: top;
	overflow: hidden;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
	color: #fff
}

.focus .hd ul .on,.focus .index-hd ul .on {
	background: #f95757;
	color: #f95757
}

.focus .hd {
	text-align: center
}

.focus .index-hd {
	text-align: right;
	padding-right: 15px
}

.focus .bd {
	position: relative;
	z-index: 0
}

.focus .bd li {
	width: 100%;
	height: auto;
	overflow: hidden
}

.focus .bd li a {
	-webkit-tap-highlight-color: transparent
}

.focus .bd li img {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
	background: url(../img/loading-eb0d435039.gif) 50% no-repeat
}

#go-top,.go-top {
	display: block;
	width: 42px;
	height: 42px;
	position: fixed;
	right: 20px;
	bottom: 64px;
	z-index: 999;
	background: url(../img/go_top-b8dda2a315.png) no-repeat;
	background-size: contain;
	opacity: 0;
	-webkit-transition: bottom .8s ease,opacity .6s ease;
	webkit-transition: bottom .8s ease,opacity .6s ease
}

#go-top span,.go-top span {
	position: absolute;
	bottom: 7px;
	width: 100%;
	display: block;
	height: 12px;
	line-height: 12px;
	text-align: center;
	font-size: 10px;
	color: #333
}

.footer {
	z-index: 10000!important
}

.sale-out {
	position: absolute;
	display: block;
	right: 10px;
	top: 145px;
	width: 90px;
	height: 90px;
	background: url(../img/out-0810f259cb.png) no-repeat;
	background-size: cover;
	z-index: 999
}

.m-component-download {
	padding: 10px;
	background: #fff;
	position: relative;
	overflow: hidden
}

.m-component-download .m-img {
	display: inline;
	width: 50px;
	height: 50px
}

.m-component-download .m-tips {
	float: left!important;
	margin: 4px 0 0 10px
}

.m-component-download .m-btn {
	margin: 4px 0 0 10px
}

.m-component-download .app_btn {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px
}

.activity-banner {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #fff
}

#index-slider {
	height: 100%;
	overflow: hidden
}

#index-slider li {
	padding: 0;
	margin: 0;
	height: inherit
}

#index-slider li .input-page {
	position: relative
}

#index-slider li a {
	display: block;
	padding: 0;
	width: 100%;
	height: inherit;
	overflow: hidden
}

#index-slider li a img {
	width: inherit
}

#goods_list {
	margin-top: 10px
}

.index-slider-jianju {
	margin-bottom: 16px
}

#quick-entrance {
	height: 91px
}

.quick-entrance-wrapper {
	width: 100%;
	background-color: #fff;
	height: 91px;
	padding: 8px;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
	overflow-y: hidden;
	margin-left: 2px
}

.quick-entrance-wrapper li {
	width: 75px;
	height: 75px;
	margin: 0 5px;
	display: inline-block
}

.quick-entrance-wrapper li .quick-entrance-cube {
	display: block;
	padding: 0;
	width: 100%;
	height: inherit;
	text-align: center;
	color: #fff;
	position: relative
}

.quick-entrance-wrapper li .quick-entrance-cube img {
	width: inherit;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}

.quick-entrance-wrapper li .quick-entrance-cube .black_friday-tip,.quick-entrance-wrapper li .quick-entrance-cube .new-tip {
	position: absolute;
	right: -8px;
	top: -6px;
	width: 34px;
	height: auto;
	z-index: 10
}

.quick-entrance-wrapper li .quick-entrance-cube .black_friday-tip img,.quick-entrance-wrapper li .quick-entrance-cube .new-tip img {
	width: inherit
}

.quick-entrance-wrapper li .quick-entrance-cube .black_friday-tip {
	width: 55px
}

.quick-entrance-wrapper li .quick-entrance-cube .cube-text {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: 14px
}

.quick-entrance-wrapper li .quick-entrance-cube .cube-text .sp-haitao {
	font-weight: 700
}

.quick-entrance-wrapper li:nth-child(1) {
	margin-left: 0
}

.quick-entrance-wrapper li:nth-last-child(1) {
	margin-right: 0
}

#activity-slider-haitao {
	width: 100%;
	background-color: #fff;
	height: auto;
	padding: 7px 5px;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 16px
}

#activity-slider-haitao li {
	width: 25%;
	height: auto;
	padding: 0 5px;
	display: inline-block
}

#activity-slider-haitao li .quick-entrance-cube {
	display: block;
	padding: 0;
	width: 100%;
	height: inherit;
	text-align: center;
	color: #fff;
	position: relative
}

#activity-slider-haitao li .quick-entrance-cube img {
	width: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px
}

#activity-slider-haitao li .quick-entrance-cube .cube-text {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	font-size: 14px
}

.banner-focus {
	width: 100%;
	height: 10px;
	position: relative;
	bottom: 15px;
	overflow: hidden;
	z-index: 10000
}

.banner-focus .banner-hd {
	width: 100%;
	height: 10px;
	bottom: 0;
	position: absolute;
	content: "";
	text-align: center;
	z-index: 100000
}

.banner-focus .banner-hd ul,.banner-focus .banner-hd ul li {
	display: inline-block;
	height: 10px;
	vertical-align: top
}

.banner-focus .banner-hd ul li {
	width: 10px;
	background: #fff;
	margin: 0 10px;
	overflow: hidden;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
	color: #fff
}

.banner-focus .banner-hd ul .on {
	background: red;
	color: red
}

.groupcode {
	width: 100%;
	max-width: 640px;
	height: 100%
}

.groupcode .input-area {
	position: absolute;
	bottom: 25%;
	left: 28%;
	width: 33%;
	height: 10%
}

.groupcode .input-area input {
	background-color: transparent;
	opacity: 1;
	color: #000;
	font-size: 14px;
	line-height: 22px;
	vertical-align: top;
	width: 100%
}

.groupcode .group-button {
	position: absolute;
	bottom: 25%;
	background-color: #fff;
	opacity: 0;
	height: 10%;
	width: 11%;
	right: 24%
}

.tuan_recommend {
	background: #fff;
	padding-left: 1%;
	width: 100%;
	position: relative;
	overflow: hidden
}

.tuan_recommend_head {
	font-size: 17px;
	color: #191919;
	margin: 11px 0 0 7px;
	background-color: #fff;
	width: 75%;
	overflow: hidden;
	height: 25px
}

.tuan_bd {
	width: 100%;
	background-color: #fff;
	padding: 11px 8px 20px;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	scrollbar-highlight-color: transparent;
	overflow-x: auto;
	overflow-y: hidden;
	margin-bottom: 16px
}

.tuan_bd li {
	display: inline-block;
	vertical-align: top;
	margin-right: 8px
}

.tuan_recommand_forward {
	border: 1px solid #ebebeb
}

.tuan_recommend_title {
	font-size: 13px;
	color: #737373;
	display: block;
	height: 32px;
	white-space: normal!important;
	margin: 11px 0 6px;
	line-height: 16px;
	overflow: hidden
}

.tuan_recommend_price {
	color: #fe1825;
	font-size: 14px;
	line-height: 18px
}

.tuan_recommend_price span {
	font-size: 18px
}

.tuan_read_more {
	color: #737373;
	font-size: 14px;
	position: absolute;
	right: 6px;
	top: 14px
}

.tuan_read_more img {
	height: 8px;
	width: 8px;
	margin-top: 6px
}

.fugai {
	background-color: #ededed;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 15px;
	width: 200%;
	z-index: 10
}

.app-group {
	height: 70px;
	width: 100%;
	max-width: 640px;
	position: relative;
	margin-bottom: 10px;
	overflow: hidden
}

.app-group .app-group-goods {
	position: absolute;
	left: 15px;
	top: 0;
	width: 60px;
	height: 60px;
	margin-right: 10px
}

.app-group .app-group-goods img {
	width: 100%;
	height: auto;
	border: 0
}

.app-group .app-group-detail {
	position: absolute;
	left: 85px;
	top: 0;
	height: 100%;
	overflow: hidden
}

.app-group .app-group-detail .app-group-text {
	font-size: .1rem;
	margin-bottom: 5px;
	padding-left: 2px;
	overflow: hidden
}

.app-group .app-group-detail .app-group-text:before {
	display: inline-block;
	text-align: center;
	width: .13rem;
	height: .13rem;
	content: "?";
	color: #fff;
	background-color: #fb4e4f;
	border-radius: .1rem;
	margin-right: 4px
}

.app-group .app-group-detail .app-group-input-area {
	position: absolute;
	bottom: 15px;
	left: 0;
	border: 1px solid #ff2627;
	opacity: .8;
	background-color: #fff;
	height: 30px;
	width: 0;
	padding: 0 5px
}

.app-group .app-group-detail .app-group-input-area input {
	background-color: transparent;
	color: #000;
	font-size: 12px;
	width: 100%;
	line-height: 30px
}

.app-group .app-group-detail .app-group-button {
	position: absolute;
	bottom: 15px;
	right: 15px;
	display: inline-block;
	background-color: #ff2627;
	color: #fff;
	font-size: 16px;
	width: 70px;
	text-align: center;
	height: 30px;
	line-height: 30px
}

.mall {
	background-color: #fff;
	width: 100%;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #d5d5d5
}

.mall,.mall img {
	position: relative
}

.mall img {
	width: 50px;
	height: 50px;
	overflow: hidden;
	border: 1px solid #d7d7d7;
	margin-bottom: 5px
}

.mall .mall_sub {
	display: inline-block;
	margin-left: 10px;
	width: 35%
}

.mall .mall_sub span {
	width: 100%;
	font-size: 16px;
	display: inline-block;
	color: #000
}

.mall .mall_sub .sales,.mall .mall_sub span {
	overflow: hidden;
	white-space: nowrap;
	position: relative
}

.mall .mall_sub .sales {
	margin-top: 5px
}

.mall .enter_button {
	border: 1px solid #ddd;
	width: 30%;
	min-width: 100px;
	height: 32px;
	display: inline-block;
	text-align: center;
	float: right;
	overflow: hidden;
	margin-top: 9px;
	border-radius: 3px
}

.mall .enter_button img {
	width: 20px;
	height: 20px;
	position: relative;
	vertical-align: middle;
	border: 0
}

.mall .enter_button span {
	margin-left: 10px;
	text-align: center;
	font-size: 14px;
	color: #666;
	height: 32px;
	line-height: 32px
}

.mall_detail_1 {
	position: relative;
	display: inline-block;
	float: left;
	width: 16%;
	margin-left: 3%
}

.mall_detail_1 img {
	vertical-align: center;
	margin-right: 1%;
	height: 15px;
	width: 15px;
	margin-top: 9px
}

.mall_detail_1 span {
	font-size: 12px;
	color: #666;
	display: inline-block;
	text-align: center;
	margin-top: 1px
}

.mall_detail_2 {
	position: relative;
	display: inline-block;
	float: left;
	width: 22%;
	margin-left: 3%
}

.mall_detail_2 img {
	vertical-align: center;
	margin-right: 1%;
	height: 15px;
	width: 15px;
	margin-top: 9px
}

.mall_detail_2 span {
	font-size: 12px;
	color: #666;
	display: inline-block;
	text-align: center;
	margin-top: 1px
}

.mall_detail_3 {
	position: relative;
	display: inline-block;
	float: left;
	width: 22%;
	margin-left: 3%
}

.mall_detail_3 img {
	vertical-align: center;
	margin-right: 1%;
	height: 15px;
	width: 15px;
	margin-top: 9px
}

.mall_detail_3 span {
	font-size: 12px;
	color: #666;
	display: inline-block;
	text-align: center;
	margin-top: 1px
}

.mall_detail_4 {
	position: relative;
	display: inline-block;
	float: left;
	width: 22%;
	margin-left: 3%
}

.mall_detail_4 img {
	vertical-align: center;
	margin-right: 1%;
	height: 15px;
	width: 15px;
	margin-top: 9px
}

.mall_detail_4 span {
	font-size: 12px;
	color: #666;
	display: inline-block;
	text-align: center;
	margin-top: 1px
}

.mall_detail_5 {
	position: relative;
	display: inline-block;
	float: left;
	width: 22%;
	margin-left: 3%
}

.mall_detail_5 img {
	vertical-align: center;
	margin-right: 1%;
	height: 15px;
	width: 15px;
	margin-top: 9px
}

.mall_detail_5 span {
	font-size: 12px;
	color: #666;
	display: inline-block;
	text-align: center;
	margin-top: 1px
}

.mall_detail_6 {
	position: relative;
	display: inline-block;
	float: left;
	width: 28%;
	margin-left: 3%
}

.mall_detail_6 img {
	vertical-align: center;
	margin-right: 1%;
	height: 15px;
	width: 15px;
	margin-top: 9px
}

.mall_detail_6 span {
	font-size: 12px;
	color: #666;
	display: inline-block;
	text-align: center;
	margin-top: 1px
}

.group_mall {
	background-color: #fff;
	width: 100%;
	padding: 10px;
	margin-top: 5px;
	border-top: 1px solid #d5d5d5
}

.group_mall,.group_mall img {
	margin-bottom: 5px;
	position: relative
}

.group_mall img {
	width: 50px;
	height: 50px;
	overflow: hidden;
	border: 1px solid #d7d7d7
}

.group_mall .mall_sub {
	display: inline-block;
	margin-left: 10px;
	width: 35%
}

.group_mall .mall_sub span {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	font-size: 16px;
	position: relative;
	display: inline-block;
	color: #000
}

.group_mall .mall_sub .sales {
	margin-top: 5px;
	overflow: hidden;
	white-space: nowrap;
	position: relative
}

.group_mall .enter_button {
	border: 1px solid #ddd;
	width: 30%;
	min-width: 100px;
	height: 32px;
	display: inline-block;
	text-align: center;
	float: right;
	overflow: hidden;
	border-radius: 3px;
	margin-top: 9px
}

.group_mall .enter_button img {
	width: 20px;
	height: 20px;
	position: relative;
	vertical-align: middle;
	border: 0
}

.group_mall .enter_button span {
	margin-left: 10px;
	text-align: center;
	font-size: 14px;
	color: #666;
	height: 32px;
	line-height: 32px
}

.mall_title {
	border-bottom: 1px solid #d7d7d7;
	margin-top: 5px;
	height: 25px
}

.mall_title span {
	font-size: 14px;
	font-weight: 700;
	margin-left: 25px;
	height: 25px;
	line-height: 25px
}

.mall_icon {
	background: url(../img/mall_icon-369524b1fe.jpg) no-repeat;
	background-size: 20px auto;
	content: "";
	height: 20px;
	position: absolute;
	width: 20px
}

.mall_page {
	margin-top: 10px;
	margin-bottom: 10px
}

.mall_page .mall_page_head {
	background-color: #fff;
	width: 100%;
	height: 80px;
	padding: 10px;
	position: relative;
	border-bottom: 1px solid #d7d7d7
}

.mall_page .mall_page_head img {
	width: 60px;
	height: 60px;
	position: relative;
	overflow: hidden;
	border: 1px solid #d7d7d7;
	margin-bottom: 5px
}

.mall_page .mall_page_head .mall_detail_info {
	position: relative;
	display: inline-block;
	margin-left: 10px
}

.mall_page .mall_page_head .mall_detail_info .mall_name {
	font-size: 18px;
	position: relative;
	color: #000
}

.mall_page .mall_page_head .mall_detail_info .mall_detail_icons {
	position: relative;
	margin-top: 10px
}

.mall_page .mall_page_head .mall_detail_info .mall_detail_icons .mall_detail_icon_1 {
	position: relative;
	display: inline-block;
	background: url(../img/mall_detail_1-b98f221ed2.png) no-repeat;
	background-size: contain;
	width: 22px;
	height: 22px
}

.mall_page .mall_page_head .mall_detail_info .mall_detail_icons .mall_detail_icon_2 {
	position: relative;
	display: inline-block;
	background: url(../img/mall_detail_2-55bc1def87.png) no-repeat;
	background-size: contain;
	width: 22px;
	height: 22px;
	margin-left: 2px
}

.mall_page .mall_page_head .mall_detail_info .mall_detail_icons .mall_detail_sales {
	position: relative;
	display: inline-block;
	width: auto;
	font-size: 14px;
	bottom: 5px
}

.mall_page .mall_desc {
	background-color: #fff;
	width: 100%;
	padding: 5px 10px;
	position: relative;
	height: auto
}

.mall_page .mall_desc .mall_desc_title {
	width: 100%;
	position: relative;
	display: none
}

.mall_page .mall_desc .mall_desc_title span {
	width: 100%;
	font-size: 14px;
	color: #000
}

.mall_page .mall_desc .mall_desc_title .mall_desc_icon {
	position: relative;
	float: right;
	display: inline-block;
	margin-right: 5px
}

.mall_page .mall_desc .mall_desc_detail {
	width: 100%;
	position: relative;
	display: block
}

.mall_page .mall_desc .mall_desc_detail span {
	width: 100%
}

.lottery_status {
	position: absolute;
	width: 80px;
	height: 80px;
	right: 10px;
	bottom: 40px
}

#modify_personal_info {
	height: 22px;
	line-height: 22px;
	width: 100%;
	font-size: 10px
}

.personalInfoExits {
	margin-left: 12px
}

.personalInfoModify {
	margin-left: 10px;
	color: #ff0101
}

.personalInfo_detail {
	z-index: 10000;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	width: 0;
	background-color: #fff;
	display: block
}

.wx_bar_modifyInfo {
	height: 40px;
	border-bottom: 1px solid gray
}

#quitSavinginfo {
	width: 18%;
	margin-top: 10px;
	float: left
}

#quitSaving_back {
	margin-left: 20px;
	height: 20px;
	width: 20px
}

#modifyInfo_tit {
	display: inline-block;
	width: 60%;
	text-align: center;
	height: 40px;
	padding-top: 6px;
	font-size: 17px;
	color: #3b3b3b;
	font-weight: thin
}

#finishModifyInfo {
	width: 11%;
	margin-left: 9%;
	margin-top: 9px;
	font-size: 16px;
	color: #000
}

.info_detailto_fill p {
	border-bottom: 1px solid #cbcbcb;
	padding: 10px 20px 10px 100px;
	position: relative
}

.info_detailto_fill .info_detail_tit {
	font-size: 14px;
	bottom: 0;
	color: #666;
	height: 20px;
	left: 0;
	line-height: 20px;
	margin: 18px 0;
	padding-right: 30px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	width: 100px
}

.info_detailto_fill input {
	border: 0 solid #ddd;
	box-sizing: border-box;
	color: #222;
	font-size: 13px;
	height: 35px;
	line-height: 20px;
	padding: 0;
	vertical-align: top;
	width: 100%
}

.info_detailto_fill span {
	display: inline-block
}

#haiguaninfo_bg {
	position: absolute;
	width: 100%;
	height: 100%;
	max-width: 640px;
	margin: 0;
	background-color: #f2f2f2
}

.haitaoBuy_detailInfo {
	width: 94%;
	margin-top: 10px;
	height: 200px;
	margin-left: 3%;
	margin-right: 3%;
	background-color: #ffebcd;
	border: 1px solid #ddd
}

#idinfo_pic {
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto
}

#pdd_haitao_alert {
	margin-top: 15px;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: #607
}

.haiguan_info {
	width: 94%;
	margin-top: 15px;
	margin-left: 3%;
	margin-right: 3%;
	padding-bottom: 4px;
	line-height: 15px;
	font-size: 12px;
	border-bottom: 1px solid #cbcbcb
}

.mod_nav {
	background-color: #fff;
	height: 40px;
	position: relative
}

.address_name_order {
	position: absolute;
	right: 15%;
	top: 21px;
	border: 1px solid red;
	border-radius: 3px;
	color: red;
	padding: 0 3px
}

.name_lou {
	margin-left: 20px;
	font-weight: 400!important
}

.name_lou_1 {
	margin-left: 22px
}

.name_lou_2 {
	margin-left: 21px
}

.send_margin {
	margin-left: 10px
}

.address_new {
	font-size: 13px;
	position: relative;
	padding: 10px;
	border-top: 1px solid #e4e4e4
}

.address_new h3:after {
	background: none repeat scroll 0 0 transparent;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	content: " ";
	display: block;
	height: 9px;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	left: 91%;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	width: 9px
}

.del_margin_top {
	margin-top: 0!important
}

.text_center {
	text-align: center
}

.address_margin_left {
	margin-left: 60px!important
}

.lou_beginer {
	font-size: 13px;
	padding-left: 10px;
	color: #333
}

.lou_beginer li {
	line-height: 25px;
	height: 25px
}

.lou_beginer span {
	font-weight: 400
}

.order_height {
	height: 240px
}

.order_lou_received {
	border: 1px solid red;
	font-weight: 400;
	margin-top: 7px;
	font-size: 12px;
	color: #fff;
	border-radius: 5px;
	background-color: #df2128;
	display: inline-block
}

.mod_nav_item {
	border-bottom: 1px solid #e0e0e0;
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 0;
	-ms-flex: 1 1 0;
	flex: 1 1 0;
	font-size: 15px;
	height: 40px;
	line-height: 40px;
	margin-right: 0;
	position: relative;
	text-align: center;
	width: 33.33%;
	float: left
}

.mod_nav_item:before {
	left: 0
}

.mod_nav_item:after,.mod_nav_item:before {
	background: none repeat scroll 0 0 #e0e0e0;
	bottom: 0;
	content: "";
	position: absolute;
	top: 0;
	width: 1px
}

.mod_nav_item:after {
	left: 0;
	left: auto;
	right: 0
}

.mod_nav_item:nth-child(1):before,.mod_nav_item:nth-last-child(1):after {
	background: none repeat scroll 0 0 transparent
}

.mod_nav_cur {
	border-bottom: 2px solid #df2127;
	color: #df2127;
	z-index: 1
}

.order_modified {
	padding: 0 10px;
	background-color: #fff;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #dedede
}

.order,.order_modified {
	font-size: 12px;
	position: relative
}

.order {
	margin-top: 15px
}

.order_hd {
	background-color: #fafafb;
	border-bottom: 1px solid #d5d5d5;
	border-top: 1px solid #e4e4e4;
	height: 39px;
	line-height: 39px;
	overflow: hidden;
	padding: 0 10px
}

.order_goods_info {
	position: relative
}

.order_goods_name {
	color: #000;
	margin-bottom: 6px;
	overflow: hidden;
	padding-right: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
	word-wrap: break-word
}

.order_goods_attr_item {
	overflow: hidden;
	line-height: 22px;
	height: 22px
}

.order_goods_price {
	color: #df2127;
	float: right;
	font-size: 16px;
	height: 18px;
	line-height: 18px
}

.order_goods_grab {
	font-size: 8px;
	line-height: 1;
	margin-top: 3px
}

.order_goods_grab .order_goods_grab_txt {
	background: none repeat scroll 0 0 #e31;
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	padding: 2px 3px
}

.order_plist {
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 10px
}

.order_promo_opt {
	float: right
}

.order_total {
	margin-bottom: 10px;
	color: #5a5a5a;
	font-size: 12px;
	height: 42px;
	line-height: 42px;
	overflow: hidden
}

.order_total:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden
}

.order_shop {
	font-size: 14px;
	padding-left: 22px;
	position: relative
}

.order_shop:before {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 12px 13px;
	content: "";
	display: block;
	height: 13px;
	left: 0;
	position: absolute;
	top: 13px;
	width: 12px
}

.order_shop span {
	color: #000;
	float: left;
	max-width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
	word-wrap: break-word
}

.order_shop:after {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	content: "";
	display: none;
	height: 9px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 9px
}

.order_bd {
	background-color: #fff;
	border-bottom: 1px solid #dedede;
	padding: 0 10px
}

.order_goods {
	border-bottom: 1px solid #d7d7d7;
	display: block;
	font-size: 12px;
	min-height: 60px;
	padding: 15px 0 15px 75px;
	position: relative
}

.order_goods:last-child {
	border-bottom: 0 none
}

.order_goods_img {
	left: 0;
	position: absolute;
	top: 5px
}

.order_goods_img img {
	border: 1px solid #d7d7d7;
	display: block;
	height: 60px;
	width: 60px
}

.order_goods_name {
	color: #000;
	margin-bottom: 10px;
	overflow: hidden;
	padding-right: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
	word-wrap: break-word
}

.order_goods_attr_item {
	line-height: 22px
}

.order_goods_attr_item em {
	color: #df2127
}

.order_goods_attr_item:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden
}

.order_goods_attr_tit {
	float: left;
	line-height: 22px
}

.order_goods_num {
	float: left
}

.order_goods_num:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden
}

.order_goods_num input,.order_goods_num span {
	background-color: #eee;
	border: 1px solid #ddd;
	float: left;
	height: 20px;
	line-height: 20px;
	position: relative;
	text-align: center;
	width: 20px
}

.order_goods_num .minus:after {
	background: none repeat scroll 0 0 #989898;
	content: "";
	height: 2px;
	left: 50%;
	margin-left: -5px;
	margin-top: -1px;
	position: absolute;
	top: 50%;
	width: 10px
}

.order_goods_num .minus_disabled:after {
	background: none repeat scroll 0 0 #938f8e
}

.order_goods_num .num {
	border: none;
	background: none repeat scroll 0 0 #fff;
	border-color: #ddd -moz-use-text-color;
	-o-border-image: none;
	border-image: none;
	border-radius: 0;
	border-style: solid none;
	border-width: 1px 0;
	font-size: 14px;
	height: 20px;
	line-height: normal;
	text-align: center;
	width: 42px
}

.order_goods_num .plus:after {
	border-radius: 2px;
	height: 2px;
	margin-left: -5px;
	margin-top: -1px;
	width: 10px
}

.order_goods_num .plus:after,.order_goods_num .plus:before {
	background: none repeat scroll 0 0 #989898;
	content: "";
	left: 50%;
	position: absolute;
	top: 50%
}

.order_goods_num .plus:before {
	height: 10px;
	margin-left: -1px;
	margin-top: -5px;
	width: 2px
}

.order_goods_num .plus_disabled:after,.order_goods_num .plus_disabled:before,.order_goods_num_disabled .minus:after {
	background: none repeat scroll 0 0 #938f8e
}

.order_goods_num_disabled .num {
	color: #bbb
}

.order_goods_num_disabled .plus:after,.order_goods_num_disabled .plus:before {
	background: none repeat scroll 0 0 #938f8e
}

.order_goods_price {
	color: #df2127;
	float: right;
	font-size: 16px;
	height: 22px;
	line-height: 22px
}

.order_plist {
	border-top: 1px solid #d7d7d7;
	padding-bottom: 10px
}

.order_promo_info {
	padding: 10px 0 0
}

.order_promo_info:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden
}

.order_promo_tag {
	border: 1px solid #df1e25;
	border-radius: 3px;
	color: #df1e25;
	float: left;
	font-size: 11px;
	height: 17px;
	line-height: 17px;
	margin-right: 5px;
	padding: 0 5px
}

.order_promo_tit {
	float: left
}

.order_promo_opt {
	float: right;
	max-width: 60%;
	overflow: hidden;
	padding-right: 20px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
	word-wrap: break-word
}

.order_promo_opt:after {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	content: "";
	display: block;
	height: 9px;
	margin-left: 10px;
	margin-right: 3px;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: 3px;
	width: 9px
}

.order_promo_opt b {
	color: #df1e25;
	font-weight: 400
}

.order_promo_opt b i {
	font-size: 9px
}

.order_promo_detail {
	background-color: #f7f7f8;
	display: none;
	padding: 15px 10px
}

.order_promo_item {
	margin-bottom: 10px;
	padding-left: 30px;
	position: relative
}

.order_promo_item:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden
}

.order_promo_item:last-child {
	margin-bottom: 0
}

.order_promo_ico {
	background-color: #fff;
	border: 1px solid #cfcfcf;
	border-radius: 20px;
	height: 18px;
	left: 0;
	margin-right: 10px;
	margin-top: 5px;
	position: absolute;
	top: 0;
	width: 18px
}

.order_promo_cnt {
	color: #5a5a5a;
	float: left;
	line-height: 30px
}

.order_promo_desc {
	float: right;
	height: 30px;
	line-height: 15px;
	max-width: 50%;
	overflow: hidden;
	text-align: right;
	white-space: nowrap
}

.order_promo_desc strong {
	display: block;
	font-weight: 400
}

.order_promo_desc2 {
	line-height: 30px
}

.order_promo_item_disabled .order_promo_ico {
	border-color: #ebebeb
}

.order_promo_item_disabled .order_promo_cnt,.order_promo_item_disabled .order_promo_desc {
	color: #ccc
}

.order_promo_item_selected .order_promo_ico {
	background-color: #de2327;
	border-color: #de2327
}

.order_promo_item_selected .order_promo_ico:after {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 13px 9px;
	content: "";
	display: block;
	height: 9px;
	left: 3px;
	position: absolute;
	top: 6px;
	width: 13px
}

.order_promo_on .order_promo_info {
	padding-bottom: 10px
}

.order_promo_on .order_promo_opt:after {
	top: 6px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

.order_promo_on .order_promo_detail {
	display: block
}

.order_promo_disabled .order_promo_opt {
	color: #cfcfcf
}

.order_post {
	border-top: 1px solid #d7d7d7
}

.order_post_info {
	padding: 10px 0
}

.order_post_info:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden
}

.order_post_tit {
	color: #666;
	float: left;
	height: 20px;
	line-height: 20px
}

.order_post_opt {
	float: right;
	max-width: 60%;
	overflow: hidden;
	padding-right: 20px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
	word-wrap: break-word
}

.order_post_opt:after {
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
	content: "";
	display: block;
	height: 9px;
	margin-left: 10px;
	margin-right: 3px;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: 3px;
	width: 9px
}

.order_post_detail {
	background-color: #f7f7f8;
	display: none;
	padding: 15px 10px
}

.order_post_item {
	margin-bottom: 10px;
	padding-left: 30px;
	position: relative
}

.order_post_item:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden
}

.order_post_item:last-child {
	margin-bottom: 0
}

.order_post_ico {
	background-color: #fff;
	border: 1px solid #cfcfcf;
	border-radius: 20px;
	height: 18px;
	left: 0;
	margin-right: 10px;
	position: absolute;
	top: 0;
	width: 18px
}

.order_post_cnt {
	color: #5a5a5a;
	float: left;
	line-height: 20px
}

.order_post_item_disabled .order_post_ico {
	border-color: #ebebeb
}

.order_post_item_disabled .order_post_cnt,.order_post_item_disabled .order_post_desc {
	color: #ccc
}

.order_post_item_selected .order_post_ico {
	background-color: #de2327;
	border-color: #de2327
}

.order_post_item_selected .order_post_ico:after {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 13px 9px;
	content: "";
	display: block;
	height: 9px;
	left: 3px;
	position: absolute;
	top: 6px;
	width: 13px
}

.order_post_on .order_post_info {
	padding-bottom: 10px
}

.order_post_on .order_post_opt:after {
	top: 6px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

.order_post_on .order_post_detail {
	display: block
}

.order_post_disabled .order_post_opt {
	color: #cfcfcf
}

.order_fp {
	border-top: 1px solid #d7d7d7
}

.order_fp_info {
	padding: 10px 0
}

.order_fp_info:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden
}

.order_fp_tit {
	color: #666;
	float: left;
	height: 20px;
	line-height: 20px
}

.order_fp_opt {
	float: right;
	max-width: 60%;
	overflow: hidden;
	padding-right: 20px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
	word-wrap: break-word
}

.order_fp_opt:after {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	content: "";
	display: block;
	height: 9px;
	margin-left: 10px;
	margin-right: 3px;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: 3px;
	width: 9px
}

.order_fp_detail {
	background-color: #f7f7f8;
	display: none;
	padding: 15px 10px
}

.order_fp_item {
	margin-bottom: 10px;
	padding-left: 30px;
	position: relative
}

.order_fp_item:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden
}

.order_fp_item:last-child {
	margin-bottom: 0
}

.order_fp_ico {
	background-color: #fff;
	border: 1px solid #cfcfcf;
	border-radius: 20px;
	height: 18px;
	left: 0;
	margin-right: 10px;
	position: absolute;
	top: 0;
	width: 18px
}

.order_fp_cnt {
	color: #5a5a5a;
	float: left;
	line-height: 20px
}

.order_fp_input {
	border: 1px solid #ddd;
	border-radius: 3px;
	color: #333;
	height: 34px;
	line-height: 24px;
	padding: 0 5px;
	vertical-align: top;
	width: 100%
}

.order_fp_item_input .order_fp_ico {
	top: 8px
}

.order_fp_item_input .order_fp_cnt {
	float: none
}

.order_fp_item_disabled .order_fp_ico {
	border-color: #ebebeb
}

.order_fp_item_disabled .order_fp_cnt,.order_fp_item_disabled .order_fp_desc {
	color: #ccc
}

.order_fp_item_selected .order_fp_ico {
	background-color: #de2327;
	border-color: #de2327
}

.order_fp_item_selected .order_fp_ico:after {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 13px 9px;
	content: "";
	display: block;
	height: 9px;
	left: 3px;
	position: absolute;
	top: 6px;
	width: 13px
}

.order_fp_on .order_fp_info {
	padding-bottom: 10px
}

.order_fp_on .order_fp_opt:after {
	top: 6px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

.order_fp_on .order_fp_detail {
	display: block
}

.order_fp_disabled .order_fp_opt {
	color: #cfcfcf
}

.order_msg {
	border-top: 1px solid #d7d7d7;
	overflow: hidden;
	padding: 15px 0 0
}

.order_msg_textarea {
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	color: #333;
	font-size: 12px;
	height: 40px;
	padding: 5px;
	width: 100%
}

.order_total {
	color: #5a5a5a;
	height: 40px;
	line-height: 40px;
	text-align: right
}

.order_total_price {
	color: #df2127;
	font-size: 16px
}

.order_total_price i {
	font-size: 9px
}

.total {
	background-color: #f7f7f9;
	color: #5a5a5a;
	height: 55px;
	line-height: 55px;
	padding: 0 10px;
	text-align: right
}

.total_price {
	color: #df2127;
	font-size: 20px
}

.total_price i {
	font-size: 9px
}

.pay {
	padding: 0 10px
}

.pay_btn {
	border-radius: 2px;
	color: #fff;
	display: block;
	font-size: 14px;
	height: 44px;
	line-height: 44px;
	margin-bottom: 10px;
	position: relative;
	text-align: center
}

.pay_btn_qq {
	background: none repeat scroll 0 0 #df2128
}

.pay_btn_qq em {
	font-size: 12px
}

.pay_btn_wechat {
	background: none repeat scroll 0 0 #67ad03
}

.pay_btn_tenpay {
	background: none repeat scroll 0 0 #3884ff
}

.pay_btn_daofu {
	background: none repeat scroll 0 0 #4b4b4b
}

.pay_btn_disabled {
	background: none repeat scroll 0 0 #d7d7d7;
	color: #999
}

.pay2 {
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 15px
}

.pay2,.pay2_1 {
	background-color: #fff;
	font-size: 12px
}

.zindexup {
	z-index: 90
}

.pay2_hd {
	background-color: #f1f1f2;
	line-height: 36px;
	padding: 0 10px;
	text-align: left
}

.bordertop {
	border-top: 1px solid #d9d9d9
}

.pay2_list,.pay3_list {
	background-color: #fff;
	padding: 0 10px
}

.pay3_list {
	max-width: 640px
}

.one_coupon,.pay3_list {
	position: relative
}

.wrapper {
	background-color: #f1f1f2
}

.animate_set {
	height: 0;
	overflow: hidden;
	transition: height .3s;
	-webkit-transition: height .3s
}

.oc_coupons_bg {
	max-width: 96%;
	width: 96%;
	height: 80px;
	margin: 2px auto;
	display: block;
	z-index: 0
}

.posi_absolute {
	position: absolute;
	width: 100%
}

.coupon_money {
	position: absolute;
	top: 20px;
	left: 5%
}

.coupon_time {
	position: absolute;
	top: 20px;
	right: 10%
}

.line_coupon {
	width: 94%;
	margin-left: 3%;
	margin-top: 3px;
	height: 4px
}

.pay2_item {
	border-bottom: 1px solid #d2d2d2;
	display: none;
	height: 50px;
	line-height: 50px
}

.pay2_item:first-child {
	display: block
}

.pay3_item {
	display: none;
	height: 50px;
	line-height: 50px
}

.pay3_item:first-child {
	display: block
}

.pay2_item_state,.pay2_item_state_default {
	background-color: #fff;
	border: 1px solid #cfcfcf;
	border-radius: 20px;
	float: left;
	height: 18px;
	margin-right: 10px;
	margin-top: 15px;
	position: relative;
	width: 18px
}

.pay2_item_ico {
	background-image: url(../img/pay_icon-d503fdccb8.png);
	background-position: 0 0
}

.pay2_item_ico,.pay2_item_ico_ali {
	background-repeat: no-repeat;
	background-size: auto 24px;
	float: left;
	margin-right: 10px;
	margin-top: 13px;
	height: 24px;
	width: 24px
}

.pay2_item_ico_ali {
	background-image: url(../img/pay_icon-d503fdccb8.png);
	background-position: -24px 0
}

.pay3_item_ico {
	background-image: url(../img/sale-770ede5279.png);
	background-size: 24px 24px;
	height: 24px;
	margin-top: 11px;
	float: left;
	display: inline-block;
	width: 24px
}

.pay3_item_ico_small {
	background-image: url(../img/sale-770ede5279.png);
	background-size: 21px 21px;
	position: relative;
	top: 7px;
	width: 21px;
	height: 21px;
	display: inline-block;
	margin-left: 8px
}

.after-sales-complaint {
	position: relative;
	width: 80px;
	height: 28px;
	margin-top: 8px;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	padding-right: 12px;
	color: red;
	border: 1px solid red;
	border-radius: 2px
}

.coupons {
	padding: 5px 0;
	display: block;
	background-color: #f1f1f2;
	width: 90%;
	max-width: 640px;
	margin-left: 4%
}

.pay3_item_tit {
	float: left;
	margin-left: 12px
}

.pay3_display,.pay3_item_tit {
	display: inline-block;
	height: 50px
}

.pay3_display {
	position: absolute;
	width: 200px;
	right: 3%
}

.pay3_item_price {
	float: left;
	margin-left: 10px
}

.pay2_wx .pay2_item_ico {
	background-position: 0 0
}

.pay2_df .pay2_item_ico {
	background-position: -29px 0
}

.pay2_cft .pay2_item_ico {
	background-position: -58px 0
}

.pay2_qq .pay2_item_ico {
	background-position: -87px 0
}

.pay2_wy .pay2_item_ico {
	background-position: -116px 0;
	width: 37px
}

.pay2_yl .pay2_item_ico {
	background-position: 0 -24px;
	width: 26px
}

.pay2_item_tit {
	float: left
}

.pay2_item_exp {
	color: #cbcbcb;
	font-size: 11px;
	margin-left: 10px
}

.pay2_showmore {
	border-bottom: 1px solid #d2d2d2;
	height: 30px;
	line-height: 30px;
	text-align: center
}

.pay2_showmore:after {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	content: "";
	display: inline-block;
	height: 9px;
	margin-left: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	vertical-align: 3px;
	width: 9px
}

.pay2_btn {
	background: none repeat scroll 0 0 #df2128;
	border-radius: 2px;
	color: #fff;
	display: block;
	font-size: 14px;
	height: 44px;
	line-height: 44px;
	margin: 15px auto;
	position: relative;
	text-align: center;
	width: 95%;
	outline: none;
	border: none
}

.pay2_selected .pay2_item_state {
	background-color: #de2327;
	border-color: #de2327
}

.pay2_selected .pay2_item_state:after {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 13px 9px;
	content: "";
	display: block;
	height: 9px;
	left: 2px;
	position: absolute;
	top: 4px;
	width: 13px
}

.pay2_list_full .pay2_item {
	display: block
}

.pay2_list_full .pay2_showmore {
	display: none
}

.order_fp_item_selected .order_fp_ico:after,.order_post_item_selected .order_post_ico:after,.order_promo_item_selected .order_promo_ico:after,.pay2_selected .pay2_item_state:after {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAASCAYAAABFGc6jAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyREI3QzdBODcyMkMxMUU0OEVDQ0UyOEI0RjU3MzVDNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyREI3QzdBOTcyMkMxMUU0OEVDQ0UyOEI0RjU3MzVDNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJEQjdDN0E2NzIyQzExRTQ4RUNDRTI4QjRGNTczNUM0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJEQjdDN0E3NzIyQzExRTQ4RUNDRTI4QjRGNTczNUM0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+9rD0lwAAATxJREFUeNpi+P//PwMNsRgQ7wVifUaQAI2ABBDvBWItIN5DK59IAvH1/xBwBoiFaGGJNBDfhFpyCogFwKFGZUtkgfg21JLjQMwPk6OmJfJAfBdqyREg5kOWp5YlikB8H2rJISDmRVcDY6hTYIkSED+EWnIAiLmxqQMRNUD8E4iDybBEFYgfQy0B5RcuXGpBRB1U4W8gDiXBElAoPIXq3YnPEuSgq4Jq+APEkURYognEz6B6tgMxJyE9yJwyJMti8GjSBuIXULVbgZidmBBAFyhGsiwBiwY9IH4FVbMRiNmIDWpsgvlA/A+I/wJxMpK4ARC/hlqyjhRL8OWjHKhlIJwGxEZA/BZqyWogZiU1heKTzECy7BPUkhVAzEJOfiOkIAVqEQgsBWJmcjM2MfVRIhDbAXEKEP8lt3ICCDAAcA4lYLme3/AAAAAASUVORK5CYII=")
}

.chosed {
	width: 28px;
	float: left;
	height: 18px
}

.display_coupon {
	color: #fff;
	background-color: #777;
	border-radius: 100%
}

.posi_abso {
	position: absolute;
	left: 50%;
	margin-left: -90px
}

.pullUp_hide {
	height: 0;
	width: 100%;
	visibility: hidden
}

.wrap_position {
	position: relative;
	height: 50px;
	text-align: center
}

.up {
	background-color: #f1f1f1;
	z-index: 9
}

.pullUp_show {
	height: 45px;
	width: 100%;
	margin-bottom: 10px
}

.wrap_position.no_order {
	position: absolute!important;
	top: 40%
}

.wrap_position.no_order .up {
	background: #eee
}

.wrap_position.no_order .posi_abso .center {
	width: 100%
}

.wrap_position.no_order .posi_abso .center .orders-text {
	font-size: 18px;
	font-weight: 400
}

#dealliststatus1 {
	font-size: 12px;
	padding-top: 42px
}

.nav_fixed {
	position: fixed;
	background-color: #fff;
	height: 40px;
	width: 100%;
	font-size: 15px;
	text-align: center;
	z-index: 999;
	top: 0;
	max-width: 640px
}

.fixed_nav_item_coupons,.fixed_nav_item_groups,.fixed_nav_item_orders,.fixed_nav_item_rank {
	height: 40px;
	line-height: 40px;
	float: left;
	display: block;
	box-sizing: border-box
}

.fixed_nav_item_coupons span,.fixed_nav_item_groups span,.fixed_nav_item_orders span,.fixed_nav_item_rank span {
	line-height: 36px;
	display: inline-block
}

.fixed_nav_item_coupons,.fixed_nav_item_rank {
	width: 33.33%
}

.fixed_nav_item_orders {
	width: 19.99%
}

.fixed_nav_item_groups {
	width: 24.99%
}

.nav_cur {
	border-bottom: 2px solid #df2127;
	color: red
}

.center {
	width: 170px;
	margin: 0 auto;
	text-align: center
}

.orders_text {
	line-height: 45px;
	font-weight: 700;
	font-size: 15px
}

.img_rotate {
	width: 30px;
	height: 30px;
	margin-top: 7px;
	margin-right: 5px;
	-webkit-animation: loading 1s linear 0s infinite
}

@-webkit-keyframes loading {
	0% {
		-webkit-transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn)
	}
}

.dialog_back {
	position: fixed;
	z-index: 9997;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #ccc;
	opacity: .8
}

.dialog_content {
	background-color: #fff;
	border-radius: 6px;
	z-index: 9999;
	position: fixed;
	width: 90%;
	height: 77%;
	left: 50%;
	top: 50%;
	max-width: 620px;
	-webkit-transform: translate(-50%,-47%);
	transform: translate(-50%,-47%)
}

.express_loading {
	display: block;
	position: absolute;
	left: 50%;
	top: 40%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.right_pos {
	float: right;
	margin-right: -13px;
	margin-top: -13px;
	width: 30px;
	height: 30px;
	display: block;
	text-align: center;
	border-radius: 100%;
	background-color: red
}

.cancel_icon {
	text-align: center;
	color: #fff
}

.express_header {
	color: #111;
	font-weight: 700;
	display: inline-block;
	font-size: 16px;
	margin: 20px 0 0 20px
}

.express_ui {
	font-size: 14px;
	position: relative
}

.express_ui:before {
	position: absolute;
	line-height: 200%;
	border-top: 1px solid #ddd;
	content: "";
	width: 200%;
	height: 200%;
	transform-origin: 0 0;
	transform: scale(.5);
	box-sizing: border-box;
	-webkit-transform-origin: 0 0;
	-webkit-transform: scale(.5);
	-webkit-box-sizing: border-box
}

.express_ui li {
	list-style-type: none
}

.express_main {
	position: absolute;
	margin: 0 auto;
	width: 90%;
	height: 77%;
	bottom: 2%;
	left: 5%;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.one_expre {
	position: relative;
	width: 100%;
	height: 80px;
	margin: 0
}

.express-ui_body {
	width: 20%;
	display: inline-block;
	height: 100%;
	color: #666
}

.express-ui_hr_1 {
	height: 15px
}

.express-ui_hr_1,.express-ui_hr_2 {
	position: absolute;
	border-left: 1px solid #ddd;
	transform: translateX(30px);
	-webkit-transform: translateX(30px)
}

.express-ui_hr_2 {
	top: 15px;
	height: 65px
}

.express-ui_round_1 {
	position: absolute;
	width: 10px;
	height: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: #ddd;
	transform: translate(25px,15px);
	-webkit-transform: translate(25px,15px)
}

.express-ui_round_2 {
	position: absolute;
	width: 16px;
	height: 16px;
	border: 3px solid #efbcbc;
	border-radius: 8px;
	background-color: #ef293c;
	transform: translate(22px,15px);
	-webkit-transform: translate(22px,15px)
}

.express-trace_info {
	width: 70%;
	display: inline-block;
	height: 100%;
	position: absolute
}

.express-trace_info:before {
	position: absolute;
	border-bottom: 1px solid #ddd;
	content: "";
	width: 200%;
	height: 200%;
	transform-origin: 0 0;
	transform: scale(.5);
	box-sizing: border-box;
	-webkit-transform-origin: 0 0;
	-webkit-transform: scale(.5);
	-webkit-box-sizing: border-box
}

.express-trace_info ._trace_info {
	position: relative;
	display: inline-block
}

.express-trace_info ._trace_info ._detail {
	margin-top: 10px;
	-webkit-line-clamp: 2
}

.express-trace_info ._trace_info ._detail,.express-trace_info ._trace_info ._time {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	line-height: 20px
}

.express-trace_info ._trace_info ._time {
	-webkit-line-clamp: 1
}

.exp_circle {
	margin-right: 5px
}

.latest {
	margin: 0 3px 0 4px;
	color: #fff;
	background-color: red;
	visibility: hidden
}

.latest_show {
	visibility: visible
}

.red_color {
	color: #ef293c!important
}

.exp_middle {
	padding-right: 5px;
	vertical-align: middle;
	height: 100%;
	width: 25%;
	text-align: center
}

.exp_detail {
	width: 75%
}

.exp_overflow {
	height: 100%;
	overflow: hidden
}

.shipper {
	color: #000;
	font-size: 14px;
	margin-left: 22px
}

.tracking_number {
	margin-left: 10px
}

.basic {
	-webkit-transition: all .7s;
	float: right;
	margin: 0 auto;
	margin-top: 22px;
	width: 20px;
	height: 11px
}

.rotates {
	-webkit-transform: rotate(180deg)
}

.oc_pin1 {
	top: 30%!important;
	left: 3%;
	font-size: 18px
}

.oc_pin1,.oc_pin2 {
	position: absolute;
	color: inherit
}

.oc_pin2 {
	left: 8%;
	top: 0;
	font-weight: 400;
	line-height: 80px
}

.oc_pin2,.oc_pin2-small {
	font-size: 40px
}

.oc_coup_text_left1 {
	text-align: left;
	position: absolute;
	top: 17%!important;
	left: 30%
}

.oc_coup_time_right1 {
	color: #fff;
	text-align: center;
	font-family: \\5FAE\8F6F\96C5\9ED1;
	font-weight: 900;
	position: absolute;
	word-wrap: break-word;
	top: 30%!important;
	right: 0;
	font-size: 5px;
	letter-spacing: 1px;
	width: 30%
}

.oc_coup_text_left1 b {
	font-size: 17px
}

.oc_coup_text_catname {
	font-size: 10px
}

.oc_coup_time_right1 b {
	font-size: 18px;
	font-weight: 500;
	text-align: center
}

.oc_text_copus_desc1 {
	font-size: 10px
}

.text_copus_time1 {
	font-size: 8px;
	margin-top: -3px
}

.coupon_icon {
	background-image: url(../img/sale-770ede5279.png);
	background-size: 14px 14px;
	height: 14px;
	width: 14px;
	float: right;
	margin: 2px 5px 0 0;
	display: inline-block
}

.mall_title .icon {
	display: block;
	position: absolute;
	height: 20px;
	width: 20px
}

.order_list_gap {
	height: 50px;
	visibility: hidden
}

.coupon_style_red,.coupon_style_yellow {
	color: #fff
}

.coupon_style_gray {
	color: #878787!important
}

.coupon_style_group {
	color: #fff
}

.xiaomi-ad {
	color: red;
	font-size: 12px;
	margin-left: 10px;
	overflow: hidden;
	white-space: nowrap
}

.wechat-recommend {
	color: #ff2742;
	font-size: 12px;
	margin-left: 14px;
	padding: 2px 7px;
	border: 1px solid #ff2742;
	border-radius: 4px
}

.order_couponselector {
	position: fixed;
	height: 410px;
	width: 100%;
	max-width: 640px;
	bottom: 0;
	background-color: #fff;
	z-index: 100002;
	transition: -webkit-transform ease-out .3s;
	transition: transform ease-out .3s;
	transition: transform ease-out .3s,-webkit-transform ease-out .3s;
	-webkit-transition: -webkit-transform ease-out .3s;
	transform: translateY(200%);
	-webkit-transform: translateY(200%)
}

.coupon-slide-up {
	transform: translate(0);
	-webkit-transform: translate(0)
}

#coupon-hidden {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: .5;
	z-index: 100001;
	top: 0;
	left: 0;
	transition: background ease-out .3s;
	-webkit-transition: background ease-out .3s
}

.order_coupon_header {
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	height: 40px;
	font-weight: 600;
	letter-spacing: 1px
}

.order_coupon_button {
	line-height: 50px;
	height: 50px;
	text-align: center;
	font-size: 18px;
	background-color: #f34350;
	color: #fff;
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 10000;
	letter-spacing: 2px
}

.order_coupon_wrapper {
	overflow: auto
}

.order_coupon_list {
	max-height: 330px;
	overflow-x: hidden;
	overflow-y: auto
}

.order_coupon_one {
	height: 54px;
	line-height: 54px;
	border-bottom: 1px solid #dfdfdf;
	margin-left: 2%;
	margin-right: 2%;
	color: #666
}

.order_coupon_one_icon {
	width: 20px;
	height: 20px;
	border-radius: 100%;
	border: 1px solid #999;
	float: left;
	margin-top: 16px;
	margin-left: 1%
}

.order_coupon_selected {
	background-image: url(../img/choose-47ae32adee.png);
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0 0;
	height: 20px;
	width: 20px;
	border: none
}

.order_coupon_one_title {
	float: left;
	margin-left: 6%;
	font-size: 14px;
	max-width: 40%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.order_coupon_one_time {
	font-size: 12px;
	margin-right: 6%;
	float: right
}

.oc_tuanzhang_free_img {
	top: 5px;
	left: 3%;
	position: absolute
}

.oc_tuanzhang_free_img img {
	height: 60px;
	margin-top: 10px
}

.oc_tuanzhang_text_left1 {
	top: 14%!important;
	right: 6%;
	color: #878787;
	text-align: left;
	position: absolute;
	left: 30%
}

.oc_tuanzhang_text_left1 span {
	font-size: 16px;
	color: #333
}

.oc_tuanzhang_time_right1 {
	color: #fff;
	position: absolute;
	top: 22%;
	font-size: 5px;
	letter-spacing: 1px;
	width: 27%;
	text-align: center;
	right: 1%;
	margin: 0 auto
}

.oc_tuanzhang_time_right1 b {
	font-size: 16px;
	text-align: center
}

.oc_tuanzhang_time_right2 {
	color: #fff;
	position: absolute;
	top: 22%;
	font-size: 5px;
	letter-spacing: 1px;
	width: 27%;
	text-align: center;
	right: 1%;
	margin: 0 auto
}

.oc_tuanzhang_time_right2 b {
	font-size: 16px;
	text-align: center
}

.oc_tuanzhang_text_catname {
	width: 65%;
	line-height: 15px
}

.oc_tuanzhang_copus_desc1 {
	font-size: 10px
}

.oc_tuanzhang_price,.oc_tuanzhang_price2 {
	font-size: 16px;
	font-weight: 400
}

.oc_tuanzhang_price2 {
	color: #fff
}

.free-amount {
	position: relative;
	height: 25px;
	width: 100%;
	padding: 0;
	background-color: #fff;
	border-bottom: 1px solid #dedede
}

.free-amount a {
	margin-right: 10px;
	font-size: 14px;
	color: gray;
	float: right;
	text-align: center;
	line-height: 20px
}

.free-amount .order_goods_free_info {
	color: red;
	font-size: 12px;
	margin-left: 10px;
	float: left;
	text-align: center;
	line-height: 20px
}

#recharge_info {
	border-bottom: 1px solid #dedede;
	padding: 15px 10px;
	position: relative;
	background-color: #fff
}

.recharge-hint {
	font-size: 14px;
	color: #000;
	line-height: 36px;
	height: 36px;
	text-align: center;
	display: block
}

.recharge-phone-number-input {
	width: 100%;
	font-size: 16px;
	line-height: 36px;
	height: 36px;
	color: #000;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding-left: 5px;
	-webkit-appearance: none
}

.order-state_btn {
	width: 100%;
	max-width: 640px
}

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

*,blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul {
	margin: 0;
	padding: 0;
	vertical-align: baseline
}

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

em,i {
	font-style: normal
}

ol,ul {
	list-style: none
}

button,h1,h2,h3,h4,h5,h6,input,select {
	font-size: 100%;
	font-family: inherit
}

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

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

body {
	margin: 0 auto;
	min-width: 320px;
	max-width: 640px;
	height: 100%;
	background: #fff;
	font-size: 12px;
	font-family: Helvetica,STHeiti STXihei,Microsoft JhengHei,Microsoft YaHei,Arial;
	line-height: 1.5;
	color: #666;
	-webkit-text-size-adjust: 100%!important;
	-webkit-user-select: text;
	-moz-user-select: text;
	user-select: text;
	-ms-user-select: text;
	background-color: #f1f1f2
}

input[type=text],textarea {
	-webkit-appearance: none
}

.h,.hide {
	display: none!important
}

.show {
	display: block!important
}

.mod_banner_close,.mod_bar_back:before,.mod_bar_cat2:before,.mod_bar_cat:before,.mod_bar_input_btn,.mod_bar_logo,.mod_bar_search2:before,.mod_bar_share:before,.mod_bar_user:before,.mod_nav_my:after {
	background-image: url(/base/gb_v3.png);
	background-repeat: no-repeat;
	background-size: 100px 100px
}

.mod_bar2_back:before,.mod_bar2_cat2:before,.mod_bar2_cat:before,.mod_bar2_input_btn,.mod_bar2_logo,.mod_bar2_menu:before,.mod_bar2_menulist_item:before,.mod_bar2_search:before,.mod_bar2_share:before,.mod_nav2_my:after {
	background-image: url(/base/gb_v4.png);
	background-repeat: no-repeat;
	background-size: 75px 168px
}

.mod_aside_item:before,.mod_aside_item a:after,.mod_aside_more,.mod_aside_top,.mod_qqbacktop {
	background-image: url(/base/mod_aside.png);
	background-repeat: no-repeat;
	background-size: 150px 110px
}

.mod_banner {
	width: 100%;
	position: relative
}

.mod_banner_lk {
	display: block
}

.mod_banner_img {
	width: 100%;
	max-width: 640px;
	overflow: hidden
}

.mod_banner_close {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 23px;
	height: 25px;
	background-position: -71px -23px
}

.mod_nav {
	height: 40px;
	background-color: #fff;
	padding-right: 50px;
	position: relative
}

.mod_nav_lk {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.mod_nav_item {
	position: relative;
	display: block;
	flex: 1;
	-ms-flex: 1;
	-webkit-flex: 1;
	box-flex: 1;
	-ms-box-flex: 1;
	-webkit-box-flex: 1;
	text-align: center;
	line-height: 40px;
	height: 40px;
	font-size: 15px;
	box-sizing: border-box;
	margin-right: -1px;
	border-bottom: 1px solid #e0e0e0
}

.mod_nav_item:before {
	left: 0
}

.mod_nav_item:after,.mod_nav_item:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #e0e0e0
}

.mod_nav_item:after {
	left: 0;
	left: auto;
	right: 0
}

.mod_nav_item:nth-last-child(1) {
	margin-right: 0
}

.mod_nav_item:nth-child(1):before,.mod_nav_item:nth-last-child(1):after {
	background: none
}

.mod_nav_cur {
	color: #df2127;
	border-bottom: 2px solid #df2127;
	z-index: 1
}

.mod_nav_my {
	right: 0;
	top: 0;
	width: 50px;
	height: 100%;
	border-left: 1px solid #e0e0e0
}

.mod_nav_my,.mod_nav_my:after {
	position: absolute;
	display: block
}

.mod_nav_my:after {
	content: "";
	top: 9px;
	right: 14px;
	width: 22px;
	height: 22px;
	background-position: -44px -23px
}

.mod_loading {
	padding: 20px 0;
	text-align: center;
	color: #999;
	line-height: 21px
}

.mod_loading:before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 auto;
	background-image: url(/base/loading_p.gif);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 16px;
	margin-bottom: 10px
}

.mod_mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	z-index: 100
}

.mod_footer {
	padding: 20px 10px 30px
}

.mod_footer_fixed {
	position: fixed;
	z-index: 101;
	bottom: 0;
	width: 100%;
	background: #f1f1f2;
	padding: 20px 10px
}

.mod_footer_lk {
	position: relative;
	border-bottom: 1px solid #ddd;
	text-align: center;
	padding-bottom: 8px;
	margin-bottom: 12px
}

.mod_footer_lk:after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
	overflow: hidden
}

.mod_footer_lk a {
	padding-right: 8px;
	margin-right: 8px;
	border-right: 1px solid #d7d7d7;
	height: 12px;
	line-height: 12px;
	overflow: hidden;
	color: #999
}

.mod_footer_lk a:last-child {
	border-right: 0;
	margin-right: 0;
	padding-right: 0
}

.mod_footer_logo {
	text-align: center
}

.mod_sharetips {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 170px;
	height: 90px;
	z-index: 101;
	background-image: url(/base/detail/sharetips.png);
	background-repeat: no-repeat;
	background-size: 170px 90px
}

.mod_confirm {
	position: fixed;
	top: 100px;
	left: 50%;
	width: 210px;
	margin-left: -125px;
	background-color: #fff;
	padding: 30px 20px 15px;
	border-top: 2px solid #df2329;
	z-index: 101
}

.mod_confirm_hd {
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #333
}

.mod_confirm_bd {
	padding-bottom: 20px
}

.mod_confirm_txt {
	color: #333
}

.mod_confirm_ft,.mod_confirm_txt {
	text-align: center
}

.mod_confirm_ft a {
	display: inline-block;
	width: 62px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border: 1px solid #c3c3c3;
	color: #333;
	margin-right: 10px
}

.mod_confirm_ft a:last-child {
	margin-right: 0
}

.mod_confirm_btn1 {
	border-color: #db0000!important
}

.mod_confirm2 {
	padding-top: 15px;
	width: 240px;
	margin-left: -140px
}

.mod_confirm2 .mod_confirm_txt {
	text-align: left
}

.mod_confirm_wrap {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 105;
	background: rgba(0,0,0,.2)
}

.mod_confirm_wrap .mod_confirm,.mod_confirm_wrap .mod_confirm2 {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.mod_btn_normal {
	display: block;
	height: 42px;
	line-height: 42px;
	background-color: #da0000;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	font-size: 17px
}

.mod_btn_normal_mini {
	background-color: #da0000
}

.mod_btn_normal_mini,.mod_btn_normal_mini2 {
	display: block;
	height: 21px;
	line-height: 21px;
	color: #fff;
	text-align: center;
	padding: 0 8px
}

.mod_btn_normal_mini2 {
	background-color: #bbb
}

.mod_btn_normal_mini3 {
	display: block;
	height: 21px;
	line-height: 21px;
	background-color: #3e3e3e;
	color: #fff;
	text-align: center;
	padding: 0 8px
}

.mod_bar {
	line-height: 49px;
	background-color: #de2327;
	position: relative;
	text-align: center
}

.mod_bar,.mod_bar_back {
	height: 49px;
	overflow: hidden
}

.mod_bar_back {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 12px;
	color: #fff;
	text-indent: -9999px;
	z-index: 1;
	width: 30px
}

.mod_bar_back:before {
	position: absolute;
	top: 17px;
	left: 10px;
	content: "";
	display: block;
	width: 9px;
	height: 15px;
	background-position: 0 0
}

.mod_bar_tit {
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	font-size: 15px
}

.mod_bar_logo {
	z-index: 1;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 24px;
	height: 29px;
	background-position: 0 -63px;
	display: block
}

.mod_bar_user {
	position: absolute;
	top: 0;
	right: 10px;
	color: #fff;
	z-index: 1
}

.mod_bar_user:before {
	position: absolute;
	top: 18px;
	left: -20px;
	content: "";
	display: block;
	width: 11px;
	height: 12px;
	background-position: -14px 0
}

.mod_bar_input {
	position: absolute;
	top: 0;
	left: 30px;
	right: 50px;
	height: 49px
}

.mod_bar_input input {
	border: 1px solid #fff;
	margin: 7px 0;
	height: 35px;
	width: 100%;
	box-sizing: border-box;
	color: #191919;
	padding: 0 5px;
	border-radius: 0
}

.mod_bar_input_btn {
	position: absolute;
	top: 15px;
	right: 10px;
	display: block;
	width: 18px;
	height: 18px;
	background-position: -81px 0;
	text-indent: -9999px;
	overflow: hidden
}

.mod_bar_share {
	position: absolute;
	top: 0;
	right: 10px;
	z-index: 1;
	padding-left: 25px;
	color: #fff
}

.mod_bar_share:before {
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
	display: block;
	width: 23px;
	height: 21px;
	background-position: -53px 0
}

.mod_bar_search {
	color: #fff;
	width: 40px;
	display: block;
	padding-right: 10px;
	text-align: right
}

.mod_bar_search,.mod_bar_search2 {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1
}

.mod_bar_search2 {
	text-indent: -9999px;
	width: 50px
}

.mod_bar_search2:before {
	content: "";
	position: absolute;
	top: 15px;
	right: 15px;
	display: block;
	width: 18px;
	height: 18px;
	background-position: -30px 0
}

.mod_bar_cat {
	position: absolute;
	top: 0;
	right: 0;
	width: 37px;
	z-index: 1;
	padding-left: 35px;
	color: #fff;
	text-align: left;
	display: block
}

.mod_bar_cat:before {
	content: "";
	position: absolute;
	top: 15px;
	left: 12px;
	display: block;
	width: 18px;
	height: 18px;
	background-position: -30px 0
}

.mod_bar_cat2 {
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999px;
	width: 50px;
	z-index: 1;
	display: block
}

.mod_bar_cat2:before {
	content: "";
	position: absolute;
	top: 14px;
	right: 10px;
	display: block;
	width: 23px;
	height: 21px;
	background-position: -53px 0
}

.mod_bar_pindex .mod_bar_input {
	left: 48px;
	right: 72px
}

.mod_bar_pindex .mod_bar_input input {
	background-color: #c42024;
	border-color: #b91d21;
	border-top-color: #a4191c;
	color: #e89fa1;
	padding-right: 30px;
	color: #fff
}

.mod_bar_pindex .mod_bar_input input::-webkit-input-placeholder {
	color: #fff
}

.mod_bar_pcat {
	background-color: #fff
}

.mod_bar_pcat .mod_bar_logo {
	background-position: -29px -63px
}

.mod_bar_pcat .mod_bar_input {
	left: 48px;
	right: 10px
}

.mod_bar_pcat .mod_bar_input input {
	background-color: #de2327;
	border-color: #de2327;
	border-top-color: #ba1c1f;
	color: #fff;
	padding-right: 30px
}

.mod_bar_pcat .mod_bar_input:after {
	content: '';
	position: absolute;
	top: 0;
	right: 10px;
	display: block;
	width: 18px;
	height: 18px;
	background-position: -81px 0
}

.mod_bar_nor .mod_bar_input {
	right: 10px
}

.mod_bar2 {
	height: 50px;
	line-height: 50px;
	background-color: #e02428;
	position: relative;
	text-align: center;
	z-index: 100
}

.mod_bar2_back {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 12px;
	color: #fff;
	text-indent: -9999px;
	z-index: 1;
	width: 40px;
	height: 50px;
	overflow: hidden
}

.mod_bar2_back:before {
	position: absolute;
	top: 50%;
	margin-top: -12px;
	left: 10px;
	content: "";
	display: block;
	width: 13px;
	height: 24px;
	background-position: 0 -49px
}

.mod_bar2_tit {
	height: 50px;
	line-height: 50px;
	color: #fff;
	position: absolute;
	top: 0;
	left: 45px;
	right: 50px;
	text-align: left;
	font-size: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.mod_bar2_logo {
	z-index: 1;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 25px;
	height: 30px;
	background-position: 0 0;
	display: block
}

.mod_bar2_input {
	position: absolute;
	top: 0;
	left: 45px;
	right: 50px;
	height: 50px
}

.mod_bar2_input input {
	border: 1px solid #9f1215;
	margin: 7px 0;
	height: 36px;
	width: 100%;
	box-sizing: border-box;
	background: #b31d20;
	color: #fff;
	padding: 0 35px 0 15px;
	border-radius: 18px;
	box-shadow: inset 0 0 2px rgba(0,0,0,.1);
	font-size: 12px
}

.mod_bar2_input input::-webkit-input-placeholder {
	color: #fff
}

.mod_bar2_share {
	position: absolute;
	top: 0;
	right: 10px;
	z-index: 1;
	padding-left: 25px;
	color: #fff
}

.mod_bar2_share:before {
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
	display: block;
	width: 23px;
	height: 21px;
	background-position: -53px 0
}

.mod_bar2_search {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	width: 38px;
	height: 50px;
	display: block;
	font: 0/0 a;
	z-index: 1
}

.mod_bar2_search:before {
	width: 18px;
	height: 19px;
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -9px;
	right: 15px;
	background-position: 0 -30px
}

.mod_bar2_search2,.mod_bar2_search3 {
	width: 53px;
	height: 33px;
	line-height: 32px;
	position: absolute;
	top: 8px;
	right: 50px;
	color: #fff;
	border: 1px solid #b31d20;
	border-radius: 34px;
	-webkit-transition: all ease .2s;
	transition: all ease .2s
}

.mod_bar2_search2:active,.mod_bar2_search3:active {
	border-color: #fff;
	background-color: #fff;
	color: #e02428
}

.mod_bar2_cat {
	position: absolute;
	top: 0;
	right: 0;
	width: 37px;
	z-index: 1;
	padding-left: 35px;
	color: #fff;
	display: block
}

.mod_bar2_cat:before {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	width: 18px;
	height: 18px;
	background-position: -30px 0
}

.mod_bar2_cat2 {
	position: absolute;
	top: 0;
	right: 0;
	text-indent: -9999px;
	width: 50px;
	z-index: 1;
	display: block
}

.mod_bar2_cat2:before {
	content: "";
	position: absolute;
	top: 14px;
	right: 10px;
	display: block;
	width: 23px;
	height: 21px;
	background-position: -53px 0
}

.mod_bar2_menu {
	width: 41px;
	position: absolute;
	top: 0;
	right: 7px;
	color: #fff;
	z-index: 1
}

.mod_bar2_menu:before {
	position: absolute;
	top: 8px;
	left: 3px;
	content: "";
	display: block;
	width: 33px;
	height: 33px;
	border: 1px solid #b31d20;
	background-color: #e02428;
	background-position: -1px -74px;
	border-radius: 100%;
	-webkit-transition: background-color ease .2s,border ease .2s;
	transition: background-color ease .2s,border ease .2s
}

.mod_bar2_menu_unfold .mod_bar2_menu:before {
	border-color: #fff;
	background-color: #fff;
	background-position: -1px -109px
}

.mod_bar2_menulist {
	width: 125px;
	position: absolute;
	top: 50px;
	right: 0;
	background: #fff;
	z-index: 10;
	display: none
}

.mod_bar2_menulist:before {
	width: 0;
	height: 0;
	content: "";
	position: absolute;
	top: -8px;
	right: 24px;
	border: 4px dashed transparent;
	border-bottom: 4px solid #fff
}

.mod_bar2_menulist_item {
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: block;
	border-bottom: 1px solid #ddd;
	text-align: left;
	text-indent: 43px;
	position: relative;
	-webkit-transition: background ease .2s;
	transition: background ease .2s
}

.mod_bar2_menulist_item:active {
	background: #dcdcdc
}

.mod_bar2_menulist_item:last-child {
	border-bottom: none
}

.mod_bar2_menulist_item:before {
	width: 24px;
	height: 24px;
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -12px;
	left: 10px;
	border-radius: 100%
}

.mod_bar2_menulist_item1:before {
	background-color: #e02428;
	background-position: 0 -143px
}

.mod_bar2_menulist_item2:before {
	background-color: #24bfff;
	background-position: -25px -143px
}

.mod_bar2_menulist_item3:before {
	background-color: #ffcb2b;
	background-position: -50px -143px
}

.mod_bar2_2btn .mod_bar2_input,.mod_bar2_2btn .mod_bar2_tit {
	right: 110px
}

.mod_bar2_browser .mod_bar2_tit {
	right: 75px
}

.mod_bar2_browser .mod_bar2_search2,.mod_bar2_browser_up .mod_bar2_search2 {
	right: 10px
}

.mod_bar2_browser_up .mod_bar2_tit {
	right: 75px
}

.mod_bar2_browser_down {
	background: #e6e6e6;
	border-bottom: 1px solid #d7d7d7
}

.mod_bar2_browser_down .mod_bar2_input {
	left: 10px;
	bottom: 0;
	top: auto;
	z-index: 1
}

.mod_bar2_browser_down .mod_bar2_input input {
	border-color: #cdcdcd;
	background: #fff;
	color: #666
}

.mod_bar2_browser_down .mod_bar2_input input::-webkit-input-placeholder {
	color: #666
}

.mod_bar2_browser_down .mod_bar2_search:before {
	background-position: -18px -30px
}

.mod_bar2_browser_down .mod_bar2_menu {
	bottom: 0;
	top: auto;
	z-index: 1
}

.mod_bar2_browser_down .mod_bar2_menu:before {
	border-color: #b0b0b0;
	background-color: #e6e6e6;
	background-position: -36px -74px
}

.mod_bar2_swrap {
	height: 50px;
	background: #e6e6e6;
	border-bottom: 1px solid #d7d7d7
}

.mod_bar2_swrap .mod_bar2_input {
	left: 10px;
	right: 70px;
	bottom: 0;
	top: auto;
	z-index: 1
}

.mod_bar2_swrap .mod_bar2_input input {
	border-color: #cdcdcd;
	background: #fff;
	color: #666
}

.mod_bar2_swrap .mod_bar2_input input::-webkit-input-placeholder {
	color: #666
}

.mod_bar2_swrap .mod_bar2_search:before {
	background-position: -18px -30px
}

.mod_bar2_swrap .mod_bar2_search2,.mod_bar2_swrap .mod_bar2_search3 {
	right: 10px;
	border-color: #b0b0b0;
	color: #666;
	z-index: 1
}

.mod_bar2_mobq {
	background: #e6e6e6;
	border-bottom: 1px solid #d7d7d7
}

.mod_bar2_mobq .mod_bar2_back:before {
	background-position: -13px -49px
}

.mod_bar2_mobq .mod_bar2_tit {
	color: #666
}

.mod_bar2_mobq .mod_bar2_logo {
	background-position: -25px 0
}

.mod_bar2_mobq .mod_bar2_input input {
	border-color: #cdcdcd;
	background: #fff;
	color: #666
}

.mod_bar2_mobq .mod_bar2_input input::-webkit-input-placeholder {
	color: #666
}

.mod_bar2_mobq .mod_bar2_search:before {
	background-position: -18px -30px
}

.mod_bar2_mobq .mod_bar2_search2 {
	border-color: #b0b0b0;
	color: #666
}

.mod_bar2_mobq .mod_bar2_search2:active {
	border-color: #e02428;
	background: #e02428;
	color: #fff
}

.mod_bar2_mobq .mod_bar2_menu:before {
	border-color: #b0b0b0;
	background-color: #e6e6e6;
	background-position: -36px -74px
}

.mod_bar2_menu_unfold .mod_bar2_menulist {
	display: block
}

.mod_bar2_browser.mod_bar2_menu_unfold .mod_bar2_menu:before,.mod_bar2_mobq.mod_bar2_menu_unfold .mod_bar2_menu:before {
	border-color: #e02428;
	background-color: #e02428;
	background-position: -1px -74px
}

.mod_bar2_nor .mod_bar2_input,.mod_bar2_nor .mod_bar2_tit {
	right: 10px
}

.mod_aside {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 901;
	width: 50px
}

.mod_aside2 {
	bottom: 66px
}

.mod_aside_more {
	display: block;
	width: 50px;
	height: 50px;
	font-size: 0;
	text-indent: -9999em;
	overflow: hidden;
	background-position: -55px 0
}

.mod_aside_more:active {
	background-position: 0 0
}

.mod_aside_top {
	display: none;
	width: 50px;
	height: 50px;
	font-size: 0;
	text-indent: -9999em;
	overflow: hidden;
	background-position: -55px -55px;
	margin-top: 5px
}

.mod_aside_top:active {
	background-position: 0 -55px
}

.mod_aside_item {
	position: absolute;
	bottom: 60px;
	right: 0;
	background-color: #fff;
	width: 115px;
	display: none;
	padding: 3px;
	background-color: hsla(0,0%,80%,.65)
}

.mod_aside_item:before {
	bottom: -5px;
	background: hsla(0,0%,80%,.65)
}

.mod_aside_item:after,.mod_aside_item:before {
	content: '';
	position: absolute;
	right: 16px;
	display: block;
	width: 15px;
	height: 15px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.mod_aside_item:after {
	bottom: -1px;
	background: #fff
}

.mod_aside_item a {
	position: relative;
	z-index: 1;
	color: #000;
	line-height: 40px;
	height: 40px;
	overflow: hidden;
	display: block;
	border-bottom: 1px solid #e3e7ea;
	padding: 0 15px;
	background-color: #fff
}

.mod_aside_item a:after {
	content: '';
	position: absolute;
	top: 14px;
	right: 15px;
	width: 6px;
	height: 11px;
	background-position: -110px -20px
}

.mod_aside_item a:active {
	background-color: #df2327;
	border-bottom: 1px solid #df2327;
	color: #fff
}

.mod_aside_item a:active:after {
	background-position: -110px -36px
}

.mod_aside_item a:last-child {
	border-bottom: 0 none
}

.mod_aside_uc:before {
	background-position: 0 -88px
}

.mod_aside_history:before {
	background-position: -44px -88px
}

.mod_aside_fav:before {
	background-position: -132px -88px
}

.mod_aside_top_active .mod_aside_top {
	display: block
}

.mod_aside_top_active .mod_aside_item {
	bottom: 115px
}

.mod_wxa {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.9)
}

.mod_wxa_close {
	position: absolute;
	left: 10px;
	top: 12px;
	width: 25px;
	height: 25px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-backface-visibility: hidden
}

.mod_wxa_close:before {
	left: 0;
	top: 11px;
	width: 100%;
	height: 3px
}

.mod_wxa_close:after,.mod_wxa_close:before {
	content: '';
	position: absolute;
	background: #fff
}

.mod_wxa_close:after {
	left: 11px;
	top: 0;
	width: 3px;
	height: 100%
}

.mod_wxa_bd {
	width: 268px;
	margin: 0 auto
}

.mod_wxa_step {
	margin: 80px 0 0
}

.mod_wxa_step li {
	position: relative;
	color: #eff5f3;
	padding: 0 0 26px;
	font-size: 15px;
	white-space: nowrap
}

.mod_wxa_step i {
	display: block;
	margin: -2px 0 3px
}

.mod_wxa_step b {
	color: #feffc0
}

.mod_wxa_step input {
	width: 116px;
	height: 22px;
	background: #fff;
	padding: 0 4px;
	border: 0 none;
	-webkit-box-shadow: 0 1px 0 #717171
}

.mod_wxa_step button,.mod_wxa_step input {
	display: inline-block;
	vertical-align: middle;
	line-height: 22px;
	-webkit-border-radius: 3px
}

.mod_wxa_step button {
	width: 58px;
	height: 24px;
	text-align: center;
	background: #08bc03;
	color: #fff;
	border: 0 none;
	padding: 0;
	margin: 0 0 0 8px;
	border: 1px solid #08bc03;
	font-size: 14px
}

.mod_wxa_tips {
	display: block!important;
	margin: 5px 0 0;
	color: #909090;
	font-size: 14px
}

.mod_wxa_faved {
	margin: 25px 0 0;
	color: #ca8;
	text-align: center;
	font-size: 15px
}

.mod_slider {
	position: relative;
	margin: 20px 10px 10px;
	overflow: hidden
}

.mod_slider_img {
	width: 100%;
	overflow: hidden
}

.mod_slider_item,.mod_slider ul {
	position: relative
}

.mod_slider_item {
	float: left;
	width: 100%;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.mod_slider_item a {
	display: block;
	text-align: center
}

.mod_slider_item img {
	display: block;
	min-height: 85px;
	width: 100%;
	overflow: hidden
}

.mod_slider_btn {
	width: 100%;
	height: 18px;
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	z-index: 20;
	text-align: center
}

.mod_slider_btn ul {
	padding: 0 4px;
	min-width: 58px;
	height: 18px;
	overflow: hidden;
	text-align: center;
	border-radius: 10px
}

.mod_slider_btn li,.mod_slider_btn ul {
	display: inline-block;
	background: transparent
}

.mod_slider_btn li {
	margin: 5px 3px;
	width: 4px;
	height: 4px;
	border-radius: 5px;
	cursor: pointer;
	border: 2px solid #fff;
	border-radius: 0
}

.mod_slider_btn li.on {
	background: #fff
}

.mod_qqbacktop {
	display: block;
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	z-index: 901;
	background-position: -55px -55px
}

.mod_qqbacktop:active {
	background-position: 0 -55px
}

.wx_loading {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 90;
	background-color: transparent
}

.wx_loading_inner {
	text-align: center;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -70px;
	margin-top: -48px;
	width: 140px;
	border-radius: 6px;
	font-size: 14px;
	padding: 58px 0 10px
}

.wx_loading_icon {
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: -16px;
	width: 24px;
	height: 24px;
	border: 2px solid #fff;
	border-radius: 24px;
	-webkit-animation: gif 1s infinite linear;
	animation: gif 1s infinite linear;
	clip: rect(0 auto 12px 0)
}

.wx_footer {
	margin: 45px 0 60px
}

.wx_footer .pp_logo {
	left: 50%!important;
	margin-left: -33px!important
}

.mod_loading2 {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 90
}

.mod_loading2_inner {
	text-align: center;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -70px;
	margin-top: -48px;
	width: 140px;
	border-radius: 6px;
	font-size: 14px;
	padding: 58px 0 10px
}

.mod_loading2_icon {
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: -16px;
	width: 24px;
	height: 24px;
	border: 2px solid #fff;
	border-radius: 24px;
	-webkit-animation: gif 1s infinite linear;
	animation: gif 1s infinite linear;
	clip: rect(0 auto 12px 0)
}

@keyframes gif {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-webkit-keyframes gif {
	0% {
		-webkit-transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn)
	}
}

#loadTipImg {
	width: 16px;
	height: 16px
}

.mod_app_txt {
	float: left;
	color: #191919;
	padding: 2px;
	height: 40px;
	line-height: 20px;
	overflow: hidden
}

.mod_app_btn {
	float: right;
	width: 90px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	background-color: #353535;
	color: #fff;
	border-radius: 3px;
	margin-top: 9px
}

.mod_app_close {
	position: absolute;
	top: -24px;
	right: -24px;
	display: block;
	width: 48px;
	height: 48px;
	background-color: #ccc;
	border-radius: 48px
}

.mod_app_close i {
	position: absolute;
	top: 33px;
	left: 6px;
	display: block;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.mod_app_close i:before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	width: 12px;
	height: 1px;
	background: #333
}

.mod_app_close i:after {
	content: '';
	position: absolute;
	left: 6px;
	top: 0;
	width: 1px;
	height: 12px;
	background: #333
}

.mod_follow {
	display: block;
	height: 66px;
	border: 1px solid #d7d7d7;
	box-sizing: border-box;
	margin: 10px;
	background: #fff
}

.mod_vmore {
	display: block;
	width: 210px;
	height: 34px;
	margin: 20px auto;
	text-align: center;
	font-size: 0;
	color: #4e4e4e;
	border: 1px solid silver;
	border-radius: 18px
}

.mod_vmore:after {
	content: '';
	width: 0;
	height: 100%;
	font-size: 0;
	line-height: 0
}

.mod_vmore:after,.mod_vmore_txt {
	display: inline-block;
	vertical-align: middle
}

.mod_vmore_arrow,.mod_vmore_txt {
	font-size: 15px;
	margin: 0 2px
}

.mod_vmore_arrow {
	display: inline-block;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(-135deg);
	border-left: 1px solid #4e4e4e;
	border-bottom: 1px solid #4e4e4e
}

.mod_vmore i:before {
	width: 1px;
	background: #4e4e4e
}

.mod_vmore i:after {
	height: 1px;
	background: #4e4e4e
}

.mod_searchpanel_input {
	display: block;
	height: 25px;
	width: 100%;
	padding: 0 25px 0 20px;
	border: 0;
	background: #fff;
	border-radius: 3px;
	-webkit-appearance: none;
	box-sizing: border-box
}

.mod_searchpanel_input::-webkit-search-cancel-button {
	display: none
}

.mod_searchpanel_back {
	height: 25px;
	line-height: 25px;
	position: absolute;
	right: 10px;
	top: 10px;
	white-space-spacing: nowrap;
	font-size: 14px;
	color: #333
}

.mod_searchpanel_bd {
	background: #fff
}

.mod_searchpanel_tit {
	height: 14px;
	padding: 15px 10px 5px;
	line-height: 14px;
	font-weight: 400;
	color: #aeaeae
}

.mod_searchpanel_list a {
	display: block;
	height: 40px;
	padding: 0 10px;
	line-height: 40px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	border-bottom: 1px solid #dfdfdf;
	background: #fff
}

.mod_searchpanel_list a em {
	margin: 0 5px;
	color: #e02428
}

.mod_searchpanel_list a:active {
	background: #f5f5f5
}

.mod_searchpanel_btn_wrap {
	height: 32px;
	padding: 10px
}

.mod_searchpanel_btn {
	float: right;
	height: 30px;
	padding: 0 15px;
	border: 1px solid #9c9c9c;
	line-height: 30px;
	border-radius: 2px;
	background: #f8f8f8;
	color: #757575
}

.mod_searchpanel_btn:active {
	background: #dfdfdf
}

.mod_searchpanel_tips {
	padding: 10px 0;
	text-align: center
}

.mod_price {
	color: #df1e25;
	font-size: 14px
}

.mod_price i,.mod_price span {
	font-size: 9px
}

.mod_price b {
	font-weight: 400
}

.mod_cored {
	color: #da0000!important
}

.nav .mod_nav_item {
	width: 33.333%
}

.blank2 {
	background: none;
	height: auto;
	line-height: 40px;
	margin: 20px auto
}

.order {
	background-color: #fff;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #dedede
}

.order_follow {
	position: absolute;
	top: 12px;
	right: 10px;
	padding-left: 17px;
	height: 18px;
	line-height: 18px;
	font-size: 12px
}

.order_follow span {
	color: #959595
}

.order_follow i {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	background: none
}

.order_follow i:before {
	left: 0;
	top: 8px;
	width: 100%;
	height: 1px
}

.order_follow i:after,.order_follow i:before {
	content: '';
	position: absolute;
	background: #959595
}

.order_follow i:after {
	left: 5px;
	top: 3px;
	width: 1px;
	height: 100%
}

.follow_btn_followed i:after,.follow_btn_followed i:before {
	background: #e21f27
}

.order_id {
	clear: both;
	font-size: 12px;
	color: #838383;
	padding-top: 5px;
	height: 18px
}

.order_bd {
	padding: 0 10px
}

.order_goods {
	position: relative;
	padding: 20px 0 20px 75px;
	font-size: 11px;
	border-bottom: 1px solid #d7d7d7;
	min-height: 60px
}

.order_goods_img {
	position: absolute;
	top: 20px;
	left: 0
}

.order_goods_img img {
	display: block;
	width: 60px;
	height: 60px;
	border: 1px solid #d7d7d7
}

.order_goods_name {
	max-height: 30px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 5px;
	line-height: 15px
}

.order_goods_attr {
	color: #666
}

.order_goods_refund {
	color: #d00
}

.order_goods_price {
	float: right
}

.order_goods_price i {
	font-size: 9px
}

.order_vmore {
	position: relative;
	margin-top: -1px;
	background-color: #fafafb;
	border: 1px solid #e8e8e8;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #5a5a5a;
	font-size: 12px
}

.order_ft {
	padding: 10px
}

.order_total {
	font-size: 12px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	color: #5a5a5a
}

.order_total:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden
}

.order_total_info {
	float: left
}

.order_total_info b {
	font-size: 12px;
	font-weight: 400
}

.order_total_info b i {
	font-size: 9px
}

.order_price {
	float: right
}

.order_price b {
	color: #df2128;
	font-size: 16px;
	font-weight: 400
}

.order_price b i {
	font-size: 9px
}

.order_opt {
	padding: 10px 0 0
}

.order_opt:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden
}

.order_status {
	float: left;
	height: 30px;
	line-height: 30px;
	color: #d00
}

.order_status_close,.order_status_sucess {
	color: #888
}

.order_btn {
	float: right
}

.order_btn a {
	float: left;
	width: 65px;
	height: 30px;
	line-height: 30px;
	border-radius: 3px;
	border: 1px solid #ef293c;
	text-align: center;
	color: #fff;
	margin-left: 5px
}

.order_btn .order_btn_buy,.order_btn .order_btn_notify,.order_btn .order_btn_receive {
	background-color: #ef293c;
	color: #fff
}

.order_btn .order_btn_cancel,.order_btn .order_btn_extend,.order_btn .order_btn_shipping {
	color: #ef293c;
	background-color: #fff
}

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

.clear:after {
	clear: both
}

.nav {
	padding-right: 0
}

.nav_txt {
	position: relative
}

.nav_txt b {
	position: absolute;
	top: -5px;
	height: 14px;
	margin-left: 3px;
	padding: 0 4px;
	text-align: center;
	line-height: 14px;
	border-radius: 8px;
	color: #fff;
	background: #fd5400;
	font-weight: 400;
	font-size: 10px
}

@-webkit-keyframes fadeWidth {
	0% {
		width: 0
	}

	to {
		width: auto
	}
}

@keyframes fadeWidth {
	0% {
		width: 0
	}

	to {
		width: auto
	}
}

.receive {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 11;
	bottom: 0;
	min-height: 216px;
	background: #ffb310
}

.state {
	height: auto;
	overflow: hidden;
	padding-bottom: 10px
}

.state_arrow {
	border-color: transparent transparent #fff;
	border-style: dashed dashed solid;
	border-width: 8px;
	display: none;
	height: 0;
	overflow: hidden;
	position: absolute;
	width: 0;
	z-index: 1
}

.state_arrow i {
	display: none
}

.state_info {
	background-color: #fff;
	color: #181818;
	height: auto;
	padding: 12px 10px;
	position: relative
}

.state_txt {
	line-height: 21px
}

.state_detail {
	margin-bottom: 10px
}

.state_tit {
	margin-top: 0!important
}

.state_now {
	color: #4390e4
}

.state_num {
	color: #666
}

.state_btn {
	height: auto;
	text-align: center
}

.state_btn a {
	border-radius: 3px;
	border: 1px solid #ef293c;
	color: #fff;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin: 15px 0;
	text-align: center;
	width: 48%
}

.state_btn a:last-child {
	margin-right: 0
}

.state_btn_confirm {
	height: auto;
	text-align: center
}

.state_btn_confirm a {
	border-radius: 3px;
	border: 1px solid #ef293c;
	color: #fff;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin: 15px 0;
	text-align: center;
	width: 31%
}

.state_btn_confirm a:last-child {
	margin-right: 0
}

.state_btn_1 {
	color: #ef293c!important
}

.state_btn_2,.state_btn_3 {
	background-color: #ef293c!important
}

.state_btn_4 {
	color: #ef293c!important
}

.state_btn_width_non {
	display: none!important
}

.state_btn_width_nor {
	width: 48%!important
}

.state_step {
	padding: 15px 0;
	position: relative
}

.state_step ul {
	background-image: url("/base/detail/state.png");
	background-repeat: no-repeat;
	background-size: 282px 150px;
	height: 74px;
	margin: 0 auto;
	overflow: hidden;
	width: 282px
}

.state_step li {
	float: left
}

.state_step li:after {
	background-image: url("/base/detail/state.png");
	background-repeat: no-repeat;
	background-size: 282px 150px;
	content: "";
	display: block;
	height: 74px
}

.state_step li.state_step_1 {
	width: 74px
}

.state_step li.state_step_1:after {
	background-position: 0 0;
	width: 74px
}

.state_step li.state_step_2 {
	width: 104px
}

.state_step li.state_step_2:after {
	background-position: -74px 0;
	width: 104px
}

.state_step li.state_step_3 {
	width: 104px
}

.state_step li.state_step_3:after {
	background-position: -178px 0;
	width: 104px
}

.state_1 .state_step li.state_step_1:after,.state_2 .state_step li.state_step_1:after,.state_3 .state_step li.state_step_1:after {
	background-position: 0 -76px
}

.state_2 .state_step li.state_step_2:after,.state_3 .state_step li.state_step_2:after {
	background-position: -74px -76px
}

.state_3 .state_step li.state_step_3:after {
	background-position: -178px -76px
}

.state_1 .state_arrow,.state_2 .state_arrow,.state_3 .state_arrow {
	display: none
}

.state_1 .state_arrow {
	left: 14.5%
}

.state_2 .state_arrow {
	left: 50%;
	margin-left: -10px
}

.state_3 .state_arrow {
	left: inherit;
	right: 14.5%
}

.address {
	background: none repeat scroll 0 0 #fff;
	border-bottom: 1px solid #e2e2e2;
	font-size: 12px;
	padding: 0 10px 15px
}

#canselect {
	-webkit-touch-callout: text;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text
}

.post_sale_title {
	margin-top: 35px;
	font-size: 18px!important
}

.post_sale_desc,.post_sale_title {
	margin: auto;
	margin-left: 10px!important;
	margin-right: 15px!important
}

.post_sale_desc {
	font-size: 14px;
	margin-top: 20px
}

.post_sale_first {
	font-size: 14px;
	border-bottom: 1px solid #f12100
}

.post_sale_first:before {
	background-image: url(../img/1-0b9389ec30.png);
	background-repeat: no-repeat;
	background-size: 24px auto;
	content: "";
	height: 24px;
	position: absolute;
	margin-top: 16px;
	width: 24px;
	border-radius: 100%
}

.post_sale_second {
	font-size: 14px;
	border-bottom: 1px solid #f12100
}

.post_sale_second:before {
	background-image: url(../img/2-ad1e1ac733.png);
	background-repeat: no-repeat;
	background-size: 24px auto;
	content: "";
	height: 24px;
	position: absolute;
	margin-top: 16px;
	width: 24px;
	border-radius: 100%
}

.describe {
	margin-left: 34px
}

.add_li {
	font-size: 15px;
	font-weight: 700;
	color: #000
}

.div_block {
	display: block;
	float: left;
	background-color: #fff;
	z-index: 9999;
	width: 10px
}

.add_address_red {
	position: fixed;
	height: 70px;
	line-height: 70px;
	background-color: #f1f1f2;
	text-align: center;
	width: 100%;
	bottom: 46px;
	z-index: 999;
	max-width: 640px
}

.inner_red {
	margin-top: 10px;
	font-size: 20px;
	margin-left: 5%;
	margin-right: 5%;
	height: 50px;
	line-height: 50px;
	border-radius: 3px;
	background-color: #f03737
}

.bg_color {
	background-color: #eceded!important
}

.add_text_red {
	display: inline-block;
	min-width: 300px
}

.none {
	position: absolute;
	z-index: 100;
	right: 33%;
	top: 16px;
	color: red;
	font-size: 15px
}

.icon_address {
	background: url(../img/choose-47ae32adee.png) no-repeat;
	background-size: 18px 18px;
	z-index: 999;
	left: 12px
}

.icon_address,.icon_address1 {
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-10px)
}

.icon_address1 {
	background-color: #fff;
	background-size: 18px 18px;
	z-index: 99;
	left: 9px
}

.default_address_1 {
	position: absolute;
	display: block
}

.address_name {
	position: absolute;
	z-index: 88;
	top: 16px;
	right: 15%;
	border: 1px solid red;
	border-radius: 15px;
	display: inline-block;
	width: 45px;
	color: red;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	text-align: center
}

.wrap_address {
	position: relative
}

.add_li_font {
	font-size: 13px;
	margin-top: 2px
}

.address_list .edit:after,.address_list ul:before {
	background-image: url("/base/sprites_v3.png");
	background-repeat: no-repeat;
	background-size: 100px 100px
}

.back_color {
	background-color: #fff!important
}

.address_list_link .item.item_wx:after,.address_list_link .item:after {
	background-image: url("/base/sprites_v3.png");
	background-repeat: no-repeat;
	background-size: 100px 100px
}

.address_btns {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 20px 5px;
	overflow: hidden
}

.address_btns .address_btn {
	border-radius: 2px;
	box-sizing: border-box;
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 0;
	-ms-flex: 1 1 0;
	flex: 1 1 0;
	font-size: 16px;
	height: 44px;
	line-height: 42px;
	margin: 0 5px;
	padding: 0 15px;
	text-align: center;
	width: 100px;
	background: none repeat scroll 0 0 #f3f3f3;
	border: 1px solid transparent;
	color: #fff
}

.address_btns .address_btn:active {
	background: none repeat scroll 0 0 #e6e6e6
}

.address_btns .address_btn_bg1 {
	background: none repeat scroll 0 0 #3884ff;
	border: 1px solid transparent;
	color: #fff
}

.address_btns .address_btn_bg {
	background: none repeat scroll 0 0 #df2128;
	border: 1px solid transparent;
	color: #fff
}

.marginleft {
	margin-left: -20px
}

.address_list ul {
	background-color: #fff;
	padding-right: 50px;
	z-index: 2
}

.address_list .edit {
	bottom: 10px;
	color: transparent;
	position: absolute;
	right: 1px;
	top: 10px;
	width: 50px;
	z-index: 2
}

.address_list .edit a {
	color: transparent;
	display: block;
	height: 100%;
	width: 100%
}

.address_list .edit:after {
	right: 10px
}

.address_list .address {
	overflow: hidden;
	position: relative!important;
	word-break: break-all;
	word-wrap: break-word
}

.address_list .act {
	background-color: #ff3b2f;
	bottom: 0;
	color: #fff;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 70px;
	z-index: 1
}

.address_list .del {
	height: 16px;
	left: 0;
	line-height: 16px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	width: 70px
}

.address_list .gotodel .edit {
	display: none
}

.address_list .edit:after {
	right: 12px
}

.address_list .edit:after,.appointment_type .date:after {
	background-position: -60px -30px;
	content: " ";
	height: 20px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	width: 20px
}

.appointment_type .date:after {
	right: 0
}

.address_list ul,.appointment_type ul,.invoice_list li,.pay_list li,.promo_list .cash li,.promo_list .jd li,.promo_list .man li,.shipping_type ul {
	border-bottom: 1px solid #e7e7e7;
	padding: 15px 40px;
	position: relative
}

.address_list ul:before,.appointment_type ul:before,.invoice_list li:before,.pay_list li:before,.promo_list .cash li:before,.promo_list .jd li:before,.promo_list .man li:before,.shipping_type ul:before {
	background-position: -20px -50px;
	content: " ";
	height: 20px;
	left: 10px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
	width: 20px
}

.address_list ul.selected:before,.appointment_type ul.selected:before,.invoice_list li.selected:before,.pay_list li.selected:before,.promo_list .cash li.selected:before,.promo_list .jd li.selected:before,.promo_list .man li.selected:before,.shipping_type ul.selected:before {
	background-position: 0 -50px
}

.address_list ul.disabled:before,.appointment_type ul.disabled:before,.invoice_list li.disabled:before,.pay_list li.disabled:before,.promo_list .cash li.disabled:before,.promo_list .jd li.disabled:before,.promo_list .man li.disabled:before,.shipping_type ul.disabled:before {
	background-position: -40px -50px
}

.address_list_link .item {
	background: none repeat scroll 0 0 #efefef;
	border-bottom: 1px solid #cbcbcb;
	display: block;
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
	position: relative;
	margin-left: 12px
}

.address_list_link .item:after {
	background-position: -25px 0;
	content: "";
	display: block;
	height: 25px;
	margin-top: -12px;
	position: absolute;
	right: 20px;
	top: 50%;
	width: 25px
}

.address_list_link .item.item_wx:after {
	background-position: -75px 0
}

.address_new p {
	border-bottom: 1px solid #cbcbcb;
	padding: 10px 20px 10px 100px;
	position: relative
}

.address_new .tit {
	bottom: 0;
	color: #666;
	height: 20px;
	left: 0;
	line-height: 20px;
	margin: auto 0;
	padding-right: 20px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	width: 80px
}

.address_new input {
	box-sizing: border-box;
	color: #333;
	line-height: 25px;
	padding: 0 5px;
	vertical-align: top
}

.address_new input,.address_new select {
	border: 1px solid #ddd;
	font-size: 14px;
	height: 35px;
	width: 100%
}

.address_new select {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAKCAYAAACjd+4vAAAA10lEQVQ4T7XSPxJFMBAG8G8PQK/TiFP4U3BcOgegMxq1Eyh0Gqo8m5m8wQQzed5WJnbyy7cJya26roPrugjDEE+1taNpGnieByHEU/vlf2rbVvZ9DyJCHMe3OKN1XWMYBtWfJIk1TkVRyGma1Mnu8D2qY3DiNE2tUtOyLLKqKtzhJjQIAoXyYW2K+I7XdcUV/g9UTZdh/jDhURRhHEd1p7p+Tar3+cIm/DzCt9BDYo2ck7+d1Jh4j5dliXme1ZLv+8jz3PohmR7fYdT7Bp3ccRxkWfYqys4HBLeZ4wvKfMkAAAAASUVORK5CYII=") no-repeat scroll 100%/15px 5px #fff;
	line-height: 35px;
	padding: 0 16px 0 5px;
	position: relative
}

.address_new select option {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.address_new button {
	background-color: #3884ff;
	border: 0 none;
	border-radius: 2px;
	color: #fff;
	display: block;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
	width: 100%
}

.address_new .area {
	padding: 5px 0
}

.address_new .area label {
	display: block;
	padding: 5px 20px 5px 100px;
	position: relative
}

.address_new .area .error {
	background-color: rgba(255,0,0,.2)
}

.address_new .action {
	border-bottom: 0 none;
	padding: 15px 10px
}

.address_new .submit {
	background-color: #3985ff
}

.address {
	background-color: #fff;
	border-bottom: 0 none;
	font-size: 12px
}

.address_null {
	border-bottom: 1px solid #e7e7e7;
	padding: 0 10px
}

.address_defalut h3 {
	padding: 15px 0
}

.address_defalut h3,.address_null h3 {
	color: #333;
	line-height: 16px;
	font-size: 15px
}

.address_null h3 {
	padding: 15px 0;
	padding: 24px 0;
	position: relative
}

.address_null h3:after {
	right: 10px
}

#sendTo,.address_defalut {
	position: relative
}

.address_defalut {
	margin-bottom: 2px;
	padding: 14px 10px 14px 62px
}

.address_defalut h3 {
	left: 0;
	padding: 17px 10px;
	position: absolute;
	top: 0
}

.address_defalut ul {
	padding: 0 40px 0 0;
	position: relative
}

.address_defalut ul:after {
	right: 10px
}

.address_defalut li {
	line-height: 21px;
	margin-bottom: 5px;
	word-break: break-all;
	word-wrap: break-word
}

.address_defalut li:last-child {
	margin-bottom: 0
}

.address_defalut ul:after {
	background: none repeat scroll 0 0 transparent;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	content: " ";
	display: block;
	height: 9px;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	width: 9px
}

.address_bottom {
	line-height: 0;
	position: absolute;
	bottom: 0
}

.address_null h3:after {
	background: none repeat scroll 0 0 transparent;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	content: " ";
	display: block;
	height: 9px;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	width: 9px
}

.margin_footer {
	height: 120px
}

.loadWeixinAddress {
	margin-left: 10px;
	font-size: 13px;
	height: 40px;
	width: 70%;
	padding-left: 40px;
	background-color: #fff;
	line-height: 40px
}

.loadWeixinAddressBg {
	position: relative;
	width: 100%;
	height: 40px;
	background-color: #fff
}

.loadWeixinAddressImg {
	position: absolute;
	top: 13px;
	right: 30px;
	width: 13px
}

.loadWeixinAddress2 {
	position: relative;
	padding-left: 8px;
	font-size: 13px;
	height: 56px;
	line-height: 56px;
	width: 100%;
	background-color: #f1f1f2;
	border-bottom: 1px solid #cbcbcb
}

.loadWeixinAddressImg2 {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 15px
}

#tax_info {
	position: fixed;
	height: 0;
	width: 100%;
	max-width: 640px;
	bottom: 0;
	background-color: #fff;
	z-index: 10003
}

#tax_top {
	height: 7px;
	width: 100%;
	background-color: #ddd
}

#tax_head {
	height: 36px;
	width: 100%;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa
}

.tax_head_info {
	color: #000;
	height: 14px;
	width: 96%;
	max-width: 630px;
	font-weight: 700;
	margin-top: 7px;
	margin-right: 100px
}

#tax_price_info,.tax_head_info {
	font-size: 14px;
	margin-left: 10px
}

#tax_price_info {
	color: gray;
	height: 30px;
	width: 100%;
	margin-top: 10px;
	border-bottom: 1px solid #ccf
}

#tax_price_info .tax_reduction {
	color: #fff;
	background-color: #d87093;
	margin-left: 20px;
	padding: 2px
}

.tax_info_quit {
	margin-top: -5px;
	float: right;
	display: inline-block;
	height: 30px;
	width: 30px
}

#tax_quit {
	max-height: 30px;
	max-width: 30px
}

#tax_detail {
	font-size: 14px;
	color: gray;
	margin-left: 10px;
	margin-top: 10px
}

.sku-wrapper {
	position: fixed;
	max-height: 380px;
	width: 100%;
	max-width: 640px;
	bottom: 0;
	background-color: #fff;
	z-index: 100002;
	transition: -webkit-transform ease-out .3s;
	transition: transform ease-out .3s;
	transition: transform ease-out .3s,-webkit-transform ease-out .3s;
	-webkit-transition: -webkit-transform ease-out .3s;
	transform: translateY(200%);
	-webkit-transform: translateY(200%)
}

#sku-confirm-msg {
	position: absolute;
	top: 120px;
	width: 50%;
	left: 25%;
	display: none;
	background-color: #ff1493;
	font-size: 12px;
	padding: 5px;
	color: #fff;
	text-align: center
}

#sku-quit {
	cursor: pointer;
	height: 30px;
	width: 30px;
	float: right;
	margin: 10px 10px 0 0
}

#sku-hidden {
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: .5;
	z-index: 100001;
	transition: background ease-out .3s;
	-webkit-transition: background ease-out .3s
}

#sku-hidden,#tax-hidden {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0
}

#tax-hidden {
	background-color: #fff;
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 10001
}

.sku-slide-up {
	transform: translate(0);
	-webkit-transform: translate(0)
}

#sku-head {
	height: 120px;
	width: 100%;
	border-bottom: 1px solid #eee;
	padding: 10px 10px 10px 14px
}

#sku-image {
	height: 100px;
	width: 100px;
	padding: 3px;
	border: 1px solid #d3d3d3
}

#sku-detail {
	display: inline-block;
	padding-bottom: 10px;
	width: 50%;
	margin-left: 10px
}

.sku-name {
	display: inline-block;
	font-size: 12px;
	width: 100%;
	overflow: hidden;
	position: relative;
	color: #000;
	height: 79px;
	line-height: 1.3
}

.sku-price-depends {
	color: #ee4040;
	font-size: 14px;
	line-height: 1.5
}

#sku-msg {
	color: grey;
	font-size: 14px
}

#skus {
	padding-left: 14px;
	max-height: 210px;
	overflow-x: hidden;
	overflow-y: auto
}

.goods {
	display: inline-block;
	padding: 5px 15px;
	margin: 11px 10px 0 0;
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	color: #000;
	cursor: pointer;
	min-width: 60px;
	height: 30px;
	line-height: 18px;
	font-size: 14px;
	text-align: center
}

.checked {
	border: 1px solid #ee4040;
	color: #ee4040;
	background-color: #fff
}

.disabled {
	border: 1px dashed #d6d6d6;
	color: #cdcdcd;
	cursor: not-allowed;
	pointer-events: none
}

.sku-info {
	border-bottom: 1px solid #eee;
	padding: 17px 0 18px
}

.sku-type {
	color: #000;
	font-size: 14px;
	margin-bottom: 6px
}

#sku-decide {
	position: relative;
	height: 50px;
	width: 100%;
	bottom: 0;
	border-top: 1px solid #d3d3d3;
	background-color: #eee
}

#sku-buy {
	display: block;
	font-weight: 700;
	color: #fff;
	background-color: #ee4040;
	width: 40%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	left: 30%;
	top: 5px;
	font-size: 16px;
	border-radius: 2px;
	-webkit-border-radius: 2px
}

.sku-amount {
	position: relative;
	height: 90px;
	width: 100%;
	padding: 30px 0;
	background-color: #fff;
	border-bottom: 1px solid #dedede
}

.sku-amount a {
	font-size: 14px;
	color: #000;
	line-height: 30px;
	height: 30px;
	text-align: center;
	display: inline-block;
	float: left
}

.sku-buy-amount-increase,.sku-buy-amount-reduce {
	width: 30px;
	height: 30px;
	border: 1px solid #ccc;
	display: inline-block;
	float: right;
	text-align: center
}

.sku-buy-amount-increase span,.sku-buy-amount-reduce span {
	font-family: Arial;
	color: grey;
	font-size: 20px;
	width: 28px;
	height: 28px;
	line-height: 28px
}

.sku-buy-amount-increase .button-disabled,.sku-buy-amount-reduce .button-disabled {
	color: #ccc
}

.sku-buy-amount-reduce {
	margin-left: 15px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px
}

.sku-buy-amount-increase {
	margin-right: 5px;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px
}

.sku-buy-amount-increase span {
	color: #fe243d
}

.sku-input-text {
	font-size: 14px;
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
	float: right;
	font-weight: 700;
	color: #000
}

.eg_container {
	background: #f5f5f5;
	max-width: 640px;
	overflow-x: hidden;
	height: 100%
}

.eg_body {
	margin-top: 10px;
	padding: 10px 10px 20px;
	width: 100%;
	text-align: center;
	font-size: 18px;
	margin-bottom: 70px
}

.eg_title {
	position: relative;
	height: 60px;
	text-align: center;
	padding: 7px 10px 10px;
	font-size: 17px
}

.eg_title p {
	color: #252525;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.eg_banner {
	margin: 10px;
	text-align: center;
	position: relative
}

.eg_img {
	width: 96%;
	margin: 0 auto
}

.eg_logo {
	position: absolute;
	right: 10%;
	top: 15%;
	height: 110px;
	width: 110px
}

.eg_text {
	height: 25px
}

.eg_text span {
	height: 25px;
	margin-bottom: 8px;
	text-align: center
}

.eg_copy_btn {
	display: inline-block;
	width: 75%;
	padding: 5px;
	border-radius: 5px;
	background-color: #bfbfbf;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	line-height: 33px
}

.eg_copy_btn span {
	font-size: 20px;
	color: #fff;
	z-index: 10
}

.eg_download {
	display: inline-block;
	width: 100%;
	padding: 5px;
	background-color: #f33333;
	color: #fff;
	font-size: 20px;
	line-height: 44px
}

.eg_border_1 {
	／／border: 3px solid #bfbfbf;
	margin-top: 10px
}

.eg_border_1,.eg_border_2 {
	display: inline-block;
	text-align: center;
	width: 90%
}

.eg_border_2 {
	margin: 15px
}

.eg_desc {
	margin-top: 13%;
	width: 100%;
	text-align: center
}

.eg_desc p {
	font-family: \\5FAE\8F6F\96C5\9ED1;
	font-size: 15px
}

.eg_list_desc {
	position: absolute;
	right: 8%;
	top: 26%
}

.eg_font_red {
	color: #f62e31;
	font-size: 22px
}

.eg_font_black {
	color: #252525;
	font-size: 16px
}

.eg_font_gray {
	font-size: 14px;
	color: #9fa09a;
	text-align: left
}

.eg_notification_content {
	padding: 10px 0 10px 70px;
	text-align: center
}

.eg_footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	max-width: 640px;
	text-align: center;
	background-color: #fff
}

.eg_shortcut {
	width: 60%
}

.eg_content_border {
	text-align: left
}

.eg_decoration {
	margin-top: 10px
}

.ws-for-push {
	position: fixed;
	left: 10px;
	top: 18px;
	z-index: 222222;
	max-width: 90%;
	height: 30px;
	background: rgba(0,0,0,.6);
	border-radius: 15px;
	-webkit-transition: opacity .8s ease-in;
	transition: opacity .8s ease-in;
	opacity: 0
}

.ws-for-push img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	float: left
}

.ws-for-push span {
	color: #fff;
	height: 30px;
	line-height: 30px;
	max-width: 85%;
	overflow: hidden;
	text-overflow: hidden;
	white-space: nowrap;
	margin-left: 5px;
	float: left;
	padding-right: 8px
}

.ws-for-push-show {
	opacity: 1
}

.viewChatImage {
	z-index: 9999999999999;
	position: fixed;
	top: 0
}

.viewChatImage,.viewChatImgBg {
	width: 100%;
	max-width: 640px;
	height: 100%
}

.viewChatImgBg {
	background-color: #000;
	visibility: visible!important;
	overflow-y: auto;
	text-align: center
}

.viewSpecChatImg {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: middle
}

.viewImageBanner {
	position: fixed;
	width: 100%;
	height: 40px;
	color: #fff;
	background-color: #333;
	font-size: 16px;
	line-height: 40px
}

.viewPrevious {
	float: left;
	margin-left: 5%
}

.viewNext,.viewPrevious {
	display: inline-block;
	width: 5%;
	margin-top: 12px;
	height: 16px
}

.viewNext {
	float: right;
	margin-right: 5%
}

.indexOfLength {
	display: inline-block;
	text-align: center;
	width: 79%
}

#showExplain {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 111111;
	background: #fff;
	display: none
}

#showExplain .showBg {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	z-index: 11111
}

#showExplain i {
	position: fixed;
	font-size: 25px;
	right: 10px;
	bottom: 30px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #fe6361;
	color: #fff
}

.explain_icon {
	position: fixed;
	top: 160px;
	width: 15%;
	height: 15%;
	z-index: 10;
	-webkit-animation: slip_out 1s ease-in;
	animation: slip_out 1s ease-in
}

.explain_tuan {
	background: url(../img/tuan_tip-cb9b32ff7d.png) no-repeat;
	background-size: contain
}

#index .explain_icon {
	left: 2%
}

#group .explain_icon {
	left: 2%;
	-webkit-animation: shake .5s ease-in;
	animation: shake .5s ease-in
}

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

	30% {
		-webkit-transform: translateX(0)
	}

	40%,60%,80% {
		-webkit-transform: rotate(-10deg)
	}

	50%,70%,90% {
		-webkit-transform: rotate(10deg)
	}
}

@-webkit-keyframes shake {
	0%,40%,80% {
		-webkit-transform: rotate(-10deg)
	}

	20%,60% {
		-webkit-transform: rotate(10deg)
	}

	to {
		-webkit-transform: rotate(0)
	}
}

.recommend_head {
	font-size: 14px;
	color: #000;
	margin-left: 1%;
	margin-bottom: 2%;
	margin-top: 2%
}

#recommend {
	margin-top: 10px;
	background: #fff;
	padding-left: 1%;
	width: 100%;
	position: relative;
	overflow: hidden
}

#recommend .hd {
	width: 100%;
	height: .8em;
	position: absolute;
	z-index: 1;
	bottom: .5em;
	content: "";
	text-align: center
}

#recommend .hd ul {
	height: .8em
}

#recommend .hd ul,#recommend .hd ul li {
	display: inline-block;
	vertical-align: top
}

#recommend .hd ul li {
	width: .6em;
	height: .6em;
	text-indent: -999em;
	background: #ccc;
	margin: 0 .3em;
	overflow: hidden;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-o-border-radius: 100%;
	color: #ccc
}

#recommend .hd ul .on {
	background: #f95757;
	color: #f95757
}

#recommend .bd li {
	display: block;
	width: 28%;
	float: left;
	_display: inline;
	margin: 0 2.5%;
	position: relative
}

#recommend .bd li .recommend_img {
	position: relative;
	margin-bottom: 4px
}

#recommend .bd li .recommend_img:before {
	position: absolute;
	left: 0;
	border: 1px solid #ececee;
	content: "";
	width: 200%;
	height: 200%;
	transform-origin: 0 0;
	transform: scale(.5);
	box-sizing: border-box;
	-webkit-transform-origin: 0 0;
	-webkit-transform: scale(.5);
	-webkit-box-sizing: border-box
}

#recommend .bd li img {
	display: block
}

#recommend .bd li .recommend_title {
	font-size: 12px;
	color: #666;
	height: 36px;
	overflow: hidden
}

#recommend .bd li .recommend_price {
	float: left;
	font-size: 15px;
	color: #f95757;
	letter-spacing: 1px
}

#recommend .bd li .like_click {
	width: 40px;
	height: 40px;
	position: absolute;
	padding-top: 22px;
	padding-left: 22px;
	right: 5px;
	bottom: 1px
}

#recommend .bd li .recommend_like {
	width: 22px;
	height: 18px;
	background-image: url(../img/bg_v7-e5e65ca3ee.png);
	background-repeat: no-repeat;
	background-size: 132.5px 63px;
	background-position: -112.5px -17.5px
}

#recommend .bd li .recommend_like.liked {
	background-position: -112.5px 0
}

.recommend_li {
	margin-bottom: 5%!important
}

.order-state #recommend {
	margin-top: 0!important
}

.recommend_bottom {
	height: 60px;
	background: #f1f1f2;
	width: 100%;
	line-height: 60px;
	text-align: center
}

.recommend_bottom .line {
	border-bottom: 1px solid #ccc;
	height: 30px;
	width: 90%;
	margin-left: auto;
	margin-right: auto
}

.recommend_bottom p {
	position: relative;
	top: -30px;
	width: 90px;
	margin-left: auto;
	margin-right: auto;
	background: #f1f1f2
}

.lotteryRuleContainer {
	z-index: 999999
}

#lotteryRuleMask,.lotteryRuleContainer {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	overflow: hidden
}

#lotteryRuleMask {
	z-index: 9999999999999;
	background-color: #000;
	opacity: .6
}

.lotteryRuleModule {
	border-radius: 5px;
	position: fixed;
	background-color: #fff;
	width: 90%;
	height: 280px;
	top: 20%;
	left: 5%;
	z-index: 99999999999999
}

.lotteryRuleCancelImg {
	position: absolute;
	width: 30px;
	top: -15px;
	right: -15px
}

.lotteryRuleModuleHead {
	text-align: center;
	font-size: 20px;
	margin-top: 20px
}

.lotteryRuleDetail {
	margin-top: 20px;
	margin-left: 20px;
	font-size: 14px
}

.comment_container {
	position: relative;
	width: 100%;
	max-width: 640px;
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-color: #eceded
}

.comment_container_module {
	background-color: #fff;
	border-radius: 6px;
	z-index: 999999999;
	position: fixed;
	width: 90%;
	height: 320px;
	left: 5%;
	max-width: 620px
}

.comment_content_module {
	background-color: #eceded
}

.comment_back {
	position: fixed;
	z-index: 999999997;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: .5
}

.comment_cancel_icon {
	float: right;
	margin-right: -13px;
	margin-top: -13px;
	width: 30px;
	height: 30px;
	display: block
}

.comment_main {
	width: 100%;
	padding: 20px 10px
}

.comment_goods_image {
	width: 80px;
	height: 80px;
	margin-left: 5px;
	display: inline-block;
	float: left
}

.comment_goods_image img {
	width: 80px;
	height: 80px;
	border-radius: 4px;
	-webkit-border-radius: 4px
}

.comment_goods_image_module img {
	border: 1px solid #e8e8e8
}

.comment_expect {
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 15px;
	height: 60px
}

.comment_general {
	font-size: 15px;
	height: 20px;
	line-height: 20px;
	width: 80px;
	margin-top: 5px;
	margin-left: 15px;
	color: #303030
}

.comment_ul {
	display: block;
	margin-left: 12px;
	margin-top: 15px
}

.comment_content {
	padding: 8px;
	font-size: 14px;
	display: block;
	height: 120px;
	margin-left: 15px;
	margin-right: 15px;
	border-radius: 4px;
	-webkit-border-radius: 4px
}

.comment_content::-webkit-input-placeholder:after {
	display: block
}

.comment_commit_bottom {
	margin-top: 20px;
	width: 100%;
	height: 60px
}

.comment_commit_button {
	width: 90%;
	margin-left: 5%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	margin-top: 10px;
	text-align: center;
	background-color: #fe243d;
	border-radius: 5px;
	font-size: 19px
}

.comment_star_background {
	display: inline-block;
	width: 30px;
	height: 30px;
	position: relative;
	margin-right: 1px;
	background-image: url(../img/comment_bg_star-bee23e23e8.png);
	background-repeat: no-repeat;
	background-size: 60px;
	background-position: 0
}

.comment_star_background_module {
	width: 28px;
	height: 28px;
	background-size: 56px
}

.order-banner-deal {
	z-index: 0;
	background-color: #e03152;
	width: 100%;
	position: relative;
	max-width: 640px;
	height: 140px
}

.banner-img-deal {
	max-width: 130px;
	max-height: 130px;
	right: 8%;
	position: absolute
}

.banner-text-deal {
	position: absolute;
	left: 10%;
	top: 40%;
	color: #ffc2c2;
	font-size: 19px
}

.order-options-deal {
	width: 100%;
	max-width: 640px;
	height: 80px;
	border-bottom: 1px solid #ddd
}

.banner-text-small {
	font-size: 14px
}

.order-options-select {
	display: inline-block;
	width: 35%;
	margin-left: 10%;
	height: 30px;
	line-height: 30px;
	margin-top: 25px;
	border: 1px solid #999;
	text-align: center;
	border-radius: 2px;
	font-size: 14px
}

.deal-container {
	position: relative;
	width: 100%;
	max-width: 640px;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
	overflow-x: hidden;
	background-color: #fff
}

.select-image {
	padding: 10px;
	position: fixed;
	bottom: 0;
	width: 100%;
	font-size: 18px;
	color: #0079ff;
	max-width: 640px;
	background: transparent;
	z-index: 100002;
	transition: -webkit-transform ease-out .3s;
	transition: transform ease-out .3s;
	transition: transform ease-out .3s,-webkit-transform ease-out .3s;
	-webkit-transition: -webkit-transform ease-out .3s;
	transform: translateY(200%);
	-webkit-transform: translateY(200%)
}

.select-image-type {
	width: 100%;
	background-color: #fff;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px
}

.select-image-type p {
	padding: 10px 0
}

#cancel-select {
	width: 100%;
	background-color: #fff;
	margin-top: 10px;
	padding: 10px 0;
	text-align: center
}

#cancel-select,#cancel-select:active {
	border-radius: 3px;
	-webkit-border-radius: 3px
}

#cancel-select:active {
	background-color: #dfdfdf
}

.select-image-mask {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: .5;
	z-index: 100001;
	top: 0;
	left: 0;
	transition: background ease-out .3s;
	-webkit-transition: background ease-out .3s
}

.select-image-slide-up {
	transform: translate(0);
	-webkit-transform: translate(0)
}

#from-camera:active {
	background-color: #dfdfdf;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px
}

#from-album:active {
	background-color: #dfdfdf;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-bottom-top-left-radius: 3px;
	-webkit-bottom-top-right-radius: 3px
}

.special-group {
	position: relative;
	max-width: 640px;
	width: 74%;
	background-color: #fff;
	position: fixed;
	z-index: 100002;
	padding: 10px 10px 20px;
	border-radius: 5px;
	left: 13%
}

.special-group .cancel-window {
	width: 30px;
	height: 30px;
	top: -15px;
	right: -15px
}

.bulb,.special-group .cancel-window {
	display: inline-block;
	position: absolute
}

.bulb {
	width: 60px;
	height: 60px;
	border-radius: 30px;
	background-color: #fff;
	top: -30px;
	left: 40%;
	text-align: center
}

.bulb-img {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-top: 15px
}

.special-group-hint {
	padding: 15px
}

.special-group-hint-title {
	z-index: 100002;
	padding-top: 15px;
	font-size: 18px;
	font-weight: 700;
	color: #1c1c1c;
	text-align: center
}

.special-group-hint-text {
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 14px;
	color: #727171;
	text-align: left
}

.open-special-group {
	font-size: 16px;
	width: 150px;
	margin: 0 auto;
	vertical-align: middle;
	padding: 3px 5px;
	background-color: #fb2333;
	color: #fff;
	text-align: center;
	border-radius: 3px
}

.search-view-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 640px;
	height: 100%;
	background-color: #eceded;
	overflow: hidden;
	z-index: 999999998
}

.search-view-top {
	width: 100%;
	height: 45px;
	padding-left: 5px;
	padding-top: 11px;
	padding-bottom: 5px
}

.search-box-view-main {
	font-size: 14px;
	display: inline-block;
	color: #333;
	height: 36px;
	float: left;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-left: 35px;
	padding-right: 20px
}

.search-view-icon {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 21px;
	left: 12px;
	background-image: url(../img/sprite_search-d13f06ef49.png);
	background-repeat: no-repeat;
	background-size: 70px 35px;
	background-position: 0 -17px
}

.search-icon-container-view {
	display: inline-block;
	width: 15px;
	height: 15px
}

.search-icon-container-view img {
	height: 15px;
	width: 15px
}

.search-box-container-view {
	background-color: #eceded;
	color: #333;
	display: inline-block;
	height: 30px
}

.search-box-view {
	width: 100%;
	height: 100%;
	font-size: 16px
}

.cancel-container-view {
	float: right;
	margin-right: 0;
	padding-top: 7px;
	display: inline-block;
	width: 40px;
	height: 30px;
	font-size: 15px;
	color: #888
}

.search-content-clear {
	background-image: url(../img/sprite_search-d13f06ef49.png);
	background-repeat: no-repeat;
	background-size: 60px 30px;
	background-position: -15px 0;
	position: absolute;
	height: 18px;
	width: 18px;
	top: 21px;
	right: 55px
}

.search-main-view {
	margin-top: 22px;
	height: auto;
	width: 100%
}

.search-recent-title-view {
	font-size: 16px;
	color: #666;
	margin-left: 10px;
	width: 100px;
	display: inline-block
}

.search-recent-delete-view {
	padding-top: 2px;
	float: right;
	width: 16px;
	height: 18px;
	margin-right: 20px;
	height: 16px;
	background-image: url(../img/sprite_search-d13f06ef49.png);
	background-repeat: no-repeat;
	background-size: 70px 35px;
	background-position: 0 0
}

.search-recent-list-view {
	width: 100%;
	margin-top: 0
}

.search-recent-list-view span {
	display: inline-block;
	padding: 5px 15px;
	margin-top: 10px;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	margin-left: 10px;
	color: #2f2f2f;
	cursor: pointer;
	min-width: 60px;
	max-width: 300px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 30px;
	line-height: 18px;
	font-size: 14px;
	text-align: center
}

.new-year-message {
	text-align: justify;
	z-index: 100000;
	position: fixed;
	font-size: 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 80%;
	left: 10%;
	height: auto;
	padding: 0 15px 10px;
	background-color: #fff;
	color: #333;
	transition: -webkit-transform ease-out .1s;
	transition: transform ease-out .1s;
	transition: transform ease-out .1s,-webkit-transform ease-out .1s;
	-webkit-transition: -webkit-transform ease-out .1s;
	transform: translateY(180%);
	-webkit-transform: translateY(180%)
}

.new-year-image {
	width: 40%;
	margin-top: -6%;
	margin-left: 30%;
	margin-bottom: 10px
}

.new-year-message-bottom {
	margin-top: 10px
}

.new-year-close {
	width: 35%;
	height: 30px;
	background-color: #fe243d;
	margin: 10px auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	text-align: center;
	line-height: 30px
}

.new-year-mask {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: .8;
	top: 0;
	left: 0;
	z-index: 99999
}

.new-year-slide-up {
	transform: translate(0);
	-webkit-transform: translate(0)
}

.new-year-monkey {
	position: fixed;
	top: 50%;
	right: 10px;
	width: 60px;
	z-index: 1000
}

.new-year-monkey-shake {
	transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	-webkit-animation: myAnimation 5s;
	animation: myAnimation 5s
}

@-webkit-keyframes myAnimation {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg)
	}

	15% {
		transform: rotate(-30deg);
		-webkit-transform: rotate(-30deg)
	}

	45% {
		transform: rotate(30deg);
		-webkit-transform: rotate(30deg)
	}

	75% {
		transform: rotate(-30deg);
		-webkit-transform: rotate(-30deg)
	}

	to {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg)
	}
}

@keyframes myAnimation {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg)
	}

	15% {
		transform: rotate(-30deg);
		-webkit-transform: rotate(-30deg)
	}

	45% {
		transform: rotate(30deg);
		-webkit-transform: rotate(30deg)
	}

	75% {
		transform: rotate(-30deg);
		-webkit-transform: rotate(-30deg)
	}

	to {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg)
	}
}

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

	15% {
		transform: rotate(-30deg);
		-webkit-transform: rotate(-30deg)
	}

	45% {
		transform: rotate(30deg);
		-webkit-transform: rotate(30deg)
	}

	75% {
		transform: rotate(-30deg);
		-webkit-transform: rotate(-30deg)
	}

	to {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg)
	}
}

.pddfnt_icon {
	color: #878787;
	font-size: 20px
}

.pddfnt_operate_entry {
	color: #878787;
	font-size: 22px
}

.pddfnt_intro_s {
	color: #626262;
	font-size: 24px;
	line-height: 24px
}

.pddfnt_intro_m {
	color: #626262;
	font-size: 26px;
	line-height: 36px
}

.pddfnt_intro_l {
	color: #626262;
	font-size: 28px;
	line-height: 36px
}

.pddfnt_title_ss {
	color: #343434;
	font-size: 26px;
	line-height: 26px
}

.pddfnt_title_s {
	color: #343434;
	font-size: 30px;
	line-height: 30px
}

.pddfnt_title_m {
	color: #343434;
	font-size: 34px;
	line-height: 44px
}

.pddfnt_title_l {
	color: #343434;
	font-size: 38px;
	line-height: 38px
}

.pddfnt_title_xl {
	color: #343434;
	font-size: 40px;
	line-height: 40px
}

.pddfnt_homepage_price {
	color: #ff2742;
	font-size: 50px;
	line-height: 50px
}

.pddfnt_highlight,price {
	color: #ff2742
}

.goods_grid_wrapper {
	padding-left: 1.5%;
	overflow: hidden
}

.goods_grid_one {
	width: 49%;
	float: left;
	padding: 4px
}

.tuan_grid {
	padding: 5px;
	border-radius: 5px;
	background-color: #fff
}

.grid_good_img {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	text-align: center
}

.grid_good_img img {
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	width: 100%
}

.tuan_grid_price {
	position: relative;
	height: 30px;
	line-height: 30px;
	padding-left: 3px
}

.tuan_grid_price b {
	font-size: 12px;
	color: #df2127;
	font-weight: 400
}

.tuan_grid_price .grid_price_header {
	font-size: 17px
}

.tuan_grid_price .grid_price_footer {
	font-size: 14px
}

.goods_grid_like {
	position: absolute;
	bottom: 5px;
	right: 0;
	width: 23px;
	height: 20px;
	background-image: url(../img/bg_v7-e5e65ca3ee.png);
	background-repeat: no-repeat;
	background-size: 159px 75.6px;
	background-position: -135px -21px
}

.goods_grid_like.liked {
	background-position: -135px 0
}

.like_click_grid {
	position: absolute;
	height: 40px;
	width: 50px;
	bottom: 0;
	right: 5px
}

.tuan_grid_name {
	line-height: 16px;
	color: #191919;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 10px;
	height: 32px;
	overflow: hidden
}

.grid_load_wrap {
	width: 100%
}

.grid_load_text {
	display: inline-block;
	line-height: 45px;
	font-size: 16px
}

.goods-comments-container {
	position: relative;
	width: 100%;
	max-width: 640px;
	min-height: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	background-color: #eceded
}

.detail-comments-container {
	position: relative;
	width: 100%;
	background-color: #fff;
	margin-top: 10px
}

.goods-comments-title {
	height: 40px;
	width: 100%;
	background-color: #fff
}

.goods-comments-all {
	height: 40px;
	width: 80px;
	line-height: 40px;
	padding-left: 10px
}

.detail-comments-all,.goods-comments-all {
	display: inline-block;
	font-size: 15px;
	color: #1a1a1a
}

.detail-comments-all {
	margin-left: 10px
}

.goods-comments-amount {
	display: inline-block;
	height: 40px;
	line-height: 44px;
	color: #666;
	font-size: 13px;
	float: right;
	margin-right: 10px
}

.goods-comments-list {
	background-color: #fff;
	width: 100%
}

.goods-comments-detail {
	width: 100%;
	padding: 10px;
	text-align: justify;
	border-top: 1px solid #ededed
}

.goods-comments-avatar {
	width: 30px;
	height: 30px;
	border-radius: 35px;
	-webkit-border-radius: 35px;
	float: left;
	margin-top: 2px
}

.goods-comments-name {
	display: inline-block;
	height: 13px;
	width: 160px;
	padding-left: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 13px;
	line-height: 13px
}

.goods-comments-time {
	float: right;
	color: #666
}

.goods-comments-stars {
	height: 15px;
	width: 150px;
	padding-left: 40px;
	margin-top: 0
}

.goods-comments-stars-show {
	width: 15px;
	height: 15px;
	display: inline-block;
	position: relative;
	margin-right: 1px;
	background-image: url(../img/comment_bg_star-bee23e23e8.png);
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: -15px
}

.goods-comments-content {
	margin-top: 10px;
	color: #1a1a1a;
	font-size: 13px
}

.goods-comments-sku {
	margin-top: 10px;
	height: 20px;
	width: 100%;
	color: #666;
	font-size: 13px;
	line-height: 20px
}

.goods-comments-skus {
	float: left;
	margin-right: 10px
}

.goods-comments-sku-spec {
	float: left
}

.detail-comments-title {
	height: 40px;
	width: 100%;
	line-height: 40px
}

.detail-comments-score-name {
	float: left;
	font-size: 14px;
	color: #1a1a1a
}

.detail-comments-score-name:first-child {
	padding-left: 10px
}

.detail-comments-score {
	float: left;
	font-size: 18px;
	color: #fe243d
}

.detail-comments-amount {
	float: right;
	font-size: 14px;
	margin-right: 10px
}

.detail-comments-amount img,.detail-comments-arrow {
	height: 12px;
	width: 8px;
	margin-top: 14px
}

.detail-comments-arrow {
	float: right;
	margin-right: 10px
}

.img-rotate-comments {
	width: 18px;
	height: 18px;
	margin-top: 0;
	margin-right: 5px;
	-webkit-animation: loading 1s linear 0s infinite
}

.pullUp-show-comments {
	height: 20px;
	width: 100%;
	margin-bottom: 10px;
	margin-top: 10px
}

.bg-fill {
	background-color: #000;
	opacity: .4;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: fixed;
	z-index: 10001
}

#confirm-shipment {
	position: fixed;
	max-width: 640px;
	width: 77.6%;
	left: 11.2%;
	background-color: #f6f8f9;
	border-radius: 6px;
	text-align: center;
	z-index: 10002;
	top: 30.8%
}

#confirm-shipment .close-button {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	right: 5px
}

#confirm-shipment .head-icon {
	height: 54px;
	width: auto
}

#confirm-shipment .desc {
	width: 100%;
	color: #343434;
	font-size: 15px;
	margin: 24px 0
}

#confirm-shipment .cancel-button,#confirm-shipment .confirm-button {
	width: 100%;
	height: 46px;
	line-height: 46px;
	border-top: 1px solid #d4d4d4
}

#confirm-shipment .confirm-button {
	font-size: 16px;
	color: #ff2742
}

#confirm-shipment .cancel-button {
	font-size: 15px;
	color: #797979
}

#confirm-app-group {
	position: fixed;
	width: 94%;
	max-width: 640px;
	border-radius: 5px;
	top: 27%;
	left: 3%;
	background-color: #fff;
	z-index: 10002
}

#confirm-app-group .detail {
	margin: 25px 10px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee
}

#confirm-app-group .detail img {
	width: 30%;
	height: auto;
	margin-right: 10px
}

#confirm-app-group .detail .desc {
	display: inline-block;
	width: 65%;
	font-size: 15px;
	color: #000
}

#confirm-app-group .buttons {
	width: 100%
}

#confirm-app-group .buttons .cancel-button,#confirm-app-group .buttons .confirm-button {
	position: relative;
	font-size: 18px;
	text-align: center;
	display: inline-block;
	width: 49.5%;
	height: 55px;
	line-height: 55px
}

#confirm-app-group .buttons .cancel-button {
	color: #b7b7b7
}

#confirm-app-group .buttons .confirm-button {
	float: right;
	border-left: 1px solid #eee;
	color: #ff2742
}

#delay-load {
	position: fixed;
	max-width: 640px;
	width: 77.6%;
	left: 11.2%;
	background-color: #fff;
	border-radius: 6px;
	text-align: center;
	z-index: 10002;
	top: 25.5%
}

#delay-load .head-icon {
	margin: 20px 0;
	width: 38%;
	height: auto
}

#delay-load .desc {
	color: #343434;
	font-size: 15px;
	line-height: 21px;
	padding: 0 24px;
	text-align: left
}

#delay-load .button {
	margin-left: 29%;
	margin-top: 24px;
	margin-bottom: 24px;
	width: 42%;
	height: 32px;
	line-height: 32px;
	border-radius: 2px;
	color: #fff;
	font-size: 14px
}

#delay-load .wait {
	background-color: #cfcccc
}

#delay-load .refresh {
	background-color: #ff2742
}

.recommend-goods-container {
	background-color: #fff;
	width: 100%;
	margin-top: 20px;
	padding: 0
}

.recommend-goods-title {
	width: 100%;
	height: 40px;
	color: #000;
	line-height: 40px;
	font-size: 17px;
	text-align: center
}

.recommend-goods-list {
	width: 100%
}

.recommend-goods-detail {
	padding: 10px;
	width: 49.9%;
	display: inline-block
}

.recommend-goods-detail-content {
	width: 100%;
	height: 100%;
	padding: 10px 0;
	border: 1px solid #ededed
}

.recommend-goods-image {
	width: 80%;
	margin-left: 10%
}

.recommend-goods-name {
	margin-top: 4px;
	color: #000;
	width: 90%;
	margin-left: 5%;
	height: 40px;
	overflow: hidden
}

.recommend-goods-name,.recommend-goods-price {
	line-height: 20px;
	font-size: 16px;
	text-align: center
}

.recommend-goods-price {
	margin-top: 5px;
	width: 100%;
	height: 20px;
	color: #ff2742
}

.pullUp_show_loading {
	height: 45px;
	width: 100%
}

.loading-text-stop {
	font-size: 12px;
	height: 45px;
	line-height: 45px;
	font-weight: 400
}

.loading-goods-stop {
	display: none
}

.pddfnt_icon {
	color: #878787;
	font-size: 20px
}

.pddfnt_operate_entry {
	color: #878787;
	font-size: 22px
}

.pddfnt_intro_s {
	color: #626262;
	font-size: 24px;
	line-height: 24px
}

.pddfnt_intro_m {
	color: #626262;
	font-size: 26px;
	line-height: 36px
}

.pddfnt_intro_l {
	color: #626262;
	font-size: 28px;
	line-height: 36px
}

.pddfnt_title_ss {
	color: #343434;
	font-size: 26px;
	line-height: 26px
}

.pddfnt_title_s {
	color: #343434;
	font-size: 30px;
	line-height: 30px
}

.pddfnt_title_m {
	color: #343434;
	font-size: 34px;
	line-height: 44px
}

.pddfnt_title_l {
	color: #343434;
	font-size: 38px;
	line-height: 38px
}

.pddfnt_title_xl {
	color: #343434;
	font-size: 40px;
	line-height: 40px
}

.pddfnt_homepage_price {
	color: #ff2742;
	font-size: 50px;
	line-height: 50px
}

.pddfnt_highlight,price {
	color: #ff2742
}

.footer {
	width: 100%;
	max-width: 640px;
	height: 46px;
	position: fixed;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate3d(-50%,0,0);
	transform: translate3d(-50%,0,0);
	overflow: hidden;
	background-color: #fff;
	border-top: #eceded;
	box-shadow: 0 0 4px rgba(0,0,0,.2)
}

.footer li {
	float: left;
	width: 20%;
	text-align: center;
	margin: auto;
	height: 100%
}

.footer a,.footer a:focus,.footer a:hover {
	color: #777;
	font-size: 10px
}

.footer a.active {
	color: #df2127
}

.footer .nav-controller {
	position: relative;
	height: 100%;
	display: block
}

.footer .nav-controller i {
	display: block;
	font-size: 1.5em;
	margin-bottom: 3px
}

.active .fb-class,.active .fb-home,.active .fb-oversea,.active .fb-rank,.active .fb-user,.fb-class,.fb-home,.fb-oversea,.fb-rank,.fb-user {
	background: url(../img/tabbar-d3deef50ef.png) no-repeat;
	background-size: auto 20px;
	content: "";
	height: 20px;
	margin: auto;
	width: 20px;
	margin-top: 5px
}

.fb-home {
	background-position: 0 0
}

.active .fb-home {
	background-position: -20px 0
}

.fb-rank {
	background-position: -40px 0
}

.active .fb-rank {
	background-position: -60px 0
}

.fb-oversea {
	background-position: -80px 0
}

.active .fb-oversea {
	background-position: -100px 0
}

.fb-class {
	background-position: -120px 0
}

.active .fb-class {
	background-position: -140px 0
}

.fb-user {
	background-position: -160px 0
}

.active .fb-user {
	background-position: -180px 0
}

.black-friday,.black-friday-active {
	background-image: url(../img/black_friday-5d6e7b0633.png);
	background-repeat: no-repeat;
	background-size: auto 40px;
	content: "";
	height: 40px;
	width: 65px;
	margin: auto;
	margin-top: 8px;
	text-align: center
}

.black-friday-active {
	background-image: url(../img/black_friday_active-dd50f099d1.png)
}