/*@import "../cart2/cart2.wxss";*/

.bdr_t-14 {
	border-top-left-radius: 14rpx;
	border-top-right-radius: 14rpx;
}
.bdr_b-14 {
	border-bottom-left-radius: 14rpx;
	border-bottom-right-radius: 14rpx;
}
.bdr14 {
	border-radius: 14rpx;
}
.mgt20 {
	margin-top: 20rpx;
}
.shadow {
	box-shadow: 0 4rpx 12px #e7e9eb;
}
.shadow-1 {
	box-shadow: 16rpx 0px 12px #e7e9eb;
}


page {
	/* background-color: #FAFAFA; */
	background-color: #F0F0F0;
	padding: 0 22rpx;
	box-sizing: border-box;
}
.container {
	background-color: #F0F0F0;
	/* padding-top: 28rpx; */
	padding-bottom: 120rpx;
}
.user-mes {
    position: relative;
    background-color: #fff;
    font-size: 32rpx;
    color: #444;
		/* margin-top: 28rpx; */
		border-radius: 14rpx;
}
.user-contact {
    padding: 24rpx 26rpx;
    font-weight: 600; 
}
 
.location {
    position: relative;
    padding: 0 70rpx 24rpx;
}

.pos-icon {
    position: absolute;
    left: 28rpx;
    top: 6rpx;
    width: 30rpx;
    height: 36rpx;
}

.border-img {
    width: 100%;
    height: 12rpx;
}

.update-logistics {
    position: absolute;
    right: 0;
    top: 0;
    width: 80rpx;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrow-rigth {
    width: 32rpx;
    height: 32rpx;
}

.order-meg {
    margin-bottom: 20rpx;
    font-size: 28rpx;
    
}

.order-detail {
    padding: 30rpx 0;
    border-bottom: 2rpx solid #eee;
    color: #777;
    min-height: 190rpx;
    background-color: #fff;
  
}

.goods-img {
    float: left;
    width: 200rpx;
    height: 200rpx;
    margin: 0 20rpx;
}

.order-cont {
    float: left;
    width: 438rpx;
}

.goods-name {
    height: 74rpx;
    line-height: 40rpx;
    overflow: hidden;
    margin-bottom: 16rpx;
    font-size: 28rpx;
    color: #333;

}

.goods-color {
    font-size: 24rpx;
}

.order-num {
    margin-top: 25rpx;
    font-size: 24rpx;
    line-height: 42rpx;
}

.set-mes{
	background-color: #fff;
	/* margin-top: 20rpx; */
}
.use-item{
    display: flex;
    align-items: center;
    height: 80rpx;
    /* border-bottom: 1px solid #ddd; */
    font-size: 30rpx;
  /* width:95%;
margin:auto; */
	padding: 0 26rpx;
}
.use-item>view{
   display: flex;
   /* margin-right: 12rpx; */
   align-items: center;
}
.use-item.bfff{
	background-color: #fff;
}
.use-item .dp{
	display: block;
	width: 50rpx;
	height: 50rpx; 
	margin-left: -6rpx;
}

.set-item {
    justify-content: space-between;
    background-color: #fff;
}

.set-btn {
    display: flex;
    font-size: 24rpx;
}

.set-mes input {
    width: 380rpx;
    height: 50rpx;
    line-height: 50rpx;
    border: 1px solid #ddd;
}

.use-btn {
    width: 100rpx;
    height: 50rpx;
    margin-left: 20rpx;
    line-height: 50rpx;
    text-align: center;
    background-color: #f23030;
    color: #fff;
}

.coupon-mes {
	/* box-sizing: border-box; */
    height:95rpx;
    padding: 0 26rpx;
    background-color: #fff;
    font-size: 30rpx;
    color: #444;
    /* width: 100%; */
		border-radius: 14rpx;
		margin-top: 20rpx;
		margin-bottom: 20rpx;
}

.coupon-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 92rpx;
}

.coupon-title>view {
    display: flex;
}

.coupon-num {
    height: 36rpx;
    margin-left: 20rpx;
    padding: 0 16rpx;
    line-height: 36rpx;
    text-align: center;
    background-color: #f23030;
    color: #fff;
    font-size: 24rpx;
}

.leave-word {
    position: relative;
    font-size: 24rpx;
    margin-left: 20rpx;
		flex-grow: 1;
}

.word-box {
    font-size: 26rpx;
    /* width: 600rpx; */
    padding: 10rpx;
    height: 28rpx;
    line-height: 40rpx;
}

.max-word {
    position: absolute;
    right: 0;
    bottom: 0;
}

.information {
    padding: 0 26rpx;
    background-color: #fff;
    /* margin-bottom: 120rpx; */
}

.information .item {
    display: flex;
    justify-content: space-between;
    height: 60rpx;
    line-height: 60rpx;
    font-size: 26rpx;
    color: #777;
}

.btn-wrap {
	height: 94rpx;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	background-color: white;
	align-items: center;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 30rpx;
}

.tips-btn {
    /* float: right;
    width: 200rpx;
    height: 100rpx;
    line-height: 100rpx;
    text-align: center;
    font-size: 30rpx;
    color: #fff;
    background-color: #f23030; */
		color: white;
		background-color: #FE4445;
		height: 72rpx;
		line-height: 72rpx;
		padding: 0 42rpx;
		border-radius: 36rpx;
		margin-left: 0;
		margin-right: 0;
}

.pay-amount {
    /* float: right;
    display: flex;
    align-items: center;
    height: 100rpx;
    font-size: 26rpx;
    margin-right: 40rpx; */
}

.payable {
    color: #444;
    /* margin-right: 20rpx; */
}

.shipping-modal {
    z-index: 20;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: hidden;
    color: #666666;
    background-color: white;
}

.shipping-nav {
    text-align: center;
    font-size: 35rpx;
    padding-top: 30rpx;
}

.shipping-list {
    padding: 20rpx 30rpx 40rpx;
    font-size: 28rpx;
}

.shipping-item {
    display: block;
    padding: 20rpx 0;
}

.shipping-btn {
    width: 100%;
    color: white;
    background-color: #f23030;
    line-height: 90rpx;
    text-align: center;
    font-size: 40rpx;
}

/*----------nyf新增，地址---------*/
.add_new{
	height: 90rpx;
	display: flex;
	align-items: center;
	padding: 0 26rpx;
}
.addr_jia{width: 45rpx; height: 45rpx; border: 1rpx solid #ddd; 
   margin-right: 15rpx;vertical-align: middle;}
.yu_er{
	margin-left: 10rpx;
	/* margin-right: 60rpx; */
}
.wuliu{margin-left: 20rpx;}


/*---- 优惠券列表 -----*/
.xc-coupon-frame{
    width: 100%;
    height: 92rpx;
  
}
.xc-coupon-frame .work-frame{
    width: 100%;
    height: 100%;
    border-bottom:3rpx solid #eee;
		padding: 0 26rpx;
		background-color: white;
}
.xc-right{
    width:20rpx;
    height:20rpx;
    border-top:2rpx solid #000;
    border-right:2rpx solid #000;
    transform:rotate(45deg);
    display:inline-block;
}

.xc-coupon-frame .work-frame .work{ font-size: 30rpx; line-height: 92rpx; }
.xc-right-frame{font-size: 30rpx;line-height: 92rpx; margin-right: 10rpx }

/* 自定义弹出窗口 */
.cx-popup{
    width:100%;
    height:880rpx;
    background: #fff;
    z-index: 35;
    border-top-left-radius: 20rpx;
    border-top-right-radius: 20rpx;
    position:fixed;
    bottom:0;
		left: 0;
    /* padding-bottom: 25rpx; */
}

.cx-popup .top{
    width:95%;
    height:100rpx;
    border-bottom:3rpx solid #ddd;
    margin: auto;
 margin-top: 30rpx;

}
.xc-top-content{
    width: 93%;
    height:85rpx;
    padding-top: 30rpx;
    font-size: 34rpx;
    font-weight: 600;

}


.xc-valid-coupon{
    width: 90%;
    height:40rpx;
    padding-top: 24rpx;
    overflow: hidden;
}
.xc-frame{
    width: 100%;
    height:60%;
}

.xc-frame .list-frame{
    width: 95%;
    height: 100%;
    overflow-y:scroll;

}
.xc-close-frame{
    margin-top:-10rpx;
 
}

.xc-close{
   width: 37rpx;
height: 37rpx;
border-radius: 50%;
border: 3rpx solid #333;
text-align: center;
line-height: 34rpx;
font-size: 29rpx;
color: #333;

}
.xc-money{
    color: #af2346;
    font-size: 35rpx;
}

.xc-money-frame{
    margin-left:35rpx;

}
.xc-coupon-effect{
    width: 99%;
    min-height: 100rpx;
    border-bottom:3rpx solid #ddd;


}
.xc-goods-coupon{
    width: 85%;
    height:100%;

}
.xc-title{
    width:50%;
    margin-left:222rpx;

}
.xc-coupon-money0{
    color: #c91e31;
    font-size: 35rpx;
    line-height: 40rpx;

}
.xc-coupon-money{
    color: #c91e31;
    font-size: 35rpx;
    line-height: 40rpx;
    padding-top: 10px;

}
.xc-coupon-money1{
    color: #444;
    font-size: 28rpx;
  line-height: 60rpx;


}
.xc-coupon-time{
    height: 50rpx;
    font-size: 27rpx;
    color: #a4a4a4;
}
.xc-coupon-time .time{
    margin-left: 15rpx;
    font-size: 27rpx;
}
.xc-coupon-selection{
    height:100%;
}

.xc-confirm {
   width: 50%;
   border-radius: 50rpx;
   height: 80rpx;
    margin:0 auto;
    background:#d60021;
    color:#fff;
    font-size:28rpx;
    margin-top: 28rpx;
}

.up{ animation: up .7s; }
.down{ animation: down 1s; }
@keyframes up { 0% { transform: translateY(550rpx); } 100% { transform: translateY(0); } }
@keyframes down { 0% { transform: translateY(0); } 100% { transform: translateY(550rpx); } }

.xc-not-Selection{
   width: 40rpx;
height: 40rpx;
    background: #eeeeee;
}


.xc-close-express{
   width: 40rpx;
height: 40rpx;
border-radius: 50%;
border: 3rpx solid #333;
text-align: center;
font-size:32rpx;
line-height: 38rpx;
color: #333;
margin-top: 5rpx;
}
.cx-popup .tops{
  width: 100%;
height: 145rpx;
border-bottom: 3rpx solid #eee;

}
.top-content {
  width: 82%;
padding-top: 33px;
height: 100%;
padding-left: 40rpx;
}
.close-frame{
  margin-top: 30rpx;

}

.xc-hook {
width: 33rpx;
height: 33rpx;
transform: rotate(-135deg);
line-height: 35rpx;
text-align: center;
margin-right: 20rpx


}
.xc-hooks {
width: 30rpx;
height: 30rpx;
border: 1rpx solid #999;
margin-right: 20rpx;
}
.express_list_frame{
  display: flex;
height: 80rpx;
align-items: center;
padding-left: 40rpx;
border-bottom: 1rpx solid #eee;

}
.express_list{
  width: 100%;
  height: 65%;
  overflow-y: auto;
  margin-bottom: 40rpx;
  
}
.xc-confirms {
	box-sizing: border-box;
  width: 40%;
  border-radius: 50rpx;
  height: 80rpx;
  margin:0 auto;
  font-size:28rpx;
  background: #fff;
  color: #333;
  border: 2rpx solid #333;
}


/* 优惠券的改版样式 */
.xc-coupon-frame{
  /* width: 710rpx; */
	width: 100%;
  height:auto; 
  margin: 0 auto;

}
.xc-coupon-frame .coupon-frame{
  width: 100%;
  height: 200rpx;
  margin-top:10rpx;
  border-bottom: 1rpx solid #eee;

}
.xc-coupon-frame .coupon-frame .coupon-left{
  width: 215rpx;
  height:100%;
  overflow: hidden;
}
.xc-money-frames{
    width:96%;
    margin-top: -10px;
}

.xc-rmb-symbol{
  font-size:40rpx;

}

.xc-rmb-val{
 font-size:60rpx;
 
}
.coupon-explain{
 font-size:25rpx;
width:100%;


}
.xc-valuer{
    margin-top:39rpx;
    margin-left:28rpx;
   font-size:25rpx;
}
.coupon-frame .oval{
   width:155rpx;
   height:83rpx;
   border-radius: 50%;
   right:-78rpx;
   top:-37rpx;
} 
.coupon-right{
  /* width:490rpx; */
  height: 99%;
  border-top: 1rpx solid #eaeaea;
  /* //border-bottom: 1rpx solid #eaeaea; */
  border-right: 1rpx solid #eaeaea;
	flex-grow: 1;
}
.coupon-annotation{
  width: 95%;
  height: 100%;
  
}
.xc-brand{
  width:100rpx;
  height:35rpx; 
  line-height: 35rpx;
  font-size:21rpx;
  border-radius:10rpx; position: relative; top:-1px;
  margin-right: 8rpx
}
.top-frame{
  width:82%;
  height: 75rpx;
  margin-top:10rpx;
}
.top-frame .coupon-wode{
  font-size: 25rpx;
  margin-left:10rpx;
  width:340rpx;
  height:88rpx;  
}
.coupon-code{
 width:60rpx;
 height:60rpx;
 margin-top:5rpx;

}
.frame{
  width: 100%
}
.coupon-time{
  font-size: 23rpx;
  line-height:33rpx;
  color: #333;
}

.clik-get{
 width:125rpx;
 height:45rpx;
  border-radius: 25rpx;
  line-height: 45rpx;
  font-size:25rpx;
  bottom:67rpx;
  right:6px;
}

.code-img{
  margin-left:20rpx;
}
.bottmo-explain{
top:145rpx;
width:94%;
border-top:1rpx dashed #eee;
padding-top:8rpx;
height:38rpx;
line-height: 51rpx;

}
.font-word{
  font-size: 22rpx;
}
.circle-size{
  background: #a0a0a0;
  width: 27rpx;
  height: 27rpx;
  margin-top:13rpx;
margin-left:8rpx;
display: flex;

align-items: center;
}
.xc-jiantou{
      /* width: 9rpx;
      height: 9rpx; */
      /* border-top: 2rpx solid #fff;
      border-right: 2rpx solid #fff; */
      transform: rotate(-90deg);
      color: #fff;
      font-size: 15rpx;
      /* display:inline-block;
      margin-top: 6.5rpx; */
      text-align: center;
width: 24rpx;
}
.xc-buttom{
	box-sizing: border-box;
	width:100%;
	min-height:76rpx;
	height:auto;
	line-height:40rpx;
	border-left:1rpx solid #eee;
	border-right:1rpx solid #eee;
	border-bottom:1rpx solid #eee;
/* margin-left: 6rpx; */
}

.goods-num{
  font-size: 28rpx;
  color: #333;
}

.explain-coupon{
  font-size:25rpx;
  padding: 10rpx 10rpx
}
.circle-frame{ 
  width: 20rpx;
  height: auto;
  z-index:1;
  left:210rpx;
  
}
.circle-sawtooth{
  width: 11rpx;
  height: 11rpx;
  background: #fff;
}

.red{background-color: #fe7496;}
.green{ background-color: #22c7c1;}
.blue{background-color:#5e82e3;}
.g_gray{background-color: #aaaaaa}

.f_text{text-align: center; height:96rpx; }
.xc-hook.sn {
  margin-top:12%;
width:45rpx;
height:45rpx;
font-size:28rpx;
line-height:44rpx;


}
.xc-hooks.on{
  margin-top:12%;
width:42rpx;
height:42rpx;
}
.may_use_coupon{
  /* width: 95%; */
  /* height: 68rpx; */
  line-height:78rpx;
	padding: 0 26rpx;
	justify-content: space-between;
	align-items: center;
}
.determine-frame{
  width: 100%;
  height: 130rpx;
  
}
.xc-determine{
  height: 80rpx;
  width: 40%;
  border-radius: 50rpx;
background: #d60021;
color: #fff;
font-size: 28rpx;
margin: 0 auto;

}
.click-buttem{
width: 90%;
margin: auto;
}
.logistics-name{
  margin-right:20rpx;
}
.xc-border{
  border-top:8rpx solid #eee;
width: 100%
}
.main-top{
margin-top: 20rpx;

}
.xc-hookts{
border: 1rpx solid #999;

}
.xc-hookts.on{
  width:30rpx;
height:30rpx;

}
.xc-hookt.sn{
  width: 32rpx;
height: 32rpx;
font-size: 28rpx;
line-height: 34rpx;
}
.xc-hookt{
  transform: rotate(-135deg);
text-align: center;

}
.main-bottom{
  margin-bottom: 20rpx;

}
.xc-hookst{
  border: 1rpx solid #999;

}
.xc-hookst.ons{
  width: 42rpx;
height: 42rpx;
margin-left: 20rpx;

}
.is_use_coupon{
  width: 65%;
justify-content: flex-end;
padding-top: 10rpx;


}
.xc-hooka{
  transform: rotate(-135deg);
text-align: center;

} 
.xc-hooka.sn{
  width: 45rpx;
height: 45rpx;
font-size: 28rpx;
line-height: 44rpx;
margin-left: 20rpx;

}
.color-gray{
  color: #808080;
}
.n_guige{ display: inline-block; background:rgb(236, 236, 236); color: rgb(63,63,63); padding: 3rpx 10rpx; border-radius: 3rpx }
.gift_image{ width: 60rpx; height: 60rpx; position: absolute; top: 0; left: 0}

.quan_num_show{ padding: 4rpx 6rpx; background-color:#ea5551; color:#fff; border-radius: 6rpx;margin-left:10rpx;font-size:24rpx;}

.navigator-hover {
	background: none;
	opacity: 1;
}

.plus_buy{
	background-color: #fff;
	margin:15rpx 0;
	padding: 20rpx 10rpx;
	position: relative;
}


.card_bg {
  box-sizing: border-box;
  padding: 2rpx 10rpx;
  height: 28rpx;
  border-radius: 26rpx;
  font-size: 18rpx;
  line-height: 28rpx;
	max-width: 210rpx;
  background: #333;
  color: #fff;
  margin-left: 8rpx;
  position:relative;
  top:7rpx;
}

.card_bg image {
  width: 19rpx;
  height: 19rpx;
  margin-right: 8rpx;
}

/* .card_bg .card_name {
  max-width: 76rpx;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
} */

.card_name {
	position: relative;
	top: -4rpx;
	margin-left: 6px;
}

.car_tri_up {
    width: 0;height: 0;
    border-left: 20rpx solid transparent;
    border-right: 20rpx solid transparent;
    border-bottom: 20rpx solid #fff;
    position: absolute;
    right: 20rpx;
    top:-10rpx
}
.card_op{
  position: absolute;
  right: 20rpx;
  top:36rpx
}


.tab-container {
	font-size: 28rpx;
	margin-top: 20rpx;
	display: flex;
}

.tab-wrapper {
	background-color: #ccc;
	display: flex;
	border-radius: 40rpx;
	overflow: hidden;
}

.tab {
	padding: 20rpx 30rpx;
	
}


.tab.active {
	background-color: white;
	border-radius: 40rpx;
}
