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: linear-gradient(to bottom, #0a0e27 0%, #1a1a2e 50%, #16213e 100%);overflow: hidden;position: relative;}

/* 星空背景效果 */
.starry-sky-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;z-index: 2;}

/* 星星闪烁效果 */
.star{position: absolute;width: 2px;height: 2px;background: #fff;border-radius: 50%;animation: twinkle 3s infinite;}
.star:nth-child(1){top: 10%;left: 20%;animation-delay: 0s;}
.star:nth-child(2){top: 20%;left: 80%;animation-delay: 0.5s;}
.star:nth-child(3){top: 30%;left: 40%;animation-delay: 1s;}
.star:nth-child(4){top: 40%;left: 60%;animation-delay: 1.5s;}
.star:nth-child(5){top: 50%;left: 15%;animation-delay: 2s;}
.star:nth-child(6){top: 60%;left: 75%;animation-delay: 0.3s;}
.star:nth-child(7){top: 70%;left: 35%;animation-delay: 0.8s;}
.star:nth-child(8){top: 80%;left: 55%;animation-delay: 1.3s;}
.star:nth-child(9){top: 15%;left: 50%;animation-delay: 1.8s;}
.star:nth-child(10){top: 25%;left: 10%;animation-delay: 2.3s;}
.star:nth-child(11){top: 35%;left: 90%;animation-delay: 0.2s;}
.star:nth-child(12){top: 45%;left: 30%;animation-delay: 0.7s;}
.star:nth-child(13){top: 55%;left: 70%;animation-delay: 1.2s;}
.star:nth-child(14){top: 65%;left: 25%;animation-delay: 1.7s;}
.star:nth-child(15){top: 75%;left: 85%;animation-delay: 2.2s;}
.star:nth-child(16){top: 85%;left: 45%;animation-delay: 0.4s;}
.star:nth-child(17){top: 5%;left: 65%;animation-delay: 0.9s;}
.star:nth-child(18){top: 12%;left: 5%;animation-delay: 1.4s;}
.star:nth-child(19){top: 22%;left: 95%;animation-delay: 1.9s;}
.star:nth-child(20){top: 32%;left: 8%;animation-delay: 2.4s;}

@keyframes twinkle{0%,100%{opacity: 0.3;transform: scale(1);}50%{opacity: 1;transform: scale(1.5);}}

/* 流星效果 */
.meteor{position: absolute;width: 2px;height: 100px;background: linear-gradient(to bottom, rgba(255,255,255,0.8), transparent);border-radius: 50%;animation: meteor-fall linear infinite;}
.meteor::before{content: '';position: absolute;top: 0;left: 0;width: 2px;height: 50px;background: #fff;box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff;border-radius: 50%;}

.meteor:nth-child(21){top: -100px;left: 20%;animation-duration: 3s;animation-delay: 0s;}
.meteor:nth-child(22){top: -100px;left: 50%;animation-duration: 4s;animation-delay: 1.5s;}
.meteor:nth-child(23){top: -100px;left: 80%;animation-duration: 3.5s;animation-delay: 3s;}
.meteor:nth-child(24){top: -100px;left: 35%;animation-duration: 4.5s;animation-delay: 5s;}
.meteor:nth-child(25){top: -100px;left: 65%;animation-duration: 3.8s;animation-delay: 7s;}

@keyframes meteor-fall{0%{transform: translateY(0) translateX(0) rotate(45deg);opacity: 1;}100%{transform: translateY(800px) translateX(300px) rotate(45deg);opacity: 0;}}

/* 大星星闪烁 */
.big-star{position: absolute;width: 4px;height: 4px;background: #fff;border-radius: 50%;box-shadow: 0 0 6px #fff, 0 0 12px #fff;animation: big-twinkle 4s infinite;}
.big-star:nth-child(26){top: 18%;left: 25%;animation-delay: 0s;}
.big-star:nth-child(27){top: 42%;left: 68%;animation-delay: 1.5s;}
.big-star:nth-child(28){top: 66%;left: 12%;animation-delay: 3s;}
.big-star:nth-child(29){top: 28%;left: 88%;animation-delay: 0.8s;}
.big-star:nth-child(30){top: 78%;left: 52%;animation-delay: 2.3s;}

@keyframes big-twinkle{0%,100%{opacity: 0.5;transform: scale(1);}50%{opacity: 1;transform: scale(2);}}

/* 图标替换 */
.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;position: relative;z-index: 10;}
.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;}