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}
#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);}
#loginName{position: absolute;left: 80px;width: 270px;top: 60px;border-radius: 0 8px 8px 0;}
#loginPwd{position: absolute;left: 80px;width: 270px;top: 115px;border-radius: 0 8px 8px 0;}
#verifyCode{position: absolute;left: 80px;width: 270px;top: 171px;border-radius: 0 8px 8px 0;}
#verifyImg{position: absolute;right: 32px;top: 172px;height: 38px;border-radius: 0 8px 8px 0;transition: opacity 0.3s ease;}
#verifyImg:hover{opacity: 0.8;}
#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;}
#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;}
