@charset "utf-8";



table {
    border-collapse: collapse;
    border-spacing: 0;
}

.body-login {
    width: 100%;
    height: 100%;
    background: url("../images/bg.jpg") no-repeat;
    background-size: 100% 100%;
}
/*登录页样式*/
.login-main {
    background: rgba(0, 0, 0, 0.5);
    width: 1156px;
    height: 600px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    box-shadow: -15px 15px 15px rgba(6, 17, 47, 0.7);
    z-index: 99999;
    border-radius: 10px;
    overflow: hidden;
}


.login-left {
    float: left;
    width: 716px;
    background: url('../images/title_back.png') no-repeat;
    height: 600px;
    background-size: 100% 100%;
    opacity: 1; /*背景色的透明度*/
}

    .login-left .login-left-title {
        position: absolute;
        top: 60px;
        text-align: center;
        width: 716px;
    }

    .login-left .login-left-title span{
        font-family:font-my;
        color: #2f5bd2;
        font-size:46px;
        text-shadow:  6px 0px 1px #fff,0px 6px 1px #fff;
    }

     .login-left .login-left-title-City {
        position: absolute;
        top: 120px;
        text-align: center;
        width: 716px;
    }
       .login-left .login-left-title-City span{
        font-family:font-my;
        color: #2f5bd2;
        font-size:46px;
        text-shadow:  6px 0px 1px #fff,0px 6px 1px #fff;
    }

    .login-left .login-left-bottom {
        color: #ffffff;
        position: absolute;
        bottom: 10px;
        text-align: center;
        width: 716px;
    }

        .login-left .login-left-bottom span {
            font-family:font-my;
            font-size: 18px;
            font-weight: bold;
        }

.login-right {
    width: 440px;
    height: 600px;
    float: right;
    background: #fff;
    opacity: 0.85; /*背景色的透明度*/
}

    .login-right .login-box {
        width: 318px;
        margin: 0 auto;
        margin-top: 60px;
    }

.login-box .div-center {
    text-align: center;
}

.login-box h2 {
     font-family:font-my;
    letter-spacing: 2px;
    margin-bottom: 50px;
    display: block;
    text-align: center;
    color: #2f5bd2;
    font-size: 36px;
}

input::-webkit-input-placeholder {
    color: #c1c1c1;
}

.div-row {
    margin-bottom: 44px;
    position: relative;
}

.div-row-nopwd {
    position: relative;
    margin-top: 2px;
}

    .div-row-nopwd span {
        float: right;
        color: #2f5bd2;
        font-size: 13px;
    }

.margar-bottom {
    margin-bottom: 10px;
}

.div-border-bottom{
    border-bottom: 1px solid #e6e6e6;
}

.div-row-zc {
    position: relative;
    margin-top: 5px;
}

    .div-row-zc .span_title {
        color: darkgray;
        font-size: 13px;
    }

    .div-row-zc .span_zc {
        color: red;
        font-size: 15px;
        font-weight: bold;
    }

.form-control {
    height: 48px;
    width: 278px;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 40px;
}

.form-control-yzm {
    height: 48px;
    width: 160px;
    border: none;
    /*    border-bottom: 1px solid #e6e6e6;*/
    padding-left: 40px;
}

.login-button {
    height: 46px;
    line-height: 46px;
    width: 82%;
    border: none;
    border-radius: 5px;
    background: #2f5bd2;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 2px;
    cursor: pointer;
    transition: .3s all linear;
    margin-top: 20px;
}

@media screen and (min-width: 960px) and (max-width:1200px) {
    .login-left {
        width: 560px;
    }

        .login-left img {
            width: 100%;
            height: 470px;
        }


    .login-right {
        width: 400px;
        overflow: hidden;
        height: 470px;
    }

    .login-button {
        margin-top: 20px;
    }

    .div-row {
        margin-bottom: 36px;
    }
}

@media screen and (max-width: 960px) {
    .login-left {
        display: none;
        float: none;
    }

    .login-right {
        float: none;
        margin: 0 auto;
        overflow: hidden;
        height: 470px;
        width: 418px;
    }

    .login {
        margin-top: 18px;
    }

    .div-row {
        margin-bottom: 28px;
    }
}

@font-face {
  font-family: "font-my";font-weight: 900;src: url("../font/myfont.woff2") format("woff2"),
  url("../font/myfont.woff") format("woff");
  font-display: swap;
}


/*找回密码样式*/
.findPwd-main {
    background: #fff;
    width: 1156px;
    height: 600px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    box-shadow: -15px 15px 15px rgba(6, 17, 47, 0.7);
    z-index: 99999;
    border-radius: 10px;
    overflow: hidden;
    opacity:0.9;/*透明度*/
}

.findPwd-Header {
    height:160px;
}

.findPwd-Header-title{
     position: absolute;
        top: 20px;
        text-align: center;
        width: 100%;
}

.findPwd-Header-title span{
        font-family:font-my;
        color:#2f5bd2;
        font-size:46px;
    }
.findPwd-Header-City{
     position: absolute;
        top: 80px;
        text-align: center;
         width: 100%;
}

.findPwd-Header-City span{
        font-family:font-my;
        color:#2f5bd2;
        font-size:46px;
    }

/*注册页面样式*/

.CompanyRegister-main {
    background: #fff;
    width: 1156px;
    height: 600px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    box-shadow: -15px 15px 15px rgba(6, 17, 47, 0.7);
    z-index: 99999;
    border-radius: 10px;
    overflow: hidden;
    opacity:0.9;/*透明度*/
}

.CompanyRegister-Header {
    height:55px;
}

.CompanyRegister-Header-title{
     position: absolute;
        top: 5px;
        text-align: center;
        width: 100%;
}

.CompanyRegister-Header-title span{
        font-family:font-my;
        color: #2f5bd2;
        font-size:30px;
    }

.CompanyRegister-Label-W{
    width:140px !important;
}

.CompanyRegister-margarLeft{
    margin-left:140px !important;
}



.btn-primary-my {
     background: #5a7ce2;
    /* Old browsers */
     background: -moz-linear-gradient(-45deg, #6785d6 0%, #5b7edc 50%, #4e75dc 51%, #3e67d6 71%, #2f5bd2 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(-45deg, #6785d6 0%,#5b7edc 50%,#4e75dc 51%,#3e67d6 71%,#2f5bd2 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(135deg, #6785d6 0%,#5b7edc 50%,#4e75dc 51%,#3e67d6 71%,#2f5bd2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='red', endColorstr='#2f5bd2',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
     background-size: 400% 400%;
     -webkit-animation: AnimationName 3s ease infinite;
     -moz-animation: AnimationName 3s ease infinite;
     animation: AnimationName 3s ease infinite;
     -webkit-animation: AnimationName 3s ease infinite;
     -moz-animation: AnimationName 3s ease infinite;
     animation: AnimationName 3s ease infinite;
     border: medium none;
}

 @-webkit-keyframes AnimationName {
     0%{
        background-position:0% 31%
    }
     50%{
        background-position:100% 70%
    }
     100%{
        background-position:0% 31%
    }
}
 @-moz-keyframes AnimationName {
     0%{
        background-position:0% 31%
    }
     50%{
        background-position:100% 70%
    }
     100%{
        background-position:0% 31%
    }
}
 @keyframes AnimationName {
     0%{
        background-position:0% 31%
    }
     50%{
        background-position:100% 70%
    }
     100%{
        background-position:0% 31%
    }
}

 /*下拉框选中的颜色*/
 .layui-form-select dl dd.layui-this {
    background-color: #1a998b !important;
    color: #fff;
}