body{background:#fff !important;}
.footerbox{background:#f8f8f9 !important;}
.user-databox{position: relative; z-index: 1; padding: 2rem 1.2rem 7.6rem; background:#ec3611; background:-webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61e0b)); background:-webkit-linear-gradient(left,#eacd9a 20%,#e61e0b 80%); background:linear-gradient(to right,#f24f18 20%,#e61e0b 80%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61e0b', GradientType=1); color: #fccfcf;}
.user-data{position: relative; padding-left: 6.8rem; min-height: 5.8rem;}
.user-data .avatar{position: absolute; top: 0; left: 0; display: block; width: 5rem; height: 5rem; overflow: hidden; border-radius: 50%; border:0.4rem solid #f3663a;}
.user-data .avatar img{width: 5rem; height: 5rem;}
.user-data h2{height: 3.6rem; line-height: 3.6rem; color: #fff; font-size: 1.6rem;}
.user-data h2 *{vertical-align: bottom;}
.user-data h2 .number{font-size: 3rem; font-weight: 600; margin-right: 0.2rem;}
.user-data .login-btn{position: absolute; top: 2.6rem; right: 0; z-index: 2; display: inline-block; width: 6.4rem; height: 2.8rem; line-height: 2.8rem; border-radius: 2px; border:1px solid #fff; color: #fccfcf; text-align: center;}

.integral-bannerbox{position: relative; z-index: 2; margin-top: -5.9rem; padding: 0 1.2rem;}
.integral-banner{border-radius: 0.5rem; overflow: hidden;}
.integral-banner a{display: block; padding-top: 35.65%; background-position: center center; background-size: cover; background-repeat: no-repeat;}
.integral-banner .swiper-pagination {left: 25%; bottom: 0.5rem; width: 50%; height: 10px; line-height: 10px; margin: 0 auto;}
.integral-banner .swiper-pagination span {margin: 0 3px; height: 0.3rem; width: 0.6rem; border-radius: 0.5rem; background: #fff; opacity:0.6;}
.integral-banner .swiper-pagination span.swiper-pagination-bullet-active{opacity:1; width: 1rem;}


.entrancebox {position: relative; background:#fff;}
.entrancebox .swiper-pagination {left: 25%;	width: 50%;	bottom: 0.8rem;}
.entrancebox .swiper-pagination span {margin: 0; height: 0.3rem; width: 1.3rem; border-radius: 0; background: #e8e8e8; opacity:1;}
.entrancebox .swiper-pagination span.swiper-pagination-bullet-active{background: #e93b3d; opacity:1; border-radius: 0.15rem;}
.entrance-item {font-size:1.3rem; padding: 1.6rem 0.5rem 0;}
.entrance-item li {float: left;	width: 25%;	text-align: center;	padding-bottom:1rem;}
.entrance-item li p {height: 2rem; line-height: 2rem; overflow: hidden;	text-overflow: ellipsis; white-space: nowrap;}
.entrancebox a {display: block;	color:#6b7072;}
.entrance-img {width:4.5rem; height:4.5rem;	margin:0 auto;}
@media screen and (min-width: 320px) and (max-width: 374px) {
	.entrance-img {width:4rem; height:4rem;}
}

.earnbox{padding-bottom: 1rem;}
.earn-title{padding: 0 1.2rem; line-height: 5.46rem;}
.earn-title h2{font-size: 1.8rem; font-weight: 600;}
.earn-wrap{margin: 0 0.5rem;}
.earn-wrap li{float: left; width: 50%;}
.earn-wrap li a{display: block; padding-top: 60%; background-position: center center; background-size: 100% auto; background-repeat: no-repeat;}

.goods-listbox{padding-bottom: 1rem;}
.goods-list-one{background:#f8f8f9; background:-webkit-gradient(linear,left bottom,right bottom,color-stop(10%,#f5e9d9),color-stop(90%,#f8f8f9)); background:-webkit-linear-gradient(bottom,#f5e9d9 20%,#f8f8f9 80%); background:linear-gradient(to bottom,#f5e9d9 10%,#f8f8f9 90%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5e9d9', endColorstr='#f8f8f9', GradientType=1);}
.goods-list-two{background:#f8f8f9; background:-webkit-gradient(linear,left bottom,right bottom,color-stop(10%,#e3deef),color-stop(90%,#f8f8f9)); background:-webkit-linear-gradient(bottom,#e3deef 20%,#f8f8f9 80%); background:linear-gradient(to bottom,#e3deef 10%,#f8f8f9 90%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3deef', endColorstr='#f8f8f9', GradientType=1);}
.goods-list-three{background:#f8f8f9; background:-webkit-gradient(linear,left bottom,right bottom,color-stop(10%,#e1f2eb),color-stop(90%,#f8f8f9)); background:-webkit-linear-gradient(bottom,#e1f2eb 20%,#f8f8f9 80%); background:linear-gradient(to bottom,#e1f2eb 10%,#f8f8f9 90%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1f2eb', endColorstr='#f8f8f9', GradientType=1);}
.goods-title{height: 5.46rem; line-height: 5.46rem; padding: 0 1.2rem;}
.goods-title h2{font-size: 1.8rem; font-weight: 600;}
.goods-list-one .goods-title{background: url(/content/images/integral_icon/integral_title1.png) center left no-repeat; background-size: auto 5.46rem;}
.goods-list-one .goods-title a{display: inline-block; color: #9f610f;}
.goods-list-two .goods-title{background: url(/content/images/integral_icon/integral_title2.png) center left no-repeat; background-size: auto 5.46rem;}
.goods-list-two .goods-title a{display: inline-block; color: #4014ac;}
.goods-list-three .goods-title{background: url(/content/images/integral_icon/integral_title3.png) center left no-repeat; background-size: auto 5.46rem;}
.goods-list-three .goods-title a{display: inline-block; color: #09a364;}


.goods-list{padding: 0 0.7rem;}
.goods-list li{float: left; width: 50%; }
.goods-list .term{margin: 0 0.5rem 1rem; background: #fff; border-radius: 0.5rem; box-shadow: 0 0 3px 1px rgba(224,223,223,0.35); overflow: hidden;}
.goods-list .term a{display: block;}
.goods-img{padding-top: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.goods-info{padding: 0.5rem 0.6rem; font-size: 1.5rem; line-height: 2.2rem;}
.goods-info h2{font-size: 1.5rem; height: 2.4rem; line-height: 2.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.goods-info .number{color: #fa5741;}
.goods-info .number em{font-weight: 600;}


.integral-listbox{background: #fff;}
.integral-list{padding: 0 1.2rem;}
.integral-list li{border-bottom: 1px solid #e8e8e8;}
.integral-list .termbox{display: block; padding: 1.2rem 0;}
.integral-list .term{position: relative; min-height: 8.2rem; padding-left: 9.4rem;}
.integral-img{position: absolute; top: 0; left: 0; width: 8.2rem; height: 8.2rem; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 0.5rem; overflow: hidden; border:1px solid #e8e8e8; box-sizing:border-box;}

.gift-banner{text-align: center;}
.integral-info{line-height: 2.4rem;}
.integral-info h2{font-size: 1.8rem; color: #000; height:3.6rem; line-height: 3.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 1.5rem;}
.integral-info .number{color: #fa5741; font-size: 1.5rem;}
.integral-info .number em{font-weight: 600;}

.gift-info{position: relative; padding: 0.6rem 1.2rem; line-height: 2.4rem;}
.gift-info h2{font-size: 1.8rem; font-weight: 600; color: #000;}
.gift-info .number{font-size: 1.8rem; font-weight: 600; color: #fa5741;}
.gift-info .go{position: absolute; bottom: 0.6rem; right: 1.2rem; z-index: 1; color: #9c9fa1; font-size: 1.4rem;}
.gift-user,.gift-synopsisbox,.gift-detailsbox{border-top: 1rem solid #f8f8f9; background:#fff;}
.gift-user{font-size: 1.5rem; padding: 0.8rem 1.2rem;}
.gift-user dl{position: relative; min-height: 3rem; line-height: 3rem; padding-left: 8rem;}
.gift-user dt{position: absolute; top: 0; left: 0; color: #9c9fa1;}

.gift-title{position: relative; padding: 0 1.2rem; height: 4.6rem; line-height: 4.6rem;}
.gift-title h2{font-size: 1.6rem; font-weight: 600; color: #000;}
.gift-title h2 *{vertical-align: middle;}
.gift-title .line{display: inline-block; width: 3px; height: 1.6rem; border-radius: 1.5px; background:#e93b3d; margin-right: 0.5rem;}
.gift-synopsisbox{}
.gift-synopsis{padding: 0 1.2rem 1rem; font-size: 1.4rem; color: #394043; line-height: 2.4rem;}

.gift-detailsbox{}
.gift-details{padding: 0 1.2rem 1rem; }

.fix-giftbox{position: fixed; left: 0; right: 0; bottom: 0; z-index: 10; background: #fff; max-width: 750px; margin: 0 auto; box-shadow: 0 0 7px rgba(147,139,139,0.2); }
.fix-gift{height: 5rem; line-height: 5rem; padding: 0 1.2rem; font-size: 1.5rem;}
.fix-gift .number{font-weight: 600; font-size: 1.8rem; color: #fa5741;}
.fix-gift .gift-btn {position: absolute; top: 0.5rem; right: 1.2rem; display: block; width: 9.6rem; height: 4rem; line-height: 4rem; border-radius: 0.5rem; font-size: 1.5rem; font-weight: 600; text-align: center; color: #fff; background: #ec3712; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61e0b)); background: -webkit-linear-gradient(left,#f24f18 20%,#e61e0b 80%); background: linear-gradient(to right,#f24f18 20%,#e61e0b 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61e0b', GradientType=1); color: #fff; }

.integral-img .recommend { position: absolute; top: 0; left: 0; display: inline-block; height: 1.8rem; line-height: 1.8rem; font-size: 1.3rem; padding: 0 0.5rem; border-radius: 0 0 0.5rem 0; background: #ec3712; background: -webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61e0b)); background: -webkit-linear-gradient(left,#f24f18 20%,#e61e0b 80%); background: linear-gradient(to right,#f24f18 20%,#e61e0b 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61e0b', GradientType=1); color: #fff; }