.login,.login .container{position:relative;height:100%}.left-img,.login .footer{bottom:0;position:absolute}body,html{height:100%;background-color:#683fea;background:-webkit-gradient(linear,0 bottom,right 0,color-stop(0,#683fea),color-stop(35%,#6346ea),color-stop(35%,#674deb),color-stop(58%,#5a5eeb),color-stop(58%,#5459ea),color-stop(68%,#4e61ea),color-stop(68%,#5466eb),color-stop(85%,#4a73eb),color-stop(85%,#4f77ec),color-stop(93%,#4d7aec),color-stop(93%,#4776eb),color-stop(100%,#437beb));background:-webkit-linear-gradient(45deg,#683fea 0,#6346ea 35%,#674deb 35%,#5a5eeb 58%,#5459ea 58%,#4e61ea 68%,#5466eb 68%,#4a73eb 85%,#4f77ec 85%,#4d7aec 93%,#4776eb 93%,#437beb 100%);background:-moz-linear-gradient(45deg,#683fea 0,#6346ea 35%,#674deb 35%,#5a5eeb 58%,#5459ea 58%,#4e61ea 68%,#5466eb 68%,#4a73eb 85%,#4f77ec 85%,#4d7aec 93%,#4776eb 93%,#437beb 100%);background:-o-linear-gradient(45deg,#683fea 0,#6346ea 35%,#674deb 35%,#5a5eeb 58%,#5459ea 58%,#4e61ea 68%,#5466eb 68%,#4a73eb 85%,#4f77ec 85%,#4d7aec 93%,#4776eb 93%,#437beb 100%)}.login{padding:90px 0;z-index:0}.login .container{padding:0}.login .header{position:absolute;top:0;left:0;width:100%;height:90px;font-size:0;background:#fff;z-index:1}.login .header .logo{display:inline-block;height:38px;margin:26px 11px 26px 0;padding-right:12px;border-right:1px solid #c8c8c8;vertical-align:bottom}.login .header .logo>img{height:100%;vertical-align:top}.login .header .title{display:inline-block;margin-bottom:24px;font-size:30px;vertical-align:bottom}.login .main{position:relative;width:100%;height:100%;background:-webkit-gradient(linear,0 0,right bottom,color-stop(0,transparent),color-stop(100%,rgba(255,255,255,.2)));background:-webkit-linear-gradient(-45deg,transparent,rgba(255,255,255,.2));background:-moz-linear-gradient(-45deg,transparent,rgba(255,255,255,.2));background:-o-linear-gradient(-45deg,transparent,rgba(255,255,255,.2));overflow:hidden;z-index:0}.left-img{top:0;left:0;width:563px;height:417px;margin:auto;background:url(/assets/pages/images/login-img.png) no-repeat;background-size:100% 100%}.login-form{position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%)}.login-content{width:462px;padding:25px 40px 109px;background:#fff}.login-content>h1{margin-bottom:35px;font-size:30px;text-align:center}.login-content .group{margin-bottom:20px}.login-content .group>input{width:100%;height:60px;padding:0 15px 0 56px;font-size:16px;border:1px solid #cccacb;border-radius:2px!important;background-size:28px 28px;background-repeat:no-repeat;background-position:14px 50%}input[name=username]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAitJREFUeNq0lTtIHFEUhmeXTSEJBBXESBS1EQkIKppOrGJtso2VEEXZQlAQBAsLC9FSi10MSWGtJoVNlIAhnYpZ8IGPJCgaHwgWomCqjN+BszA42eydu+OFjzOPc/5/5t65ZyKu6zomI5VKvSIMQzMU6OVbWIWxRCKxZKITMTHEbJEghmmYgw29VQdxqIclTNvyNsTslFAMLQiuZMl5SfgGl+SUWRsiJNPVBFGE3BwPFiH8hTVym7PlRf8j8EbNynOZydCcCqmhNh7YkPEOviD02zEc5B5LDUwHMuQJiwjChBN8SE0RGoVB3rBRY9rCMH1Pw8jwscY/FoaZmidBDH9pLLMwzNT8NDZk8Tf1MG5hGFeNraBf6SyMWhiOam3gbdEFMb62cVMnzY3B28CGTMk1oQOGEBo0MJOcIamh9iafXipv+h7mZboQ27h3Xxr4CEhn6ub+hzD+FuWEIz2VgkM9rhQNPa7QTpP336KX0APP4ALO4UpvP4VSKIEzaYeYTlsZYiRCX6EGZqRlIbaTJbdW168T9qCV3HNjQwQaCOuwDW0Unxh+pc8Jn+GFtDbqvuc0pEjW5QA+UfDaYh+KxkdCO1SjcZBrW+zqT9TKTLeU1K6BfwnkDTMkk8kpcL3X8kG0RNN7LeqZhkeEPuh3whui1afavikd0OmYDMvNozXwL8NuWHbCH8uq7TOsgoUHMFxQbZ9hzNOywhyHqu0z/AEnD2AomvuZkzsBBgBzqhpeBOG8cwAAAABJRU5ErkJggg==)}input[name=password]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNq8ls8rg2EcwLc1haaIZBEXB0rJH0BcOZAhB1y4rKSmmZMfy8nBxdRKDtz8iAMnlIyjg8tqSn7lQHHgMGnDfJ56Dqxtz/O+G9/69N37vs/zfN7n5ztrIpGw6EQwGBwmTUA12OATrmDO7XZv6bRh1ZEhOiK1wRrswhNUgUuyjbAnaxmiEKkFnDT4mOJ5HSkCOzx3ZWrLphANSVFxKpEI7l+QaqGb8u2mZcQSrNLga6ZCPBdztw/LpmS8ZQWpCBYterEAldRzmOlZE8ThUlMWkSu03oxMvOELRDVlQvQF+WZk9/DOfGhtRMo9kETZa0NLn3FvIE3CAEzJN1ZFKYxDQCwU5GGlDJEoPAq3cvPWaA7jhxwNpzxlAgjH0soQ+UnT0ErBkMVk0E4z6QRmacefbs6EyJeNSM7fKckjZKoFcmDJTRzKrZNWFpdLXjVMDg2ZQyVTnSp22BQLgexTyGxGz8bkaIRecTDDPMJyI5WNyu7gRv4OGzhdjMtYZc+kGXnp4Tr6lz37tUeNVjAjK5O55D9kx7ABZ0Yr2lPciynm7ZzUr9F2TNWzvOSNmEWIdgozycSnxJsjmTe5d8nD2CX+F7JZxRJfVw1pmhCj0weD0KH6nnWSVqBAfnnNxBuMML97P29+CzAAJ/SmVGb2q7MAAAAASUVORK5CYII=)}.login-content [type=submit]{width:100%;height:60px;color:#fff;font-size:26px;background:#3d77ea;border-radius:5px!important}.login-content [type=submit]:hover{background:#1f5fdd}.rem-password .mt-checkbox{padding-left:37px;margin-bottom:30px;font-size:18px;line-height:26px}.rem-password .mt-checkbox>span{width:26px;height:26px;border-color:#b8b8b8;border-radius:2px!important}.rem-password .mt-checkbox>span:after{left:8px;width:8px;height:15px;border:solid #888;border-width:0 2px 2px 0}.login .footer{display:table;left:0;width:100%;height:90px;background:#fff}.login .footer .contact{display:table-cell;font-size:18px;text-align:center;vertical-align:middle}@media (max-width:1200px){.left-img{width:450px;height:333px}.login-content{width:370px;padding:20px 32px 85px}.login-content>h1{margin-bottom:28px;font-size:24px}.login-content .group{margin-bottom:16px}.login-content .group>input{height:48px;padding:0 12px 0 45px;font-size:15px;background-size:23px 23px;background-position:11px 50%}.login-content [type=submit]{height:48px;font-size:22px}.rem-password .mt-checkbox{padding-left:30px;margin-bottom:24px;font-size:15px;line-height:20px}.rem-password .mt-checkbox>span{width:20px;height:20px}.rem-password .mt-checkbox>span:after{left:6px;width:6px;height:12px}}@media (max-width:992px){.left-img{display:none}.login-form{top:50%;right:50%;-webkit-transform:translate(50%,-50%);-moz-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);-o-transform:translate(50%,-50%);transform:translate(50%,-50%)}}@media (max-height:768px){.left-img{width:450px;height:333px}.login-content{width:370px;padding:20px 32px 85px}.login-content>h1{margin-bottom:28px;font-size:24px}.login-content .group{margin-bottom:16px}.login-content .group>input{height:48px;padding:0 12px 0 45px;font-size:15px;background-size:23px 23px;background-position:11px 50%}.login-content [type=submit]{height:48px;font-size:22px}.rem-password .mt-checkbox{padding-left:30px;margin-bottom:24px;font-size:15px;line-height:20px}.rem-password .mt-checkbox>span{width:20px;height:20px}.rem-password .mt-checkbox>span:after{left:6px;width:6px;height:12px}}@media (max-width:768px){.login .footer,.login .header{height:60px}.login{padding:60px 0}.login .header .logo{margin:11px 11px 11px 0}.login .header .title{margin-bottom:11px;font-size:20px;line-height:35px}.login-content{width:320px;padding:20px 32px 85px}.login .footer .contact{font-size:14px}}
.login-content .hidCode input{
    width: 65%;
    float: left;
}
.login-content .hidCode img{
    height: 60px;
    float: left;
    width: 35%;
}
@media (max-width:1200px){
    .login-content .hidCode img{
        height:48px;
    }
}
.other_login{
    position: absolute;
    text-align: center;
}
.other_login #login_container{
    display: none;
    background-color: #FFF;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.other_login #login_container iframe{padding-top: 5px;}
.other_login .login_close{
    position: fixed;
    top: 8px;
    z-index: 2;
    right: 10px;
    font-size: 24px;
    display: none;
    cursor: pointer;
}
.other_login .btn-icon-only{
    background-color: #00BC0C;width: 28px;height: 28px;padding: 0px
}
.other_login .btn-icon-only i{padding-top: 3px;}
.other_login .login_type{position: relative;top: 10px;}