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: 10px 0px;}
.login_logo img{height:100%;}
#loginFrame{}
.wst-lo-top{width: 1200px;margin: 0px auto;overflow: hidden;}
.wst-lo-center{margin:0 auto;width:100%;background:#0099FF;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}
#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 {float: right;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 0 6px 2px rgba(0, 0, 0, 0.1);border-radius: 5px;background: #fff; height:300px;}
.login-wrapper .boxbg2{position:relative;margin: 0 auto;padding: 35px 0 30px;float: none;width: 420px;box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);border-radius: 5px;background: #fff; height:270px;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;}
.login-wrapper .box input[type="password"] {margin-bottom: 10px; }
.login-wrapper .box input:-moz-placeholder {color: #9ba8b6;font-size: 15px;letter-spacing: 0px;font-style: italic; }
.login-wrapper .box input:-ms-input-placeholder {color: #9ba8b6;font-style: italic;letter-spacing: 0px;font-size: 15px; }
.login-wrapper .box input::-webkit-input-placeholder {color: #9ba8b6;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: 155px;background-color: #fff;padding: 17px;border-radius: 3px;  margin-bottom: 15px;  padding-left: 55px;}
.login-wrapper .login-title{font-weight: bold;color:#1E9FFF;height: 35px;line-height: 35px;font-size: 20px;text-align: left;}
.login-icon1{width:40px;height:40px;background:url(../img/icon_1.png) no-repeat #1E9FFF;position:absolute;top:55px;left:40px;background-position: center;background-size: 60%;border-radius: 5px 0px 0px 5px;}
.login-icon2{width:40px;height:40px;background:url(../img/icon_2.png) no-repeat #1E9FFF;position:absolute;top:110px;left:40px;background-position: center;background-size: 60%;border-radius: 5px 0px 0px 5px;}
.login-icon3{width:40px;height:40px;background:url(../img/icon_3.png) no-repeat #1E9FFF;position:absolute;top:166px;left:40px;background-position: center;background-size: 60%;border-radius: 5px 0px 0px 5px;}
#loginName{position: absolute;left: 80px;width: 270px;top: 55px;}
#loginPwd{position: absolute;left: 80px;width: 270px;top: 110px;}
#verifyCode{position: absolute;left: 80px;width: 270px;top: 166px;}
#verifyImg{position: absolute;right: 32px;top: 167px;height: 38px;}
#loginbtn{background-position: -1px -2px;margin-left: 5px;font-size:18px;}
.login-footer{padding-top: 20px;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 #eee;padding-bottom: 10px;}
.login-footer .wst-footer .flink-hover{padding-right: 12px;color: #888;}

/* modern seller login redesign */
body#loginFrame{
	background: #eef7f3;
}
.wst-lo-top{
	width: 1200px;
	padding: 8px 0;
}
.login_logo{
	height: 64px;
	margin: 8px 0;
}
.wst-lo-center{
	min-height: 640px;
	padding: 48px 0 56px;
	background: linear-gradient(135deg, #edf3f1 0%, #e4ece8 48%, #d8e4de 100%) !important;
}
.wst-lo{
	overflow: visible;
}
.seller-login-layout{
	display: flex;
	gap: 20px;
	align-items: stretch;
}
.seller-scene{
	flex: 1;
	border: 1px solid #d7e4de;
	border-radius: 16px;
	background: linear-gradient(160deg, #f8fbfa 0%, #eef5f2 100%);
	padding: 34px 30px;
	color: #295141;
	box-shadow: 0 20px 34px rgba(32,70,55,.10);
}
.scene-kicker{
	display: inline-block;
	padding: 4px 10px;
	border-radius: 4px;
	font-size: 11px;
	letter-spacing: 1px;
	background: #eaf4ef;
	border: 1px solid #d3e3db;
	color: #2f8163;
}
.seller-scene h2{
	margin: 12px 0 10px;
	font-size: 34px;
	line-height: 1.3;
}
.seller-scene p{
	margin: 0 0 22px;
	font-size: 14px;
	line-height: 1.9;
	color: #5f7b70;
}
.scene-metrics{
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 10px;
	margin-bottom: 12px;
}
.scene-metrics .metric{
	border: 1px solid #d7e5df;
	border-radius: 8px;
	background: #fff;
	padding: 10px 10px 8px;
}
.scene-metrics .metric strong{
	display: block;
	font-size: 20px;
	line-height: 1.2;
	color: #2b775b;
}
.scene-metrics .metric span{
	font-size: 12px;
	color: #6f857c;
}
.scene-grid{
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 12px;
}
.scene-card{
	border: 1px solid #d7e6df;
	border-radius: 10px;
	background: #ffffff;
	padding: 14px 12px;
}
.scene-card .card-icon{
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 6px;
	background: #ecf6f1;
	color: #2f9b74;
	margin-bottom: 8px;
	font-weight: 700;
}
.scene-card .card-title{
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 6px;
}
.scene-card .card-desc{
	font-size: 12px;
	line-height: 1.7;
	color: #6f867d;
}
.scene-tags{
	margin-top: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.scene-tags span{
	padding: 5px 10px;
	border: 1px solid #d5e4de;
	background: #f3faf6;
	border-radius: 999px;
	font-size: 12px;
	color: #4f6f63;
}
.login-wrapper{
	float: none;
	margin: 0;
	width: 420px;
}
.login-wrapper .boxbg2{
	display: none;
}
.login-wrapper .box{
	position: static;
	width: 100%;
	padding: 0;
	border: 1px solid #d3e5dc;
	border-radius: 16px;
	background: rgba(255,255,255,.95);
	box-shadow: 0 20px 38px rgba(13,40,31,.2);
}
.login-wrapper .box .content-wrap{
	width: auto;
	padding: 24px 26px 28px;
}
.login-wrapper .login-title{
	height: auto;
	line-height: 1.4;
	font-size: 28px;
	color: #265947;
}
.login-subtitle{
	font-size: 13px;
	color: #6b8479;
	margin: 6px 0 16px;
}
.login-wrapper .login-box{
	height: auto;
	padding: 0;
	margin-bottom: 12px;
}
.field-item{
	position: relative;
	margin-bottom: 12px;
}
.login-icon1,.login-icon2,.login-icon3{
	width: 40px;
	height: 40px;
	left: 0;
	top: 0;
	border-radius: 8px 0 0 8px;
	background-color: #309D76;
}
#loginName,#loginPwd,#verifyCode{
	position: static;
	width: 100%;
	height: 40px;
	border-radius: 8px;
	border: 1px solid #d1e4db;
	padding-left: 54px;
}
#verifyCode{
	padding-right: 116px;
}
#verifyImg{
	position: absolute;
	right: 1px;
	top: 1px;
	height: 38px;
	width: 108px;
	border-radius: 0 8px 8px 0;
	border-left: 1px solid #d1e4db;
}
#loginbtn{
	width: 100%;
	margin-left: 0;
	font-size: 17px;
	border-radius: 8px;
	background: linear-gradient(90deg, #2f9b74 0%, #34b486 100%);
	border: 0;
	height: 40px;
}
#loginbtn:hover{
	opacity: .95;
}
.login-extra{
	margin-top: 12px;
	display: flex;
	justify-content: space-between;
}
.login-extra a{
	font-size: 12px;
	color: #5e7a70;
}
.login-extra a:hover{
	color: #2f8e6a;
}
.login-note{
	margin-top: 8px;
	font-size: 12px;
	color: #7a8e85;
}
.login-footer{
	padding: 18px 0 24px;
	background: #eef7f3;
}
@media screen and (max-width: 1200px){
	.wst-lo-top,.wst-lo,.login-footer .wst-footer{
		width: 94%;
	}
	.seller-login-layout{
		flex-direction: column;
	}
	.login-wrapper{
		width: 100%;
	}
	.scene-grid{
		grid-template-columns: 1fr;
	}
	.scene-metrics{
		grid-template-columns: 1fr;
	}
}