@media screen and (min-width: 900px) {
            html{
                height: 100%;
            }
            body{
                height: 100%;
                padding: 0;
                margin: 0;
                overflow:scroll;
            }
            .container{
                background-image: url("/uif/images/login_bg.png");
                width: 100%;
                padding: 0;
            }
            .title_box_1{
                height: 93px;
                width: 100%;
                background-color: #fff;
            }
            .copy_box{
                margin-top: 10px;
                color: #7f7f7f;
            }
            .wx_box{
                width: 100px;
                height: 100px;
                margin: auto;
            }
            .notice{
                padding: 20px;
                text-align: center;
            }
            .notice_title{
                margin-left: 20px;
                margin-right: 10px;
            }
            .wx_box img{
                width: 100%;
            }
            .copyright{
                text-align: center;
                line-height: 20px;
                margin-top: 10px;
            }
            .row{
                margin-left: 0!important;
            }
            .loginbox{
                display: none;
                overflow: hidden;
                background-color: #fff;
                width: 360px;
                margin: auto;
                padding: 40px;
                margin-top: 100px;
                margin-bottom: 250px;
            }
            .login_logo{
                height: 80px;
                background-color: #fff;
                width: 100%;
            }
            .jg_box{
                position: relative;
                height: 33px;
                display: table;
                width: 100%;
                margin-bottom: 10px;
                margin-top: 26px;
                border: solid 1px #ffc2b3;
                background: #ffd1ca;
                border-radius: 2px;
                line-height: 33px;
            }
            .form-control{
                height: 46px;
            }
            .textalert{
                width: 100%;
                color: #666;
                font-size: 12px;
                padding-left: 15px;
                padding-right: 25px;
                display: table-cell;
                vertical-align: middle;
            }
            .title_text{
                font-size: 20px;
                font-weight:500;
                text-align: right;
                line-height: 93px;
            }
            .ico_jg{
                background-image: url("/uif/images/jg1.png");
                height: 16px;
                width: 16px;
                background-repeat: no-repeat;
                margin-top: 8px;
                margin-left:10px;
            }
            .title_login{
                font-size: 18px;
                color: #32A5E7;
                margin-bottom: 10px;
                margin-top: 10px;
            }
            .form-group{
                position: relative;
            }
            .hqyzm{
                border-left:1px solid #cdcdcd;
                position: absolute;
                font-size: 12px;
                right: 10px;
                top: 2px;
                padding-left: 10px;
                line-height:44px;
            }
            .left_text{
                color: #32A5E7;
                float: left;
                padding: 10px 0;
                text-decoration: none!important;
                font-size:14px ;
            }
            .right_text{
                color:#32A5E7;
                padding: 10px 0;
                float: right;
                text-decoration: none!important;
                font-size:14px ;
            }
            .bottom_box{
                background-color: #fff;
                width: 100%;
            }
            .code_text{
                color: #32A5E7;
                text-decoration: none!important;
            }
            .code_text1{
                color: #939393!important;
                text-decoration: none!important;
            }

        }
        @media screen and (max-width:900px) {
            html{
                height: 100%;
            }
            body{
                background-color: #fff;
                height: 100%;
                padding: 0;
                margin: 0;
            }
            .bottom_box{
                display: none;
            }
            .bottom_box .wx_box{
                display: none;
            }
            .copy_box{
                width: 80%;
                margin: auto;
                font-size: 12px;
                margin-top: 100px;
                color: #7f7f7f;
                text-align: center;
            }
            .title_box_1 .title_text{
                display: none;
            }
            .title_box_1{
                width: 100%;
                display: none;
                margin: auto;
            }
            .container{
                width: 100%;
                height: 100%;
                padding: 0;
            }
            .form-control{
                height: 46px;
            }
            .loginbox{
                display: none;
                background-color:rgba(255, 255, 255, 0.9);
                width: 320px;
                margin: auto;
                padding: 20px;
                margin-top: 100px;
            }

            .login_logo{
                height: 80px;
                background-color: #fff;
                width: 100%;
            }
            .new{
                background-color:red;
                color: #fff;
                font-size: 8px!important;
            }
            .jg_box{
                position: relative;
                height: 33px;
                display: table;
                width: 100%;
                margin-bottom: 5px;
                margin-top: 30px;
                border: solid 1px #ffc2b3;
                background: #ffd1ca;
                border-radius: 2px;
                line-height: 33px;
            }
            .ico_jg{
                background-image: url("/uif/images/jg1.png");
                height: 16px;
                width: 16px;
                background-repeat: no-repeat;
                margin-top: 8px;
                margin-left:10px;
            }
            .textalert{
                width: 100%;
                color: #666;
                font-size: 12px;
                padding-left: 15px;
                padding-right: 25px;
                display: table-cell;
                vertical-align: middle;
            }
            .form-group{
                position: relative;
            }
            .hqyzm{
                border-left:1px solid #cdcdcd;
                position: absolute;
                font-size: 12px;
                top:0;
                right: 10px;
                padding-left: 10px;
                line-height: 46px;
            }
            .left_text{
                color: #32A5E7;
                float: left;
                padding: 10px 0;
                text-decoration: none!important;
                font-size:14px ;
            }
            .right_text{
                color:#32A5E7;
                padding: 10px 0;
                float: right;
                text-decoration: none!important;
                font-size:14px ;
            }
            .code_text{
                color: #32A5E7;
                text-decoration: none!important;
            }
            .code_text1{
                color: #939393!important;
                text-decoration: none!important;
            }
            .title_login{
                font-size: 18px;
                color: #32A5E7;
                margin-bottom: 10px;
                margin-top: 10px;
            }
            .animate{

            }
        }

        @media screen and (max-width: 500px) {

        }