.red {
    color: red;
}

select {
    padding: 0px 6px !important;
    color: #000;
}

.form-wrap {
    background-color: #fff;
}

.layui-form-tst {
    width: 100%;
    background-color: #fff;
    margin-top: 12px;
    padding: 16px 26px 16px 0px;
    border-radius: 2px;
    font-size: 13px;
    margin-bottom: 50px;
}

.layui-form-item {
    margin-bottom: 10px !important;
}

.layui-form-label {
    width: 125px;
}

.layui-input-block {
    margin-left: 125px !important;
    min-height: 36px;
}

.layui-text {
    line-height: 30px !important;
    font-size: 13px;
    color: #666;
}

.layui-btns {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    vertical-align: top;
    padding: 0 8px;
    background-color: #009688;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 13px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}


.layui-form-a {
    font-size: 13px;
    line-height: 38px;
    color: #0dabe7;
}

.layui-table {
    margin: 0 !important;
}

.layui-table-view {
    margin: 0 0 10px 0 !important;
}

.btn {
    float: right;
    margin-left: 10px;
}

.layui-table-cell {
    line-height: 39px !important;
}

.sub {
    border-radius: 0 2px 2px 0;
    background-color: #f2f2f2;
    padding: 5px;
    width: 100%;
    position: fixed;
    z-index: 99999;
    margin-top: -31px;
    margin-left: 0px;
}

input, select, textarea {
    font-size: 13px;
    height: 35px;
}

.select2-results__option {
    font-size: 13px;
}

.layui-elem-quote {
    background-color: #fff !important;
}

.layui-form-select {
    width: 43%;
    display: inline-block;
}

.width50 {
    width: 50%;
}

.width75 {
    width: 75%;
}

.width80 {
    width: 80%;
}

.width90 {
    width: 86%;
}

.layui-inline {
    width: 42%;
}

.layui-input-inline {
    width: 65% !important;
}

.layui-table-cell {
    height: 39px;
}
/*文本对齐方式*/
.text-center {
    text-align: center;
}

.SelfTestBanner {
    width: 95%;
    height: 232px;
    background: url(image/seftestbanner11.jpg) no-repeat center center;
}
.SelfTestBanner2{
    width: 95%;
    height: 232px;
    background: url(image/seftestbanner12.jpg) no-repeat center center;
}
.SelfTestBanner3 {
    width: 95%;
    height: 232px;
    background: url(image/seftestbanner13.jpg) no-repeat center center;
}

.SelfTestConten {
    width: 1200px;
    height: 950px;
    margin: auto;
    background: url(image/zjtx2.jpg) no-repeat center center;
}



.side-bar {
    position: fixed;
    z-index: 999;
    bottom: 20%;
    right: 1.5rem;
    background: #FFFFFF;
}

    .side-bar ul {
        padding: 0 0.38rem;
    }

        .side-bar ul li {
            text-align: center;
            padding: 0.38rem 0;
            user-select: none;
            cursor: pointer;
        }

            .side-bar ul li:not(:last-child) {
                border-bottom: 0.06rem solid #F2F2F2;
            }

            .side-bar ul li img {
                width: 1.5rem;
                height: 1.5rem;
                margin: 0 auto 0.25rem auto;
            }

            .side-bar ul li p {
                font-size: 0.75rem;
                font-family: PingFangSC-Regular,PingFang SC;
                font-weight: 400;
                color: rgba(102,102,102,1);
                line-height: 1rem;
            }

            .side-bar ul li .call-bar-tel:hover .phone-number {
                display: block;
            }

    .side-bar .phone-number {
        position: absolute;
        padding: 1.1rem;
        background: rgba(255,255,255,1);
        box-shadow: 0rem 0rem 1rem 0rem rgba(204,204,204,0.3);
        border: 0.06rem solid rgba(242,242,242,1);
        right: 4.5rem;
        top: 3.8rem;
        width: 170px;
        display: none;
    }
    .side-bar ul li:nth-child(1):hover .Qyweixinh {
        display: block;
    }
    .side-bar .Qyweixinh {
        position: absolute;
        width: 6.67rem;
        height: 6.25rem;
        padding: 0.63rem;
        background: rgba(255,255,255,1);
        box-shadow: 0rem 0rem 1rem 0rem rgba(204,204,204,0.3);
        border: 0.06rem solid rgba(242,242,242,1);
        right: 4.5rem;
        top:-0.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        display: none;
    }

        .side-bar .Qyweixinh img {
            width: 100%;
            height: 100%;
        }

    .side-bar ul li:nth-child(3):hover .weixinqr {
        display: block;
    }

    .side-bar .weixinqr {
        position: absolute;
        width: 6.67rem;
        height: 6.25rem;
        padding: 0.63rem;
        background: rgba(255,255,255,1);
        box-shadow: 0rem 0rem 1rem 0rem rgba(204,204,204,0.3);
        border: 0.06rem solid rgba(242,242,242,1);
        right: 4.5rem;
        top: 5.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        display: none;
    }

        .side-bar .weixinqr img {
            width: 100%;
            height: 100%;
        }

    .side-bar .sidebar-mask {
        position: fixed;
        width: 22.5rem;
        height: 33.5rem;
        bottom: 0;
        background: rgba(246,246,246,1);
        box-shadow: 0rem 0rem 1.25rem 0rem rgba(50,50,50,0.26);
        border-radius: 0.25rem;
        right: 6rem;
        display: none;
    }

        .side-bar .sidebar-mask .iframe-close {
            position: absolute;
            right: 13px;
            top: 0.51rem;
            color: #fff;
            font-size: 2rem;
            font-weight: lighter;
        }

        .side-bar .sidebar-mask .iframe-wrapper {
            width: 100%;
            height: 100%;
        }

            .side-bar .sidebar-mask .iframe-wrapper iframe {
                width: 100%;
                height: 100%;
            }

@media (max-width: 768px) {
    .side-bar {
        width: 100%;
        height: 10%;
        box-sizing: border-box;
        padding: 0.63rem 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99999;
    }

        .side-bar ul {
            display: grid;
            height: 100%;
            grid-template-columns: auto auto auto auto auto;
        }

            .side-bar ul li {
                padding: 0;
                text-align: center;
                height: 100%;
                border: none !important;
            }

                .side-bar ul li img {
                    margin: 0 auto;
                }

                .side-bar ul li p {
                    margin-top: 0.25rem;
                }

        .side-bar .sidebar-mask {
            position: fixed;
            z-index: 1999;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.3);
            display: none;
        }

        .side-bar .weixinqr {
            top: -15vh;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

        .side-bar .sidebar-mask .iframe-wrapper {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 80%;
        }
}