/* 修改样式 */
/* 通用 */
input.my-input-clear{margin: 0;padding: 0;border: none;width: inherit;}
.height-60px{height: 60px!important;}
.has-allpx-12{padding: 12px;}
.text-between{text-align: justify;text-align-last: justify;}
/* .mui-active {
	background-color: inherit !important;
} */
.mui-table-view-cell.mui-active,
.mui-table-view-cell > a:not(.mui-btn).mui-active{
	background-color: inherit !important;
}

.mui-input-group.has-px-16:after {
	left: 1rem;
	right: 1rem;
}

.my-default-input{
	padding: 0!important;
	margin: 0!important;
	border: 0!important;
}

/* radio样式 */
.my-radio input[type='radio'],.my-radio input[type='radio']:checked{
	/* position: absolute; */
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	border: none;
	background-color: transparent;
}

.my-radio input[type='radio']:before{
	font-family: 'ghdiconfont';
	content: "\e7c4";
	font-size: 20px;
	line-height: 1;
	color: #979797
}
.my-radio input[type='radio']:checked::before{
	font-family: 'ghdiconfont';
	content: "\e7c1";
	font-size: 20px;
	line-height: 1;
	color: #C39D59;
}

/* 底部按钮 */
.my-bottom-bar{
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
	z-index: 11;
	padding: 6px 16px;
}
.my-bottom-bar ~ .mui-content{padding-bottom: 44px;}
.my-bottom-btn{
	width: 100%;
	line-height: 38px;
	border-radius: 4px;
	text-align: center;
	margin: 0;
	padding: 0;
}

/*横向滚动选项卡*/
.mui-slider.my-revision-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
	color: #C39D59;
	border-bottom: 2px solid #C39D59;
}

/*自定义a鼠标经过棕色边框（筛选框用）*/
.my-brown-outlined-selected a{width: calc((100% - 39px) / 4);/*height: 28px;*/line-height: 28px;text-align: center;color: #333; border-radius:4px;  margin-right: 13px;  overflow: hidden; font-size: 12px; background-color: #F3F3F3; display: block;border: 1px solid #F3F3F3;}
.my-brown-outlined-selected a.active{border: 1px solid #B48534;background-color: #FFF8ED;color:#B48534;}
.my-brown-outlined-selected a:nth-child(4n){margin-right: 0;}

/* 下拉筛选框 */
.slide-select.revision-slide-select{background-color: #fff;padding-bottom: 0;border-top: 1px solid #F5F5F5;}
.revision-slide-select .slide-select-text{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 0 16px;
}
.revision-slide-select .slide-select-name{
	padding: 0 16px;
}
.revision-slide-select .slide-select-btn{
	display: flex;
	padding: 0;
	margin-top: 20px;
}
.revision-slide-select .slide-select-btn .btn-item{
	flex: 1;
	height: 50px;
	line-height: 50px;
	border-radius: 0;
	background-color: #F7F7F7
}
/* 新列表样式 */
.my-revision-li .mui-table-view-cell {
	height: 50px;
	padding: 0 16px;
	font-size: 13px;
	line-height: 50px;
	border-radius: 0;
}
.my-revision-li.sm .mui-table-view-cell{height: 40px;line-height: 40px;}
.my-revision-li .mui-table-view-cell>a:not(.mui-btn) {
	padding: initial;
	padding-right: 1.125rem;
}

.my-revision-li .mui-navigate-right:after,
.my-revision-li .mui-push-right:after {
	font-family: 'ghdiconfont';
	content: "\e789";
	right: 0;
	color: #000;
	font-size: 10px;
}

.my-revision-li .mui-table-view-cell:after {
	left: 1rem;
	right: 1rem;
}
.my-revision-li.has-last-line .mui-table-view-cell:last-child:after{height: 1px;}

/*无法加载到数据时*/
.nodata-box{
	text-align: center;
	margin: 30px auto 0;
	color: #999;
}
.nodata-box img{
	width: 120px !important;
	height: 120px !important; 
}
/* 新列表样式 */

/* flex列表样式 */
.flex-revision-li.mui-table-view::before{height: 0;}
.flex-revision-li .mui-table-view-cell{height: 3.125rem;display: flex;align-items: center;}
.flex-revision-li.between-list .mui-table-view-cell{justify-content: space-between;}
.flex-revision-li .mui-table-view-cell.has-right-arrow{justify-content: space-between;}
.flex-revision-li .mui-table-view-cell:after{left: 0;}
.flex-revision-li .mui-navigate-right{display: flex;flex: 1;height: inherit;align-items: center;}
.flex-revision-li .mui-navigate-right:after {
	font-family: 'ghdiconfont';
	content: "\e789";
	right: 0;
	color: #000;
	font-size: 10px;
}



/* 输入列表样式 */
.my-revision-input-group label {
	width: 25%;
	padding: 0;
	font-size: 13px;
	color: #888;
	line-height: 50px;
}
.my-revision-input-group .mui-input-password ~ .mui-icon-eye{
	top: 0;
	height: 50px;
	line-height: 50px;
}
.my-revision-input-group .mui-input-row{height: 50px;}
/* .my-revision-input-group .mui-input-row label{line-height: 1.9;} */
.my-revision-input-group input[type='text'],
.my-revision-input-group input[type='password'],
.my-revision-input-group input[type='number'],
.my-revision-input-group input[type='tel']{width: 75%;height: 50px;padding-right: 38px;padding-left: 0;margin: 0;border: 0;}
.my-revision-input-group .mui-input-row .mui-input-clear ~ .mui-icon-clear{top:15px;}
.my-revision-input-group.ghd-font-family .mui-icon{font-family: 'ghdiconfont' !important;}
.my-revision-input-group .mui-icon-eye:before{content: "\e7c7";}
.my-revision-input-group .mui-icon-eye.mui-active{color: inherit !important;}
.my-revision-input-group .mui-icon-eye.mui-active::before{content: "\e7c5";}
.my-revision-input-group ::-webkit-input-placeholder{color: #AAAAAA;}
/* 输入列表样式 */

/*登录页样式*/
.login-input-from-new {background-color: #fff;}
.login-input-from-new .mui-content { background-color: #fff;}
.login-input-from-new .mui-input-group:before,.login-input-from-new .mui-input-group:after{height: 0;}
.login-input-from-new .mui-input-group {margin: 8vh 30px 10px;}
.login-input-from-new .mui-content-padded {margin: 13px 30px 10px;}
.login-input-from-new .logo_title{ text-align: center;}
.login-input-from-new .logo_title img{ margin-top: 10vh; width: 80px; height: auto;}
.login-input-from-new .mobile_login{height: 53px;display: flex;align-items: center;}
.login-input-from-new .mobile_login input[type='text'],.login-input-from-new .mobile_login input[type='password']{width: 90%;line-height: 24px;font-size:14px;}
.login-input-from-new .mobile_login label{width: 10%; padding: 0;}
.login-input-from-new .mui-input-row .mui-input-clear ~ .mui-icon-clear{ top: 17px; z-index: 2;}
.login-input-from-new .mui-btn{padding: 10px;}
.login-input-from-new .mobile_login .plac-in{z-index: 1;display: inline-block; width: 85%; position: absolute;top: 0;
right: 0;line-height: 40px;margin-top: 8px; color: #8c8b8b;}
.login-input-from-new ::-webkit-input-placeholder{color: #AAAAAA;}

/* 平台弹窗 */
.login-platfrom-popover{
	width: 80%;
	height: 13.75rem;
	left: 0;

}
.login-platfrom-popover .popover-title{
	height: 3.125rem;
	margin-top: 1.25rem;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color: #030303;
}
.login-platfrom-popover.my-custom-popover .popover-content-scroll{
	top: 5rem;
	bottom: 0;
}
.login-platfrom-popover .platfrom-list li{
	display: flex;
	align-items: center;
	margin: 0 1rem 1.25rem;
	cursor: pointer;
}
.login-platfrom-popover .platfrom-list .cell-logo img{
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	margin-right: 0.875rem;
}
.login-platfrom-popover .platfrom-list .cell-title{
	font-size: 0.8125rem;
	font-weight: bold;
}
.login-platfrom-popover .platfrom-list .cell-name{
	color: #888;
	font-size: 0.75rem;
}
.login-platfrom-popover .platfrom-list .cell-tip{
	margin-left: 5px;
	font-size: 10px;
	padding: 2px;
}
/*登录页样式*/


/* 账号页面 */
.login-out-btn {
	width: 100%;
	height: 2.75rem;
	line-height: 2.75rem;
	text-align: center;
	border-bottom: 1px solid #f5f5f5;
	color: #404040;
	font-size: 0.8125rem;
}

.user-account-info.my-revision-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	padding: 0 1rem;

}
/* 账号页面 */

/* 重置密码页面 */
.revision-save-psd-btn{
	width: 18.4375rem;
	height: 2.75rem;
	line-height: 2.75rem;
	border-radius: 4px;
	background-color: #C39D59;
	color: #fff;
	text-align: center;
	margin: 0 auto;
}
.revision-save-psd-btn.sm{width: 8.75rem;}
/* 重置密码页面 */


/* 消息通知 */
.messages-icon{
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	position: relative;
}
.messages-icon .mui-badge{
	position: absolute;
	top: 0;
}

.messages-li .mui-table-view-cell{padding: 16px 0;height: 70px;}
.messages-li .mui-table-view-cell > a:not(.mui-btn){padding: 0;}
.messages-li .mui-table-view-cell:after{left: 0;}
.messages-li.last-li-after:before{height: 0;}
.messages-li .mesBox{width: 75%;}
/* 消息通知 */

/* 预存款 */
.deposit-bg{
	width: 100%;
	/* height: 12.5rem; */
	height: 90vh;
	/* background: url(../images/depositBg.png); */
	background-size: 100% 100%;
}
.deposit-bg .mui-bar.mui-bar-nav{
	background-color: transparent;
}
.deposit-bg .mui-bar.mui-bar-nav:after{
	height: 0;
}
.deposit-bg .mui-content{
	background-color: transparent;
}
/* 新CSS */
.container{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: linear-gradient( 0deg, rgba(245,242,244,0) 0%, rgba(245,225,207,0.93) 76%, #F5E0CC 100%);
	border-radius: 0px 0px 0px 0px;
}
.container_setting{
	height: 45px;
	width: 343px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.container_setting_text{
	font-weight: normal;
	font-size: 12px;
	color: #555555;
	line-height: 12px;
	margin-right: 4px;
}
.deposit_top{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.deposit_right{
	font-weight: 600;
	font-size: 14px;
	color: #C39D59;
}
.deposit_center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.container_setting img{
	width: 14px;
	height: 14px;
	margin-left: 4px;
}
.moneyBox{
	width: 343px;
	height: auto;
	background: #FFFFFF;
	box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.08);
	border-radius: 12px 12px 12px 12px;
	/* margin-top: 16px;
	margin-left: 16px; */
	padding-bottom: 16px;
	z-index: 999;
	margin-top: 20px;
  }
  .moneyBox_top{
	width: 100%;
	height: 52px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 16px;
  }
  .moneyBox_top_text{
	font-family: PingFang SC, PingFang SC;
	font-weight: 400;
	font-size: 14px;
	color: #333333;
	font-style: normal;
	text-transform: none;
  }
  .moneyBox_top_botton button{
	/* width: 158px; */
	height: 30px;
	background: #C39D59;
	border-radius: 100px 0px 0px 100px;
	color: #FFFFFF;
	font-size: 12px;
  }
  .momeyBox_line{
	width: 100%;
	height: 1px;
	background: #CCCCCC;
	opacity: 0.2;
  }
  .color_font{
	color: #C39D59;
  }
  .moneyBox_bottom{
	width: 331px;
	height: auto;
	background: #FDFBFA;
	margin-left: 6px;
	margin-right: 6px;
  }
  .moneyBox_bottom_row{
	display: flex;
	padding-top: 16px;
	margin-left: 16px;
	margin-right: 16px;
	width: auto;
	justify-content: space-between;
	align-items: center;
  }
  .moneyBox_bottom_text{
	font-family: PingFang SC, PingFang SC;
	font-weight: 400;
	font-size: 14px;
	color: #666666;
  }
  .moneyBox_bottom_price{
	font-weight: 600;
	font-size: 14px;
	color: #C39D59;
  }
  .moneyBox_bottom_row:last-child{
	padding-bottom: 16px;
  }
  .timeOrder{
	width: 100%;
	height: 44px;
	background: #9999991c;
	display: flex;
	align-items: center;
	justify-content: space-between;
  }
  .timeOrder_leftFont{
	font-weight: 600;
	font-size: 15px;
	color: #333333;
	margin-left:16px;
  }
  .font_flex{
	display: flex;
	align-items: center;
	/* justify-content: baseline; */
	margin-top: 6px;
  }
  .font-price{
	color: #666666;
	font-size: 12px;
  }
  .font_price_number{
	font-weight: 600;
	font-size: 14px;
	color: #C39D59;
  }
  .timeOrder_rightFont{
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: 12px;
	color: #999999;
  }
  .timeOrder_rightFont_get{
	margin-left:8px;
	margin-right: 16px;
  }
  /* 预存款类目 */
  .category_choose{
	width: 100%;
	height: 44px;
	background: #FFFFFF;
	margin-top: 8px;
	margin-bottom: 8px;
  }
  .category_choose_recharge{
	font-weight: 400;
	font-size: 12px;
	color: #AAAAAA;
	margin-right: 12px;
  }
  .info_block{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 26px;
	margin-bottom: 20px;
  }
  .info_block1{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 26px;
	margin-bottom: 20px;
  }
  .info_block_left{
	display: flex;
	align-items: center;
	margin-left: 60px;
  }
  .info_block_right{
	display: flex;
	align-items: center;
	margin-right: 52px;
  }
  .info_block_line{
	width: 1px;
height: 10px;
border: 1px solid #DEDEDE;
  }
/* 收货地址 */
.adress-box{
	border: 1px solid #F5F5F5;
	border-radius: 4px;
	margin-top: 12px;
}
.adress-box .adress-info{
	padding: 22px 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.adress-box .adress-btn{
	padding: 7px 16px;
}
.deposit_price{
	font-weight: 600;
	font-size: 14px;
	color: #C39D59;
}
.adress-box + .adress-box{margin-top: 16px;}

.logistics-picker{
  position: fixed;
  left: 0;
  bottom: 0;
  border-radius: 16px 16px 0 0;
  background-color: #fff;
  min-height: 420px;
  width: 100%;
  padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
  padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
  z-index: 1000;
}
.logistics-picker .title{
	margin: 20px auto 0;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
}
.logistics-picker .input-box{
  /* width: 100%; */
  margin: 16px;
  padding: 0 16px;
  background-color: #f5f5f5;
  height: 30px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.logistics-picker .input-box input{
	width: 100px;
	height: inherit;
	padding: 0;
	margin: 0;
	background-color: inherit;
	border: none;
}
.logistics-picker .c-list{
  height: 290px;
  border-top: 1px solid #E6E6E6;
  overflow-y: auto;
}
.logistics-picker .c-list .c-item{
  display: flex;
    align-items: center;
    justify-content: space-between;
    height: 44px;
    width: 100%;
    padding: 0 16px;
    border-bottom: 1px solid #E6E6E6;
}
.logistics-picker .close-icon{
	position: absolute;
	  top: 12px;
	  right: 12px;
	  color: #999;
}


/* 商品详情页 */
.product-share{
	text-align: center;
	padding: 0 4px 0 20px;
	border-left: 1px solid #EEE;
}
.product-share .ghdiconfont{font-size: 20px;}
.revision-pro-promotion{
	display: flex;
	background-color: #FDEFEF;
	border-radius: 4px;
	position: relative;
	padding: 12px 5px;
	margin: 12px;
}
.revision-pro-promotion .promotion-text{
	margin-left: 5px;
	color: #CC4E4E;
}
.revision-pro-promotion .promotion-info-btn{
	/* width: 50px; */
	height: 25px;
	line-height: 25px;
	padding: 0 4px 0 6px;
	border-radius: 37px 0px 0px 37px;
	background-color: #E7C68C;
	color: #fff;
	text-align: center;
	font-size: 11px;
	margin-right: -5px;
}
.revision-signbox{
	min-width: 32px;
	height: 18px;
	line-height: 18px;
	background-color: #FDA660;
	border-radius: 2px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
}