body {
        width: 100%;
        background: url(/images/Sign_background.png) no-repeat;
        background-size: cover;
        /* overflow: hidden; */
        position: relative;
    }
    .wrap {
        width: 100%;
        height: 93.6vh;
        padding: 5% 15% 0 15%;
        box-sizing: border-box;
    }
    .wrap .banner {
        position: relative;
        display: flex;
        width: 100%;
        height: 75vh;
        min-width: 704.91px;
        min-height: 468.75px;
        /*overflow: hidden;*/
        box-sizing: border-box;

    }
    .wrap .banner .banner_left {
        width: 50%;
        height: 100%;
        background: url(/images/background.png) no-repeat center center;
        background-size: cover;
        background-color: #134482;
        border-radius:10px 0 0 10px;
    }
    .banner_right {
        width: 50%;
        height: 100%;
        border-radius:0px 10px 10px 0px;
        background-color: #fff;
        box-sizing: border-box;
    }
    .banner_right .logo {
        width: 100%;
        padding: 8% 0;
    }
    .banner_right .logo img {
        display: block;
        width: 14.94rem;
        height: 4.8rem;
        margin: 0 auto
    }
    .banner_right .content {
        position: relative;
        width: 62%;
        height: 72%;
        margin: 0 auto;

    }
    .banner_right .content .form_list div{
        display: flex;
        flex-direction: column;
        font-family:MicrosoftYaHeiLight;
        
    }
    .banner_right .content .form_list div label {
        font-size: 1vw;
        color: #333333;
        margin-bottom: 1.7vh;
    }
    .form_icon {
        position: relative;
    }

    .form_icon i {
        width: 21px;
        height: 24px;
        position: absolute;
        left: 0;
        bottom: 3.7vh;
        background: url(/images/Sign_icon_account_nor.png) no-repeat;
        background-size: contain;
    }
    .banner_right .content .form_list .form_item .form_icon2 i {
        background-image: url(/images/Sign_icon_password_nor.png) ;
    }
    .form_icon3 i {
        position: absolute;
        left: 0;
        bottom: 0.5vh;
        background: url(/images/Sign_icon_verification_nor.png) no-repeat;
        background-size: contain;
        
    }
    
    .form_icon input {
        margin-bottom: 3vh;
        padding-left: 40px;
        border: none;
        border-bottom: 1px solid #BDBBBB;
        outline: none;
        font-size: 0.85vw;
        font-family:MicrosoftYaHeiLight;
        -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
        background-color:Transparent;
        padding-bottom:3px;
    }
    input::-webkit-input-placeholder
    {
       color:#bcbaba; 
        }
    .form_icon3 {
        width: 60%;
    }
    .form_inp {
        position: relative;
    }
    .banner_right .content .form_list .get_btn {
        /*float: left;*/
        position: absolute;
        bottom: 0;
        right: 0;
        width:31%;
        
    }
    .banner_right .content .form_list .get_btn img 
    {
       width:100%;
       height:100%;
    }
    .form_icon3 input {
        margin-bottom: 0;
    }
    .form_item3 {
        padding-bottom: 10vh;
    }
    .submit {
        width: 80%;
        margin: 0 auto;
    }
    .submit button {
        width: 100%;
        line-height: 6vh;
        background-color: #134482;
        border: none;
        outline: none;
        color: #fff;
        font-size: 1.5vw;
        border-radius: 5px;
    }
    .content_but {
        width: 100%;
        position: absolute;
        left: 50%;
        bottom: 0px;
        transform: translate(-50%);
    }
    .content_but p {
        text-align: center;
        position:relative;
    }
    .content_but p::before {
        content: "";
        position:absolute;
        left: 0px;
        top: 11px;
        width: 6vw;
        border: 1px solid #EDEDED;
    }
    .content_but p::after {
        content: "";
        position:absolute;
        right: 0px;
        top: 11px;
        width: 6vw;
        border: 1px solid #EDEDED;
    }
    .banner_center {
        position: absolute;
        bottom: -46px;
        left: 50%;
        transform: translate(-50%);
        width: 77px;
        height: 78px;
    }
    .banner_center img {
        width: 100%;
        height: 100%;
    }
    .buttom {
        color: #fff;
        font-size: 1vw;
        text-align: center;
    }
    .active {
        border-bottom-color: #000 !important;
    }
    .form_icon_act1 {
        background-image: url(/images/Sign_icon_account_sel.png) !important;
    }
    .form_icon_act2 {
        background-image: url(/images/Sign_icon_password_sel.png) !important;
    }
    .form_icon_act3 {
        background-image: url(/images/Sign_icon_verification_sel.png) !important;
    }
    .is_show {
        display: block !important;
    }
    .is_hide {
        display: none !important;
    }
    .login_code {
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: none;
        padding-top:6vh;
        box-sizing: border-box;
    }
    .login_pic {
        width: 245px;
        height: 245px;
        min-height:150px;
        min-width:150px;
        margin: 0 auto;
    }
    .login_pic img {
        width: 100%;
        height: 100%;
    }
    .code_username {
        padding-top: 6.5vh;
    }
    .code_username p::before{
        width: 4vw;
    }
    .code_username p::after{
        width: 4vw;

    }