/* 修改样式 */
/* 通用 */
.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;
	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;
}

/* 收货地址 */
.adress-box{
	border: 1px solid #F5F5F5;
	border-radius: 4px;
}
.adress-box .adress-info{
	padding: 22px 16px;
}
.adress-box .adress-btn{
	padding: 7px 16px;
}
.adress-box + .adress-box{margin-top: 16px;}


/* 商品详情页 */
.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;
}