@charset "UTF-8";
.m-appNewUser .w-saleListCt:after,
.m-appNewUser .w-saleProduct .rt .title:after,
.m-appNewUser .w-saleProduct .saleProductBd:after,
.m-newUserGifts .w-saleListCt:after,
.m-newUserGifts .w-saleProduct .rt .title:after,
.m-newUserGifts .w-saleProduct .saleProductBd:after,
.m-saleList .w-saleListCt:after,
.m-saleList .w-saleProduct .rt .title:after,
.m-saleList .w-saleProduct .saleProductBd:after{
	clear: both
}

.m-appNewUser .w-saleListCt:after,
.m-appNewUser .w-saleListCt:before,
.m-appNewUser .w-saleProduct .rt .title:after,
.m-appNewUser .w-saleProduct .rt .title:before,
.m-appNewUser .w-saleProduct .saleProductBd:after,
.m-appNewUser .w-saleProduct .saleProductBd:before,
.m-newUserGifts .w-saleListCt:after,
.m-newUserGifts .w-saleListCt:before,
.m-newUserGifts .w-saleProduct .rt .title:after,
.m-newUserGifts .w-saleProduct .rt .title:before,
.m-newUserGifts .w-saleProduct .saleProductBd:after,
.m-newUserGifts .w-saleProduct .saleProductBd:before,
.m-saleList .w-saleListCt:after,
.m-saleList .w-saleListCt:before,
.m-saleList .w-saleProduct .rt .title:after,
.m-saleList .w-saleProduct .rt .title:before,
.m-saleList .w-saleProduct .saleProductBd:after,
.m-saleList .w-saleProduct .saleProductBd:before {
	content: " ";
	display: table
}
.m-newUserGift {
	padding: 0 40px 100px
}

.m-rules {
	margin-top: -10px;
	margin-bottom: 50px;
	line-height: 1;
	color: #333
}

.m-rules .title {
	font-size: 20px;
	margin-bottom: 20px
}

.m-rules p {
	margin-bottom: 20px;
	font-size: 16px
}

.m-appNewUser,
.m-appNewUser .itemListWrap,
.m-newUserGifts,
.m-newUserGifts .itemListWrap,
.m-saleList,
.m-saleList .itemListWrap {
	overflow: hidden
}

.m-appNewUser .w-saleListCt,
.m-newUserGifts .w-saleListCt,
.m-saleList .w-saleListCt {
	margin: 0 0 20px
}

.m-appNewUser .w-saleProduct,
.m-newUserGifts .w-saleProduct,
.m-saleList .w-saleProduct {
	width: 505px;
	height: 270px;
	float: left;
	overflow: hidden
}

.m-appNewUser .w-saleProduct .saleProductBd,
.m-newUserGifts .w-saleProduct .saleProductBd,
.m-saleList .w-saleProduct .saleProductBd {
	height: 210px
}

.m-appNewUser .w-saleProduct .lf,
.m-newUserGifts .w-saleProduct .lf,
.m-saleList .w-saleProduct .lf {
	float: left;
	width: 210px;
	height: 210px;
	background-color: #f4f4f4;
	overflow: hidden;
	margin-right: 20px
}

.m-appNewUser .w-saleProduct .lf img,
.m-newUserGifts .w-saleProduct .lf img,
.m-saleList .w-saleProduct .lf img {
	width: 210px;
	height: 210px;
	transition: -webkit-transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s
}

.m-appNewUser .w-saleProduct .rt,
.m-newUserGifts .w-saleProduct .rt,
.m-saleList .w-saleProduct .rt {
	position: relative;
	float: right;
	width: 275px;
	height: 210px;
	padding-right: 15px
}

.m-appNewUser .w-saleProduct .rt .itemDescBox,
.m-newUserGifts .w-saleProduct .rt .itemDescBox,
.m-saleList .w-saleProduct .rt .itemDescBox {
	min-height: 102px;
	margin-bottom: 4px
}

.m-appNewUser .w-saleProduct .rt .title,
.m-newUserGifts .w-saleProduct .rt .title,
.m-saleList .w-saleProduct .rt .title {
	margin-top: 10px;
	line-height: 24px
}

.m-appNewUser .w-saleProduct .rt .title .itemName,
.m-newUserGifts .w-saleProduct .rt .title .itemName,
.m-saleList .w-saleProduct .rt .title .itemName {
	font-size: 18px;
	color: #333;
	margin-right: 14px
}

.m-appNewUser .w-saleProduct .rt .title .itemName:hover,
.m-newUserGifts .w-saleProduct .rt .title .itemName:hover,
.m-saleList .w-saleProduct .rt .title .itemName:hover {
	color: #b4a078
}

.m-appNewUser .w-saleProduct .rt .title .manufactTag,
.m-newUserGifts .w-saleProduct .rt .title .manufactTag,
.m-saleList .w-saleProduct .rt .title .manufactTag {
	display: inline-block;
	height: 20px;
	padding: 0 10px;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	border: 1px solid #b4a078;
	border: 1px solid rgba(180, 160, 120, .3);
	background-color: #f5f3ef;
	color: #b19e7a;
	position: relative;
	bottom: 2px
}

.m-appNewUser .w-saleProduct .rt .desc,
.m-newUserGifts .w-saleProduct .rt .desc,
.m-saleList .w-saleProduct .rt .desc {
	padding: 9px 0 10px;
	height: 51px;
	line-height: 20px;
	overflow: hidden
}

.m-appNewUser .w-saleProduct .rt .retail,
.m-newUserGifts .w-saleProduct .rt .retail,
.m-saleList .w-saleProduct .rt .retail {
	color: #be4141;
	font-size: 14px;
	line-height: 1;
	vertical-align: bottom;
	margin-right: 12px
}

.m-appNewUser .w-saleProduct .rt .retail .priceUnit,
.m-newUserGifts .w-saleProduct .rt .retail .priceUnit,
.m-saleList .w-saleProduct .rt .retail .priceUnit {
	position: relative;
	top: 2px
}

.m-appNewUser .w-saleProduct .rt .retail .pNum,
.m-newUserGifts .w-saleProduct .rt .retail .pNum,
.m-saleList .w-saleProduct .rt .retail .pNum {
	font-size: 24px;
	vertical-align: bottom
}

.m-appNewUser .w-saleProduct .rt .original,
.m-newUserGifts .w-saleProduct .rt .original,
.m-saleList .w-saleProduct .rt .original {
	display: inline-block;
	text-decoration: line-through
}

.m-appNewUser .w-saleProduct .rt .btnInner,
.m-newUserGifts .w-saleProduct .rt .btnInner,
.m-saleList .w-saleProduct .rt .btnInner {
	margin-top: 10px
}

.m-appNewUser .w-saleProduct .rt .btn,
.m-newUserGifts .w-saleProduct .rt .btn,
.m-saleList .w-saleProduct .rt .btn {
	width: 118px;
	height: 41px;
	border-radius: 2px;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 39px;
	cursor: pointer
}

.m-appNewUser .w-saleProduct .rt .btn:hover,
.m-newUserGifts .w-saleProduct .rt .btn:hover,
.m-saleList .w-saleProduct .rt .btn:hover {
	background-color: #c0ae8a
}

.m-appNewUser .w-saleProduct .rt .btn.w-button-disabled:hover,
.m-newUserGifts .w-saleProduct .rt .btn.w-button-disabled:hover,
.m-saleList .w-saleProduct .rt .btn.w-button-disabled:hover {
	background-color: #ccc
}

.m-appNewUser .w-saleProduct .rt .getCouponBtn,
.m-appNewUser .w-saleProduct .rt .tobuyBtn,
.m-newUserGifts .w-saleProduct .rt .getCouponBtn,
.m-newUserGifts .w-saleProduct .rt .tobuyBtn,
.m-saleList .w-saleProduct .rt .getCouponBtn,
.m-saleList .w-saleProduct .rt .tobuyBtn {
	background-color: #b19e7a
}

.m-appNewUser .w-saleProduct .saleProductFt,
.m-newUserGifts .w-saleProduct .saleProductFt,
.m-saleList .w-saleProduct .saleProductFt {
	line-height: 34px;
	margin: 0 15px 26px 0
}

.m-appNewUser .w-saleProduct .saleProductFt .grayTxt,
.m-newUserGifts .w-saleProduct .saleProductFt .grayTxt,
.m-saleList .w-saleProduct .saleProductFt .grayTxt {
	height: 34px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.m-appNewUser .w-saleProduct .grayTxt,
.m-newUserGifts .w-saleProduct .grayTxt,
.m-saleList .w-saleProduct .grayTxt {
	color: #999;
	font-size: 14px
}

.m-appNewUser .w-saleProduct:hover .lf img,
.m-newUserGifts .w-saleProduct:hover .lf img,
.m-saleList .w-saleProduct:hover .lf img {
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05)
}

.m-appNewUser .qrWrap,
.m-newUserGifts .qrWrap,
.m-saleList .qrWrap {
	position: absolute;
	top: 44px;
	left: 780px
}

.m-newUserGifts .btn {
	width: 180px!important
}

.m-tips p {
	text-align: center;
	color: #333;
	line-height: 18px;
	font-size: 16px
}

.m-tips p .ps {
	color: #999;
	font-size: 14px;
	padding-top: 7px;
	line-height: 1;
	display: inline-block
}

.w-hd {
	position: relative;
	padding: 40px 0;
	text-align: center;
	line-height: 1
}

.w-hd::after {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	margin: auto;
	border-bottom: 1px solid #eaeaea
}

.w-hd span {
	position: relative;
	z-index: 3;
	background-color: #fff;
	font-size: 24px;
	text-align: center;
	padding: 0 32px
}

.w-hd .icon-diamond-left,
.w-hd .icon-diamond-right {
	position: absolute;
	width: 12px;
	height: 12px;
	top: 0;
	bottom: 0;
	margin: auto
}
.icon-normal-diamond {
    background-position: 0 -901px;  
}
.w-hd .icon-diamond-left {
	left: -1px
}

.w-hd .icon-diamond-right {
	right: -1px
}


.m-hotComment {
	overflow: hidden;
	margin-right: -10px
}

.m-hotComment .w-hd {
	margin-right: 10px
}

.m-hotComment .m-commentProduct {
	height: 470px;
	float: left;
	width: 330px;
	margin: 0 10px 10px 0
}

.m-hotComment .m-commentProduct .hd {
	overflow: hidden;
	width: 330px;
	height: 330px
}

.m-hotComment .m-commentProduct .hd .img {
	-moz-transition: -moz-transform 1s;
	-o-transition: -o-transform 1s;
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s
}

.m-hotComment .m-commentProduct .hd:hover .img {
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	-moz-transition: -moz-transform 1s;
	-o-transition: -o-transform 1s;
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s
}

.m-hotComment .m-commentProduct .bd {
	background: #F5F3EF;
	height: 140px;
	position: relative
}

.m-hotComment .m-commentProduct .m-comment {
	margin: 0 5px;
	padding: 0 20px;
	background: #F5F3EF;
	position: absolute;
	bottom: 0;
	width: 320px;
	min-height: 180px
}

.m-hotComment .m-commentProduct .m-comment span {
	display: inline-block
}

.m-hotComment .m-commentProduct .m-comment .bd_top {
	color: #666;
	font-size: 14px;
	padding: 20px 0 10px;
	line-height: 1
}

.m-hotComment .m-commentProduct .m-comment .bd_top .frontName {
	margin-right: 10px
}

.m-hotComment .m-commentProduct .m-comment .bd_middle {
	padding-bottom: 16px;
	line-height: 1
}

.m-hotComment .m-commentProduct .m-comment .bd_middle .pname {
	line-height: 16px;
	color: #333;
	max-width: 220px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.m-hotComment .m-commentProduct .m-comment .bd_middle .price {
	font-size: 13px;
	float: right;
	line-height: 16px;
	color: #BE4141
}

.m-hotComment .m-commentProduct .m-comment .bd_bottom {
	line-height: 18px;
	font-size: 13px;
	min-height: 60px;
	padding-bottom: 14px
}

.m-hotComment .m-commentProduct .m-comment .bd_bottom .icon {
	display: inline-block;
	position: absolute;
	right: 20px;
	bottom: 14px
}

.m-appBanner {
	margin-bottom: 34px
}