[class*='anim']:hover,
[class*='anim'] * {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
}

.col888{color: #8B8DA1;}
.col888:hover{color: rgba(75, 132, 247, 1);}
.animinput {
    height: 4.4vh;
    width: 100%;
    line-height: 4.4vh;

    background-color: #fff;
    box-sizing: border-box;
    padding-left: 7.4vh;
    color: #333;
    font-size: 1.6vh;
    background: #F6F6FA;
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #F6F6FA;
}

.animinput:focus {
    border: 1px solid #409eff !important;
}

.animinput:hover {
    border: 1px solid #409eff !important;
}

.animinput::placeholder {
    color: #999;
}

.all-window {
    width: 100%;
    height: 100%;
    background: url(../images/bg-window.png) no-repeat;
    background-size: 100% 100%;
}


.layui-tab-item {
    display: none;
    padding-bottom: 5.5vh;
}

.item-show {
    display: block;
}


.layui-nav-item {
    cursor: pointer;
}

.layui-nav-item {
    border-bottom: 1px solid rgb(238, 238, 238);
}

.layui-this {
    color: rgb(19, 98, 254);
    border-bottom: 2px solid rgb(19, 98, 254) !important;
}

.banner-txt {
    top: 47%;
    left: 17%;
}

.banner-txt .chtxt {
    font-size: 4.5vh;
    line-height: 4.5vh;
    color: #fff;
}

.banner-txt .entxt {
    font-size: 3.1vh;
    line-height: 3.1vh;
    color: #fff;
    margin-top: 2.8vh;
}

.fs-p17 {
    font-size: 1.5vh !important
}

.sign {
    position: absolute;
    right: 15.7vw;
    top: 7vh;

    width: 25%;

}

.bg-logo {
    background: url(../images/logo.png) center no-repeat;
    background-size: 100% 100%;
    /* padding-left: 9.25vh; */
    height: 8.6vh;
    line-height: 8.6vh;
    /* width: 28vh; */
    /* margin-left:5.6vw; */
}

.sign-box {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    height: 43vh;
    margin-top: 4vh;
    padding: 0 6vh;
}

.lh68 {
    line-height: 6.8vh !important;
}

.fs-p18 {
    font-size: 1.7vh !important;
}

.plr70 {
    padding-left: 6.65vh;
    padding-right: 6.65vh;
}

.lh68 {
    line-height: 5.5vh;
}

.input-ico {
    width: 2vh;
    height: 2vh;
    position: absolute;
    left: 1.8vh;
    top: 1.2vh;
}

.input-line {
    width: 1px;
    height: 2.2vh;
    position: absolute;
    left: 5.5vh;
    top: 1vh;
    background-color: #cfd5dd;
}

.mt16 {
    margin-top: 1.7vh;
}

.verification {
    position: absolute;
    top: 0;
    right: 0;
    width: 9vh;
    height: 100%;
}

.btn-submit {
    margin-top:30px;
    display: block;
    width: 100%;
    height: 4.6vh;
    line-height: 4.6vh;
    text-align: center;
    font-size: 1.7vh;
    border-radius: 5px;
    background-image: linear-gradient(to right, rgb(4, 75, 255), rgb(50, 111, 253));
}

.footer-txt {
    width: 100%;
    position: absolute;
    bottom: 4.15vh;
}

/* 东桥登录补充 */
.dqlogin {
    background: url(../images/bg-dq.png) no-repeat;
    background-size: 100% 100%;
}

.dqlogin .sign {
    width: 25%;
}

.dqlogin .footer-txt p {
    color: #EA5802;
    width: 1000px;
    margin: 0 auto;
    border: 1px solid #EA5802;
    padding: 6px 0;
}

.dqlogin .sign-box {
    height: auto
}

.dqlogin .headtitle {
    padding: 20px 0 30px 0;
}

.dqlogin .headtitle span {
    font-weight: normal;
    margin-left: 6px;
}

.dqlogin .headtitle::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 2vh;
    background: #4b84f7;
    margin-left: -20px;
    margin-top: 5px;
    display: none;
}

.dqlogin .layui-nav-item.lh68 {
    line-height: 4vh !important;
    font-weight: bold;
    color:#aaa;
}

.dqlogin .input-line{
    display: none;
}


.dqlogin .layui-this {
    border-bottom: 3px solid rgb(19, 98, 254) !important;
    color:rgb(19, 98, 254) !important
}

.dqlogin .animinput:focus {
    border: 1px solid #409eff !important;
}

.dqlogin .animinput:hover {
    border: 1px solid #409eff !important;
}

.dqlogin .colblue{
    color:rgb(19, 98, 254) !important
}
.checkbox-custom {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-custom input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox-custom .checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #eee;
    border:1px solid #999;
    border-radius: 50%;
}

.checkbox-custom input:checked ~ .checkmark {
    background-color: #476ff6;
    border:1px solid #fff;
}

.checkbox-custom .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-custom input:checked ~ .checkmark:after {
    display: block;
}

/* 这里是创建一个小的白色圆形来表示选中的复选框 */
.checkbox-custom .checkmark:after {
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
    transform: translate(-50%, -50%);
}


.dqlogin .verification{left:102%;}