body{background:url('../img/bg.jpg');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:100px;margin: 0px 0px;}
.login_logo img{height:100%;}
.wst-lo-top{width: 1200px;margin: 0px auto;overflow: hidden;}
.wst-lo-center{margin:0 auto;width:100%;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;overflow: hidden;}

.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 {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;}
.login-wrapper .box {position:absolute;top:17px;left:405px; margin: 0 auto;padding: 0px 0 30px;float: none;width: 380px; }

.login-footer{padding-top: 20px;color:#fff;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: #666;}
.login-footer a{color: #fff;}
a:hover{color: #E4393C!important;text-decoration: underline;}

.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:350px;}
.login-wrapper .box {position:absolute;top:17px;left:405px; margin: 0 auto;padding: 0px 0 30px;float: none;width: 380px; }
.login-wrapper .box .content-wrap {width: 82%;margin: 0 auto; }
.login-wrapper .box .login {text-transform: uppercase;font-size: 13px;padding: 8px 30px; }

.wst-lo-form{width:290px;margin: 0 auto;}
.login-title{font-size: 20px; line-height: 40px;text-align: left;padding-top: 40px;color: #333;padding-bottom: 40px;width: 290px;margin: 0 auto;text-align: center;}
.bottom-title{font-size: 14px;color: #bbb;position: relative;margin-top: 65px;}
.bottom-title::before{content: ' ';position: absolute;left: 0;top:10px;border-bottom: 1px solid #ddd;width:50px;}
.bottom-title::after{content: ' ';position: absolute;right: 0;top:10px;border-bottom: 1px solid #ddd;width:50px;}
.wst-lo-form .name{font-size: 13px;text-align: right;color: #009688;}
.wst-lo-form .frame{float: left;height:36px;background:#ffffff;border-bottom: 1px solid #bbcce0;margin-bottom:18px;width:288px;}
.wst-lo-form .frame .icon{width:50px;height:36px;background:#fff;border-radius: 6px 0 0 6px;}
.wst-lo-form .frame .icon img{width:16px;height:16px;}
.wst-lo-form .frame .text{outline: none;padding-left:0;float: left;height:36px;width:238px;background:#ffffff;border:none;}
.wst-lo-form .frame .text2{outline: none;padding-left:0;float: left;height:36px;width:150px;background:#ffffff;border:none;}
#loginbtn{background-color: #009688;border-radius: 100px;width:390px;height: 36px;line-height: 36px;font-size: 14px;width: 100%;margin-top: 26px;}

#verifyImg{cursor:pointer;width:142px;height:36px;position: absolute;right: 0;top: 0;}
.copy-right{color:#fff;font-size: 14px;position: absolute;bottom:10px;width:100%;line-height: 30px;}

.wst-flex-row{display: flex;flex-direction:row;}
.wst-flex-column{display: flex;flex-direction:column;}
.wst-column{flex-direction:column;}
.wst-center{justify-content:center;align-items:center;}
.wst-fw{flex-wrap:wrap;}
.wst-jc{justify-content:center;}
.wst-jsb{justify-content:space-between;}
.wst-jsa{justify-content:space-around;}
.wst-jfs{justify-content:flex-start;}
.wst-jfe{justify-content:flex-end;}
.wst-ac{align-items:center;}
.wst-afe{align-items:flex-end;}
.wst-afs{align-items:flex-start;}
.layui-btn-normal{background:#009688}