@charset "utf-8";

.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;}
.fix-bg{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9; background: rgba(0,0,0,0); display: none;}
.tcbox{ width: 6.05rem; height: auto; display: block;  position: absolute; 
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	
}

.tcbox h3{
	width: 100%; clear: both; height: .86rem; overflow: hidden; text-align: center;
}
.tcbox h3 img{width: 4.24rem; display: inline-block;}



.tipSure{
	width: 100%; clear: both; float: left; text-align: center; margin: .2rem auto 0;
	display: flex;justify-content: center;
	position: relative; z-index: 3;
}
.tipSure a{
	height: .63rem; display: inline-block;margin: auto .14rem;
	font-size: .26rem; line-height: .63rem; font-weight: bold; color: #fff;
	text-align: center;
	border-radius: .6rem;
	text-shadow: .02rem .02rem .02rem #00536f;
}
.tipSure a.btn01{
	width: 2.45rem;
	background: url('../images/tc-btn01.png') no-repeat center / 100%;
}

.tipSure a.btn02{
	width: 2.23rem;
	background: url('../images/tc-btn02.png') no-repeat center / 100%;
}
.tipSure a.btn05{
	background: #f9362e;
	background: -webkit-linear-gradient(left, #f72121 , #ff7352); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #f72121, #ff7352); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #f72121, #ff7352); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #f72121 , #ff7352); /* 标准的语法 */
	border-radius: .36rem;
}
.tipSure a::after{
	content: ''; width: .18rem; height: .63rem; display: inline-block;
	background: url('../images/tc-icon01.png') no-repeat center / 100%;
	vertical-align: top;
	margin-left: .1rem;
}



.close{position: absolute; top: -.9rem; right:0; display: block; width: .7rem; height: .7rem;}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}

.tcMain{
	width: 100%; height: auto;min-height: 1rem; text-align: center; float: left;
	background: url('../images/tc-kuang03.png') repeat-y center / 100%;
	position: relative;margin-top: .48rem;margin-bottom: .48rem;
}
.tcMain::before{
	content: ''; width: 100%; height: .5rem; display: inline-block;
	background: url('../images/tc-kuang01.png') no-repeat center top / 100%;
	position: absolute; top: -.48rem;left: 0; z-index: 2;
}
.tcMain::after{
	content: ''; width: 100%; height: .5rem; display: inline-block;
	background: url('../images/tc-kuang02.png') no-repeat center top / 100%;
	position: absolute; bottom: -.48rem; left: 0;z-index: 2;
}

/* 温馨提示 */
/* #notePage{display: block;} */
.noteTxt{
	width:5.61rem; margin: 0 .22rem; text-align: center;
}
.noteTxt img.pl{width: 1.77rem; display: inline-block;}
.noteTxt img.gift{width: 1.57rem; display: inline-block;}
.noteTxt img.clock{width: 3.55rem; display: inline-block;}
.noteTxt p{
	font-size: .28rem; line-height: .4rem; color: #862626;
	width: 100%;clear: both; float:left;
}

/* 恭喜 */
/* #drawPage{display: block;} */
.drawTxt img.shiwu{width: 1.24rem; display: inline-block;}
.drawTxt img.card{width: 1.64rem; display: inline-block;}
.drawTxt img.cursor{width: 2.37rem; display: inline-block;}
.drawTxt p{
	font-size: .26rem; line-height: .4rem; color: #862626;
	width: 100%;clear: both; float:left;
	margin-top: .15rem;
}

/* 选择项目 */
/* #chosePage{display: block;} */
.kmList{
	width:5.61rem; margin: 0 .22rem -.1rem; text-align: center;
	float: left;
	position: relative; z-index: 3;
}
.kmList ul{
	width:100%; clear: both; float: left;
	font-size: .28rem; line-height: .51rem; color: #862626;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.kmList ul li{
	width: 46%; margin: 0 1% .28rem;
	text-align: left; cursor: pointer;
}
.kmList ul li::before{
	content: '';width: .5rem; height: .51rem; display: inline-block;
	background: url('../images/tc-icon02.png') no-repeat center top / 100%;
	vertical-align: top;
	margin-right: .1rem;
}
.kmList ul li.on{color: #1e586c;}
.kmList ul li.on::before{
	background: url('../images/tc-icon03.png') no-repeat center top / 100%;
}
/* 地址 */
/* #addressPage{display: block;} */
.addressbox{
	width:5.61rem; margin: 0 .22rem -.1rem; text-align: center;
	float: left;
	position: relative; z-index: 3;
}
.addressbox .tip{
	width: 4.51rem; margin: 0 .55rem .15rem; float: left; text-align: left;
	font-size: .24rem; line-height: .35rem; color: #862626;
}
.addressbox ul{
	width: 4.51rem;margin: 0 .55rem; float: left;color: #862626;
	font-size:.24rem; line-height: .3rem;
}
.addressbox ul li{
	width:100%; margin-bottom: .2rem; clear: both; float: left;
}
.addressbox ul label{ font-size: .24rem; line-height:.36rem;float: left; text-align: left; font-weight: bold;color: #862626;}
.addressbox ul em{color: #ff3f3f;}
.addressbox ul li input{width: 100%; height: .36rem; float: left; background: rgba(255,255,255,.15); font-size: .26rem; line-height: .36rem;
	border: none;
	border-bottom: solid .02rem #862626;
	color: #862626; text-indent: .1rem;
}
.addressbox ul li input#userNames{width: 3.6rem;}
.addressbox ul li input#userPhones{width: 3.6rem;}
.addressbox ul li input#address{width: 3.1rem;}

.addressbox ul li .form-group{width: 32%; float: left; margin-right: 1%;}
.addressbox ul li .form-group:last-child{width: 34%; margin-right: 0;}
.addressbox ul li .form-group span{
	float: left;color: #862626;
}
.addressbox ul li select{
	width: 100%; height: .46rem;clear: both;float: left;
	background: rgba(255,255,255,.15); 
	font-size: .24rem; line-height: .46rem;color: #862626; 
	border: solid .01rem #862626;
}

/* 确认地址 */
/* #surePage{display: block;} */
.sureTxt{
	width:5.61rem; margin: 0 .22rem -.1rem; text-align: center;
	float: left;
	position: relative; z-index: 3;
}
.sureTxt ul{
	width: 4.51rem;margin: 0 .55rem; float: left;color: #862626;
	font-size:.24rem; line-height: .3rem;
}
.sureTxt ul li{font-size: .24rem; line-height: .36rem; clear: both; float: left;margin-bottom: .15rem; width: 100%;}
.sureTxt ul li span{float: left;color: #862626;}
.sureTxt ul li p{float: right; width: 3.7rem; border-bottom: solid .01rem #862626;
	font-size: .24rem; line-height: .36rem; min-height: .36rem;
	color: #862626;
	text-align: left;
}
.sureTxt ul li:last-child p{width: 3.3rem;}

/* 物流查询 */
/* #logisInfoPage{display: block;} */
.logisTxt{
	width:5.61rem; margin: 0 .22rem; text-align: center;
}
.logisTxt img{width: 1.56rem; display: inline-block;}
.logisTxt p{
	font-size: .28rem; line-height: .4rem; color: #862626;
	width: 100%;clear: both; float:left;
}