﻿.init-screen a {
    text-decoration: none !important;
    color: inherit !important;
}
.login-bg {
    background: url(../images/bg-20-01.jpg) center top no-repeat;
    background-size: 100%;
    position: relative;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
    .login-bg .intro-detail-box {
        min-height: calc(55vh);
    }
    .login-bg .nav-box{
        color:#fff;
    }
.con {
    width: 385px;
    margin: 25px auto 0px;
    position: relative;
}
.intro-detail-box{
    min-height:0;
}
.tracker-box {
    overflow: hidden;
    text-align: center;
}

.tracker-track {
    min-width: 100%;
    min-height: 100%;
    display: table;
    white-space: nowrap;
    font-size: 0;
    text-align: center;
}
    .tracker-track .tracker-item {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        cursor: pointer;
        line-height: 25px;
        margin-right: 100px;
    }
        .tracker-track .tracker-item:last-child{
            margin-right:0;
        }
.tracker-item a {
    font-size: 22px;
    padding-left: 35px;
    background: url(../images/list_dragon01.png) left -7px no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none !important;
    color: inherit !important;
}

.tracker-track .tracker-item.cur {
    /*color: #9a7646;*/
    color: #c38b04;
}
.tracker-item.cur a {
    background-position: left -45px
}
.link {
    position: relative;
    cursor: pointer;
    min-width: 80px;
    text-align: center;
    height: 37px;
    line-height: 37px;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
    display: inline-block;
    color: #fff
}
    .link:hover, .link:focus {
        color: #fff;
    }
    .login_form {
        margin-top: 30px;
    }
.login_form .inp {
    background: url(../images/input1.png) left center no-repeat;
    width: 100%;
    height: 40px;
    margin-top: 12px;
    position: relative;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px
}

    .login_form .inp input, .login_form .inp input:focus-visible {
        width: 100%;
        background: none;
        border: none;
        outline:none;
    }
        .login_form .inp.yzm {
            background: url(../images/input2.png) left center no-repeat
        }

        .login_form .inp.yzm input {
            width: calc(100% - 133px)
        }

        .login_form .inp.yzm .img {
            width: 90px;
            height: 40px;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            cursor: pointer
        }

            .login_form .inp.yzm .img img {
                max-width: 100%
            }

.login_form input::-webkit-input-placeholder, .login_form textarea::-webkit-input-placeholder {
    color: #fff
}

.login_form input::-moz-placeholder, .login_form textarea::-moz-placeholder {
    color: #fff
}

.login_form input:-ms-input-placeholder, .login_form textarea:-ms-input-placeholder {
    color: #fff
}

.login_form input::-ms-input-placeholder, .login_form textarea::-ms-input-placeholder {
    color: #fff
}

.login_form input::placeholder, .login_form textarea::placeholder {
    color: #fff
}

.login_form .inp.yzyx {
    background: url(../images/input2.png) left center no-repeat
}

    .login_form .inp.yzyx input {
        width: calc(100% - 133px)
    }

    .login_form .inp.yzyx .but {
        width: 90px;
        height: 40px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: url(../images/btn12.png) no-repeat center;
        background-size: cover
    }

        .login_form .inp.yzyx .but a {
            display: block;
            width: 100%;
            height: 100%;
            line-height: 40px;
            text-align: center
        }
.login_form .dl {
    position: relative
}

.login_form .forget {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.login_form .dl a.link {
    width: 158px;
    height: 40px;
    line-height: 40px;
    margin: 30px auto 0;
    display: block;
    font-size: 16px
}

 