@charset "utf-8";
/* CSS Document */
.bg{ background: url(../images/iot_bg.png) center center no-repeat;background-size: 100% 100%;background-attachment: fixed; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1}
.logon_content{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff; z-index: 3}
.mast{ position: absolute; top: 0; left:0; right: 0; bottom: 0; background: rgba(6,6,6,.46); z-index: 2 }
.logon_content .logo{ text-align: center;margin-top:20px;}
.logon_content .logo img{ width:100px; height: 100px; border-radius: 50%; border: 8px solid rgba(255,255,255,.13);}

.logon_content h2{ border-left:3px solid rgba(237,186,9,1.00); font-weight: normal; line-height: 1; padding-left: 10px}
.logon_content .voc h1{ font-size:28px; line-height: 1.5; font-weight: normal; text-align: center; margin-bottom: 25px;    letter-spacing: 4px;}
.login li{ margin-bottom: 15px; position: relative; overflow: hidden;}
.login li input{ color:#fff;line-height: 45px; border:1px solid rgba(255,255,255,.63); border-radius: 0; background:rgba(255,255,255,.5); height: 45px; width: 360px; padding-left: 28px; font-size: 16px; transition:all ease-in-out 500ms}
.login li i{ display: block; position: absolute; right: 0; line-height: 45px; height: 45px; width: 120px; background: #e0e0e0; color: #999; text-align: center; top: 0; cursor: pointer}
.login li .yzm{width:130px; display: inline-block}
.login  input.on{ border:1px solid red}
.login li span{ position: absolute; left: 2px; top: 50%; margin-top: -18px; }
.login li .icon-icon-user,.login li .icon-iconfontmima,.login li .icon-baohu,.login li .icon-shouji{ color: #fff; font-size: 24px}
.login li .icon-baohu{font-size:18px; margin-top: -13px; left: 4px}
.login li .icon-xuanzhongkuang{position: relative; margin-right: 5px; top: 2px; color: #999; cursor: pointer}
.login li .icon-xuanzhongkuang:after{ display: block;content: "";position: absolute; width: 60%;height: 60%;top: 20%;left: 20%;background: #fff;z-index: -1;}
.login li .icon-xuanzhongkuang.on{color:darkorange;}
.login li img{ position: absolute; right: 0;}
.login li a{ position: absolute; right: 0; display: inline-block; text-decoration: underline; color:#dededd}
.login li .sure-btn{ border:0; background: #009f95; font-size: 16px; text-align: center; color: #fff; border-radius: 3px}
.reg{ text-align:right}
.reg a{ margin-left:3px; text-decoration:underline; color:#464fb5}