/* 个人中心首页 */
.personal_main{
  width: 1240px !important;
  /* min-height: 100vh; */
  margin: 0 auto;
}
.personal_home,.personal_address,.personal_mobile,.personal_password,.personal_account,.personal_container{
  background-color: #fff;
  padding-bottom: 50px;
}
.personal_home-header{
  height: 192px;
}
.personal_home-header-right{
  width: 540px;
  margin-right: 20px;
}
.personal_home-header-right-wallet{
  font-size: 16px;
  color: #999;
  line-height: 1;
  top: 24px;
  left: 0;
}
.personal_home-header-left{
  align-items: center;
}
.personal_home-header-portrait{
  width: 100px;
  height: 100px;
  margin-left: 22px;
  margin-right: 14px;
}
.personal_home-header-portrait img{
  width: 100px;
	height: 100px;
	border-radius: 20px;
}
.personal_home-header-infor{
  height: 100px;
  justify-content: center;
}
.personal_home-header-infor strong{
  width: 294px;
  font-size: 20px;
  line-height: 1.5;
}
.personal_home-header-infor a{
  font-size: 16px;
  line-height: 1;
  color: #cc0031;
  margin-top: 26px;
}
.personal_home-span{
  font-size: 24px;
  line-height: 1;
}
.personal_home-title{
  font-size: 16px;
  line-height: 1;
  margin-top: 36px;
}
.balance-style{
  color: #cc0031;
}
.personal_home-second{
  margin-top: 10px;
  height: 206px;
}
.personal_home-order{
  width: 792px;
  box-shadow: 0px 0px 9px 1px rgba(101, 0, 23, 0.15);
	border-radius: 20px;
  margin-left: 22px;
  margin-right: 10px;
}
.personal_home-collection{
  width: 216px;
	height: 206px;
	box-shadow: 0px 0px 9px 1px rgba(101, 0, 23, 0.15);
	border-radius: 20px;
}
.personal_home-order-title{
  font-size: 18px;
  line-height: 1;
  padding-left: 26px;
  padding-top: 22px;
  margin-bottom: 8px;
}
.personal_home-order-box{
  width: 668px;
  margin: 0 auto;
  justify-content: space-between;
}
.personal_home-order-label{
  justify-content: center;
}
.personal_home-order-logo{
  width: 70px;
  height: 70px;
}
.personal_home-order-text{
  font-size: 16px;
  line-height: 1;
  margin-top: 20px;
  text-align: center;
}
.personal_home-collection-span{
  font-size: 16px;
  color: #999;
  line-height: 1;
  margin-top: 24px;
  margin-left: 25px;
}
.personal_home-collection-box{
  width: 196px;
  height: 100px;
  margin: 0 auto;
  margin-top: 42px;
}
.collection-label-number{
  font-size: 24px;
  line-height: 1;
}
.collection-label-title{
  font-size: 16px;
  line-height: 1;
  color: #999;
  margin-top: 45px;
}
.personal_home-footprint{
  width: 1018px;
  height: 206px;
  margin-left: 22px;
  margin-top: 20px;
}
.personal_home-footprint-left{
  width: 216px;
	height: 206px;
  box-shadow: 0px 0px 9px 1px rgba(101, 0, 23, 0.15);
	border-radius: 20px;
}
.personal_home-footprint-span{
  font-size: 18px;
  color: #999;
  line-height: 1;
  padding-top: 22px;
  padding-left: 27px;
}
.personal_home-footprint-logo{
  width: 70px;
  height: 70px;
  margin: 0 auto;
  margin-top: 28px;
}
.personal_home-footprint-goods{
  width: 150px;
  margin-left: 10px;
}
.footprint-goods-picture{
  width: 150px;
  height: 150px;
}
.footprint-goods-picture img{
  width: 100%;
  height: 100%;
  background-color: #e0e7ff;
	border-radius: 20px;
}
.footprint-goods-name{
  font-size: 12px;
  line-height: 18px;
  margin-top: 8px;
}
.personal_home-third{
  width: 1018px;
  margin-left: 22px;
  margin-top: 10px;
}
.personal_home-third-title{
  font-size: 18px;
  line-height: 1;
  padding-left: 26px;
  padding-top: 10px;
}
.personal_home-third-label{
  height: 70px;
  margin-top: 20px;
  justify-content: space-between;
}
.personal_home-third-label-left{
  align-items: center;
}
.personal_home-third-picture{
  height: 70px;
  margin-left: 26px;
  margin-right: 24px;
}
.personal_home-third-picture img{
  width: 70px;
	height: 70px;
	background-color: #e0e7ff;
	border-radius: 20px;
}
.personal_home-third-infor{
  width: 510px;
}
.personal_home-third-goods-name{
  font-size: 14px;
  line-height: 1.5;
}
.personal_home-third-other{
  margin-top: 4px;
  align-items: center;
}
.personal_home-third-status{
  font-size: 14px;
  line-height: 1;
  margin-right: 20px;
}
.personal_home-third-time{
  font-size: 14px;
  line-height: 1;
  color: #999;
}
.personal_home-third-label-right{
  width: 136px;
}
.personal_home-third-label-right a{
  font-size: 16px;
  line-height: 1.5;
}
.personal_home-third-label-right a:hover{
  color: #4184e8 !important;
}


/* ------------------------------------收货地址---------------------------------------- */
.personal_address-title,.personal_account-title,.personal_password-title,.personal_mobile-title{
  font-size: 18px;
  line-height: 1;
  padding-left: 22px;
  padding-top: 20px;
}
.personal_address-add{
  width: 128px;
	height: 36px;
	background-color: #cc0031;
	border-radius: 17px;
  margin-top: 18px;
  margin-left: 22px;
  cursor: pointer;
}
.personal_address-add span{
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
}
.personal_address-container{
  width: 1028px;
  margin-left: 22px;
  margin-top: 20px;
}
.personal_address-label{
  border-radius: 20px;
	border: solid 2px #e0e7ff;
  margin-bottom: 14px;
  padding-bottom: 20px;
}
.personal_address-label-li{
  margin-top: 20px;
}
.personal_address-label-title{
  width: 110px;
}
.personal_address-label-title span{
  font-size: 14px;
  color: #999;
  line-height: 1;
  padding-left: 20px;
}

.personal_address-label-value{
  width: 800px;
}
.personal_address-label-value span{
  font-size: 14px;
  line-height: 1;
}
.personal_detailed-address{
  line-height: 22px !important;
  margin-top: -4px;
}
.personal_address-label-fuc{
  justify-content: flex-end;
}
.personal_address-label-fuc-span{
  margin-right: 20px;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}
.personal_address-label-tagging{
  margin-top: 6px;
}
.personal_address-label-tagging span{
  font-size: 14px;
  line-height: 1;
  padding-left: 20px;
}
.personal_address-default{
  width: 80px;
	height: 22px;
	background-color: #ff8933;
	border-radius: 10px;
  top: 20px;
  right: 20px;
}
.personal_address-default span{
  font-size: 14px;
  line-height: 1;
  color: #fff;
}
.personal_address-nodata{
  justify-content: center;
  margin-top: 20px;
}
.personal_address-nodata span{
  font-size: 16px;
  line-height: 1;
}
/* 确认弹窗 */
.personal_confirm-popup{
  position: fixed;
  width: 400px;
  height: 200px;
  background-color: #ffffff;
	box-shadow: 0px 0px 9px 1px 
		rgba(101, 0, 23, 0.3);
	border-radius: 20px;
  margin-top: -100px;
  margin-left: -200px;
  top: 50%;
  left: 50%;
  align-items: center;
  z-index: 9999;
}
.confirm-popup-title{
  font-size: 16px;
  line-height: 1;
  margin-top: 64px;
}
.confirm-popup-btn{
  height: 34px;
  justify-content: center;
  margin-top: 56px;
}
.confirm-popup-btn-box{
  width: 70px;
	border-radius: 4px;
  cursor: pointer;
}
.confirm-popup-btn-box span{
  font-size: 16px;
  line-height: 1;
}
.yes-btn{
  background-color: #cc0031;
  margin-right: 70px;
}
.yes-btn span{
  color: #fff;
}
.no-btn{
  background-color: #fff;
}

/* ------------------------------修改手机号-------------------------------- */
.personal_mobile-form{
  width: 600px;
  margin-left: 200px;
  margin-top: 40px;
}
.personal_mobile-form-label{
  height: 34px;
  margin-bottom: 24px;
}
.personal_mobile-form-label-title{
  width: 136px;
}
.personal_mobile-form-label-title span{
  padding-left: 40px;
  font-size: 16px;
  line-height: 34px;
}
.personal_mobile-form-select{
  width: 200px;
  border-radius: 4px;
	border: solid 2px #e0e7ff;
}
.personal_mobile-form-select-value{
  font-size: 16px;
  line-height: 1;
}
.personal_mobile-form-label-input{
  width: 300px;
	height: 34px;
	border-radius: 4px;
	border: solid 2px #e0e7ff;
  font-size: 16px;
  padding: 0 10px;
}
.personal_mobile-form-getcode{
  width: 108px;
	height: 34px;
	border-radius: 4px;
	border: solid 1px #cc0031;
  margin-left: 18px;
  cursor: pointer;
}
.personal_mobile-form-getcode span{
  font-size: 16px;
  line-height: 1;
  color: #cc0031;
}
.personal_mobile-form-submit{
  margin-top: 60px;
  justify-content: center;
}
.personal_mobile-form-submit-btn{
  width: 140px;
	height: 30px;
	background-color: #cc0031;
	border-radius: 4px;
  font-size: 18px;
  color: #fff;
  letter-spacing: 2px;
}

/* ---------------------------------修改密码------------------------------------ */
.personal_password-mode{
  margin-top: 18px;
  padding-left: 22px;
}
.personal_password-mode-label{
  width: 128px;
	height: 36px;
	border-radius: 17px;
  cursor: pointer;
  margin-right: 20px;
}
.selected-modify-mode{
  background-color: #cc0031;
}
.selected-modify-mode span{
  color: #fff;
}
.personal_password-mode-label span{
  font-size: 16px;
  line-height: 1;
}
.personal_password-form{
  margin-left: 200px;
  margin-top: 48px;
}
.personal_password-form-label{
  height: 34px;
  margin-bottom: 24px;
}
.personal_password-form-label-left{
  width: 136px;
  align-items: center;
}
.personal_password-form-label-left span{
  padding-left: 38px;
  font-size: 16px;
  line-height: 1;
}
.personal_password-form-input{
  width: 300px;
	height: 34px;
	border-radius: 4px;
	border: solid 2px #e0e7ff;
  font-size: 16px;
  padding: 0 10px;
}
.personal_password-form-submit{
  margin-top: 60px;
}
.personal_password-btn{
  width: 140px;
	height: 30px;
	background-color: #cc0031;
	border-radius: 4px;
  border: 0;
  font-size: 18px;
  letter-spacing: 2px;
  color: #fff;
  margin-left: 244px;
  cursor: pointer;
}
.personal_password-form-qrcode{
  width: 108px;
	height: 34px;
	border-radius: 4px;
	border: solid 1px #cc0031;
  margin-left: 20px;
  cursor: pointer;
}
.personal_password-form-qrcode span{
  font-size: 16px;
  line-height: 1;
  color: #cc0031;
}

/* -----------------------------------------个人中心 -------------------------------------*/
.personal_account-form-picture{
  width: 100px;
  height: 100px;
  margin-left: 42px;
  margin-right: 60px;
  /* cursor: pointer; */
}
.p_img-upload{
  width: 100px;
  height: 30px;
  opacity: 0;
  left: 0;
  bottom: 0;
  cursor: pointer;
  border-radius: 0 0 20px 20px;
  font-size:0;
}
.head-sculptur-img{
  width: 100px;
	height: 100px;
	border-radius: 20px;
}
.personal_account-form-picture-btn{
  width: 100px;
	height: 30px;
	background-color: rgba(0, 0, 0,.5);
	border-radius: 0px 0px 20px 20px;
  bottom: 0;
  left: 0;
}
.personal_account-form-picture-btn span{
  font-size: 16px;
  line-height: 1;
  color: #fff;
}
.personal_account-form-infor-label{
  align-items: center;
  margin-bottom: 30px;
}
.personal_account-form-infor-title{
  width: 100px;
}
.personal_account-form-infor-title span{
  font-size: 16px;
  line-height: 1;
}
.personal_account-form-infor-nickname{
  width: 300px;
	height: 34px;
	border-radius: 4px;
	border: solid 2px #e0e7ff;
  font-size: 16px;
  padding: 0 10px;
}
.personal_account-form-infor-right span{
  font-size: 12px;
  line-height: 1;
  color: #999;
  margin-left: 14px;
  margin-bottom: 6px;
}
.gender-select{
  align-items: center;
}
.nickname-input{
  align-items: flex-end;
}
.personal_account-form-infor-right label{
  margin-left: 10px;
  margin-right: 10px;
  font-size: 16px;
  line-height: 1;
}
.personal_account-form-infor-right input{
  visibility: visible !important;
}
#girl,#boy{
  margin-left: 10px;
}
.personal_account-form-infor-birthday{
  width: 100px;
	height: 34px;
	border-radius: 4px;
	border: solid 2px #e0e7ff;
  font-size: 16px;
}
.personal_account-form-infor-address{
  width: 180px;
	height: 34px;
	border-radius: 4px;
	border: solid 2px #e0e7ff;
  font-size: 16px;
  margin-right: 10px;
}
.personal_account-form-btn{
  margin-top: 330px;
}
.personal_account-form-submit{
  width: 140px;
	height: 30px;
	background-color: #cc0031;
	border-radius: 4px;
  border: 0;
  font-size: 18px;
  color: #fff;
  letter-spacing: 2px;
  margin-left: 260px;
  cursor: pointer;
}
/* -----------------------------------------订单管理-------------------------------------- */
.delete-order-icon{
  font-size: 20px !important;
  color: #ccc;
  margin-right: 10px;
  cursor: pointer;
}

.personal_order-type{
  margin-top: 18px;
}
.personal_order-type-box{
  height: 42px;
  margin: 0 40px;
}
.personal_order-type-box h3{
  font-size: 18px;
  line-height: 42px;
  font-weight: 500;
  cursor: pointer;
}

.personal_order-type-box:hover{
  border-bottom: 2px solid #cc0031;
}

.personal_order-type-box strong{
  font-size: 20px;
  line-height: 42px;
  color: #cc0031;
  margin-left: 10px;
}
.selected-oredr{
  border-bottom: 2px solid #cc0031;
}
.order-pseudo-class::before{
  content: '';
  width: 2px;
  height: 20px;
  position: absolute;
  top: 11px;
  right: 0;
  background-color: #eaeaea;
}
.personal_order-search{
  justify-content: flex-end;
}
.personal_order-search-form{
  width: 400px;
	height: 34px;
  margin-right: 20px;
  justify-content: flex-end;
}
#ListForm2{
  flex: 1;
}
.personal_order-search-ipt{
  border-radius: 4px 0 0 4px;
	border: solid 2px #dbdbdb;
  font-size: 14px;
  line-height: 30px;
  padding: 0 12px;
}
.personal_order-search-btn{
  width: 100px;
	height: 34px;
	background-color: #dbdbdb;
	border-radius: 0 4px 4px 0;
	border: solid 2px #dbdbdb;
  font-size: 14px;
  line-height: 30px;
  color: #666;
  cursor: pointer;
}
.p_goods-name{
  width: 342px;
}
.p_refund-money,.p_application-time{
  width: 160px;
}
.p_service-type,.p_refund-type{
  width: 120px;
}
.p_unit-price{
  width: 140px;
}
.p_goods-quantity{
  width: 60px;
}
.p_goods-operation{
  width: 108px;
}
.p_goods-paid-price{
  width: 144px;
}
.p_goods-status{
  width: 96px;
}
.p_transaction-operation{
  width: 130px;
}
.p_transaction-operation1{
  width: 118px;
}
.p_label-store-logo{
  width: 20px;
  height: 20px;
  margin-left: 22px;
}
.p_label-store-logo img{
  border-radius: 50%;
  /* background-color: #cc0031; */
}
.p_label-store-name{
  max-width: 84px;
  font-size: 14px;
  color: #666;
  line-height: 1;
  margin-left: 10px;
  margin-right: 20px;
}
.store-kf{
  width: 20px;
  height: 20px;
  background-image: url("../../../../common/images/spirit.png");
  background-position: 0px -30px;
}
.p_label-order-span{
  font-size: 14px;
  line-height: 1;
}
.p_label-order-time{
  margin-left: 30px;
}
.p_label-order-number{
  margin-left: 40px;
}
.p_label-top-operation{
  justify-content: flex-end;
  align-items: center;
}
.p_label-top-operation-icon{
  width: 20px;
  height: 20px;
  border: 1px solid red;
  margin-right: 10px;
}
.p_o-payment-amount{
  width: 142px;
}
.p_o-table-border{
  border-left: 2px solid #f0f4fc;
  border-bottom: 2px solid #f0f4fc;
  padding-bottom: 20px;
}
.p_o-table-span{
  font-size: 14px;
  line-height: 1;
}
.p_o-payment-amount-text{
  font-weight: 500;
}
.p_o-payment-amount-tips{
  margin-top: 10px;
  color: #999;
}
.p_o-transaction-status{
  width: 94px;
}
.p_o-reder-status{
  color: #cc0031;
  margin-bottom: 14px;
}
.p_o-transaction-status-a{
  font-size: 14px;
  color: #666;
  line-height: 1;
  margin-bottom: 14px;
  cursor: pointer;
}
.p_o-transaction-status-a:hover{
  color: #a8b6f0 !important;
}
.p_o-transaction-operation{
  width: 128px;
}
.p_o-transaction-operation-btn{
  width: 80px;
	height: 32px;
	background-color: #a8b6f0;
	border-radius: 4px;
  cursor: pointer;
}
.p_o-transaction-operation-btn-word{
  font-size: 14px;
  line-height: 1;
  color: #fff;
}
.p_o-transaction-operation-btn-word:hover{
  color: #fff !important;
}

.p_o-content-goods-name{
  height: 42px;
  overflow: hidden;
  font-size: 14px;
  line-height: 21px;
}
.p_o-content-goods-attribute{
  margin-top: 12px;
  font-size: 12px;
  color: #999;
  line-height: 18px;
}

/* --------------------------------------表格 ----------------------------------------*/
.personal_order-table{
  width: 1020px;
  margin: 0 auto;
  margin-top: 18px;
}
.personal_order-thead{
  background-color: #f0f4fc;
}
.personal_order-thead th{
  font-size: 14px;
  line-height: 40px;
  color: #666;
}
.personal_order-tbody-th{
  height: 40px;
  background-color: #f0f4fc;
}
.personal_order-tbody-th td{
  border: 2px solid #f0f4fc;
}
.personal_order-tbody-tb{
  vertical-align: top;
}

.personal_order-tbody-tb td{
  padding: 20px 0;
  border: 2px solid #f0f4fc;
}

.personal_order-tbody-picture{
  width: 100px;
  height: 100px;
  margin-left: 20px;
  /* background-color: #cc0031; */
}
.personal_order-tbody-picture img{
  border-radius: 4px;
}
.personal_order-tbody-infor{
  width: 200px;
  margin-left: 20px;
}
.personal_order-tbody-unit-price{
  width: 140px;
}
.personal_order-tbody-span{
  font-size: 14px;
  line-height: 1;
  color: #666;
}
.personal_order-tbody-quantity{
  width: 60px;
}
.personal_order-tbody-operationy{
  width: 108px;
}

/* ----------------------------退款售后------------------------------- */
.personal_order-tbody-th1{
  height: 40px;
  background-color: #f0f4fc;
  border: 2px solid #f0f4fc;
}
.personal_order-tbody-tb1{
  vertical-align: top;
  border: 2px solid #f0f4fc;
}
.personal_order-tbody-tb1 td{
  padding: 20px 0;
}
.p_refund-span{
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
.refund-money-span,.refund-type-span{
  color: #cc0031 !important;
}
.transaction-operation-btn{
  width: 80px;
	height: 32px;
	background-color: #a8b6f0;
	border-radius: 4px;
  margin-top: 15px;
}
.transaction-operation-btn span{
  font-size: 14px;
  line-height: 1;
  color: #fff;
}
.p_goods-name1{
  width: 340px;
}
.personal_order-tbody-infor1{
  margin-left: 20px;
}
.p_transaction-operation2{
  width: 118px;
}
.p_label-store-infor{
  width: 1018px;
}

/* ------------------------------------我的足迹-------------------------------------- */
.foot_label-top{
  width: 1022px;
  height: 40px;
  border-bottom: 2px solid #eaeaea;
  margin: 0 auto;
}
.foot_label-top-time{
  font-size: 18px;
  line-height: 1;
}
.foot_label-top-quantity{
  font-size: 14px;
  line-height: 18px;
  color: #999;
  margin-left: 20px;
  margin-right: 10px;
}
.foot_delete{
  width: 30px;
  height: 30px;
  background-color: #9b8181;
  border-radius: 4px;
  /* z-index: 10; */
  cursor: pointer;
}
.foot_label-goods{
  width: 1032px;
  flex-wrap: wrap;
  margin-left: 10px;
}
.foot_label-goods-label{
  width: 162px;
  margin-left: 10px;
  margin-bottom: 20px;
}
.foot_label-goods-img{
  width: 162px;
  height: 162px;
}
.foot_label-goods-img img{
  border-radius: 4px;
  /* background-color: #a8b6f0; */
}
.delete-foot-icon{
  font-size: 20px !important;
  color: #fff;
}
.goods-delete-btn{
  top: 0;
  right: 0;
}
.foot_label-goods-name{
  font-size: 16px;
  line-height: 1;
}
.foot_label-goods-price{
  font-size: 18px;
  color: #cc0031;
  line-height: 1;
  margin-bottom: 10px;
}

/* ------------------------------评价管理-------------------------------------------- */
.personal_evaluate-label{
  width: 1022px;
  background-color: #ffffff;
	border-radius: 10px;
	border: 2px solid #f0f4fc;
  margin: 0 auto;
  padding: 20px;
}
.e_head-portrait{
  width: 50px;
  height: 50px;
  margin-right: 20px;
}
.e_head-portrait img{
  border-radius: 50%;
  /* background-color: #a8b6f0; */
}
.e_review-btn{
  width: 68px;
	height: 24px;
	background-color: #fff;
	border-radius: 12px;
	border: 2px solid #cc0031;
  font-size: 12px;
  line-height: 1;
  color: #cc0031;
}
.e_review-btn span{
  font-size: 12px;
  line-height: 1;
  color: #cc0031;
}
.e_first-other-infor{
  margin-right: 30px;
}
.e_first-other-nickname{
  height: 16px;
  font-size: 16px;
  line-height: 1;
  overflow: hidden;
}
.e_first-other-content span{
  font-size: 12px;
  color: #999;
  line-height: 1;
}
.e_time{
  margin-right: 20px;
}
.personal_evaluate-content{
  font-size: 14px;
  line-height: 21px;
  color: #666;
}
.personal_evaluate-picture{
  width: 100px;
  height: 100px;
  margin-right: 10px;
}
.personal_evaluate-picture img{
  border-radius: 10px;
  /* background-color: #decccc; */
}
.e_review-days{
  font-size: 14px;
  line-height: 1;
}
.personal_evaluate-label-fifth{
  height: 120px;
	background-color: #f7f7f7;
	border-radius: 10px;
  padding: 20px;
}
.personal_evaluate-goods-picture{
  width: 80px;
  height: 80px;
  margin-right: 20px;
}
.personal_evaluate-goods-picture img{
  /* background-color: #decccc; */
	border-radius: 10px;
}
.e_goods-name,.e_goods-attribute{
  height: 14px;
  font-size: 14px;
  line-height: 1;
  overflow: hidden;
}
.e_goods-attribute{
  color: #999;
}
.e_goods-price{
  margin-top: 16px;
  font-size: 20px;
  line-height: 1;
}
.evaluate_paging{
  width: calc(100% - 27px);
  margin-left: 19px;
}

/* -----------------------------------优惠券管理------------------------------------ */
.personal_title{
  padding: 20px;
}
.personal_coupon-nodata{
  margin-top: 120px;
}
.coupon_nodata-img{
  width: 120px;
  height: 100px;
}
.coupon_nodata-tips{
  font-size: 16px;
  line-height: 1;
  color: #666;
}
.personal_coupon-box{
  flex-wrap: wrap;
  /* padding-left: 4px; */
}
.personal_coupon-label{
  width: 348px;
  height: 162px;
  margin-left: 4px;
  background: url(../images/coupon.png) no-repeat;
  background-size:cover;
  margin-bottom: 4px;
}
.personal_coupon-label-left{
  width: 286px;
  margin-right: 6px;
}
.personal_coupon-label-right{
  width: 50px;
  cursor: pointer;
}
.c_label-left-first{
  margin-top: 16px;
}
.c_label-left-first-img{
  width: 40px;
  height: 40px;
  margin-right: 7px;
  margin-left: 32px;
}
.c_label-left-first-img img{
  background-color: #e0e7ff;
	border-radius: 20px;
}
.c_label-left-store-name{
  width: 200px;
  font-size: 14px;
  line-height: 1;
  color: #666;
}

.c_label-left-second-dollar{
  font-size: 14px;
  font-weight: bold;
  color: #cc0031;
  line-height: 14px;
  margin-left: 32px;
}
.c_label-left-second-money{
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  color: #cc0031;
}
.c_label-left-second-condition{
  font-size: 14px;
  line-height: 1;
  color: #cc0031;
  padding-right: 10px;
  text-align: right;
}

.c_label-effective-time{
  font-size: 12px;
  color: #666;
  line-height: 1;
  text-align: right;
  margin-right: 10px;
}
.personal_coupon-receive{
  width: 22px;
}
.personal_coupon-receive span{
  font-size: 20px;
  color: #fff;
  letter-spacing: 4px;
  font-size: 1;
}
.all-checkbox-span{
  font-size: 16px;
  margin-left: 10px;
  line-height: 1;
}
.personal_coupon-manage-btn{
  padding-right: 10px;
  justify-content: flex-end;
}
.manage-fuc-btn{
  width: 60px;
	height: 32px;
	border-radius: 15px;
  margin-left: 18px;
  cursor: pointer;
}
.cancel-function{
  background-color: #fff;
  border: 2px solid #cc0031;
}
.cancel-function span{
  color: #cc0031;
}
.delect-function{
  background-color: #cc0031;
  border: 2px solid #cc0031;
}
.delect-function span{
  color: #fff;
}
.manage-switch{
  background-color: #fff;
  border: 2px solid #f0f4fc;
}
.manage-fuc-btn span{
  font-size: 16px;
  line-height: 1;
}
.personal_coupon-checkbox{
  margin-left: 20px;
}
.label-checkbox{
  position: absolute;
  top: 10px;
  left: 14px;
}
.personal_coupon-main{
  margin-top: 16px;
}

/* -----------------------------------积分/余额管理------------------------------------ */
.my-balance-header{
  margin-top: 8px;
  justify-content: space-between;
  margin-bottom: 20px;
}
.personal_integral-user-infor{
  width: 800px;
	height: 140px;
	background-color: #ffffff;
	border-radius: 20px;
	border: 2px solid #f0f4fc;
  margin-left: 10px;
}
.balance-head-infor{
  margin-left: 10px;
}
.balance-details{
  width: 120px;
	height: 30px;
	background-color: #cc0031;
	border-radius: 10px 10px 0px 0px;
  margin-left: 20px;
}
.balance-details span{
  color: #fff;
}
.balance-nickname span{
  padding-top: 15px;
}
.i_user-head-portrait{
  width: 100px;
	height: 100px;
  margin-right: 20px;
  margin-left: 10px;
}
.i_user-head-portrait img{
  /* background-color: #e0e7ff; */
	border-radius: 20px;
}
.i_user-other{
  width: 326px;
  height: 100px;
}
.i_user-nickname{
  font-size: 20px;
  line-height: 1;
}
.sign-in-btn{
  width: 90px;
	height: 28px;
	background-color: #ffffff;
	border-radius: 14px;
	border: 1px solid #cc0031;
  margin-top: 28px;
  cursor: pointer;
}
.sign-in-btn span{
  font-size: 16px;
  line-height: 1;
  color: #cc0031;
}
.no-sign{
  border: 1px solid #999 !important;
}
.no-sign span{
  font-size: 16px;
  line-height: 1;
  color: #999 !important;
}
.i_user-integral{
  width: 200px;
  height: 100px;
  margin-left: 80px;
}
.i_user-balance{
  width: 346px;
  height: 100px;
}
.i_user-integral strong,.i_user-balance strong{
  font-size: 26px;
  color: #cc0031;
  line-height: 1;
  font-weight: 500;
}
.i_user-integral span,.i_user-balance span{
  font-size: 16px;
  line-height: 1;
  margin-top: 40px;
}
.personal_integral-other a{
  font-size: 16px;
  line-height: 1;
  color: #333;
  margin-left: 114px;
}
.integral-a-spacing{
  margin-top: 14px;
}
.personal_integral-tab{
  height: 32px;
  border-bottom: 2px solid #cc0031;
}
.i_tab-title{
  margin-left: 20px;
  margin-right: 30px;
}
.i_tab-span{
  font-size: 16px;
  line-height: 1;
}
.i_tab-label{
  width: 150px;
	height: 30px;
	border-radius: 10px 10px 0px 0px;
  cursor: pointer;
}
.selected-integral-tab{
  background-color: #cc0031;
}
.selected-integral-tab span{
  color: #fff;
}
.personal_integral-detailed{
  margin-top: 8px;
}
.i_list-mode-title{
  width: 1040px;
  height: 30px;
	background-color: #f5f6ff;
	border-radius: 4px;
  margin-left: 20px;
  margin-top: 16px;
}
.i_list-label-goods{
  width: 300px;
}
.i_list-label-other{
  flex: 1;
}
.i_list-label span{
  font-size: 16px;
  line-height: 1;
}
.i-list-box{
  width: 1040px;
  margin-left: 20px;
  /* border-bottom: 2px solid #f0f4fc; */
}
.i-list-label,.i-list-order-label{
  height: 50px;
}
/* .i-list-order-label{
  height: 110px;
} */
.i-list-label-value{
  font-size: 14px;
  line-height: 1;
  color: #666;
  overflow: hidden;
}
.i_goods-img{
  width: 70px;
  height: 70px;
  margin-right: 10px;
}
.i_goods-img img{
  border-radius: 10px;
  /* background-color: #e0e7ff; */
}
.i_goods-infor{
  height: 70px;
}
.i_goods-name{
  font-size: 14px;
  line-height: 22px;
  color: #666;
}
.i_goods-attribute{
  font-size: 14px;
  line-height: 1;
  color: #999;
  margin-top: 8px;
}

/* -----------------------------------店铺收藏---------------------------------------- */
.personal_collect-main{
  margin-top: 16px;
}
.store-collect-list{
  flex-wrap: wrap;
}
.store-collect-label{
  width: 300px;
	height: 200px;
  border-radius: 20px;
  background-color: #ffffff;
  margin-left: 40px;
  margin-bottom: 20px;
  /* cursor: pointer; */
}
.store-collect-label:hover{
  box-shadow: 0px 0px 9px 1px 
		rgba(101, 0, 23, 0.3);
}
.manage-select-all{
  margin-left: 20px;
}
.c_store-icon{
  width: 80px;
  height: 80px;
  border-radius: 20px;
}

.c_store-name{
  width: 260px;
  font-size: 16px;
  line-height: 1;
  margin-top: 16px;
  text-align: center;
}
.c_store-cancel{
  width: 100px;
	height: 24px;
	border-radius: 12px;
  border: 1px solid #999;
  margin-top: 24px;
  cursor: pointer;
}
.c_store-cancel:hover{
  background-color: #cc0031;
  border: 0;
}
.c_store-cancel:hover>span{
  color: #fff !important;
}
.c_store-cancel span{
  font-size: 14px;
  color: #999;
  line-height: 1;
}
.s_label-checkbox{
  position: absolute;
  top: 10px;
  left: 14px;
}

.collection_paging{
  width: calc(100% - 15px);
  margin-top: 40px;
  margin-left: 15px;
  border-top: 2px solid #f2f4f7;
}

/* ----------------------------------------商品收藏------------------------------------- */
.goods-collect-list{
  padding-left: 5px;
  flex-wrap: wrap;
}
.goods-collect-label{
  width: 200px;
	height: 286px;
	background-color: #fff;
	border-radius: 10px;
  margin-left: 10px;
  margin-bottom: 20px;
  overflow: hidden;
  z-index: 10;
}
.goods-collect-label:hover{
  box-shadow: 0px 0px 9px 1px 
		rgba(101, 0, 23, 0.3);
}
.c_goods-img{
  width: 180px;
	height: 180px;
  margin-top: 10px;
}
.c_goods-img img{
  /* background-color: #e0e7ff; */
	border-radius: 20px;
}
.c_goods-name{
  width: 180px;
  height: 44px;
  font-size: 14px;
  line-height: 22px;
  margin-top: 6px;
}
.c_goods-price{
  font-size: 14px;
  line-height: 1;
  color: #cc0031;
  margin-top: 15px;
}
.c_goods-cancel{
  width: 80px;
	height: 24px;
	background-color: #666666;
	border-radius: 12px 0px 0px 12px;
  top: 15px;
  right: 0;
  cursor: pointer;
}
.c_goods-cancel span{
  font-size: 14px;
  line-height: 1;
  color: #fff;
}
.g_label-checkbox{
  position: absolute;
  top: 4px;
  left: 6px;
}
.collect_label-checkbox{
  width: 16px;
  height: 16px;
  top: 4px;
  left: 6px;
}
.collect_label-checkbox1{
  width: 16px;
  height: 16px;
  top: 10px;
  left: 14px;
}
.collect_label-checkbox2{
  width: 16px;
  height: 16px;
  top: 10px;
  left: 12px;
}

/* 弹框遮罩层样式 */
.mask{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: .5;
  z-index: 1000;
}
/* 常规弹窗主体样式 */
.routine_popup{
  width: 600px;
  background-color: #ffffff;
	border-radius: 10px;
  border: solid 2px #eaeaea;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.routine_popup-main{
  padding: 25px 0;
}
.invoice_popup-main{
  padding: 30px 40px;
}
.invoice_popup-title{
  margin-top: 10px;
}
.invoice_popup-left{
  width: 100px;
  justify-content: flex-end;
}
.invoice_popup-word{
  font-size: 14px;
  line-height: 16px;
}
.word-spacing{
  margin-right: 60px;
}

.personal-checkbox,.enterprise-checkbox{
  margin-right: 10px;
}
.popup_checkbox{
  width: 16px;
  height: 16px;
  margin-left: 4px;
}
.personal-spacing{
  margin-right: 50px;
}
.collect_manage-checkbox{
  margin-left: 10px;
}
.collect_manage-checkbox +label{
  top: 8px;
  left: 10px;
}
.checkbox-style{
  width: 16px;
  height: 16px;
  border: 2px solid #dbdbdb;
  border-radius: 50%;
  cursor: pointer;
}
/*lable标签的大小、位置、背景颜色更改，在css选择时，“+”代表相邻元素，即当前元素的下一元素*/
.checkbox-style +label{
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: absolute;
  border: 2px solid #dbdbdb;
  border-radius: 50%;
  box-sizing: border-box;
}
/*当input框为选中状态时，lable标签的样式，其中在css选择时，“：”表示当前input框的值，即checked；
    该部分主要对显示的“对号”的大限居中方式，显示颜色进行了设置*/
.selected-checkbox:checked +label::before{
  display: block;
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 2px solid #cc0031 !important;
  background-color: #cc0031;
}

input[type=checkbox],input[type='radio']{
  visibility: hidden;
}
.popup-logo{
  width: 60px;
  height: 60px;
  margin: auto 0;
  margin-left: 55px;
  margin-right: 30px;
  background-image: url(../../../../common/images/spirit.png);
  background-position: 0px -112px;
}
.close-popup-btn{
  width: 16px;
  height: 16px;
  top: 16px;
  right: 16px;
  cursor: pointer;
}
/* .popup-logo-img{
  border-radius: 50%;
  border: 2px solid red;
} */
.popup-right-title{
  margin-top: 15px;
}
.popup-right-content{
  width: 390px;
  font-size: 16px;
  line-height: 30px;
  text-align: justify;
  margin-top: 13px;
}
.popup-right-operation{
  margin-top: 20px;
  justify-content: flex-end;
}
.popup-btn-style{
  width: 100px;
  height: 30px;
  border-radius: 4px;
  font-size: 16px;
  text-align: center;
  line-height: 30px;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.popup-confirm-btn{
  background-color: #cc0031;
  color: #fff;
  margin-right: 20px;
}
.popup-cancel-btn{
  background-color: #eaeaea;
  color: #333;
  margin-right: 50px;
}

.address-popup{
  width: 800px;
  background-color: #ffffff;
	border-radius: 20px;
	border: solid 2px #eaeaea;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.address-popup h3{
  color: #333;
  margin-top: 40px;
  margin-left: 40px;
}
.close-popup{
  width: 16px;
  height: 16px;
  top: 14px;
  right: 10px;
  cursor: pointer;
}
.close-popup-icon{
  font-size: 16px !important;
  color: #c2c2c2;
}
.address-form{
  margin-left: 40px;
}
.address-form-label{
  margin-bottom: 30px;
}
.form-label-title{
  width: 90px;
  height: 34px;
  align-items: center;
}
.form-label-title span{
  font-size: 16px;
  line-height: 1;
}
.form-label-title em{
  font-size: 16px;
  color: #e4393c;
  line-height: 1;
}
.selected-address{
  width: 600px;
  height: 34px;
  border-radius: 4px;
	border: 2px solid #e0e7ff;
}
.form-textarea{
  width: 480px;
  height: 80px;
  border-radius: 4px;
	border: 2px solid #e0e7ff;
  background-color: #fff;
  font-size: 16px;
  line-height: 24px;
  padding: 0 10px;
}
.form-input{
  width: 300px;
  height: 34px;
  font-size: 16px;
  padding: 0 10px;
  border-radius: 4px;
	border: 2px solid #e0e7ff;
}
.check-tips{
  font-size: 14px;
  line-height: 1;
  color: #c00;
  margin-left: 10px;
}
.form-radio-box{
  align-items: center;
}

.form-radio{
  margin-left: 75px;
  margin-right: 10px;
}
.address-form-radio{
  margin-left: 0px !important;
}
.form-radio-span{
  font-size: 12px;
  line-height: 1;
  color: #999;
}
.form-radio:checked +label::before{
  display: block;
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 2px solid #cc0031 !important;
  background-color: #cc0031;
}

.address-popup-btn{
  justify-content: center;
  margin-bottom: 30px;
}
.save-button{
  width: 100px;
	height: 30px;
	background-color: #cc0031;
	border-radius: 4px;
  cursor: pointer;
}
.save-button span{
  font-size: 16px;
  line-height: 1;
  color: #fff;
}

/* 取消订单 */
.popup-cancel-reason{
  width: 240px;
	height: 32px;
  font-size: 14px;
  color: #666;
	background-color: #ffffff;
	border-radius: 4px;
	border: solid 2px #cc0031;
}

/* 发票弹窗 */
.invoice_popup-input{
  width: 260px;
  height: 30px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 2px solid #eaeaea;
  padding: 0 10px;
  font-size: 14px;
}
.invoice_popup-word1{
  font-size: 14px;
  line-height: 30px;
}
.shuihao-title{
  height: 30px;
}
.shuihao-tips{
  font-size: 12px;
  color: #999;
  margin-top: 6px;
}
.invoice_popup-reminder{
  margin-top: 15px;
}
.reminder-style{
  font-size: 12px;
  line-height: 18px;
  color: #999;
}
.popup-confirm-from{
  color: #fff;
  background-color: #cc0031;
}

.popup_tagging{
  width: 56px;
  height: 26px;
  background-color: #fff;
  border: 1px solid #333;
  margin-right: 20px;
  border-radius: 4px;
  cursor: pointer;
}
.popup_tagging span{
  font-size: 16px;
  line-height: 1;
}
.selected-tagging{
  border: 1px solid #cc0031 !important;
}
.selected-tagging span{
  color: #cc0031 !important;
}
/* 隐藏数字input的加减控件 */
#telephone::-webkit-outer-spin-button,
#telephone::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}
#telephone[type='number'] {
    -moz-appearance: textfield !important;
}

.form-label-region{
  width: 300px;
  height: 34px;
  border-radius: 4px;
  border: 2px solid #e0e7ff;
  background-color: #fff;
  /* cursor: pointer; */
}
.form-label-region span{
  font-size: 16px;
  padding-left: 10px;
}
.form-label-region-icon{
  margin-right: 10px;
  justify-content: flex-end;
}
.region-icon-style{
  font-size: 12px !important;
  color: #b2b2b2;
}

/* --------------------------省/市/区三级地址选择框-------------------------- */
.tertiary-address{
  width: 600px;
  background-color: #fff;
	border: 2px solid #cc0031;
  top: 30px;
  left: -2px;
  z-index: 999;
}
.tertiary-address-top{
  border-bottom: 2px solid #cc0031;
}
.tertiary-address-area{
  height: 30px;
  border: 2px solid #b2b2b2;
  padding: 0 8px;
  margin-left: 8px;
  border-bottom: 0;
  cursor: pointer;
}
.selected-tertiary-address{
  border: 2px solid #cc0031 !important;
  border-bottom: 0 !important;
}
.xia-icon{
  font-size: 13px;
  margin-left: 10px;
  color: #d2d2d2;
}
.tertiary-address-bottom{
  padding: 8px 18px;
}
.tertiary-address-item{
  flex-wrap: wrap;
}
.tertiary-address-label{
  width: 72px;
  height: 32px;
  overflow: hidden;
  cursor: pointer;
}
.tertiary-address-label-value{
  display: -webkit-box;
  font-size: 14px;
  padding-left: 2px;
  padding-right: 10px;
  line-height: 32px;
  word-break: break-all;
  overflow: hidden;
}
.tertiary-address-label-value:hover{
  color: #cc0031 !important; 
}