/* ================================ */
/* Author:			BY 33  hao	    	*/
/* Support Site:	ww .33  hao.com	*/
/* Retrofit Date:	Aug-08-2016		*/
/* ================================ */
body {
	font-size: 12px;
	font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif;
	color: #6d6d6d;
}

body, input, textarea, select, button, table {
	
}

body {
	min-width: 320px;
}

a {
	text-decoration: none;
	color: #6d6d6d;
}

.h22 {
	height: 22px;
}

.h25 {
	height: 25px;
}

.h40 {
	height: 40px;
}

.h100 {
	height: 100px;
}

.wp100 {
	width: 100%;
}

.fleft {
	float: left;
}

.fright {
	float: right;
}

.hide {
	display: none;
}

.m10 {
	margin: 10px;
}

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mr5 {
	margin-right: 5px;
}

.ml5 {
	margin-left: 5px;
}

.pdb10 {
	padding-bottom: 10px;
}

.pd6 {
	padding-bottom: 6px;
}

.clr-999 {
	color: #999;
}

.clr-d94 {
	color: #D9434E;
}

.clr-green {
	color: #6cb248;
}

.clr-c07 {
	color: #C07A07;
}

.bg-virtual {
	background: rgb(53, 152, 220);
}

.bg-presell {
	background: rgb(26, 188, 157);
}

.bg-fcode {
	background: rgb(156, 89, 184);
}

.bg-yf8 {
	background: #F28044;
}

.bg-blue {
	background: #1CA2E1;
}

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

.error-tips {
	color: red;
	display: none;
	padding: 5px 10px;
	border: 1px solid red;
	background: #FFF6D7;
}

.error-tips p {
	padding: 2px 0px;
}

.input-30, .input-40 {
	vertical-align: middle;
	font-size: 14px;
	-webkit-appearance: none;
	text-indent: 10px;
	width: 100%;
	border: 1px solid #9f9f9f;
}

.input-30 {
	height: 30px;
	line-height: 30px\9;
}

.input-40 {
	height: 40px;
	line-height: 40px\9;
}

.select-30 {
	width: 100%;
	border: 1px solid #9f9f9f;
}

.select-30 {
	height: 30px;
}

.normal-textarea, .n-input {
	border: 1px solid #9f9f9f;
}

.btn-prink, .btn-white, .btn, .btn-s {
	cursor: pointer;
	text-align: center;
	background-color: #fff;
	display: inline-block;
}

.btn {
	color: #666;
	padding: .5em 1.5em;
	font-size: 12px;
}

.btn-s {
	padding: 3px 10px;
	font-size: 14px;
}

.btn-login {
	background-color: #D9434E;
	color: #fff;
}

.btn-prink, .btn-white {
	border: 1px solid;
	width: 100%;
	padding: .5em 0em;
}

.btn-prink, .btn-prink-s {
	border-color: #D9434E;
	background: #D9434E;
	color: #fff;
}

.btn-yello-s {
	color: #6d6d6d;
	background: #FAA732;
	border: 1px solid #BB7D25;
}

.btn-white {
	border-color: #ccc;
	background: #fff;
	color: #6d6d6d;
}

.bd-l-gray {
	border-left: 1px solid #ddd;
}

.bd-r-de {
	border-right: 1px solid #dedede;
}

.bd-t-de {
	border-top: 1px solid #dedede;
}

.bd-t-cc {
	border-top: 1px solid #ccc;
}

.bd-b-cc {
	border-bottom: 1px solid #ccc;
}

.bd-tdashed-dd {
	border-top: 1px dashed #ddd;
}

.header-back span, .i-main-opera span, .main-op-warp .quarter span,
	.search-btn, .gotop-icon, .grayrightarrow, .home-nav a span,
	.graydownarrow, .grayuparrow, .whitedownarrow, .product-filter .f-icon,
	.pd-choice-icon, .i-go-right, .s-chk1, .i-del, .i-address, .i-add,
	.i-minus {
	display: inline-block;
	background: url(../images/icon.png) no-repeat;
}

.i-del {
	width: 16px;
	height: 23px;
	background-position: 0px -732px;
}

.i-address {
	width: 15px;
	height: 20px;
	background-position: -49px -261px;
	vertical-align: middle;
}

.i-add, .i-minus {
	width: 15px;
	height: 15px;
	vertical-align: middle;
}

.i-add {
	background-position: -48px -738px;
}

.i-minus {
	background-position: -74px -738px;
}

.mc-cnt li a i {
	background: url(../images/icon-2.png) no-repeat;
	vertical-align: middle;
	display: inline-block;
	width: 38px;
	height: 38px;
}

.mc-cnt li a i.im-order {
	background-position: 0px 0px;
}

.mc-cnt li a i.im-order-xn {
	background-position: 0 -38px;
}

.mc-cnt li a i.im-quan {
	background-position: 0px -76px;
}

.mc-cnt li a i.im-collect {
	background-position: 0px -114px;
}

.mc-cnt li a i.im-collect-store {
	background-position: 0px -152px;
}

.mc-cnt li a i.im-address {
	background-position: 0px -190px;
}

.mc-cnt li a i.im-history {
	background-position: 0px -228px;
}

.pd-choice-icon {
	width: 13px;
	height: 13px;
	background-position: -88px -654px;
}

.i-go-right {
	width: 23px;
	height: 25px;
	background-position: 0px -662px;
}

.s-chk1 {
	width: 24px;
	height: 23px;
	background-size: 60px auto;
	background-position: -36px -415px;
}

.s-chk1.on {
	background-position: 2px -415px;
}
/*arrow*/
.grayrightarrow, .graydownarrow, .grayuparrow, .whitedownarrow {
	background-size: 60px auto;
}

.graydownarrow, .grayuparrow, .whitedownarrow {
	height: 10px;
	width: 20px;
}

.grayrightarrow {
	width: 10px;
	height: 20px;
	background-position: -50px -154px;
}

.graydownarrow {
	background-position: -43px -229px;
}

.grayuparrow {
	background-position: -25px -231px;
}

.whitedownarrow {
	background-position: -7px -230px;
}
/*serach-btn*/
.search-btn {
	position: absolute;
	top: -1px;
	right: 0px;
	height: 28px;
	width: 40px;
	background-position: 13px -123px;
	background-size: 60px auto;
}
/*pagination*/
.pagination {
	text-align: center;
}

.pagination a {
	color: #6e6e6e;
}

.pagination a.disabled {
	color: #ccc;
}

.pre-page, .page-warp, .next-page, .pagew-size {
	border: 1px solid #ccc;
	cursor: pointer;
	padding: 5px 10px;
	background: #fff;
}

.pre-page, .page-warp, .next-page {
	display: inline-block;
}

.page-warp {
	width: 80px;
	position: relative;
	text-align: center;
	z-index: 10;
}

.pagew-size {
	position: absolute;
	width: 80px;
	z-index: 10;
	left: -1px;
	bottom: 30px;
	display: none;
}

.pagew-size li {
	border-bottom: 1px dashed #ddd;
	padding: 4px 0px;
}

.pagew-size li a {
	display: block;
}

.product-status {
	color: #fff;
	display: inline-block;
	padding: 1px 3px;
}

.evaluation_good_swp, .evaluation_good_star {
	display: inline-block;
}

.evaluation_good_star {
	width: 20px;
	height: 20px;
	background: url(../images/star.png) no-repeat;
}

.evaluation-star {
	width: 28px;
	height: 28px;
	background: url(../images/star_metro_orang.png) no-repeat;
}

.evaluation-star-gray {
	width: 28px;
	height: 28px;
	background: url(../images/star_metro_orang2.png) no-repeat;
}
/*simple-dialog*/
.s-dialog-mask {
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: rgb(20, 20, 20);
	filter: alpha(opacity = 60);
	opacity: 0.6;
	width: 100%;
	z-index: 9998;
}

.s-dialog-wrapper {
	color: #fff;
	font-size: 14px;
	position: fixed;
	z-index: 9999;
	-webkit-transform-origin: 0px 0px;
	opacity: 1;
	-webkit-transform: scale(1, 1);
}

.s-dialog-skin-green {
	background-color: #6cb248;
	border: 1px solid #397908;
}

.s-dialog-skin-block {
	background-color: rgba(0, 0, 0, .5);
}

.s-dialog-skin-red {
	background-color: #D9434E;
	border: 1px solid #AD0909;
}

.s-dialog-content {
	padding: 15px 20px;
}

.s-dialog-btn-wapper {
	border-top: 1px solid rgba(130, 128, 127, .5);
	display: -webkit-box;
	display: -moz-box;
	display: box;
}

.s-dialog-btn-wapper a {
	-moz-box-flex: 1;
	box-flex: 1;
	-webkit-box-flex: 1;
	display: block;
	color: #fff;
	text-align: center;
	padding: 10px 0px;
}

.no-record {
	border: 1px solid #ccc;
	padding: 10px;
	text-align: center;
}
/*footer*/
#footer .footer-t {
	border-top: 1px solid #d6d6d6;
	padding: 0px 15px;
	height: 38px;
	line-height: 38px;
	background: #fff;
}

#footer .footer-t a {
	margin-right: 20px;
	font-size: 1rem;
	color: #d1141b;
}

#footer .footer-t .retum {
	margin-right: 0px;
	background: url(../images/to_top.png) no-repeat center right;
	background-size: 12px 15px;
	padding-right: 15px;
	float: right;
	color: #666666;
}

#footer .footer-c {
	border-top: 1px solid #d6d6d6;
	text-align: center;
	width: 100%;
	line-height: 24px;
	padding: 14px 0px;
	color: #666;
	font-size: .875rem;
}

.d1141b {
	color: #d1141b;
}

.gray3 {
	color: #333;
}

#wrapper {
	position: absolute;
	z-index: 1;
	top: 45px;
	bottom: 48px;
	left: -9999px;
	width: 100%;
	background: #aaa;
	overflow: auto
}

#scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	width: 100%;
	padding: 0
}

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

#scroller li {
	
}

#myFrame {
	position: absolute;
	top: 0;
	left: 0
}

#pullDown, #pullUp {
	background: #fff;
	height: 40px;
	line-height: 40px;
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	font-size: 14px;
	color: #888;
	text-align: center;
}

#pullDown {
	display: none !important;
}
/*#pullUp{display: block !important;;}*/
#pullDown .pullDownIcon, #pullUp .pullUpIcon {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	background: url(../images/pull-icon@2x.png) 0 0 no-repeat;
	-webkit-background-size: 40px 80px;
	background-size: 40px 80px;
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 250ms
}

#pullDown .pullDownIcon {
	-webkit-transform: rotate(0deg) translateZ(0)
}

#pullUp .pullUpIcon {
	-webkit-transform: rotate(-180deg) translateZ(0)
}

#pullDown.flip .pullDownIcon {
	-webkit-transform: rotate(-180deg) translateZ(0)
}

#pullUp.flip .pullUpIcon {
	-webkit-transform: rotate(0deg) translateZ(0)
}

#pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon {
	background-position: 0 100%;
	-webkit-transform: rotate(0deg) translateZ(0);
	-webkit-transition-duration: 0ms;
	-webkit-animation-name: loading;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

@
-webkit-keyframes loading {from { -webkit-transform:rotate(0deg)translateZ(0)
	
}

to {
	-webkit-transform: rotate(360deg) translateZ(0)
}

}
.layout {
	max-width: 640px;
	margin: 0 auto;
	overflow: hidden;
}

.layout-640 {
	max-width: 620px;
	margin: 0 auto;
	overflow: hidden;
}

#product_list {
	overflow: hidden;
	overflow-y: auto;
	position: relative;
	width: 96%;
	left: 3%;
}

.wap-bar, .wapbar-buy {
	width: 100%;
	background-color: #fff;
	position: fixed;
	bottom: 0px;
	z-index: 10000;
}

.wapbar i, .wapbar-buy .like i, .wapbar-buy .car i {
	background: url("../images/foot-bar.png") no-repeat;
	background-size: 100%;
	display: inline-block;
	width: 26px;
	height: 30px;
	background-size: 100%;
	position: relative;
}

.wapbar {
	background: #fff;
	display: flex;
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 5px 0 5px 0;
	z-index: 10000;
	box-shadow: 0px -1px 3px rgba(12, 3, 6, 0.3);
}

.emptybar {
	height: 76px;
	width: 100%;
	background: #f5f5f5;
}

.wapbar a {
	display: block;
	float: left;
	width: 25%;
	text-align: center;
	color: #333;
	font-size: 14px;
}

.wapbar .bar1 {
	background-position: 0 3px;
}

.wapbar .bar2 {
	background-position: 0 -84px;
}

.wapbar .bar3 {
	background-position: 0 -170px;
}

.wapbar .bar4 {
	background-position: 0 -254px;
}

.wapbar-buy {
	padding: 0px;
	font-size: 10px;
	color: #000;
}

.wapbar-buy .like {
	width: 15%;
	float: left;
	text-align: center;
	color: #000;
}

.wapbar-buy .like i {
	background-position: 0 -342px;
}

.wapbar-buy .btn {
	width: 70%;
	text-align: center;
	float: left;
	padding: 0px 0 0 0 !important;
}

.wapbar-buy .btn .tocar {
	color: #5CB8FF;
	background-color: #ff9402;
	color: #fff;
}

.wapbar-buy .btn .gobuy {
	color: #FF4777;
	background-color: #ff5000;
	color: #fff;
}

.wapbar-buy .btn a {
	width: 49.999%;
	display: inline-block;
	line-height: 38px;
	height: 48px;
	text-align: center;
	font-size: 10px;
	padding: -10px 0x 0px 0px;
	float: right
}

.wapbar-buy .car {
	width: 15%;
	float: left;
	text-align: center;
	color: #000;
}

.wapbar-buy .car i {
	background-position: 0 -171px;
	position: relative;
}

.wapbar-buy .car i span {
	display: block;
	width: 16px;
	height: 16px;
	background: #ff4777;
	color: #fff;
	top: 0;
	right: 0;
	line-height: 16px;
	text-align: center;
	font-size: 8px;
	border-radius: 20px;
	position: absolute;
}

.loading1 {
	width: 100%;
	text-align: center;
	height: 40px;
	background: url("../images/loading.gif") no-repeat center center;
	display: none;
}

.oneimg {
	position: absolute;
	left: 0;
	width: 220px;
	z-index: 10001;
}

.ajax_loading {
	width: 100%;
	height: 100%;
	position: fixed;
	background: none;
	top: 0;
	left: 0;
	z-index: 99999
}

.sk-spinner-circle.sk-spinner {
	left: 45%;
	top: 45%;
	width: 42px;
	height: 42px;
	position: fixed;
}

.sk-spinner-circle .sk-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.sk-spinner-circle .sk-circle:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 20%;
	height: 20%;
	background-color: #333;
	border-radius: 100%;
	-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
	animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.sk-spinner-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}

.sk-spinner-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}

.sk-spinner-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sk-spinner-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}

.sk-spinner-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}

.sk-spinner-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.sk-spinner-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}

.sk-spinner-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}

.sk-spinner-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.sk-spinner-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
}

.sk-spinner-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}

.sk-spinner-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.sk-spinner-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

.sk-spinner-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.sk-spinner-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.sk-spinner-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s;
}

.sk-spinner-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s;
}

.sk-spinner-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.sk-spinner-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s;
}

.sk-spinner-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s;
}

.sk-spinner-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s;
}

.sk-spinner-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s;
}

@
-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% {
	-webkit-transform: scale(0);
	transform: scale(0);
}

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

 
transform
:
 
scale
(1);


}
}
@
keyframes sk-circleBounceDelay { 0%, 80%, 100% {
	-webkit-transform: scale(0);
	transform: scale(0);
}

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

 
transform
:
 
scale
(1);


}
}
#totop {
	position: fixed;
	right: 10px;
	bottom: 72px;
	background: #F00;
	width: 35px;
	height: 35px;
	z-index: 1000;
	background: url("../images/top.png") no-repeat 0px 0px;
}