@charset "utf-8";
/* CSS Document */
@import url("reset.css");
body {
	font-family: "微软雅黑", "宋体", Arial, Helvetica, sans-serif;
	font-size: 14px; color: #666; background:#fff; background-size: 100%;text-align: center;
}
/*@media screen and (min-width:769px){  body{ width: 40%;margin:0 30%;} } */
img { width: 100%; display: block;}
.fl { float: left;} .fr{ float: right;} .cB{clear:both;} .dn {display: none;}

input{-webkit-appearance: none;}

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button { -webkit-appearance: none; }

input[type="number"]{ -moz-appearance: textfield; }

button,a,input[type=button],input[type=submit]::-moz-focus-inner{outline:0;}

/* 首页 */
.cardBagDetailList{
	padding: 3.4vw 3vw 5vw 3vw;
	border-top: 2.5vw solid #eeeeee;
	border-bottom: 2.5vw solid #eeeeee; 
}
.cardBagDetail h1{
	line-height: 3.7vw;
	margin: 3.6vw 0 2.5vw 0;
	font-size: 3.7vw;
	text-align: left;
	color: #000000;
}
.cardBagDetailList ul{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.cardBagDetailList ul li a{
	display: block;
}
.cardBagDetailList ul li img{
	width: 45vw;
	height: 27.5vw;
	border-radius: 2vw;
	overflow: hidden;
}
.cardBagDetailList ul li p{
	width: 45vw;
	line-height: 4.6vw;
	margin: 2.5vw 0;
	font-size: 3.2vw;
	color: #504f4f;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.cardCenter a{
	display: inline-block;
	padding: 6vw 0;
}
.cardCenter img{
	width: 32vw;
	margin: 0 auto;
}

/* 详情 */
.cardFace h1,.giftList h1{
	position: relative;
	height: 3.6vw;
	margin: 3.5vw 0 3.5vw 3vw;
	padding-left: 2vw;
	font-size: 3.7vw;
	text-align: left;
	color: #f39800;
}
.cardFace h1::before,.giftList h1::before{
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0.67vw;
	height: 3.6vw;
	background: #f39800;
}
.cardFace .cardFaceBig{
	width: 70.7vw;
	height: 42.7vw;
	margin: 5.8vw auto;
	border-radius: 2vw;
	box-shadow: 0px 0px 4vw 0px rgba(176, 219, 255, 0.75);
	overflow: hidden;
}
/* .cardFace .swiper-container{
	margin: 0 5.8vw;
	padding: 2.4vw 0 6.8vw 0;
} */
.cardFace .swiper-container img{
	position: relative;
	/* width: 22.7vw;
	height: 13.6vw; */
	border-radius: 2vw;
	border: 1px solid #fff;
}
.cardFace .active img{
	border: 1px solid #f39800;
}
.cardFace .active::before{
	content:'';
	display: block;
	z-index: 9;
	position: absolute;
	top: -2.4vw;
	right: 0;
	width: 5.7vw;
	height: 5.7vw;
	background: url('../images/icon_tick.png') no-repeat;
	background-size: 100%;
}
.giftList{
	border-top: 2.5vw solid #eeeeee;
	border-bottom: 2.5vw solid #eeeeee;
}
.giftList ul li{
	display: flex;
	display: -webkit-flex;
	margin: 0 5.6vw 0 5vw;
	padding: 7vw 0;
	border-top: 1px solid #eeeeee;
}
.giftList ul li:first-child{
	border-top: 1px solid #fff;	
}
.giftList ul li a{
	display: flex;
	display: -webkit-flex;
	flex: 1;
	-webkit-flex: 1;
}
.giftList ul li .giftLeft img{
	width: 21.3vw;
	height: 21.3vw;
	overflow: hidden;
}
.giftList ul li .giftRight{
	flex: 1;
	-webkit-flex: 1;
	margin-left: 5vw;
	text-align: left;
	overflow: hidden;
}
.giftList ul li .giftRight .giftRightTop{
	line-height: 4.5vw;
	margin-bottom: 2.5vw;
	font-size: 3.5vw;
	color: #2a2b28;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.giftList ul li .giftRightBtm{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}
.giftList ul li .giftRightBtm .giftRightBmLeft {
	flex: 1;
	-webkit-flex: 1;
	overflow: hidden;
}
.giftList ul li .giftRightBtm .giftRightBmLeft p{
	line-height: 4vw;
	font-size: 3.2vw;
	color: #2a2b28;
	opacity: 0.8;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.giftList ul li .giftRightBtm .giftRightBmLeft span{
	display: block;
	line-height: 4.5vw;
	margin-top: 5.2vw;
	font-size: 4vw;
	color: #c30000;
}
.giftList ul li .giftCheckBox{
	margin-top: 9vw;
}
.giftList ul li .giftCheckBox img{
	width: 6vw;
	height: 6vw;
	overflow: hidden;
}
.useInstruction a{
	display: inline-block;
	padding: 3.9vw 0 8.3vw 0;
}
.useInstruction img{
	width: 30vw;
	margin: 0 auto;
}
.cardFixed{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	z-index: 9;
	position: fixed;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	width: 100%;
	height: 14.6vw;
	padding: 0 3.2vw;
	box-shadow: inset 0px 0.27vw 0.66vw 0px rgba(10, 1, 3, 0.07);
	background: #fff;
}
.cardFixed .buyNumber{
	font-size: 3.2vw;
	color: #000000;
}
.cardFixed .buyNumber span{
	font-size: 4.5vw;
	color: #f39800;
}
.cardFixed .buyIntegral{
	font-size: 3.2vw;
	color: #f39800;
}
.cardFixed .buyIntegral span{
	font-size: 4.5vw;
}
.cardFixed .buyIntegral b{
	font-size: 4.5vw;
}
.cardFixed a{
	display: block;
	width: 30.6vw;
}

/* 商品 */
.commodity{
	padding-bottom: 11.3vw;
}
.masterImg{
	width: 94vw;
	height: 94vw;
	margin: 0 3vw;
	overflow: hidden;
}
.commodityInfo{
	padding: 6vw 4vw;
	border-bottom: 2.5vw solid #fbf5f5;
}
.commodityInfo .commodityTitle{
	margin-bottom: 4vw;
	font-size: 3.7vw;
	font-weight: bold;
	text-align: left;
	color: #0f0f0f;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 5vw;
}
.commodityInfo .commodityDesc{
	font-size: 3.2vw;
	text-align: left;
	color: #7d7c7c;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.commodityIntro h1{
	position: relative;
	height: 3.8vw;
	margin: 3.5vw 0 3.5vw 4vw;
	padding-left: 4vw;
	font-size: 3.7vw;
	font-weight: bold;
	text-align: left;
	color: #191919;
}
.commodityIntro h1::before{
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1.8vw;
	height: 3.8vw;
	background: #f6c640;
}
.commodityIntro .commodityIntroText{
	margin: 0 4vw;
    text-align: left;
    padding-bottom: 2vw;
    word-break: break-all;
}
.commodityIntro .promptText{
	height: 8.6vw;
	line-height: 8.6vw;
	font-size: 3.2vw;
	color: #818181;
	background: #f6f6f6;
}
.commodityFixed{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	z-index: 9;
	position: fixed;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	width: 100%;
	height: 11.3vw;
	padding-left: 3.2vw;
	box-shadow: inset 0px 0.27vw 0.66vw 0px rgba(10, 1, 3, 0.07);
	background: #fff;
}
.commodityFixed .buyIntegral{
	font-size: 3.2vw;
	color: #f39800;	
}
.commodityFixed .buyIntegral span{
	font-size: 4.2vw;
}
.commodityFixed a{
	display: block;
	width: 22vw;
	height: 11.3vw;
	line-height: 11.3vw;
	font-size: 3.2vw;
	color: #fff;
	background: #f39800;
}
.mask{
	z-index: 10;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(000, 000, 000, 0.3)
}
.mask .popup{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 75%;
	box-sizing: border-box;
	padding: 5vw;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	border-radius: 1.3vw;
	background-color: #ffffff;
}
.mask .popup h1{
	font-size: 4vw;
	text-align: left;
	color: #515252;
}
.mask .popup .checkInput{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding-top: 5vw; 
}
.mask .popup .checkInput input[type=text]{
	width: 38vw;
	height: 10vw;
	box-sizing: border-box;
	padding: 0 1.5vw;
	border: solid 1px #c8c8c8;
	border-radius: 0.67vw;
	text-align: center;
	background-color: #ffffff;
	font-size: 14px;
}
.mask .popup .checkInput input[type=number]{
	width: 38vw;
	height: 10vw;
	box-sizing: border-box;
	padding: 0 1.5vw;
	border: solid 1px #c8c8c8;
	border-radius: 0.67vw;
	text-align: center;
	background-color: #ffffff;
	font-size: 14px;
}
.mask .popup .checkInput input[type=button]{
	width: 24vw;
	height: 10vw;
	line-height: 10vw;
	box-sizing: border-box;
	border-radius: 0.67vw;
	font-size: 3.2vw;
	color: #f39800;
	background-color: #f7d8a9;
}
.mask .popup a{
	display: block;
	width: 100%;
	height: 10vw;
	line-height: 10vw;
	margin-top: 5vw;
	border-radius: 0.66vw;
	font-size: 4vw;
	color: #fff;
	background-color: #f39800;
}
.mask .close{
	position: absolute;
	top: 106%;
	left: 50%;
	width: 9vw;
	height: 9vw;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);	
}

/* 卡片中心 */
.cardscenter{
	padding-bottom: 40vw;
	background: #fff;
}
.cardscenter ul li{
	margin: 2vw 5vw 0 5vw;
}
.cardscenter ul li a{
	display: block;
}
.cardscenter ul li {
margin-bottom: -160px;
position: relative;
}
.cardscenter ul li span{
	position: absolute;
	top:15px;
	left: 15px;
	font-size: 16px;
	color: #FFF;
}
.cardscenter ul li img{
	width: 100%;
	/* height: 23.6vw; */
	border-radius: 0.67vw; 
	overflow: hidden;
}
.cardscenter ul.grayscale li{
	-webkit-filter: grayscale(100%);
	filter:grayscale(100%);
}
.centerFixed{
	z-index: 9;
	position: fixed;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	width: 100%;
	height: 30vw;
	background: #fff;
}
.centerFixed a{
	display: inline-block;
	width: 45vw;
	height: 9.6vw;
	line-height: 9.6vw;
	border-radius: 6vw;
	font-size: 3.2vw;
	color: #ffffff;
	background-color: #f39800;
	margin-top: 10vw;
}

/* 订单详情 */
.cardBanner{
	padding: 2vw 3.2vw 0 3.2vw;
	border-bottom: 2.5vw solid #eeeeee;
}

.cardBanner .banner{
	position: relative;
}
.cardBanner .banner .info {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.25);
	border-radius: 0 0 1.07vw 1.07vw;
	padding: 0 1.6vw;
	line-height: 6.93vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #FFF;
	font-size: 3.2vw;
}

.cardBanner .banner  .info .contL {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style-type: none;
}
.cardBanner .cardNum{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	height: 10.6vw;
	line-height: 10.6vw;
	margin: 0 0.66vw;
}
.cardBanner .cardNum p{
	flex: 1;
	-webkit-flex: 1;
	text-align: left;
	font-size: 3.4vw;
	color: #000000;
}
.cardBanner .cardNum a{
	display: block;
	width: 21.5vw;
	height: 7vw;
	line-height: 7vw;
	border-radius: 4vw;
	font-size: 3.2vw;
	color: #ffffff;
	background-image: linear-gradient(0deg, 
		#fd7821 0%, 
		#fd9552 100%), 
	linear-gradient(
		#ff6c64, 
		#ff6c64);
}


	.cardInfo .cardInfoTitle .title {
		line-height: 19.73vw;
		font-size: 4.8vw;
		font-weight: bold;
		text-align: center; }

	.cardInfo .cardInfoTitle .title:before,
	.cardInfo .cardInfoTitle .title::after {
		content: '';
		display: inline-block;
		width: 4vw;
		height: 3.2vw;
		background: url("../images/g_title1.png");
		background-size: 100% 100%;
		margin: 0 3.47vw; }
 
.cardInfoList ul {
	padding: 0 3.2vw;
	border-bottom: 2.6vw solid #eeeeee;
}





.cardInfoList ul li{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	padding: 3vw 0;
	border-bottom: 1px solid #eeeeee;
}
.cardInfoList ul li:last-child{
	border-bottom: none;	
}
.cardInfoList ul li img{
	width: 10.4vw;
	height: 10.4vw;
	border: 1px solid #eeeeee;
	overflow: hidden;
}
.cardInfoList ul li .cardInfoName{
	flex: 1;
	-webkit-flex: 1;
	margin-left: 3vw;
	text-align: left;
	overflow: hidden;
}
.cardInfoList ul li .cardInfoName p{
	font-size: 3.7vw;
	color: #2a2b28;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 5vw;
}
.cardInfoList ul li .cardInfoName span{
	display: block;
	margin-top: 1.5vw;
	font-size: 3.2vw;
	color: #8b8b8b;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.cardInfoList ul li a{
	display: flex;
	display: -webkit-flex;
	flex: 1;
	-webkit-flex: 1;
	align-items: center;
	-webkit-align-items: center;
	overflow: hidden;
}

.cardInfoList ul li .button{
	width: 20vw;
	height: 7.5vw;
	line-height: 7.5vw;
	border: 1px solid;
	border-radius: 1vw;
	font-size: 3.4vw;
	cursor: pointer;
	border-radius: 99em;
}

.cardInfoList ul li .button.buttonUse{
	border-color: rgba(238, 130, 26, 1);
	background-color: rgba(245, 197, 35, 1);
	color: #FFFAEA;
}
.cardInfoList ul li .button.buttonUse_dis{
	border-color: #868686;
	background-color: #c4c4c4;
	color: #FFFAEA;
}

.cardInfoList ul li .button.buttonCodes{
	border-color: rgba(145, 15, 117, 1);
	color: #FFF0BC;
	background-color: rgba(245, 35, 207, 1);
}

.cardInfoList ul li .button.buttonLogistics{
	border-color: rgba(238, 130, 26, 1);
	color: #F1FAFF;
	background-color: rgba(245, 197, 35, 1)
}

.cardInfoList ul li .button.buttonUsed{
	border-color: rgba(238, 130, 26, 1);
	color: #EE821A;
	border-color: rgba(238, 130, 26, 1);
}

.cardInfoList ul li .button.buttonExpired{
	border-color: rgba(110, 110, 110, 1);
	color: #6E6E6E;
	background-color: rgba(255, 255, 255, 1);
}
.cardInfoList ul li .button.buttonPending{
	border-color: rgba(37, 176, 14, 1);
	color: #25B00E;
	background-color: rgba(245, 197, 35, 0);
}

.mask .popup1{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 75%;
	box-sizing: border-box;
	padding: 9.4vw 0 0 0;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	border-radius: 1.3vw;
	background-color: #ffffff;
}
.mask .popup1 h1{
	line-height: 6vw;
	padding: 0 2vw 6vw 2vw;
	border-bottom: 1px solid #e5e4e6;
	font-size: 4vw;
	color: #838283;
}
.mask .popup1 a{
	display: block;
	width: 100%;
	height: 12vw;
	line-height: 12vw;
	font-size: 4vw;
	color: #576b94;
}

.mask .messagebox{
	/* 491 × 377 */
	width: 65.47vw;
	height: 50.27vw;
	background-image: url("../images/msgboxbg.png");
	background-size: 100% 100%;
	margin-top: 62vw;
	margin-left: 18vw;
}
.mask .messagebox .text{
	display: inline-block;
	margin-top: 15vw;
	padding-left: 7vw;
	padding-right: 7vw;
	font-family: "MicrosoftYaHei";
	font-size: 4vw;
	line-height: 6vw;
	color: #434343;
	width: 52vw;
    height: 17vw;
    display: flex;
    align-items: center;
    padding-top: 16vw;
    justify-content: center;
}
.mask .msgclose{
	width: 100%;
	margin-top: 9vw;
	text-align: center;
	display: block;
}
.mask .msgclose .closebtn{
	display: inline-block;
	width: 7vw;
	height: 7vw;
	background-image: url("../images/btn_close.png");
	background-size: 100% 100%;
}

	

.cardInfoRecord ul li{
	position: relative;
    padding-bottom: 6.4vw;
}
.cardInfoRecord ul li .tail{
	position: absolute;
		left: 3.5vw;
		top: 2.33vw;
    height: 100%;
    border-left: 1px solid #f39800;
}
.cardInfoRecord ul li:last-child .tail{
	display: none;
}
.cardInfoRecord ul li .tailCycle{
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	position: absolute;
	left: 1.46vw;
	top: 2.33vw;
    width: 4vw;
	height: 4vw;
	border-radius: 50%;
	background-color: #f39800;
}
.cardInfoRecord ul li .recordInfo{
	margin: 0 2.6vw 0 8.9vw;
	padding: 0.5vw 0 0 0;
	text-align: left;
}
.cardInfoRecord ul li .recordTime{
	margin-bottom: 2vw;
	font-size: 3.2vw;
	color: #000000;
	opacity: 0.6;
}
.cardInfoRecord ul li .recordContent{
	padding: 2.9vw 4vw;
	border-radius: 2vw;
	background-color: #fefaf2;
}
.cardInfoRecord ul li .recordContent p{
	margin-bottom: 2.5vw;
	font-size: 3.4vw;
	font-weight: bold;
	color: #000000;
}
.cardInfoRecord ul li .recordContent span{
	display: block;
	margin-bottom: 1vw;
	font-size: 3.2vw;
}
.cardInfoRecord ul li .recordContent .xingquan{
	position: relative;
	display: flex;
	margin-top: 1.33vw;
}
.cardInfoRecord ul li .recordContent .xingquan img{
width:  10.27vw;
height: 10.27vw;
/* margin-left: 4.4vw; */
}
.cardInfoRecord ul li .recordContent .xingquan span{
padding-left: 3.6vw;
line-height: 10.27vw;
}
.cardInfoRecord ul li .recordContent .xingquan button{
	width: 16vw;
height: 6.66vw;
font-size: 2.6vw;
	line-height: 6.66vw;
	border: 1px solid;
	border-radius: 1vw;
	/* font-size: 3.4vw; */
	cursor: pointer;
	position: absolute;
	/* right:2.53vw; */
	right:0;
	border-radius: 99em;

	border-color: currentColor;
	background-color: rgba(238, 130, 26, 1);
	
    color: #FFFAEA;
	}

/* 赠送卡片 */
.giftcardsBanner{
	padding: 3.7vw 0 7.2vw 0;
	background: #f6f6f6;
}
.giftcardsBanner img{
	width: 48vw;
	height: 29.6vw;
	margin: 3.7vw auto;
	overflow: hidden;
}
.giftcardsBanner h1{
	font-size: 3.2vw;
	color: #6e6e6e;
}
.giftcardsContent{
	padding: 5vw 8vw;
	border-bottom: 2.5vw solid #eeeeee;
}
.giftcardsContent textarea{
	width: 100%;
	font-size: 3.7vw;
	color: #898989;
	resize:none;
}
.giftcardsVerification{
	padding: 3vw 8.2vw 9.5vw 8.2vw;
	border-bottom: 1px solid #f2f2f2;
}
.giftcardsVerification h1{
	margin: 2vw 0;
	font-size: 4vw;
	font-weight: bold;
	text-align: left;
	color: #2a2a28;
}
.giftcardsVerification .checkInput{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding-top: 1.6vw; 
}
.giftcardsVerification .checkInput input[type=text]{
	width: 58vw;
	height: 10vw;
	box-sizing: border-box;
	padding: 0 1.5vw;
	border: solid 1px #c8c8c8;
	border-radius: 0.67vw;
	text-align: center;
	background-color: #ffffff;
}
.giftcardsVerification .checkInput input[type=button]{
	width: 24vw;
	height: 10vw;
	line-height: 10vw;
	box-sizing: border-box;
	border-radius: 0.67vw;
	font-size: 3.2vw;
	color: #f39800;
	background-color: #f7d8a9;
}
.giftcardsVerification .checkInput img{
	width: 24vw;
	height: 10vw;
	border-radius: 0.67vw;
	overflow: hidden;	
}
.giftcardsButton a{
	display: inline-block;
	width: 84vw;
	height: 11.6vw;
	line-height: 11.6vw;
	margin: 7.5vw 0;
	border-radius: 8vw;
	font-size: 4.2vw;
	color: #ffffff;
	background-color: #f39800;
}

/* 地址列表 */
.address{
	background: #fefdfc;
}
.addressList ul li {
	padding: 4.8vw 3.7vw;
	border-top: 1.3vw solid #fefdfc;
	border-bottom: 1.3vw solid #fefdfc; 
	background: #fff;	
}
.addressList ul li .addressName{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.addressList ul li .addressName p{
	font-size: 3.7vw;
	color: #000000;
}
.addressList ul li .addressInfo{
	line-height: 4.5vw;
	padding: 2.8vw 0 4vw 0;
	font-size: 3.7vw;
	text-align: left;
	color: #000000;
	opacity: 0.8;
}
.addressList ul li .addressOperation{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;	
	align-items: center;
	-webkit-align-items: center;
	text-align: left;
}
.addressList ul li .addressOperation img{
	display: inline-block;
	vertical-align: middle;
}
.addressList ul li .addressOperation .defaultAddress{
	flex: 1;
	-webkit-flex: 1;
}
.addressList ul li .addressOperation .defaultAddress img{
	width: 4.8vw;
}
.addressList ul li .addressOperation .addressEdit img,.addressList ul li .addressOperation .addressDelete img{
	width: 4vw;
	margin: 0 2.8vw 0 7.2vw;
}
.addressList ul li .addressOperation .defaultAddress span,.addressList ul li .addressOperation .addressEdit span,.addressList ul li .addressOperation .addressDelete span{
	display: inline-block;
	font-size: 3.2vw;
	vertical-align: middle;
}
.addressButtom {
	margin-top: 14vw;
}
.addressButtom a{
	display: inline-block;
	width: 58.2vw;
	height: 11.7vw;
	line-height: 11.7vw;
	margin-bottom: 4.3vw;
	border: solid 1px #f39800;
	border-radius: 8vw;
	font-size: 4vw;
	color: #eeeeee;
	background-color: #f39800;
}
.addressButtom a.addressAdd{
	border: solid 1px #f39800;
	color: #f39800;
	background-color: #ffffff;
}

/* 新增地址 */
.newaddress .inputGroup{
	margin: 5vw 3vw;
}
.newaddress .inputGroup input{
	width: 100%;
	height: 11.3vw;
	line-height: 11.3vw;
	border-bottom: 1px solid #eeeeee;
	font-size: 3.7vw;
	color: #000000;
	opacity: 0.5;
}
.newaddress .defaultAddress{
	margin-top: 4vw;
	text-align: left;
}
.newaddress .defaultAddress img{
	display: inline-block;
	width: 4.8vw;
	height: 4.8vw;
	margin-right: 1vw;
	vertical-align: middle;
}
.newaddress .defaultAddress span{
	display: inline-block;
	font-size: 3.4vw;
	color: #000000;
	vertical-align: middle;
}

/* 红包 */
.redBag{
	background: #fefbf9;
}
.redBag .redBagImg{
	position: relative;
	padding: 10vw 6vw;
}
.redBag .redBagContent{
	position: absolute;
	top: 23.2vw;
	width: 74vw;
	padding: 0 7vw;
}
.redBag .redBagContent a{
	display: block;
}
.redBag .redBagTitle{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	margin-bottom: 6vw;

}
.redBag .redBagTitle img{
	width: 11.6vw;
	height: 11.6vw;
	margin-right: 5.2vw;
	border-radius: 50%;
}
.redBag .redBagTitle h1{
	line-height: 6vw;
	font-size: 4.8vw;
	color: #ffffff;
	text-align: left;
}
.redBag .redBagContent span{
	display: block;
	font-size: 4.2vw;
	color: #ffffff;
}

/* 使用须知 */
.usernotes {
	position: relative;
	padding: 0 4.6vw;
	font-size: 3.2vw;
	margin-top: 30px;
}
.usernotes h1{
	margin: 4.5vw 0;
	color: #000000;
}
.usernotes p{
	line-height: 4.8vw;
	margin-bottom: 5vw;
	text-align: left;
	color: #636363;
}
.usernotes h2{
	padding: 2vw 0;
	text-align: left;
	color: #000000;
}
.usernotes .close{
	/* position: absolute;
width:100%;
height: 44px;
bottom: 0px;
background-color: red; */
display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	z-index: 9;
	position: fixed;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	width: 100%;
	height: 14.6vw;
	padding: 0 3.2vw;
	/* box-shadow: inset 0px 0.27vw 0.66vw 0px rgba(10, 1, 3, 0.07); */
	/* background: rgba(0, 0, 0, 0.3) */
	filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;
	background: #000000;

}
.usernotes .close img{
	margin: 0 auto;
	width: 33px;
	height: 33px;;
}

/* 行权 */
.exercisepower{
	padding: 23.8vw 0;
}
.exercisepower img{
	width: 20.5vw;
	height: 20.5vw;
	margin: 0 auto;
	margin-bottom: 6.6vw;
}
.exercisepower span{
	display: block;
	margin-bottom: 6vw;
	font-size: 4.5vw;
	color: #f39800;
}
.exercisepower p{
	margin-bottom: 28vw;
	font-size: 4vw;
	color: #1f1f1f;
}
.exercisepower a{
	display: inline-block;
	width: 73vw;
	height: 11vw;
	line-height: 11vw;
	margin-bottom: 8vw;
	border: 1px solid #f39800;
	border-radius: 6vw;
	font-size: 4vw;
	color: #ffffff;
	background-color: #f39800;
}
.exercisepower a.continueBuy{
	color: #f39800;
	background-color: #fff;
}

/* 支付 */
.payStatus{
	padding: 23.8vw 0;
}
.payStatus img{
	width: 15.2vw;
	height: 15.2vw;
	margin: 0 auto;
	margin-bottom: 6.6vw;	
}
.payStatus p{
	margin-bottom: 28vw;
	font-size: 4vw;
	color: #1f1f1f;
}
.payStatus a{
	display: inline-block;
	width: 73vw;
	height: 11vw;
	line-height: 11vw;
	margin-bottom: 8vw;
	border: 1px solid #f39800;
	border-radius: 6vw;
	font-size: 4vw;
	color: #ffffff;
	background-color: #f39800;
}
.payStatus a.payContinueBuy{
	color: #f39800;
	background-color: #fff;
}
.cardInfoList ul li .buttonLogistics>a {
	color: #fff;
	display: block;
text-align: center;
}

/* 物流 */


    .wuliu {
      text-align: left;
      background: rgba(232, 232, 232, 0.2);
    }

    .wuliu .top {
      margin: 0 auto;
      margin-top: 0.29rem;
      width: 7.08rem;
      background: #ffffff;
      box-shadow: 0px 0px 0.05rem 0px rgba(217, 217, 217, 0.75);
      border-radius: 0.15rem;
      padding: 0.43rem 0 0.38rem 0.4rem;
    }

    .wuliu .top img {
      float: left;
      width: 1.95rem;
      height: 1.18rem;
      background: #ffffff;
      border-radius: 0.08rem;
      margin-right: 0.45rem;
    }

    .wuliu .top>div {
      font-size: 0.24rem;
      font-weight: 400;
      color: #000000;
      line-height: 0.42rem;
    }

    .wuliu .top>div i {
      color: #E77441;
    }

    .wuliu .wuliu_info {
      width: 7.08rem;
      background: #ffffff;
      box-shadow: 0px 0px 0.05rem 0px rgba(217, 217, 217, 0.75);
      border-radius: 0.15rem;
      padding: 0.59rem 0.48rem 0.29rem 0.28rem;
      margin: 0 auto;
      margin-top: 0.2rem;
    }

    .wuliu .wuliu_info li {
      font-size: 0.24rem;
      font-weight: 400;
      color: #999999;
      line-height: 0.36rem;
      display: flex;
    }

    .wuliu .wuliu_info li .left1 {
      width: 0.93rem;
      text-align: right;
      margin-right: 0.31rem;
    }

    .wuliu .wuliu_info li .left1 span {
      display: block;
      font-size: 0.24rem;
      font-weight: 400;
      color: #636363;
      line-height: 0.36rem;
    }

    .wuliu .wuliu_info li .left1 i {
      font-size: 0.19rem;
      font-weight: 400;
      color: #989898;
      line-height: 0.28rem;
    }

    .wuliu .wuliu_info li .left2 {
      padding-left: 0.39rem;
      width: 5rem;
      padding-bottom: 0.57rem;
      position: relative;
      border-left: 0.01rem solid #e5e5e5;
    }

    .wuliu .wuliu_info li .left2::before {
      display: inline-block;
      position: absolute;
      width: 0.1rem;
      height: 0.1rem;
      content: '';
      background: url('../images/icon_wuliu.png');
      background-size: cover;
      left: 0;
      transform: translateX(-50%);
    }

    .wuliu .wuliu_info li .left2.arriving {
      color: #525252;
    }

    .wuliu .wuliu_info li .left2.arriving::before {
      display: inline-block;
      position: absolute;
      width: 0.47rem;
      height: 0.47rem;
      content: '';
      background: url('../images/icon_yunshu.png');
      background-size: cover;
      left: 0;
      transform: translateX(-50%);
    }

    .wuliu .wuliu_info li .left2.shou {
      border-left: 1px dashed #e5e5e5;
    }

    .wuliu .wuliu_info li .left2.shou::before {
      display: inline-block;
      position: absolute;
      width: 0.47rem;
      height: 0.47rem;
      content: '';
      background: url('../images/icon_shou.png');
      background-size: cover;
      left: 0;
      transform: translateX(-50%);
    }

    .wuliu .wuliu_info li .left2.lanjian::before {
      display: inline-block;
      position: absolute;
      width: 0.47rem;
      height: 0.47rem;
      content: '';
      background: url('../images/icon_lanjian.png');
      background-size: cover;
      left: 0;
      transform: translateX(-50%);
    }

    .wuliu .wuliu_info li .left2.fahuo::before {
      display: inline-block;
      position: absolute;
      width: 0.47rem;
      height: 0.47rem;
      content: '';
      background: url('../images/icon_fahuo.png');
      background-size: cover;
      left: 0;
      transform: translateX(-50%);
    }

    .wuliu .wuliu_info li .left2 i {
      display: block;
    }

    .wuliu .wuliu_info li:last-child .left2 {
      border: none;
    }