/*contentĬÈÏ*/
.content {
    width: 60vw;
    height: 40vh;
    padding: 30vh 0;
    margin: auto;
}
.title-font {
    text-align: center;
    color: white;
    font-size: 2vw;
}
div {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

a {
    text-decoration: underline;
}
.a-help {
    position: absolute;
    right: 5vw;
    color: white;
    font-size: 1.5vw;
    top: 5vw;
}
.a-help:hover{
    color:white;
}
.content img {
    width: 24vw;
    margin: 0 18vw;
}

.content input {
    border: 0;
    border-radius: 1.5vw;
    font-size: 1vw;
    background: #1f79d9;
    color: #fff;
    width: 12vw;
    height: 3vw;
    box-shadow: rgba(51, 51, 51, 0.40) 0.13vw 0.13vw;
    margin: 0vw 0vw 0;
    cursor: pointer;
}

    .content input:hover {
        box-shadow: 0 0 1vw #00BCF1;
    }

.hide {
    display: none;
}

.btn-verifycode {
    font-size: 1vw;
    border: 0;
    float: right;
    background: #1f79d9;
    color: #fff;
    width: 8vw;
    height: 2.5vw;
    box-shadow: rgba(51, 51, 51, 0.40) 0.13vw 0.13vw;
    cursor: pointer;
}

    .btn-verifycode:disabled {
        color: #999;
        background: #d0d0d0;
        cursor: not-allowed;
    }

.layer-ct-r {
    width: 20vw;
    height: 15vw;
    margin: 0.5vw 4vw 1vw;
    font-size: 1.4vw;
    position: relative;
}

    .layer-ct-r.tr {
        width: 20vw;
        height: 17vw;
        margin: 1.5vw 4vw 2vw;
        font-size: 1.3vw;
        position: relative;
    }

.layer-ct-item-r {
    width: 20vw;
    border: 0.1vw solid #ccc;
    margin: 1.0vw 0vw;
    height: 2.5vw;
    line-height: 2.5vw;
    overflow: hidden;
}

    .layer-ct-item-r.s {
        margin: 0.75vw 0vw;
        height: 2.3vw;
        line-height: 2vw;
    }

    .layer-ct-item-r .it {
        float: left;
        color: #ccc;
        display: block;
        width: 5vw;
        padding-left: 3vw;
        font-size: 1.1vw;
        overflow: hidden;
        height: 2.3vw;
        line-height: 2.3vw;
    }

    .layer-ct-item-r .phone {
        background: url(/img/cssimg/ind-p.png) no-repeat;
        background-size: 1.4vw 1.4vw;
        background-position: 0.55vw center;
    }

    .layer-ct-item-r .pwd {
        background: url(/img/cssimg/ind-pwd.png) no-repeat;
        background-size: 1.4vw 1.4vw;
        background-position: 0.55vw center;
    }

    .layer-ct-item-r input {
        float: left;
        width: 10vw;
        border: 0;
        border-radius: 0.2vw;
        padding: 0 1vw;
        font-size: 1.1vw;
        outline: none;
        height: 2.5vw;
    }

        .layer-ct-item-r input:focus {
            background: #fbfbfb;
        }

    .layer-ct-item-r select {
        float: left;
        width: 12vw;
        border: 0;
        border: 0;
        border-radius: 0.2vw;
        padding: 0 1vw;
        font-size: 1.1vw;
        outline: none;
        height: 2.3vw;
        line-height: 2.3vw;
        background: #fbfbfb;
    }

        .layer-ct-item-r select:focus {
            background: #fbfbfb;
        }

.layer-login {
    margin-top: 5vw;
    text-align: center;
}

.doc-a {
    margin-top: 1vw;
}

    .doc-a a {
        font-size: 1vw;
        color: white;
    }

.cs-content {
    color: white;
    font-size: 1vw;
}

    .cs-content a {
        color: white;
    }

/*ÖØÔØbootstrap*/
.input-group {
    border-radius:0;
    display:-webkit-flex;
}
    .input-group > .form-control {
        -webkit-flex: 1 1 auto;
    }
.input-group-append, .input-group-prepend{
    display:-webkit-flex;
}
.form-control {
    font-size: 1.1vw;
    padding: 0.3vw 1vw;
    border-radius: 0;
}

.btn {
    font-size: 1.1vw;
    padding:0.1vw 1vw;
}

.form-control:focus {
    box-shadow: none;
}
.btn:focus{
    box-shadow:none;
}

@media screen and (orientation : landscape) and (max-width:1024px) {
    .title-font {
        font-size: 4vw;
    }
    body * {
        -webkit-text-size-adjust: none;
    }
    .form-control {
        font-size: 3vw;
        padding: 0.1vw 1vw;
        border-radius: 0;
    }

    .btn {
        font-size: 3vw;
    }
    .btn-verifycode {
        font-size: 2vw;
        border: 0;
        float: right;
        background: #1f79d9;
        color: #fff;
        width: 16vw;
        height: 5vw;
        box-shadow: rgba(51, 51, 51, 0.40) 0.13vw 0.13vw;
        cursor: pointer;
    }

        .btn-verifycode:disabled {
            color: #999;
            background: #d0d0d0;
            cursor: not-allowed;
        }

    .content {
        width: 90vw;
        height: 40vh;
        padding: 1vh 0;
        margin: auto;
    }

        .content img {
            width: 54vw;
            margin: 0 17vw;
        }

        .content input {
            font-size: 3vw;
            border: 0;
            border-radius: 2.5vw;
            background: #1f79d9;
            color: #fff;
            width: 22vw;
            height: 5vw;
            box-shadow: rgba(51, 51, 51, 0.40) 0.13vw 0.13vw;
            margin: 2vw 32vw 0;
            cursor: pointer;
        }

            .content input:hover {
                box-shadow: 0 0 1vw #00BCF1;
            }

    .layer-ct-r {
        width: 48vw;
        height: 20vw;
        margin: 0.5vw 4vw 1vw;
        font-size: 3vw;
        position: relative;
    }

        .layer-ct-r.tr {
            width: 48vw;
            height: 20vw;
            margin: 0.5vw 4vw 1vw;
            font-size: 4vw;
            position: relative;
        }

    .layer-ct-item-r {
        width: 48vw;
        border: 0.1vw solid #ccc;
        margin: 1.0vw 0vw;
        height: 5vw;
        line-height: 5vw;
        overflow: hidden;
    }

        .layer-ct-item-r.s {
            width: 48vw;
            margin: 0.75vw 0vw;
            height: 5vw;
            line-height: 5vw;
        }

        .layer-ct-item-r .it {
            float: left;
            color: #ccc;
            display: block;
            padding-left: 5vw;
            font-size: 4vw;
            overflow: hidden;
            width: 17vw;
            width: fit-content;
            width: -moz-fit-content;
            width: -webkit-fit-content;
            height: 5vw;
            line-height: 5vw;
        }

        .layer-ct-item-r .phone {
            background: url(/img/cssimg/ind-p.png) no-repeat;
            background-size: 3vw 3vw;
            background-position: 0.5vw center;
        }

        .layer-ct-item-r .pwd {
            background: url(/img/cssimg/ind-pwd.png) no-repeat;
            background-size: 3vw 3vw;
            background-position: 0.5vw center;
        }

        .layer-ct-item-r input {
            float: left;
            width: 24vw;
            border: 0;
            border: 0;
            border-radius: 0.2vw;
            padding: 0 1vw;
            font-size: 4vw;
            outline: none;
            height: 5vw;
            line-height: 5vw;
        }

            .layer-ct-item-r input:focus {
                background: #fbfbfb;
            }

        .layer-ct-item-r select {
            float: left;
            width: 24vw;
            border: 0;
            border: 0;
            border-radius: 0.2vw;
            padding: 0 1vw;
            font-size: 4vw;
            outline: none;
            height: 5vw;
            background: #fbfbfb;
        }

    .layer-login {
        margin-top: 0vw;
        text-align: center;
    }

    .doc-a a {
        font-size: 3vw;
        color: white;
    }

    .cs-content {
        font-size: 3vw;
        bottom: 0;
    }
}

@media screen and (orientation : portrait) {
    .a-help {
        font-size:4vw;
    }
    .title-font {
        font-size: 4vw;
    }
    .content {
        width: 90vw;
        height: 40vh;
        padding: 30vh 0;
        margin: auto;
    }
    .form-control {
        font-size: 4vw;
    }

    .btn {
        font-size: 4vw;
    }
    .btn-verifycode {
        font-size: 2vw;
        border: 0;
        float: right;
        background: #1f79d9;
        color: #fff;
        width: 16vw;
        height: 5vw;
        box-shadow: rgba(51, 51, 51, 0.40) 0.13vw 0.13vw;
        cursor: pointer;
    }

        .btn-verifycode:disabled {
            color: #999;
            background: #d0d0d0;
            cursor: not-allowed;
        }

    .content img {
        width: 54vw;
        margin: 0 17vw;
    }

    .content input {
        font-size: 4vw;
        border: 0;
        border-radius: 4vw;
        background: #1f79d9;
        color: #fff;
        width: 27vw;
        height: 8vw;
        box-shadow: rgba(51, 51, 51, 0.40) 0.13vw 0.13vw;
        margin: 5vw 32vw 0;
        cursor: pointer;
    }

        .content input:hover {
            box-shadow: 0 0 1vw #00BCF1;
        }

    .layer-ct-r {
        width: 52vw;
        height: 20vw;
        margin: 0.5vw 4vw 1vw;
        font-size: 3vw;
        position: relative;
    }

        .layer-ct-r.tr {
            width: 52vw;
            height: 20vw;
            margin: 0.5vw 4vw 1vw;
            font-size: 4vw;
            position: relative;
        }

    .layer-ct-item-r {
        width: 52vw;
        border: 0.2vw solid #ccc;
        margin: 1.0vw 0vw;
        height: 5vw;
        line-height: 5vw;
        overflow: hidden;
    }

        .layer-ct-item-r.s {
            width: 52vw;
            margin: 0.75vw 0vw;
            height: 5vw;
            line-height: 5vw;
        }

        .layer-ct-item-r .it {
            float: left;
            color: #ccc;
            display: block;
            padding-left: 5vw;
            font-size: 4vw;
            overflow: hidden;
            width: 17vw;
            width: fit-content;
            width: -moz-fit-content;
            width: -webkit-fit-content;
            height: 5vw;
            line-height: 5vw;
        }

        .layer-ct-item-r .phone {
            background: url(/img/cssimg/ind-p.png) no-repeat;
            background-size: 3vw 3vw;
            background-position: 0.5vw center;
        }

        .layer-ct-item-r .pwd {
            background: url(/img/cssimg/ind-pwd.png) no-repeat;
            background-size: 3vw 3vw;
            background-position: 0.5vw center;
        }

        .layer-ct-item-r input {
            float: left;
            width: 25vw;
            border: 0;
            border-radius: 0.2vw;
            padding: 0 1vw;
            font-size: 4vw;
            outline: none;
            height: 5vw;
            line-height: 5vw;
        }

            .layer-ct-item-r input:focus {
                background: #fbfbfb;
            }

        .layer-ct-item-r select {
            float: left;
            width: 28vw;
            border: 0;
            border: 0;
            border-radius: 0.2vw;
            padding: 0 1vw;
            font-size: 4vw;
            outline: none;
            height: 5vw;
            background: #fbfbfb;
        }

    .doc-a a {
        font-size: 4vw;
        color: white;
    }

    .cs-content {
        font-size: 3vw;
        bottom: 1vw;
    }
}