body{
font-size:16px;
color:#333;
margin:0 auto;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
background:#f5f5f5
}

em{ font-style:normal}
.cl{ clear:both}
div,ul,li,table
{
color:#333;
font-size:16px;
font-family: Arial, Helvetica, sans-serif;
margin:0 auto; 
padding:0;
list-style:none;
box-sizing:border-box
}
*{outline:0px; margin:0 auto; padding:0; box-sizing:border-box; font-style:normal}
a,a:link,a:visited,a:active {
color: #333;
text-decoration: none;
}
a:hover {
text-decoration:none;
color: #036d6d;
}

/*定义新型浏览器特性*/
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background:000}
::-webkit-scrollbar-track-piece{background:#f6f6f6}
::-webkit-scrollbar-thumb:vertical{background:#d0d0d0;}
::-webkit-scrollbar-thumb:vertical:hover{background:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background:#535353}
::-webkit-scrollbar-resizer:vertical{background:#FF6E00}


img{border:none}
.mh{ display:none}
/*分页样式*/
.pageban{ width:100%; text-align:center; float:left; font-size:14px}
.page_info{text-align:center;margin-top:20px;color:#333; font-size:14px}}
.page_info span{padding:0 2px;font-weight:bold;}

.page_list {
	height: 30px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0;
	font-family: Microsoft Yahei;
	font-size: 12px;
	margin-top:20px;
	padding-bottom: 10px;
	float: left;
	width: 100%;
	margin-bottom:80px;
}

.page_list a {
	display: inline-block;
	color: #333;
	border: 1px solid #ddd;
	background: #fff;
	text-align: center;
	padding: 0 13px;
	margin: 0 3px
}

.page_list a:hover {
	color: #fff;
	border: 1px solid #036d6d;
	background: #036d6d
}

.page_list a.on {
	background-color: #036d6d;
	color: #fff;
	border: 1px solid #036d6d
}


.page_lista {
	height: 30px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0;
	font-family: Microsoft Yahei;
	font-size: 12px;
	margin-top:20px;
	padding-bottom: 10px;
	float: left;
	width: 100%;
	margin-bottom:80px;
}

.page_lista a {
	display: inline-block;
	color: #333;
	border: 1px solid #ddd;
	background: #fff;
	text-align: center;
	padding: 0 13px;
	margin: 0 3px
}

.page_lista a:hover {
	color: #fff;
	border: 1px solid #e91314;
	background: #036d6d
}

.page_lista a.on {
	background-color: #e91314;
	color: #fff;
	border: 1px solid #e91314
}

/*去掉input自动补全后的黄色样式*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
-webkit-transition-delay: 99999s;
-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;background-color:transparent;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
font-size: 14px !important;
}

input:-moz-placeholder, textarea:-moz-placeholder {
font-size: 14px !important;
}

input::-moz-placeholder, textarea::-moz-placeholder {
font-size: 14px !important;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
font-size: 14px !important;
}


/*官方首页*/
header{ width:100%; height:60px; border-bottom:1px solid #cfeff0; padding:15px 0; background:#036d6d; position:fixed; top:0; z-index:9; display:flex;justify-content: space-between;}
header .logo{height:30px;filter: brightness(0) invert(1);}
.wapper{ width:92%;overflow:hidden; max-width:1400px; margin:0 auto;}
.wappers{ width:92%; padding:0 4%;overflow:hidden;}
.kbh{ width:100%; height:80px; float:left}
#mainNav {
  position: absolute;
  top:60px;
  right:10px;
  background: white;
  border-radius: 8px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.15);
  padding: 10px 0;
  min-width: 120px;
  z-index: 9;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}

#mainNav.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
  display: block;
}

#mainNav a {
  display: block;
  padding: 12px 20px;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  transition: all 0.3s ease;
  border-left: 3px solid transparent;
}

.bs_w{width: 100%;
    float: left;
    background: #fff;
    overflow: hidden;
    padding:15px;}
header .a_jsa{height:30px; float:right;filter: brightness(0) invert(1);}	
.mem_login_header{ width:100%; float:left; border-bottom:1px solid #ddd; padding-bottom:25px; margin-bottom:30px}
.mem_login_header strong{ float:left; font-size:16px; font-weight:normal}
.mem_login_header span{ float:right; font-size:14px; margin-top:5px}
.mem_login_header span a{color: #036d6d;}
.mem_login_w{ width:100%; margin:0 auto}
.layui-input{ font-size:14px}

.mem_login_list{ width:100%; float:left; margin-bottom:30px; font-size:14px; position:relative}
.mem_login_lista{ width:100%; float:left; margin-bottom:30px;font-size:14px; text-align:center}
/* 隐藏干扰字段 */
.hidden-field {
position: absolute;
left: -9999999px;
width: 1px;

}

/* 防止浏览器识别为密码字段 */
.password-field {
-webkit-text-security: none;
text-security: none;
}
.layui-layer-msg{animation: none !important}
.mem_login_list .layui-input{ height:48px !important; line-height:48px !important; border:1px solid rgba(0,0,0,.2); border-radius:8px}
.mem_login_list strong{ width:200px; float:left; font-weight:normal}
.mem_login_list .yzm{ width:calc(100% - 200px); float:right; font-weight:normal; text-align:right}
.mem_login_list .yzm a{ display:none}
.mem_login_list .sub{ background:#036d6d; color:#fff; border:none; width:100%; padding:15px 0; border-radius:8px; font-size:16px; cursor:pointer; margin-top:5px;}
.footer{ display:none}
.layui-layer-btn { text-align:center; font-size:14px;margin-bottom:20px;}
.layui-layer-btn .layui-layer-btn0 {

    border-color: transparent;
    background-color: #036d6d;
    color: #fff;
}
.layui-form-checkbox{ margin-bottom:10px}
.unrenok{ position:absolute; right:10px; z-index:1; color:red; font-size:14px}
.renok{ position:absolute; right:10px; z-index:1; color:green; font-size:14px}
.agreement{ font-size:14px}
.agreement a{ color:#036d6d}

.mem_login_list .yzml{ width:250px; float:left; font-weight:normal}
.mem_login_list .yzmr{ width:calc(100% - 270px); float:right;}
.fsyzman{ float:right; font-size:14px; border:1px solid #036d6d; background:#fff; height:46px; width:100%; border-radius:8px; color:#036d6d}
.password-strength {
    margin-top: 8px;
	width:100%;
	margin-bottom:15px;
	position:relative;
	float:left;
}
.password-strength-bar {
    height: 4px;
    background: #eee;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
}
.password-strength-fill {
    height: 100%;
    width: 0%;
    border-radius: 2px;
    transition: all 0.3s ease;
}
.password-strength-text {
    font-size: 12px;
    margin-top: 4px;
    font-weight: bold;
}
.strength-weak { background: #ff4757; }
.strength-medium { background: #ffa502; }
.strength-strong { background: #2ed573; }

.mem_leftarea{ width:100%; padding:10px; background:#fff; overflow:hidden; float:left; margin-bottom:10px}
.mem_rightarea{ width:100%; padding:10px; background:#fff; overflow:hidden; float:right;}
.l_b{ float:left; width:100%; margin-bottom:20px; display:none}
.l_s a{ float:left; width:25%; text-align:center; height:36px; line-height:36px; font-size:14px; color:#666}
.l_sa a{ float:left; width:25%;text-align:center; height:36px; line-height:36px; font-size:14px; color:#036d6d}


/*会员首页*/
.mem_home_w{ width:100%; float:left; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #ddd}
.mem_home_r_l{ width:100%; float:left}
.mem_home_r_l li{ width:100%; float:left}
.mem_home_r_l li:nth-child(1){ font-size:18px; color:#333; margin-bottom:5px}
.mem_home_r_l li:nth-child(1) img{ margin-left:6px; height:20px; margin-top:-4px}
.mem_home_r_l li:nth-child(2){ font-size:14px; color:#999; margin-bottom:15px}
.mem_home_r_l li:nth-child(3){ font-size:14px; color:#ff6700}
.mem_home_r_l li:nth-child(3) a{color:#ff6700}
.mem_home_r_r{ display:none}
.mem_home_r_r li{ width:100%; float:left; font-size:14px; color:#757575; height:35px; line-height:35px}

.mem_edit_item{ width:100%;}
.mem_edit_item li{ width:100%; float:left; margin-bottom:30px; font-size:14px;}
.mem_edit_item li .layui-input {
    height: 42px !important;
    line-height: 42px !important;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
}
.mem_site{ width:100%; float:left; margin-bottom:30px; font-size:16px; font-weight:bold; padding-bottom:20px; margin-bottom:40px; border-bottom:1px solid #ddd}
.savebutton{ background:#036d6d; color:#fff; border:none; width:100%; padding:15px 0; border-radius:4px; font-size:16px; cursor:pointer; margin-top:5px;transition: 0.3s ease-in-out}
.savebutton:hover{background:#ff6700}

.savebuttona{ background:#036d6d; color:#fff; border:none; width:92%; padding:12px 0; border-radius:4px; font-size:16px; cursor:pointer; margin-top:5px;transition: 0.3s ease-in-out; position:fixed; bottom:0; z-index:1000; left:4%}
.savebuttona:hover{background:#ff6700}

.layui-input-affix {
    line-height: 48px;
}

.ueditor{ height:calc(100% - 80px)}

.goods_edit_item{ width:100%; float:left}
.goods_edit_item li{ width:100%; float:left; margin-bottom:20px; font-size:14px; position:relative}
.goods_edit_item li .layui-input {
    height: 40px !important;
    line-height: 40px !important;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0px;
}

.goods_edit_item li .layui-input-split{ font-size:14px; width:100px}
.goods_edit_item li .layui-input-group{ width:100%}
.goods_edit_item li .layui-form-select dl dd{ font-size:14px}
#progressContainer{position:absolute; width:100%;height:110px; content:''; bottom:0; z-index:2; left:0; text-align:center; padding-top:40%}
#progressContainer .layui-icon{ font-size:20px;}
.layui-upload{ position:relative; width:110px; float:left}
#uploadProgress{ position:absolute; width:100%; background:#137676; height:2px; content:''; bottom:0; z-index:2; left:0}
#fjnr{ display:none; float:right; width:calc(100% - 160px)}
.layui-input-group{ width:100%}
.order{ border-radius:0 5px 5px 0 !important;}

.listw{ width:110px; float:left}
.upload-boxa {
width: 100%;
height: 110px;
border: 1px solid #ddd;
border-radius:5px;
position: relative;
text-align: center;
cursor:pointer;
}



.upload-box {
width: 100%;
height: 130px;
border: 1px solid #ddd;
border-radius:5px;
position: relative;
text-align: center;
cursor:pointer
}
.preview-img {
max-width: 100%;
max-height: 100%;
top:50%;
left:50%;
object-fit: cover;
transform: translate(-50%, -50%);
position:absolute
}
.delete-btn {
padding:5px;
background:rgba(0,0,0,1);
border-radius:50px;
position: absolute;
right: 5px;
top: 5px;
width:30px;
height:30px;
font-size:14px;
color: #fff;
display: none;
cursor: pointer;
}
.progress-container{ z-index:999999; position:absolute; top:0; left:0}
.cnote{ width:100%; float:left; font-size:14px; padding:10px 0; color:#999}
#getattr{ font-size:14px;}
.kd500{ width:100%; float:left}
.kd150{ width:130px; float:right}

.goodsban{ display:none}
.goodsban ul{ display:inline}
.goodsban ul li{ float:left; height:50px; line-height:50px; font-size:14px; border-bottom:1px solid #ddd; color:#666}
.goodsban ul li:nth-child(1){ width:100px}
.goodsban ul li:nth-child(2){ width:calc(100% - 420px)}
.goodsban ul li:nth-child(3){ width:100px; text-align:center}
.goodsban ul li:nth-child(4){ width:120px; text-align:center}
.goodsban ul li:nth-child(5){ width:100px; text-align:center}

.goods-item{ width:100%; float:left;}
.goods-item ul{ display:inline}

.goods-item ul li:nth-child(1n){ width:100px; float:left; margin-bottom:10px}
.goods-item ul li:nth-child(1n) img{ width:80%;object-fit: cover; height:60px; border:1px solid #ddd; padding:4px}
.goods-item ul li:nth-child(2n){ width:calc(100% - 110px); margin-bottom:10px;float:left;  overflow:hidden; height:60px; line-height:30px}
.goods-item ul li:nth-child(3n){ width:50%; float:left; overflow:hidden; height:30px; line-height:30px; color:#ff6700}
.goods-item ul li:nth-child(4n){ width:50%;  float:right; text-align:right; font-size:12px;overflow:hidden; height:30px; line-height:30px; color:#666}
.goods-item ul li:nth-child(5n){ width:100%; float:left; margin-top:10px}

.gikg{ width:100%; float:left; height:20px; border-top:1px solid #eee; margin-top:10px}

.btn_edit{ background:#e8f7ff; border-radius:5px; text-align:center; line-height:30px; line-height:30px; display:inline-block; width:30px; cursor:pointer; color:rgb(73, 190, 255); font-weight:bold; margin-right:5px;transition: all 0.3s ease;}

.btn_del{ background:#fdede8; border-radius:5px; text-align:center; line-height:30px; line-height:30px; display:inline-block; width:30px; cursor:pointer; color:rgb(250, 137, 107); font-weight:bold; margin-right:5px;transition: all 0.3s ease;}
.btn_edit:hover{ background:#cee9f7}
.btn_del:hover{ background:#fee3da}

.addbutton a{ float:right; background:#fff; border:1px solid #036d6d; color:#036d6d; border-radius:5px; padding:8px 15px; font-weight:normal; font-size:14px;transition: 0.3s ease-in-out;}
.addbutton a:hover{ background:#036d6d; color:#fff}


.ordersban{ width:100%; float:left; margin-bottom:20px; margin-top:-20px}
.ordersban ul{ display:inline}
.ordersban ul li{ float:left; height:50px; line-height:50px; font-size:14px; border-bottom:1px solid #ddd; color:#666}
.ordersban ul li:nth-child(1){ width:100px}
.ordersban ul li:nth-child(2){ width:calc(100% - 420px)}
.ordersban ul li:nth-child(3){ width:100px; text-align:center}
.ordersban ul li:nth-child(4){ width:120px; text-align:center}
.ordersban ul li:nth-child(5){ width:100px; text-align:center}

.orderlist{ width:100%; font-size:14px;}
.orderlist .thead{ height:50px; line-height:50px; border-bottom:1px solid #eee; font-weight:bold}
.price{color: #ff6700;}
.orderbar{ color:#666}
.orderbar .total{ font-weight:normal; color:#e4411b}
.orderxq a{ color:#036d6d}
.orderdel a{ color:red; cursor:pointer}
.goodsinfo img{ width:80px; height:60px; margin-right:10px;object-fit: cover; border:1px solid #ddd; padding:5px; border-radius:5px}


.orders_ban{ width:100%; float:left; margin-bottom:20px; margin-top:-20px}
.orders_ban ul{ display:inline}
.orders_ban ul li{ float:left; height:50px; line-height:50px; font-size:14px; border-bottom:1px solid #ddd; color:#666}
.orders_ban ul li:nth-child(1){ width:calc(100% - 200px)}
.orders_ban ul li:nth-child(2){ width:80px; text-align:center}
.orders_ban ul li:nth-child(3){ width:120px; text-align:center}

.order_item{ width:100%; float:left}
.order_item ul{ display:inline}
.order_item ul li{ float:left;  font-size:14px; border-bottom:1px solid #ddd; color:#666; margin-bottom:15px}
.order_item ul li:nth-child(1){ width:calc(100% - 200px);}
.order_item ul li:nth-child(2){ width:80px; text-align:center;height:71px; line-height:60px;}
.order_item ul li:nth-child(3){ width:120px; text-align:center;height:71px; line-height:60px; color:#ff6700;}
.order_item ul li img{ width:80px; height:60px; margin-right:10px;object-fit: cover; border:1px solid #ddd; padding:5px; border-radius:5px; margin-bottom:10px; float:left}
.order_item ul li strong{ float:left; width:calc(100% - 100px);height:60px; line-height:60px; overflow:hidden; font-weight:normal}
.spxj{ width:100%; float:left; color:red; padding:15px 0;}
.ddje{float:right; color:red;font-size:14px; float:right; margin-right:20px}
.order_add{ width:100%; float:left; margin-bottom:20px; background:#e9f4f4 ; padding:15px}
.order_add li{ width:100%; float:left; height:34px; line-height:34px; font-size:14px; color:#333;}
.order_add li:nth-child(1){ font-weight:bold; font-size:16px; color:#036d6d}
.ddcz{ width:100%; float:left; margin-bottom:20px; font-size:14px;}
.ddcz .r{ float:right; color:red}
.ddcz .r a{ background:#036d6d; border:none; color:#fff; padding:10px 15px; border-radius:5px; cursor:pointer}

.m_jiamen{ width:100%; float:left; border-radius:8px; background:#dcf7e6; overflow:hidden; padding:15px}
.m_jiamen .r{ display:none}
.m_jiamen .r img{ width:100%;}
.m_jiamen .l{ width:100%; float:left}
.m_jiamen .l strong{ width:100%; float:left; font-size:18px; color:#036d6d;margin-bottom:15px}
.m_jiamen .l span{ display:none}
.m_jiamen .l a{ background:#036d6d; padding:5px 25px; color:#fff;border-radius:50px; font-size:12px;float:left;transition: 0.3s ease-in-out}
.m_jiamen .l a:hover{ background:#ff6700}
.edit{ height:600px; overflow:hidden}
.com_edit_item{ width:100%; float:left}
.com_edit_item li{ width:100%; float:left; margin-bottom:30px; font-size:14px;}
.com_edit_item li small{ width:100%; float:left; margin-bottom:10px; font-weight:bold; font-size:15px}
.com_edit_item li .layui-input {
    height: 42px !important;
    line-height: 42px !important;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius:4px;
}
.com_edit_item li .layui-textarea{border-radius: 8px;}
.com_edit_item li small .note{ color:red; position:relative; top:5px; margin-left:5px}
.com_edit_item li .layui-form-select{ font-size:14px;}
.dp{ padding:30px; font-size:14px; line-height:1.8}

.co1{ color:#FF9800}
.co2{ color:#2196F3}
.co3{ color:#03A9F4}
.co4{ color:#009688}
.co5{ color:#4CAF50}
.co6{ color:#8BC34A}
.co7{ color:#4CAF50}
.co8{ color:#9E9E9E}
.co9{ color:#FF5722}
.co10{ color:#607D8B}