@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2017-11-14 16:39:58
 * @version $Id$
 */
body{background:url(./../images/bg-login.jpg) no-repeat center;background-size:cover;}

.g-login{position:absolute;width:660px;height:420px;top:50%;left:50%;margin-top:-240px;margin-left:-330px;background-color:#061d39; box-shadow:4px 4px 8px #071322;border-radius:15px;}
.g-ft{position:absolute;bottom:0px;left:0px;height:30px;width:100%;background-color:#101d3d;text-align:center;color:#e2e3e8;line-height:30px;font-size:12px;}
.u-logo{width:210px;font-size:20px;color:#fff;text-align:center;padding-top:130px;line-height:30px;}
.u-logo img{margin-bottom:15px;}
.m-login{width:450px;height:400px;padding:30px 54px;border-left:1px solid #08284e;}
.m-login h2{font-size:24px;color:#0d7dd6;text-align:center;font-weight:normal;}
.m-login>p{display:table;width:100%;margin-top:12px;}
.m-login>p span{display:table-cell;}
.m-login>p span:last-child{text-align:right;}
.m-login>p a{color:#0d7dd6;}
.m-login>p a:hover{color:#56B2FF;}

.u-loginForm{margin-top:7px;}
.u-loginForm label{visibility:hidden;height:30px;line-height:30px;font-size:18px;color:#fff;}
.u-loginForm p{position:relative;height:40px;background-color:#0b2646;border-radius:4px;}
.u-loginForm span{display:inline-block;position:relative;width:45px;height:40px;border:1px solid #0c1831;background-color:#0c1831;border-radius:4px 0 0 4px;text-align:center;}
.u-loginForm span:before,.u-loginForm span:after{position:absolute;content:'';width:0px;height:0px;top:12px;right:-16px;border-width:8px;border-style:solid;border-color:transparent transparent transparent #0c1831;}
.u-loginForm i{display:inline-block;width:24px;height:24px;background:url(./../images/icon.png) no-repeat;margin-top:7px;}
.u-loginForm i.icon1{background-position:0 0;}
.u-loginForm i.icon2{background-position:-24px 0;}
.u-loginForm i.icon3{background-position:-48px 0;}
.u-loginForm b{position:absolute;display:inline-block;width:100px;height:40px;right:0px;top:0px;border-radius:0 4px 4px 0;overflow:hidden;}
.u-loginForm input{vertical-align:top;height:40px;padding:10px 15px;line-height:20px;border-width:0px;background-color:transparent;color:#fff;}
.u-loginForm input::-webkit-input-placeholder{color:#667d97;}
.u-loginForm.z-on span{border:1px solid #1A3E69;}
.u-loginForm.z-on span:before{border-color:transparent transparent transparent #1A3E69;}
.u-loginForm.z-on span:after{border-color:transparent transparent transparent #0c1831;right:-14px;}
.u-loginForm.z-error i.icon1{background-position:0 -24px;}
.u-loginForm.z-error i.icon2{background-position:-24px -24px;}
.u-loginForm.z-error i.icon3{background-position:-48px -24px;}
.u-loginForm.z-error input{color:#d32a25;}
.u-loginForm a{display:inline-block;width:100%;height:44px;line-height:44px;border-radius:4px;background-color:#0069bc;color:#fff;text-align:center;font-size:18px;}
.u-loginForm a:hover{background-color:#56B2FF;}


.f-shade{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.6);display:none;}
.m-shadeBox{position:absolute;top:50%;left:50%;background-color:#fff;border-radius:10px;}


.m-register{width:840px;padding:20px 0;margin-left:-420px;color:#272727;}
.m-register h5{font-size:26px;font-weight:normal;text-align:center;}
.m-register h5 a{position:absolute;top:10px;right:10px;display:block;color:#272727;font-size:30px;border:1px solid #fff;width:24px;height:24px;line-height:16px;border-radius:4px;}
.m-register h5 a:hover{color:#0067c3;border:1px solid #0067c3;}
.m-register h5 a:active{background-color:#0067c3;color:#fff;}

.m-register .u-btn{display:inline-block;height:42px;line-height:42px;padding:0 36px;background-color:#56b2ff;color:#fff;font-size:18px;border-radius:4px;}
.m-register .u-btn:hover{background-color:#0067c3;}


.m-password{width:410px;margin-left:-205px;padding:10px 0;}
.m-password h5{position:relative;font-size:18px;font-weight:normal;text-align:center;color:#333;}
.m-password h5 a{position:absolute;display:block;top:0px;right:10px;width:22px;height:22px;border:1px solid #787878;border-radius:100%;font-size:18px;color:#787878;font-weight:bold;}
.m-password h5 a:hover{background-color:#0067c3;color:#fff;border:1px solid #0067c3;}
.m-passwordForm{}
.m-passwordForm p{padding:12px 35px 0;}
.m-passwordForm input{height:40px;padding:10px;line-height:20px;background-color:#f3f3f3;border-radius:4px;border:0px;color:#323232;}
.m-passwordForm input::-webkit-input-placeholder{color:#b9b9b9;}
.m-passwordForm input+a{display:inline-block;width:124px;height:40px;line-height:40px;text-align:center;color:#333;background-color:#f3f3f3;margin-left:10px;border-radius:4px;}
.m-passwordForm input+a:hover{background-color:#56B2FF;color:#fff;}
.m-passwordForm input+a.u-dis,.m-passwordForm input+a.u-dis:hover{background-color:#ccc;color:#272727;}
.m-passwordForm input+a.z-success,.m-passwordForm input+a.z-success:hover{background-color:#0067C3;color:#fff;}
.m-passwordForm a.u-btn{display:inline-block;width:120px;height:40px;line-height:40px;font-size:16px;background-color:#ccc;color:#fff;border-radius:4px;text-align:center;margin:0 10px;}
.m-passwordForm a.u-btn1{background-color:#fff;border:1px solid #ccc;color:#333;}
.m-passwordForm a.u-btn1:hover{background-color:#0069bc;border:1px solid #0069bc;color:#fff;}
.m-passwordForm a.u-btn.z-on{background-color:#56B2FF;}
.m-passwordForm a.u-btn.z-on:hover{background-color:#0069bc;}
.m-password .u-passwordHint{display:block;position:absolute;top:50%;margin-top:-15px; height:30px;line-height:30px;background-color:rgba(25,30,42,0.4);color:#fff;padding:0 15px;border-radius:3px;}

.m-appDiv{box-sizing:border-box;position:absolute;right:0px;bottom:50px;width:450px;background-color:rgba(0,1,4,0.6);font-size:14px;padding:15px 20px;line-height:24px;}
.m-appDiv .u-tt{height:70px;width:23em;text-align:left;color:#b0b2b4;}
.m-appDiv .u-ct{position:absolute;top:20px;width:410px;height:0px;color:#e2e3e8;opacity:0;overflow:hidden;}
.m-appDiv .u-ct p:first-child{text-align:center;}
.m-appDiv .u-ct p span{display:inline-block;width:150px;text-align:center;font-size:12px;line-height:24px;}
.m-appDiv .u-ct p b{font-size:14px;font-weight:normal;}
.m-appDiv .u-ct p img{display:block;width:90px;height:90px;margin:30px auto 10px;}
.m-appDiv .u-ft{position:absolute;bottom:15px;right:20px;cursor:pointer;}
.m-appDiv .u-ft p{position:relative;text-align:right;padding-right:24px;color:#b0b2b4;}
.m-appDiv .u-ft p:before,.m-appDiv .u-ft p:after{position:absolute;content:"";border-radius:100%;}
.m-appDiv .u-ft p:before{width:12px;height:12px;background-color:transparent;border:1px solid #b0b2b4;right:0px;top:6px;}
.m-appDiv .u-ft p:after{width:8px;height:8px;background-color:#b0b2b4;right:3px;top:9px;}