*{
                margin:0;
                padding:0;
            }
            html,body{
                font-size: 62.5%;
                width:100%;
                height:100%;
            }

            .login-container{
                position: relative;
                width:100%;
                height: 100%;
                max-width: 1920px;
                min-width: 1024px;
                background: url(/assets/img/bg.jpg)no-repeat 0 0;
                background-size: 100%;
                margin: 0 auto;
            }

            .box-wd-36{
                width:36%;
                height: 100%;
                /* background: rgba(0,0,0,0.3); */
                position: absolute;
                left:50%;
                top:0;
                transform: translate(-49%,0);
            }

            .head-box-55{
                padding-top:25%;
                width:70%;
                margin: 0 auto;
            }
            .head-logo{
                width:32.6%;
                margin:0 auto;
            }   
            .head-logo img{
                display: block;
                width:100%;
            }

            .head-text{
                width:100%;
                font-size: 1.5rem;
                text-align: center;
                color:#ffffff;
                line-height: 4rem;
            }
            .head-text{
                width:100%;
            }
            .input-box-55{
                width:386px;
                height: 375px;
                margin:0 auto;
                background: rgba(255, 255, 255, 0.4);
                border-radius: 5px;
            }
            .input-box-55 h3{
                width:100%;
                padding-left: 2rem;
                line-height: 48px;
                color: #333333;
                font-size: 1.5rem;

            }

            .form-group-login{
                margin-bottom: 15px;
                
            }

            .form{
                padding:0 27px;
            }
            .form-item,.form-item-valid,.form-item-check,.from-item-submit{
                position: relative;
                margin-bottom: 15px;
            }
            .form-item input{
                padding-left:50px;
                height: 50px;
                width:338px;
                outline: none;
                border:none;
                border-radius: 5px;
            }

            .form-item-valid input{
                float: left;
                width:170px;
                padding-left:50px;
                height: 50px;
                outline: none;
                border:none;
                border-radius: 5px;
            }

            .form-item-valid img{
                float: right;
                margin:auto;
                height: 50px;
                border-radius: 5px;
            
            }
            .clear{
                clear: both;
            }

            .icon-user,.icon-lock,.icon-valid{
                display: block;
                position: absolute;
                top:50%;
                margin-top:-11px;
                left:15px;
                width:22px;
                height:22px;
            }
            .icon-user{
                background: url(/assets/img/icon-list.png) no-repeat 0  0;
                border-right: 1px solid #ddd;
                padding-right:5px;
                color:#666;
            }
            .icon-lock{
                background: url(/assets/img/icon-list.png) no-repeat 0  -66px;
                border-right: 1px solid #ddd;
                padding-right:5px;
                color:#666;
            }
            .icon-valid{
                background: url(/assets/img/icon-list.png) no-repeat 0  -132px;
                border-right: 1px solid #ddd;
                padding-right:5px;
                color:#666;
            }
            .form-item-check input{
                float: left;
                display: block;
                width:20px;
                height: 20px;
            }
            .form-item-check span{
                float: left;
                display: block;
                height: 20px;
                line-height: 20px;
            }
            .from-item-submit button{
                display: block;
                width:100%;
                margin:0 auto;
                border-radius: 5px;
                background: #0984bd;
                border:none;
                height: 50px;
                color:#ffffff;
                font-size: 16px;
                cursor: pointer;
            }