body {
  margin: 0;
  padding: 0;
}
body.bar {
	padding-top: 45px;
	padding-bottom: 80px;
}
a,
a:hover,
a:active,
a:visited{
	text-decoration: none;
}
.u-gap{
	background-color: rgb(239, 240, 242);
  height: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.line{
  border-bottom: 1px solid rgb(214, 215, 217);
  width: 100%;
 }
body.init{
	background-color: #f4f3f1;
	padding-bottom: 80px;
}
.isEmpty{
	color: rgb(192, 196, 204);
	text-align: center;
}
.use-btn{
	color: #fff;
	border: none;
	padding: 12px 22px;
	border-radius: 6px;
	font-size: 14px;
	background-color: #5ac725;
}
.gery-btn{
	color: #999;
	border: none;
	padding: 12px 22px;
	border-radius: 6px;
	font-size: 14px;
}
.blue-btn{
	color: #fff;
	border: none;
	padding: 12px 22px;
	border-radius: 6px;
	font-size: 14px;
	background-color: #3c9cff;
}
/* 返回顶部按钮样式 - 移动端专用 */
#backToTop {
  position: fixed;
  bottom: 80px;
  right: 20px;
  width: 40px;
  height: 40px;
  background: rgb(144, 147, 153, 0.6);
  border-radius: 50%;
  display: none; /* 默认隐藏 */
  justify-content: center;
  align-items: center;
  z-index: 9999;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #fff;
  font-size: 20px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  -webkit-tap-highlight-color: transparent; /* 移动端点击无高亮 */
}

#backToTop:active {
  transform: scale(0.9);
  background: rgba(0, 0, 0, 0.8);
}
/* 顶部导航栏 */
.header-bar{
	height: 44px;
	line-height: 44px;
	background-color: rgb(248, 248, 248);
	position: relative;
}
.header-bar .title {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 44px;
	color: #303133;
	margin: 0px;
}
.header-bar .fa-house{
	color: rgb(96, 98, 102);
	font-size: 16px;
}
.header-bar a{
	font-size: 22px;
  	color: rgb(51, 51, 51);
}
/* 主容器 */
.login-container {
	padding: 40px 30px;
}

/* Logo */
.login-container .logo {
	width: 86px;
	height: 86px;
	border-radius: 50%;
	margin: 0 auto 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.login-container .logo span {
	color: #fff;
	font-size: 70px;
	font-weight: bold;
	/* 模拟你的M形logo */
	display: inline-block;
	line-height: 1;
}

/* 表单组 */
.login-container .form-group {
	margin-bottom: 20px;
	position: relative;
}
.login-container .form-group .icon {
	position: absolute;
	left: 0;
	top: 12px;
	font-size: 22px;
	color: #f7b500;
	height: 20px;
	width: 20px;
}
.login-container .form-group input {
	width: 100%;
	height: 45px;
	border: none;
	border-bottom: 1px solid #ddd;
	padding-left: 35px;
	font-size: 16px;
	outline: none;
	box-shadow: none;
}
.login-container .form-group input:focus {
	border-color: #888;
}
.login-container .form-group #seeword{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	display: block;
	position: absolute;
	top: 12px;
	right: 0;
	height: 21px;
}

/* 登录按钮 */
.login-container .btn-login {
	width: 70%;
	height: 50px;
	border: none;
	border-radius: 30px;
	background: linear-gradient(to right, #b3e59f, #4dd0e1);
	color: #fff;
	font-size: 17px;
	font-weight: 500;
	margin-top: 30px;
}

/* 底部链接 */
.login-container .links {
	text-align: center;
	margin-top: 30px;
}
.login-container .links a {
	color: #ff9800;
	font-size: 16px;
	text-decoration: none;
}
.login-container .links a:hover {
	text-decoration: underline;
}
.login-container .links span {
	color: #ff9800;
	margin: 0 5px;
}
.error-toast {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	padding: 12px;
	border-radius: 6px;
	font-size: 14px;
	display: none;
	z-index: 999;
	top: 40%;
}
.agreement{
	margin-top: 10px;
	margin-bottom: 10px;
}
 /* 头部用户信息栏 */
.user-header {
	background-color: #0b6fe1;
	color: #fff;
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
	height: 160px;
}
.user-avatar {
	width: 65px;
	height: 65px;
	border-radius: 5px;
	background-color: #fff;
	float: left;
	margin-right: 15px;
	overflow: hidden;
}
.user-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.user-info {
	overflow: hidden;
}
.user-name {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}
.user-name .setting-icon{
	font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  color: rgb(255, 255, 255);
  float: right;
}
.user-level {
	background-attachment: scroll;
	background-image: url(/static/images/regular.jpg);
	background-repeat: no-repeat;
	background-position: 0;
	background-size: cover;
	width: 96px;
	height: 18px;
	color: #0b6fe1;
	font-size: 11px;
	text-indent: 29px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: inline-block;
	line-height: 18px;
}
.user-desc {
	font-size: 12px;
	margin-top: 5px;
}
.user-desc .edit{
	border: 0.5px solid #fff;
	border-radius: 5px;
	font-size: 10px;
	color: #fff;
	float: right;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
/* 统计数据行 */
.stats-row {
	background-color: #fff;
	display: flex;
	justify-content: space-around;
	padding: 16px 0;
	margin-top: -40px;
	border-radius: 5px;
}
.stat-item {
	text-align: center;
}
.stat-num {
	font-size: 20px;
	font-weight: bold;
	color: #666;
	margin-bottom: 5px;
}
.stat-label {
	font-size: 12px;
	color: #999;
}
.user-center{
  color: #333;
  margin-top: 16px;
}
/* 会员中心横幅 */
.member-banner {	
display: flex;
  justify-content: space-between;
  background-color: #f2d1a6;
  color: #7e4a18;
  padding: 16px 0px 16px 13px;
  font-size: 12px;
  border-radius: 5px 5px 0px 0px;  
}
.banner-title {
	font-size: 17px;
	font-weight: bold;
	color: #7e4a18;
}
.banner-desc {
	font-size: 12px;
	color: #7e4a18;
}
.btn-vip,
.btn-vip:hover,
.btn-vip:active,
.btn-vip:visited{
	align-self: center;
	background-color: #354262;
	padding: 5px 8px;
	border-radius: 16px 4px 4px 16px;
	position: relative;
	right: -2px;
	color: rgb(242, 209, 166);
	font-size: 14px;
	text-decoration: none;
}
/* 功能模块通用样式 */
.module-box {
	background-color: #fff;
	border-radius: 8px;
}
.module-title {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	padding: 10px;
}
.grid-menu {
	display: flex;
	flex-wrap: wrap;
}
.grid-item {
	width: 25%;
	text-align: center;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}
.grid-item .icon {
	font-size: 32px;
	color: rgb(11, 111, 225);
}
.grid-item .icon img{
	height: 25px;
	margin-top: -7px;
}
.grid-item .badge {
	position: absolute;
	top: 0px;
	right: 15%;
	background-color: #f56c6c;
	color: #fff;
	font-size: 11px;
	padding: 2px 6px;
	border-radius: 10px;
	font-weight: normal;
}
.grid-item span {
	font-size: 12px;
	color: #333;
}
.user-function{
	margin-top: 16px;
}
.user-function .grid-item .icon {
  font-size: 26px;
  margin-bottom: 3px;
  color: #606266;
}
.user-function .grid-item span {
  color: #999;
}
footer{
	background-color: rgb(253, 255, 254);
}
footer .uni-tabbar-border {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.33);
}
footer ul{}
footer ul li{
	float: left;
	width: 20%;
	text-align: center;
}
footer ul li .icon{
	margin-top: 5px;
}
footer ul li .icon img{
	height: 24px;
}
footer ul li .icon i.fa-regular{
	font-size: 14px;
}
footer ul li a p{
	font-size: 10px;
	margin-top: 3px;
	color: rgb(160, 155, 159);
	margin-bottom: 3px;
}
footer ul li.active a p{color: rgb(5, 130, 197);}
.setting .u-gap{
  background-color: rgb(239, 240, 242);
  height: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.setting h2{
	font-size: 15px;
	color: #303133;
	margin: 0px;
	padding: 15px;
}
.setting h2 a{
  line-height: 22px;
  color: #303133;
}
.setting h2 a span{
	float: right;
	color: #909399;
}
.setting h2 a.btn{
	font-size: 16px;
}
.helps{

}
.help-title{
	background-color: #f8f8f8;
	border-top: 1px solid #d6d7d9;
	border-bottom: 1px solid #d6d7d9;	
}
.help-title h2{
	font-weight: bold;
	line-height: 37px;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}
.help-title p{
	font-size: 15px;
	line-height: 42px;
	color: #303133;
	border-bottom: 1px solid rgb(214, 215, 217);
	margin: 0px;
}
.help-title p .fa-phone,
.help-title p .fa-envelope{
	color: rgb(96, 98, 102);
	margin-right: 5px;
}
.help-title p span{
	float: right;
	color: rgb(96, 98, 102);
}
.help-title p span .fa-angle-right{
	margin-left: 10px;
}
.helps .media-body {
margin: 0px;
  border-bottom: 1px solid rgb(214, 215, 217);
  width: 100%;
}
.helps .media-body h5{
	font-size: 14px;
	line-height: 20px;
	color: #666;
	margin-top: 12px;
	margin-bottom: 12px;
 }
.helps .media-body h5 a{
	color: #0582c5;
  font-size: 16px;
  margin-bottom: 10px;
 }
 .helps .media-body p{
	 font-size: 15px;
  line-height: 21px;
  color: #666;
 }
 /* 头像容器 */
.avatar-container {
	text-align: center;
	margin-top: 80px;
}
.avatar-wrapper {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.avatar-img {
	width: 160px;
	height: 160px;
	border-radius: 50%;
	object-fit: cover;
	background-color: #eee;
}
/* 隐藏的文件输入框 */
#avatar-input {
	display: none;
}
/* 修改头像按钮 */
.btn-update {
	width: 80%;
	max-width: 500px;
	background-color: #3c9cff;
	border: none;
	color: #fff;
	font-size: 18px;
	padding: 12px;
	margin-top: 50px;
}
.btn-update:hover {
	background-color: #3c9cff;
	color: #fff;
}
/* 提示消息 */
.alert-top {
	margin: 15px;
}
.favorite h2{
	padding: 10px;
	background-color: #f3f3f3;
	font-size: 16px;
	color: #636363;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.favorite h2 span{
	color: #f0686c;
	margin-right: 5px;
	margin-left: 5px;
}
.favorite ul li{
	border-bottom: 1px solid rgb(214, 215, 217);
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.favorite ul li h3{
	font-size: 16px;
	font-weight: normal;
	color: #0582c5;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.favorite ul li p{
	color: rgb(153, 153, 153);
	font-size: 15px;
}
.favorite ul li p button{
	float: right;
	color: #3c9cff;
	border-color: #3c9cff;
}
.coupon ul{
	border: 0px;
}
.coupon ul li{
	width: 50%;
	text-align: center;
}
.coupon .nav-tabs > li > a{
	color: #606266;
	font-size: 15px;
}
.coupon .nav-tabs > li.active > a, 
.coupon .nav-tabs > li.active > a:focus, 
.coupon .nav-tabs > li.active > a:hover{
	border: 0;
	color: #333;
}
.coupon .nav-tabs > li.active > a span::after {
	content: ""; /* 必须加！不加不显示 */
	width: 30px;
	transform: translate(39.5833px);
	transition-duration: 300ms;
	height: 3px;
	background-color: #3c9cff;
	position: absolute;    
    /* 可选：给个定位坐标，防止看不见 */
	bottom: -1px;
	left: 38px;
}
/*优惠券卡片*/
.coupon .coupon-item{
	padding:20px 15px;
	border-bottom:1px solid #ddd;
	display:flex;
	align-items:center;
}
.coupon .coupon-left{
	flex:1;
}
.coupon .coupon-money{
	font-size: 26px;
	color: #f23030;
	font-weight: normal;
}
.coupon .coupon-date{
	font-size: 15px;
  color: #ff6700;margin:6px 0;
}
.coupon .coupon-rule{
	font-size: 15px;
  color: #999;
}
.coupon .coupon-right{
}
.pay{
	margin-top: 20px;
}
.pay h5{
	text-align: center;
  color: #f56c6c;
  margin-bottom: 20px;
  font-size: 20px;
}
.pay .btn-info{
	background-color: #3c9cff;
	border-radius: 2px;
	font-size: 15px;
}
.oauth .item-wrap {
	padding: 15px 0;
	border-bottom:1px solid #eee;
	display:flex;
	align-items:flex-start;
	gap:15px;
}
.oauth .avatar-img {
	width: 40px;
	height: 40px;
	border-radius: 6px;
}
.oauth .info-box {
	flex:1;
}
.oauth .info-item {
	font-size: 13px;
	color: #999;
	margin: 6px 0;
}
.oauth .info-item span{
	color: #333;
}
.user .avatar-box{text-align:center;padding:30px 0;}
.user .avatar-icon{
	width: 80px;
	height: 80px;
	border-radius: 100px;
}
.user .avatar-name{
	font-size: 18px;
	color: #999;
	margin-top: 10px;
}
.user .form-item{padding:14px 15px;border-bottom:1px solid #ddd;display:flex;align-items:center;}
.user .form-label{
	width: 80px;
	color: #333;
	font-size: 15px;
}
.user .form-input{
	flex: 1;
	border: none;
	outline: none;
	font-size: 16px;
}
.user textarea.form-input{min-height:80px;padding-top:8px;resize:none;}
.user .count-tips{position:absolute;right:15px;color:#999}
.user .btn-wrap{
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
.user .btn-submit{
	width: 100%;
	background: #3488f3;
	color: #fff;
	border: none;
	padding: 14px;
	font-size: 16px;
	border-radius: 4px;
	margin-bottom: 15px;
}
.user .btn-cancel{
	width: 100%;
	background: #fff;
	border: 1px solid #ddd;
	padding: 14px;
	font-size: 16px;
	border-radius: 4px;
	color: #333;
}
.account h4{
	font-size: 16px;
	color: #333;
	font-weight: 700;
 }
.account p{
	font-size: 15px;
	color: #999;
}
.account p span{
	color: #333;
}
.account p button{
	float: right;
}
.credit h2{
	padding: 10px;
	background-color: #f3f3f3;
	font-size: 16px;
	color: #636363;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.credit h2 span{
	color: #f0686c;
	margin-right: 5px;
	margin-left: 5px;
}
.credit h1{
	text-align: center;
	font-size: 22px;
	margin-top: 15px;
	margin-bottom: 0px;
	font-weight: bold;
}
.credit h1.blue{color: #0582c5;}
.credit h1.red{color: #e03637;}
.credit h3{
	text-align: center;
	color: #999;
	font-size: 17px;
	margin-top: 10px;
	margin-bottom: 25px;
}
.credit p{
	color: #999;
}
.credit p span{
	color: #333;
	font-weight: bold;
}
.credit p span.blue{color: #0582c5;}
.credit p span.red{color: #e03637;}
.credit .line{
	margin-bottom: 10px;
}
.credit .circle{
	border-radius: 50%;
	background-color: #0b6fe1;
	height: 53px;
	width: 53px;
	color: #fff;
	font-size: 30px;
	line-height: 53px;
	text-align: center;
}
.password .form-wrap{padding:30px 20px;}
.password .item-row{display:flex;align-items:center;border-bottom:1px solid #ddd;padding:18px 0;}
.password .icon-box{
	width: 25px;
	font-size: 22px;
	color: #ffb338;
}
.password .inp-box{
	flex: 1;
	border: none;
	outline: none;
	font-size: 18px;
	background: transparent;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
}
.password .eye-icon{
	width: 21px;
	text-align: right;
	color: #999;
	font-size: 22px;
	cursor: pointer;
}
.password .user-name{}
.password .submit-btn{
	width:70%;margin:40px auto 0;display:block;height:53px;
	border:none;border-radius:99px;
	background:linear-gradient(90deg,#b0e298,#42d0e9);
	color:#fff;font-size:18px;
}
.password .modal-body{
	background-color: #fff;
}
.validate h5{
	font-weight: 700;
	font-size: 16px;
	color: #333;
	margin-top: 15px;
 }
.validate .left{
	float: left;
}
.validate .left p{
	font-size: 15px;
  line-height: 25px;
  color: #999;
 }
 .validate .right{
	float: right;
}
.trademarks h2{
	padding: 10px;
	background-color: #f3f3f3;
	font-size: 16px;
	color: #636363;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.trademarks h2 span{
	color: #f0686c;
	margin-right: 5px;
	margin-left: 5px;
}
.trademarks .media .media-left img.media-object{
	width: 75px;
  height: 75px;
  border: 0.5px solid #ddd;
 }
.trademarks .media .media-body .media-heading{
	color: #0582c5;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 5px;
}
.trademarks .media .media-body p{
	font-size: 12px;
	color: #999;
	line-height: 18px;
	margin-bottom: 5px;
 }
 .trademarks .media .media-body p span{
	float: right;
}
.trademarks .media .media-body p .btn-default{
	color: #3c9cff;
	border-color: #3c9cff;
	margin-bottom: 5px;
}
.trademarks .media .media-body p .red{
	color: rgb(240, 104, 108);
  font-size: 16px;
 }
.trademarks .line{
	margin-bottom: 15px;
}

.patents h2{
	padding: 10px;
	background-color: #f3f3f3;
	font-size: 16px;
	color: #636363;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.patents h2 span{
	color: #f0686c;
	margin-right: 5px;
	margin-left: 5px;
}
.patents .media .media-left img.media-object{
	width: 75px;
	height: 96px;
	border: 0.5px solid #ddd;
 }
.patents .media .media-body .media-heading{
	color: #0582c5;
  font-size: 15px;
  line-height: 18px;
  margin-bottom: 5px;
}
.patents .media .media-body p{
	font-size: 12px;
	color: #999;
	line-height: 18px;
	margin-bottom: 5px;
 }
.patents .media .media-body p span{
	float: right;
}
.patents .media .media-body p .btn-default{
	color: #3c9cff;
	border-color: #3c9cff;
	margin-bottom: 5px;
}
.patents .media .media-body p .red{
	color: rgb(240, 104, 108);
  font-size: 16px;
 }
.patents .line{
	margin-bottom: 15px;
}
.company ul{
	border: 0px;
}
.company ul li{
	width: 33.333333333333%;
	text-align: center;
}
.company .nav-tabs > li > a{
	color: rgb(96, 98, 102);
	font-size: 15px;
}
.company .nav-tabs > li.active > a, 
.company .nav-tabs > li.active > a:focus, 
.company .nav-tabs > li.active > a:hover{
	border: 0;
	color: #333;
	font-weight: bold;
}
.company .nav-tabs > li.active > a span::after {
	content: ""; /* 必须加！不加不显示 */
	width: 30px;
	transform: translate(39.5833px);
	transition-duration: 300ms;
	height: 3px;
	background-color: #3c9cff;
	position: absolute;    
    /* 可选：给个定位坐标，防止看不见 */
	bottom: -1px;
	left: 5px;
}
 /* 表单行样式，模拟移动端列表布局 */
.form-row{
	display: flex;
	padding:14px 15px;
	border-bottom:1px solid #eee;
	align-items: center;
}
.form-label{
	width:120px;
	color:#333;
	font-size:16px;
}
.form-value{
	flex:1;
	font-size:16px;
	color:#666;
}
.arrow-btn{
	color:#999;
	font-size:18px;
	cursor:pointer;
}
/* 主营行业标签样式 */
.industry-tag-box{
	padding:8px 15px;
}
.industry-tag{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:6px 0;
	font-size:16px;
}
.del-tag{
	background:#f34235;
	color:#fff;
	border:none;
	padding:4px 12px;
	border-radius:3px;
}
/* 弹窗选项样式 + 滚动条核心 */
.modal-body {
	max-height: 70vh !important; /* 弹窗最大高度 */
	overflow-y: auto !important; /* 垂直滚动开启 */
	-webkit-overflow-scrolling: touch !important; /* 苹果流畅滚动 */
	padding: 0 !important;
}
.modal-option{
	padding:12px;
	text-align:center;
	font-size:18px;
	cursor:pointer;
	border-bottom: 1px solid #f0f0f0;
}
.modal-option.active{
	font-weight:bold;
	color:#0275d8;
	background:#f7f7f7;
}
.modal-option:hover{
	background:#f5f5f5;
}
/* 地区三列滚动 */
#provList, #cityList, #areaList {
	flex:1;
	text-align:center;
	max-height: 60vh;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
/* tab头部 */
.tab-head{
	display:flex;
	border-bottom:1px solid #ddd;
}
.tab-item{
	flex:1;
	text-align:center;
	padding:15px;
	font-size:18px;
	cursor:pointer;
}
.tab-item.active{
	border-bottom:3px solid #0275d8;
	color:#0275d8;
}
/* 底部提交按钮 */
.btn-submit{
	width:92%;
	margin:20px 4%;
	height:50px;
	background:#027bff;
	color:#fff;
	border:none;
	border-radius:5px;
	font-size:18px;
}
.btn-cancel{
	width:92%;
	margin:0 4% 20px;
	height:50px;
	background:#fff;
	border:1px solid #ddd;
	font-size:18px;
}
/* 自定义滚动条美化（可选） */
::-webkit-scrollbar {
	width: 6px;
}
::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 3px;
}