body {
    height: 100vh;
    background: url(/image/bg.png) center center/cover no-repeat;
}
.contanier {
    position: relative;
}
.login-wrap {
        position: fixed;
        width: 880rem;
        height: 425rem;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        display: flex;
}
.login-img, .login-informate {
    width: 50%;
    text-align: center;
}
.login-img img {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.login-informate {
    height: 100%;
    border-radius: 0px 10px 10px 0px;
    background: #FFFFFF;
    box-shadow: 0px 4px 15px 0px #0172b814;
    box-sizing: border-box;
}
/*
 account--------------------------------------------------------------------------------------
 * */
 .modal-adds{
	top: 69px;
}
.modal-title{
	font-size: 18rem;
}
.tab-account{
	padding: 50rem 60rem 0;
}
.tab-account .nav-tabs{
	padding: 0 18rem;
	border-bottom: none !important;
}
.tab-account .nav-tabs li {
    width: 35%;
    text-align: center;
}
.nav-tabs>li>a{
	color: #000;
	font-size: 20rem;
}
.tab-account .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	color: #4C82FF;
	border-color: transparent;
	border-bottom:2px solid #4C82FF !important;
	background-color: transparent;
}
.tab-account .tab-content{
	margin-top: 28px;
    background: #fff; 
}
.form-card {
    padding: 14rem;
}
.form-group{
	margin-bottom: 0;
}
.form-group label{	
	font-size: 20rem;
}
.form-group .radio-inline{
	font-size: 16rem !important;
}


.inpt-form {
    width: 92% !important;
    height: 42px !important;
    line-height: 42px !important;
    border-radius: 4px !important;
    border: 1px solid #dcdfe6 !important;
    box-shadow: none !important;
    font-size: 14rem;
    color: #181818;
}

    .inpt-form::-webkit-input-placeholder,
    .inpt-form::-moz-placeholder,
    .inpt-form:-ms-input-placeholder {
        color: #666;
    }

.form-control:focus, .form-control:active, .form-control:hover {
    border-color: #1890ff !important;
    box-shadow: none;
}
.form-control {
    background: none;
}
.conf-btn {
    color: #fff;
	font-size: 14rem;
    width: 100%;
    height: 42rem;
    border-radius: 2px;
    background: #156df1ff;
    border: none;
}
/*
 agent--------------------------------------------------------------------------------------
 * */
 /*
 登录----------------------------------------------------------------------------------
 * */
 .tab-account .login-tabs{
    width: 100%;
    text-align: center;
}
.tab-account .login-tabs li {
    width: auto;
    text-align: center;
    line-height: 28rem;
    font-size: 20rem;
    color:#2C2C2C;
}
.login-title {
    width: auto;
    text-align: center;
    line-height: 28rem;
    font-size: 20rem;
    font-weight: 600;
    color:#2C2C2C;
    padding: 0 0 10rem 0;
    position: relative;
}
.login-title::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 20px;
    height: 5px;
    border-radius: 5px;
    background: linear-gradient(180deg, #156df1ff 0%, #156df100 100%);
}

.login-top{
   width: 100%;
   height: 6.8rem;
}
.login-top .ge-back img{
   width: 100%;
   height: 306rem;
   display: block;
   margin: 0 auto;
}
.logo-imgs{
   position: relative;
   left: 36%;
   top: -27%;
   width: 135rem;
   height: 135rem;
   text-align: center;
   background: #fff;
   border-radius: 16px;
   -moz-box-shadow:2px 2px 5px  rgba(76, 130, 255, .4); 
   -webkit-box-shadow:2px 2px 5px  rgba(76, 130, 255, .4); 
   box-shadow:2px 2px 5px  rgba(76, 130, 255, .4);
      
}
.logo-imgs img{
   width: 99rem;
   height: 99rem;
   margin: 18rem 0;
}
.login-group_re{
   position: relative;
   /* border: solid 1px #EEE !important;
   border-radius: 2rem; */
   margin-bottom: 15px;
}
/*.form_password {
   background: #F2F3F5;
}*/
/* .login-group_re:hover{
    border:1px solid #4C82FF !important;
 } */
.login-group_re i{
   position: absolute;
   line-height: 42px;
   color: #86909C;
   font-size: 14rem;
   z-index: 999999;
}
.login-group_re i.icon-shoujihaoma, 
.login-group_re i.icon-mima {
    left: 16rem;
}
.login-group_re .input-group-addon{
   padding: 0;
   background-color: transparent;
   border: none;
   border-radius: none;
}
.login-group_re .input-group{
   width: 100%;
}
.login-group_re .xian-mi{
   position: absolute;
   right: 6px;
   z-index: 999;
   top: 0px;
   color: #8a8a8a;
}


.login-group_re .inpt-form{
   display: block;
   /* width: 88% !important; */
   width: 100% !important;
   padding-left: 42rem;
   padding-right: 30rem;
   border: none !important;
   height: 40px;
   outline: none;
   line-height: 40px;
   border: solid 1px #EEE !important;
   border-radius: 2rem;
   box-sizing: border-box;
}
.login-group_re .inpt-form:focus{
    border:1px solid #4C82FF !important;
}
.yanzheng{
   position: absolute;
   line-height: 40px;
   color: #4C82FF;
   font-size: 18rem;
   right: 0;
   left: 78%;
   top: -6%;
   z-index: 99999;
   width: 112rem;
   text-align: center;
   font-size: 18rem;
}
.yanzheng:focus, .yanzheng:hover, .yanzheng:active
{
   color: #4c82ff;
}
.login-wang{
   display: flex;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   justify-content: space-between;
   margin-top: 3%;
   align-items: center;
   }
   .checkbox_wrap {
       display: flex;
       align-items: center;
       cursor: pointer;
   }
   .input_checkbox {
       margin:0 !important;
       margin-right: 8rem !important;
       
   }
   
.login-wang	a{
   font-size: 12rem;
   color: #86909C;
}
.login-btns{
   margin-top: 42rem;
   margin-bottom: 26rem;
}
.nouser-text {
    width: 100%;
    color: #86909c;
    text-align: center;
    font-size: 12px;
    font-family: "MiSans";
    line-height: 20px;
}


.login-img {
    position: relative;
}

    .login-img .login-img-name {
        position: absolute;
        left: 42px;
        top: 36px;
        color: #ffffffff;
        font-size: 24px;
        font-weight: 500;
        line-height: 40px;
        text-align: left;
    }



@media screen and (max-width:768px) {
    html {
        font-size: 1rem;
    }

    .login-wrap {
        height: auto;
        width: 70%;
    }

        /*.login-wrap .login-img {
            display: none;
        }*/

        .login-wrap .login-informate {
            border-radius: 10px;
            width: 100%;
        }

    .login-informate .tab-account {
        padding: 50px 60px;
    }

    input::-webkit-input-placeholder {
        color: #b8b8b8;
        font-size: 14px;
    }

    input::-moz-input-placeholder {
        color: #b8b8b8;
        font-size: 14px;
    }

    input::-ms-input-placeholder {
        color: #b8b8b8;
        font-size: 14px;
    }

    input:placeholder {
        color: #b8b8b8;
        font-size: 14px;
    }

    .login-title {
        font-size: 20px;
        padding-bottom: 10px;
        line-height: 1.8em;
    }

    .login-group_re .inpt-form {
        font-size: 14px;
        line-height: 44px !important;
        padding-left: 40px;
        height: 44px !important;
    }

    .login-group_re i.icon-shoujihaoma, .login-group_re i.icon-mima, .login-group_re .xian-mi {
        transform: translateY(-50%);
        top: 50%;
        left: 10px;
    }

    .login-group_re .xian-mi {
        left: auto;
        right: 20px;
    }

    .login-group_re i {
        font-size: 14px;
    }

    .login-wang {
        margin-top: 10rem;
    }

    .login-btns {
        font-size: 14px;
        height: 42px;
        margin-bottom: 26px;
        margin-top: 40px;
    }

    .login-wang a {
        font-size: 14px;
    }

    .nouser-text {
        line-height: 1.8em;
        font-size: 12px;
    }

    .checkbox_wrap {
        font-size: 14px;
    }

        .checkbox_wrap .input_checkbox {
            height: 10rem;
            width: 10rem;
            font-size: 14px;
        }




    .login-wrap {
        height: auto;
        width: 60%;
        flex-wrap: wrap;
    }

        .login-wrap .login-img {
            /* display: none; */
            width: 100%;
            border-radius: 10px;
        }

            .login-wrap .login-img img {
                border-radius: 10px;
            }

        .login-wrap .login-informate {
            border-radius: 10px;
            width: 100%;
            margin-top: -25%;
            position: relative;
        }
}