body{margin:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:14px;font-family:"微软雅黑",Arial,Helvetica,sans-serif;}
#logo{position:absolute;top:5px;left:5px;text-align:center}
.login_logo{height:80px;margin: 20px 0px;transition: transform 0.3s ease;}
.login_logo:hover{transform: scale(1.05);}
.login_logo img{height:100%;}
#loginFrame{}
.wst-lo-top{width: 1200px;margin: 0px auto;overflow: hidden;background: white;box-shadow: 0 2px 10px rgba(0,0,0,0.05);border-radius: 0 0 10px 10px;}
.wst-lo-center{margin:0 auto;width:100%;background-size:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;overflow: hidden;}

/* 图标替换 */
.layui-layer-icowst1,.layui-layer-icowst2,.layui-layer-icowst3{background-image:url(../../../../../static/images/wst_icon.png)!important;background-repeat:no-repeat!important;background-size:cover!important}
.layui-layer-icowst2{background-position:-40px 0!important}
.layui-layer-icowst3{background-position:-80px -1px!important}
.layui-layer-icowstloading{background-image:url(../../../../../static/images/loading.gif)!important;background-repeat:no-repeat!important;background-size:206% auto!important;background-position:-16px -16px!important}

.wst-clear{clear: both;}
.wst-lo{width: 1200px; margin: 0px auto;overflow: hidden;}
.wst-lo .head{position:absolute;top:-80px;left:27%;width:252px;height:110px;line-height:55px;font-size:20px;color:#fff;font-family:"microsoft yahei";text-shadow:#717070 1px 1px 1px;text-align:center;background:url(../img/logo.png) 0 0 no-repeat;background-size:100%}
.wst-lo-left{float:left;width:235px;height:256px;background-size:cover}
.wst-lo-left img{margin-left:45px}
.login-wrapper #verifyImg{cursor: pointer;width: 108px;border-top-right-radius: 6px;border-bottom-right-radius: 6px;height: 32px;position: absolute;z-index: 100;top:-7px;right: 18px;}
.login-wrapper {margin: 53px 0px; position: relative; }
.login-wrapper .frame{}
.login-wrapper .text2{margin-bottom:0;width:222px;}
.login-wrapper .logo {margin-bottom: 45px;position: relative;left: -2px; }
.login-wrapper .boxbg{margin: 0 auto;padding: 35px 0 30px;float: none;width: 500px;box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);border-radius: 15px;background: #fff; height:300px;}
.login-wrapper .boxbg2{position:relative;margin: 0 auto;padding: 35px 0 30px;float: none;width: 450px;box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);border-radius: 15px;background: #fff; height:320px;margin-left:150px;}
.login-wrapper .box {position:absolute;top:17px;left:162px; margin: 0 auto;padding: 0px 0 30px;float: none;width: 380px; }
.login-wrapper .box .content-wrap {width: 82%;margin: 0 auto; }
.login-wrapper .box h6 {text-transform: uppercase;margin: 0 0 12px 0;font-size: 18px;font-weight: 600; }
.login-wrapper .box input[type="text"],
.login-wrapper .box input[type="password"] {border-radius: 0px 5px 5px 0px;font-size: 15px;height:40px;margin-bottom: 10px;border:0;padding-left: 12px;border:1px solid #ddd;transition: all 0.3s ease;}
.login-wrapper .box input[type="text"]:focus,
.login-wrapper .box input[type="password"]:focus {border-color: #d40e0f;box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);}
.login-wrapper .box input[type="password"] {margin-bottom: 10px; }
.login-wrapper .box input:-moz-placeholder {color: #999;font-size: 15px;letter-spacing: 0px;font-style: italic; }
.login-wrapper .box input:-ms-input-placeholder {color: #999;font-style: italic;letter-spacing: 0px;font-size: 15px; }
.login-wrapper .box input::-webkit-input-placeholder {color: #999;font-style: italic;letter-spacing: 0px;font-size: 15px; }
.login-wrapper .box .login {text-transform: uppercase;font-size: 13px;padding: 8px 30px; }
.login-wrapper .no-account {margin: 0 auto;float: none;text-align: center;font-size: 14px;margin-top: 25px; }
.login-wrapper .no-account p {display: inline-block;color: #eee; }
.login-wrapper .login-box{height: 165px;background-color: #fff;padding: 17px;border-radius: 8px;margin-bottom: 20px;padding-left: 55px;}
.login-wrapper .login-title{text-align: center; font-weight: bold;color:#d40e0f;height: 40px;line-height: 40px;font-size: 22px;text-align: left;margin-bottom: 10px;}
.login-icon1{width:40px;height:40px;background:#d40e0f;position:absolute;top:60px;left:40px;background-position: center;background-size: 60%;border-radius: 8px 0px 0px 8px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);transition: all 0.3s ease;}
.login-icon1:hover{transform: scale(1.05);}
.login-icon2{width:40px;height:40px;background:#d40e0f;position:absolute;top:115px;left:40px;background-position: center;background-size: 60%;border-radius: 8px 0px 0px 8px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);transition: all 0.3s ease;}
.login-icon2:hover{transform: scale(1.05);}
.login-icon3{width:40px;height:40px;background:#d40e0f;position:absolute;top:171px;left:40px;background-position: center;background-size: 60%;border-radius: 8px 0px 0px 8px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);transition: all 0.3s ease;}
.login-icon3:hover{transform: scale(1.05);}
.login-wrapper #loginName{position: absolute;left: 80px;width: 270px;top: 60px;border-radius: 0 8px 8px 0;}
.login-wrapper #loginPwd{position: absolute;left: 80px;width: 270px;top: 115px;border-radius: 0 8px 8px 0;}
.login-wrapper #verifyCode{position: absolute;left: 80px;width: 270px;top: 171px;border-radius: 0 8px 8px 0;}
.login-wrapper #verifyImg{position: absolute;right: 32px;top: 172px;height: 38px;border-radius: 0 8px 8px 0;transition: opacity 0.3s ease;}
.login-wrapper #verifyImg:hover{opacity: 0.8;}
.login-wrapper #loginbtn{background: linear-gradient(135deg, #d40e0f 0%, #d40e0f 100%);border-radius: 25px;margin-left: 5px;font-size:18px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);transition: all 0.3s ease;border: 0;}
.login-wrapper #loginbtn:hover{background: linear-gradient(135deg, #d40e0f 0%, #d40e0f 100%);transform: translateY(-2px);box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);}
.login-footer{padding-top: 30px;color:#666;width:100%;margin:0 auto;text-align:center;font: 13px/150% "Hiragino Sans GB","Microsoft Yahei",arial,宋体,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;}
.login-footer .wst-footer{width: 1200px;margin: 10px auto;border-bottom: 1px solid #f0f0f0;padding-bottom: 10px;}
.login-footer .wst-footer .flink-hover{padding-right: 12px;color: #888;transition: color 0.3s ease;}
.login-footer .wst-footer .flink-hover:hover{color: #d40e0f;}


#loginFrame {
	margin: 0;
	min-width: 320px;
	background: #eef1f6;
}

/* ========== 卖家登录（与用户登录同款布局 #3B508D） ========== */
.wst-login-modern{
	--login-primary: #3B508D;
	--login-primary-dark: #2d3f6f;
	--login-primary-light: rgba(59, 80, 141, 0.12);
	min-height: 85vh;
	padding: 50px 20px 40px;
	background: #eef1f6;
	box-sizing: border-box;
}
.wst-login-modern .wst-item{
	position: relative;
	margin-bottom: 0;
}
.wst-login-modern-logo{
	position: relative;
	z-index: 30;
	text-align: center;
	margin-bottom: 42px;
	padding: 8px 0 12px;
	min-height: 72px;
}
.wst-login-modern-logo img{
	max-height: 56px;
	width: auto;
	display: block;
	margin: 0 auto;
}
.wst-login-modern-logo .wst-mall-name{
	display: block;
	margin-top: 10px;
	font-size: 22px;
	font-weight: 700;
	color: var(--login-primary);
	letter-spacing: 2px;
	line-height: 1.4;
}
/* 图二箭头造型：白区右缘尖角插入 + 图片区左凹右凸 */
.wst-login-card{
	--arrow-notch: 11%;
	display: flex;
	max-width: 900px;
	min-height: 540px;
	margin: 0 auto;
	background: #fff url('../img/shop_login_panel_bg.jpg') right center / 48% 100% no-repeat;
	box-shadow: 0 18px 50px rgba(59, 80, 141, 0.18);
	overflow: hidden;
	position: relative;
	z-index: 1;
	margin-top: 0;
	/* 区域2：卡片最右侧外缘与区域1同形箭头（朝右尖角） */
	-webkit-clip-path: polygon(0 0, 86% 0, 100% 50%, 86% 100%, 0 100%);
	clip-path: polygon(0 0, 86% 0, 100% 50%, 86% 100%, 0 100%);
}
.wst-login-card-left{
	flex: 1 1 54%;
	padding: 48px 56px 40px 52px;
	padding-right: 72px;
	box-sizing: border-box;
	min-width: 0;
	position: relative;
	z-index: 2;
	background: #fff;
	-webkit-clip-path: polygon(0 0, calc(100% - 56px) 0, 100% 50%, calc(100% - 56px) 100%, 0 100%);
	clip-path: polygon(0 0, calc(100% - 56px) 0, 100% 50%, calc(100% - 56px) 100%, 0 100%);
}
.wst-login-welcome{
	margin: 0 0 28px;
	font-size: 32px;
	font-weight: 700;
	color: var(--login-primary);
	letter-spacing: 1px;
}
.wst-login-card-right{
	flex: 0 0 46%;
	max-width: 420px;
	position: relative;
	margin-left: -70px;
	z-index: 1;
	min-height: 540px;
	background: url('../img/shop_login_panel_bg.jpg') center center / cover no-repeat;
	/* 区域1：与白色分界处左凹尖角（顶点顺时针，避免裁切中间文字） */
	-webkit-clip-path: polygon(12% 0, 100% 0, 100% 100%, 12% 100%, 0 50%);
	clip-path: polygon(12% 0, 100% 0, 100% 100%, 12% 100%, 0 50%);
}
.wst-login-card-right::before{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(160deg, rgba(59, 80, 141, 0.45) 0%, rgba(20, 30, 60, 0.72) 100%);
	z-index: 0;
	-webkit-clip-path: polygon(12% 0, 100% 0, 100% 100%, 12% 100%, 0 50%);
	clip-path: polygon(12% 0, 100% 0, 100% 100%, 12% 100%, 0 50%);
}
.wst-login-card-right-inner{
	position: relative;
	z-index: 1;
	height: 100%;
	min-height: 540px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 40px 28px 40px 80px;
	color: #fff;
	box-sizing: border-box;
}
.wst-login-card-right-inner h3{
	margin: 0 0 16px;
	font-size: 28px;
	font-weight: 700;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.wst-login-card-right-inner p{
	margin: 0 0 36px;
	font-size: 14px;
	line-height: 1.8;
	opacity: 0.95;
	max-width: 220px;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
/* 注册按钮 - 彩虹边框持续旋转 */
.wst-login-signup-border{
	position: relative;
	display: inline-block;
	padding: 3px;
	overflow: hidden;
	border-radius: 2px;
}
.wst-login-signup-border::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 220%;
	height: 220%;
	transform: translate(-50%, -50%);
	background: conic-gradient(
		from 0deg,
		#ff6b6b,
		#feca57,
		#1dd1a1,
		#48dbfb,
		#5f27cd,
		#ff9ff3,
		#ff6b6b
	);
	animation: wstSignupBorderSpin 2.8s linear infinite;
	z-index: 0;
}
@keyframes wstSignupBorderSpin{
	to{ transform: translate(-50%, -50%) rotate(360deg); }
}
.wst-login-signup-btn{
	position: relative;
	z-index: 1;
	display: block;
	padding: 12px 52px;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 4px;
	text-decoration: none;
	/* background: rgba(15, 22, 45, 0.55); */
	transition: background 0.3s ease, transform 0.3s ease;
}
.wst-login-signup-btn:hover{
	background: rgba(15, 22, 45, 0.75);
	transform: translateY(-2px);
	color: #fff;
}

/* 左侧表单区覆盖旧样式 */
.wst-login-modern .wst-login_r{
	margin: 0;
	background: transparent;
	padding: 0;
	border-radius: 0;
	box-shadow: none;
}
.wst-login-modern .wst-login_r .wst-tab-box{
	width: 100%;
	margin: 0;
	box-shadow: none;
	border-radius: 0;
}
.wst-login-modern .wst-login_r .wst-tab-nav{
	border-bottom: 1px solid #e8ecf3;
	margin-bottom: 8px;
}
.wst-login-modern .wst-login_r .wst-tab-nav li{
	font-size: 14px;
	padding: 12px 0;
	color: #888;
}
.wst-login-modern .wst-login_r .wst-tab-nav li:hover,
.wst-login-modern .wst-login_r .wst-tab-nav .on{
	color: var(--login-primary);
}
.wst-login-modern .wst-login_r .wst-tab-nav .on:before{
	background: var(--login-primary);
}
.wst-login-modern .wst-item-box{
	width: 100%;
	margin: 0 0 24px;
	border: none !important;
	border-bottom: 2px solid #dde3ee !important;
	border-radius: 0;
	height: auto;
	line-height: normal;
	padding-bottom: 4px;
	background: transparent;
	box-shadow: none !important;
}
.wst-login-modern .wst-item-box:hover,
.wst-login-modern .wst-item-box:focus-within{
	border: none !important;
	border-bottom: 2px solid var(--login-primary) !important;
	box-shadow: none !important;
}
#loginFrame .wst-login-modern input[type="text"],
#loginFrame .wst-login-modern input[type="password"]{
	display: block;
	width: 100% !important;
	height: 42px;
	margin: 0 !important;
	padding: 8px 0;
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background: transparent !important;
	-webkit-appearance: none;
	appearance: none;
}
#loginFrame .wst-login-modern input[type="text"]:focus,
#loginFrame .wst-login-modern input[type="password"]:focus{
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}
.wst-login-modern .wst-login-field .login-img,
.wst-login-modern .wst-login-field .password-img,
.wst-login-modern .wst-login-field .yanzheng-img{
	display: none;
}
.wst-login-modern input.wst-login-input-1{
	width: 100%;
	float: none;
	height: 42px;
	padding: 8px 0;
	font-size: 15px;
	color: #333;
	background: transparent;
}
.wst-login-modern input.wst-login-input-1::placeholder{
	color: #aab2c5;
	font-size: 13px;
	letter-spacing: 1px;
}
.wst-login-modern input.wst-login-input-1:focus{
	border: 0;
	box-shadow: none;
}
.wst-login-modern .wst-login-input:focus,
.wst-login-modern .wst-login-input-1:focus,
.wst-login-modern .wst-regist-codemo:focus,
.wst-login-modern .wst-login-codein-1:focus{
	border: 0;
	box-shadow: none;
}
.wst-login-modern .wst-login-field-code .wst-login-code-1{
	position: relative;
	height: auto;
	display: flex;
	align-items: center;
	gap: 10px;
}
.wst-login-modern input.wst-login-codein-1{
	position: static;
	flex: 1;
	width: auto;
	height: 42px;
	padding: 8px 0;
}
.wst-login-modern .wst-login-codeim-1{
	position: static;
	float: none;
	width: 110px !important;
	height: 38px !important;
	margin: 0 !important;
	border-radius: 4px;
	cursor: pointer;
	flex-shrink: 0;
}
.wst-login-modern .wst-login-sms-row{
	display: flex;
	align-items: center;
	gap: 10px;
	height: auto;
	width: 100%;
}
.wst-login-modern .wst-login-sms-row .wst-regist-codemo{
	flex: 1;
	width: auto;
	height: 42px;
	border: 0;
	background: transparent;
	padding: 8px 0;
}
.wst-login-modern .wst-regist-obtain{
	float: none;
	flex-shrink: 0;
	padding: 8px 12px;
	font-size: 12px;
	border-color: var(--login-primary);
	color: var(--login-primary);
	background: var(--login-primary-light);
}
.wst-login-modern .wst-regist-obtain:hover{
	background: var(--login-primary);
	color: #fff;
	border-color: var(--login-primary);
}
.wst-login-modern .wst-login-extra{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 4px 0 28px;
	font-size: 13px;
	color: #888;
}
.wst-login-modern .wst-login-remember{
	display: flex;
	align-items: center;
	gap: 6px;
	cursor: pointer;
	margin: 0;
}
.wst-login-modern .wst-login-ch{
	border-color: var(--login-primary);
	accent-color: var(--login-primary);
}
.wst-login-modern .wst-login-links a{
	color: #999;
	text-decoration: none;
	margin-left: 14px;
	transition: color 0.2s;
}
.wst-login-modern .wst-login-links a:hover{
	color: var(--login-primary);
}
.wst-login-modern .wst-login-btn-wrap{
	border: none !important;
	margin: 12px 0 0 !important;
	padding: 0;
	width: 100%;
}
#loginFrame #loginbtn.wst-shop-login-submit,
#loginFrame .wst-shop-login-submit{
	display: block !important;
	width: 100% !important;
	height: 48px !important;
	line-height: 48px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 4px !important;
	background: var(--login-primary) !important;
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	letter-spacing: 6px !important;
	text-align: center !important;
	text-decoration: none !important;
	cursor: pointer !important;
	box-shadow: 0 6px 20px rgba(59, 80, 141, 0.35) !important;
	transition: background 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease !important;
	float: none !important;
	position: static !important;
}
#loginFrame #loginbtn.wst-shop-login-submit:hover,
#loginFrame .wst-shop-login-submit:hover{
	background: var(--login-primary-dark) !important;
	color: #fff !important;
	box-shadow: 0 8px 26px rgba(59, 80, 141, 0.45) !important;
	transform: translateY(-1px);
}
#loginFrame #loginbtn.wst-shop-login-submit:before,
#loginFrame .wst-shop-login-submit:before{
	display: none !important;
	content: none !important;
}
.wst-login-modern .qrcode-main p span{
	color: var(--login-primary);
}
.wst-login-modern-footer{
	margin-top: 0;
	padding: 24px 20px 32px;
	background: transparent;
	text-align: center;
}
.wst-login-modern-footer .wst-container{
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center !important;
}
#loginFrame .wst-login-modern-footer .wst-footer-hp-ck3{
	padding: 0 !important;
	text-align: center !important;
}
.wst-login-modern-footer .links,
.wst-login-modern-footer .copyright{
	text-align: center !important;
	color: #999;
	font-size: 12px;
	line-height: 1.8;
}
.wst-login-modern-footer .links a{
	color: #888;
	text-decoration: none;
	margin: 0 8px;
}
@media (max-width: 860px){
	.wst-login-card{
		flex-direction: column;
		max-width: 420px;
		min-height: auto;
		background: #fff;
		-webkit-clip-path: none;
		clip-path: none;
	}
	.wst-login-card-left{
		flex: none;
		padding: 36px 28px 32px;
		-webkit-clip-path: none;
		clip-path: none;
	}
	.wst-login-card-right{
		flex: none;
		max-width: none;
		min-height: 220px;
		margin-left: 0;
		-webkit-clip-path: none;
		clip-path: none;
	}
	.wst-login-card-right::before{
		-webkit-clip-path: none;
		clip-path: none;
	}
	.wst-login-card-right-inner{
		min-height: 220px;
		padding: 36px 24px;
	}
}