.text-title {
    color: #212628
}

.text-sub {
    color: #666
}

.bg-sub {
    background: #666
}

.text-white {
    color: #fff !important
}

.text-color9 {
    color: #999
}

.text-color4 {
    color: #444
}

.text-black {
    color: #333
}

.bg-bg {
    background: #fafafa
}

.bg-white {
    background: #fff
}

.bg-primary {
    background: #00463E
}

.bg-active {
    background: #fdeded
}

.bg-bbb {
    background: #bbb
}

.text-blue {
    color: #c7e3ff
}

.bg-border {
    background: #edecec
}

.text-5d {
    color: #5d5d5d
}

.text-border2 {
    color: #d9d9d9
}

.border-primary {
    border-bottom: 1px solid #00463E
}

.bannertop .swiper-prev, .bannertop .swiper-next {
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 70px;
    background: #000;
    opacity: .4;
    z-index: 2;
    cursor: pointer;
    text-align: center;
    line-height: 70px;
    color: #fff;
    font-size: 50px
}

    .bannertop .swiper-prev:hover, .bannertop .swiper-next:hover {
        opacity: .5;
        color: #00463E
    }

.bannertop .swiper-prev {
    left: 30px
}

.bannertop .swiper-next {
    right: 30px
}

.test-you-home {
    width: 100%;
    background-color: #040408
}

    .test-you-home .test-you-home-box {
        width: 1200px;
        height: 100px;
        margin: auto;
        background-image: url(//s.dyrs.cc/static/pc/images/test_bg.jpg);
        padding-top: 20px
    }

        .test-you-home .test-you-home-box .title {
            font-size: 30px;
            color: #fff;
            width: 100%;
            text-align: center
        }

        .test-you-home .test-you-home-box .big-title {
            font-size: 40px;
            text-align: center;
            color: #fff;
            font-weight: bold
        }

        .test-you-home .test-you-home-box .subtitle {
            font-size: 20px;
            color: #fff;
            text-align: center;
            font-weight: bold
        }

        .test-you-home .test-you-home-box .jiantou {
            color: #fff;
            text-align: center;
            font-size: 30px
        }

        .test-you-home .test-you-home-box .check-btn {
            margin: auto;
            width: 60px;
            border: 1px solid #fff;
            font-size: 18px;
            padding: 7px 40px;
            border-radius: 20px;
            color: #fff;
            cursor: pointer;
            transition: all .5s
        }

            .test-you-home .test-you-home-box .check-btn:hover {
                color: #00463E;
                border: 1px solid #00463E
            }

.cl {
    clear: both;
    width: 0;
    height: 0
}

.frande-link {
    width: 100%
}

    .frande-link .title-list {
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #edecec;
        overflow: hidden
    }

        .frande-link .title-list li {
            float: left;
            padding-right: 24px;
            position: relative;
            cursor: pointer
        }

            .frande-link .title-list li div {
                position: absolute;
                bottom: -15px;
                width: 80%;
                height: 2px
            }

            .frande-link .title-list li.active {
                font-weight: bold
            }

                .frande-link .title-list li.active div {
                    background: #e40018
                }

            .frande-link .title-list li:hover {
                color: #00463E
            }

    .frande-link .content-list {
        width: 100%;
        overflow: hidden;
        margin-top: 30px
    }

        .frande-link .content-list li {
            float: left;
            padding: 13px 40px 13px 0
        }

            .frande-link .content-list li:hover {
                color: #00463E
            }

.find-nab {
    background: #333;
    width: 100%;
    height: 165px
}

    .find-nab .title {
        width: 100%;
        color: #fff;
        font-size: 20px;
        padding: 20px;
        position: relative
    }

        .find-nab .title span {
            color: #D4C09D
        }

        .find-nab .title:after {
            content: '';
            position: absolute;
            display: block;
            width: 100px;
            height: 1px;
            background: #D4C09D;
            bottom: 15px;
            left: 20px
        }

    .find-nab .btn-list {
        width: 590px;
        position: relative;
        float: left
    }

        .find-nab .btn-list .search-self {
            float: left;
            background: #fff;
            position: relative
        }

            .find-nab .btn-list .search-self select {
                margin-left: 5px;
                background: #fff;
                padding: 10px;
                border: none;
                outline: none;
                color: #666;
                width: 60px
            }

            .find-nab .btn-list .search-self input {
                padding: 10px 20px;
                width: 270px;
                color: #666
            }

            .find-nab .btn-list .search-self button {
                background: #00463E;
                color: #fff;
                padding: 12px 20px;
                outline: none;
                cursor: pointer
            }

                .find-nab .btn-list .search-self button:hover {
                    background: #ed7669;
                    border-color: #ed7669;
                    color: #fff
                }

            .find-nab .btn-list .search-self:after {
                content: '';
                display: block;
                position: absolute;
                top: 9px;
                left: 70px;
                height: 60%;
                width: 1px;
                background: #666
            }

        .find-nab .btn-list .libtitle {
            width: 100%;
            position: absolute;
            overflow: hidden;
            top: 55px
        }

    .find-nab .select-btn {
        float: right;
        position: relative
    }

        .find-nab .select-btn .select-input {
            float: left;
            position: relative;
            margin: 0 10px
        }

            .find-nab .select-btn .select-input .filter-text {
                background: #3e3e3e;
                padding: 0px 20px;
                color: #edecec;
                height: 40px;
                border: 1px solid #ccc;
                width: 110px;
                float: left;
                border-radius: 3px
            }

                .find-nab .select-btn .select-input .filter-text .filter-title {
                    height: 40px;
                    line-height: 40px;
                    color: #edecec
                }

                .find-nab .select-btn .select-input .filter-text .icon-filter-arrow {
                    top: 18px
                }

        .find-nab .select-btn select {
            background: #3e3e3e;
            color: #edecec;
            padding: 0px 20px;
            height: 43px;
            border: 1px solid #ccc;
            width: 140px;
            display: block;
            float: left;
            background: #3e3e3e;
            border-radius: 3px;
            margin: 0 10px
        }

        .find-nab .select-btn .tuij {
            width: 400px;
            position: absolute;
            top: 55px;
            left: 10px
        }

.content-list {
    width: 1230px;
    overflow: hidden
}

    .content-list .zhuangxiu-card {
        float: left;
        width: 380px;
        height: 490px;
        border: 1px solid #edecec;
        background: #f7f7f7;
        margin: 0 25px 25px 0
    }

        .content-list .zhuangxiu-card .img-box {
            height: 420px;
            width: 100%;
            overflow: hidden;
            position: relative
        }

            .content-list .zhuangxiu-card .img-box img {
                width: 100%;
                transition: all .5s
            }

            .content-list .zhuangxiu-card .img-box:hover img {
                transform: scale(1.05, 1.05)
            }

            .content-list .zhuangxiu-card .img-box:hover .shadow {
                display: block
            }

            .content-list .zhuangxiu-card .img-box .shadow {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: none;
                background: rgba(0, 0, 0, 0.3)
            }

                .content-list .zhuangxiu-card .img-box .shadow .circle {
                    background: rgba(255, 255, 255, 0.5);
                    width: 80px;
                    height: 80px;
                    border-radius: 50%;
                    line-height: 80px;
                    text-align: center;
                    margin: 150px auto;
                    color: #00463E
                }

        .content-list .zhuangxiu-card .detail-box {
            width: 100%;
            height: 80px;
            padding: 15px 10px
        }

            .content-list .zhuangxiu-card .detail-box .designer {
                float: left;
                width: 80px;
                height: 80px;
                border-radius: 5px;
                overflow: hidden
            }

                .content-list .zhuangxiu-card .detail-box .designer img {
                    width: 100%
                }

            .content-list .zhuangxiu-card .detail-box .msg {
                float: left;
                width: 240px;
                margin-left: 16px
            }

                .content-list .zhuangxiu-card .detail-box .msg .title {
                    color: #212628;
                    font-size: 16px;
                    overflow: hidden;
                    white-space: nowrap;
                    -webkit-text-overflow: ellipsis;
                    -moz-text-overflow: ellipsis;
                    -ms-text-overflow: ellipsis;
                    text-overflow: ellipsis
                }

                    .content-list .zhuangxiu-card .detail-box .msg .title:hover {
                        color: #00463E
                    }

                .content-list .zhuangxiu-card .detail-box .msg .sub {
                    color: #666;
                    font-size: 14px;
                    overflow: hidden;
                    white-space: nowrap;
                    -webkit-text-overflow: ellipsis;
                    -moz-text-overflow: ellipsis;
                    -ms-text-overflow: ellipsis;
                    text-overflow: ellipsis
                }

                .content-list .zhuangxiu-card .detail-box .msg .tel {
                    width: 100px;
                    height: 25px;
                    border: 1px solid #00463E;
                    color: #00463E;
                    font-size: 16px;
                    line-height: 25px;
                    text-align: center;
                    cursor: pointer
                }

                    .content-list .zhuangxiu-card .detail-box .msg .tel:hover {
                        color: darkred;
                        border: 1px solid darkred
                    }

            .content-list .zhuangxiu-card .detail-box .yuyuebtn {
                float: left;
                display: none
            }

        .content-list .zhuangxiu-card:hover .yuyuebtn {
            display: block
        }

.hotlist .search-self {
    float: left;
    background: #fff;
    background: transparent;
    border: 1px solid #edecec;
    position: relative
}

    .hotlist .search-self select {
        margin-left: 5px;
        background: #fff;
        background: transparent;
        padding: 10px;
        border: none;
        outline: none;
        color: #fff;
        width: 60px
    }

    .hotlist .search-self input {
        padding: 10px 20px;
        width: 270px;
        background: transparent;
        color: #fff
    }

    .hotlist .search-self button {
        color: #fff;
        padding: 12px 20px;
        outline: none;
        cursor: pointer;
        background: rgba(255, 255, 255, 0.4)
    }

        .hotlist .search-self button:hover {
            background: #ed7669;
            border-color: #ed7669;
            color: #fff
        }

    .hotlist .search-self:after {
        content: '';
        display: block;
        position: absolute;
        top: 9px;
        left: 70px;
        height: 60%;
        width: 1px;
        background: #edecec
    }

.hotlist .button {
    background: transparent;
    color: #fff;
    padding: 12px 20px
}

    .hotlist .button i {
        display: inline-block;
        width: 15px
    }

/* .topic-list {
    overflow: hidden
} */

.topic-list li {
    float: left;
    width: 383px;
    height: 295px;
    overflow: hidden;
    position: relative
}

    .topic-list li + li {
        margin-left: 10px
    }

    .topic-list li img {
        transition: all .5s
    }

    .topic-list li h1 {
        max-width: 80%;
        white-space: nowrap;
        overflow: hidden;
        -webkit-text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        position: absolute;
        top: 55px;
        left: 30px;
        font-weight: bold;
        z-index: 2;
        font-size: 26px
    }

    .topic-list li p {
        position: absolute;
        max-width: 80%;
        z-index: 2;
        white-space: nowrap;
        overflow: hidden;
        -webkit-text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        top: 100px;
        left: 30px;
        color: #969696
    }

    .topic-list li:hover img {
        transform: scale(1.05, 1.05)
    }

.topic-list::after {
    clear: both
}

.hotzhuang {
    margin-top: 30px
}

    .hotzhuang .content-left {
        float: left;
        width: 880px
    }

        .hotzhuang .content-left .lists {
            padding: 0;
            margin: 0
        }

            .hotzhuang .content-left .lists .list {
                list-style: none;
                width: 100%;
                height: 240px;
                overflow: hidden;
                border-radius: 3px;
                position: relative;
                margin-bottom: 10px;
                transition: all .5s
            }

                .hotzhuang .content-left .lists .list .spacial {
                    position: absolute;
                    width: 70px;
                    top: 22px;
                    left: 0px;
                    height: 25px;
                    background: #d7eee3;
                    border-top-right-radius: 15px 20px;
                    font-size: 14px;
                    overflow: hidden;
                    white-space: nowrap;
                    cursor: pointer;
                    transition: all .5s;
                    z-index: 1
                }

                    .hotzhuang .content-left .lists .list .spacial .s1 {
                        background: #84cfad;
                        position: absolute;
                        left: 0;
                        padding: 3px 5px;
                        width: 70px;
                        color: #fff
                    }

                        .hotzhuang .content-left .lists .list .spacial .s1:after {
                            content: '';
                            display: block;
                            position: absolute;
                            right: -7px;
                            width: 0;
                            height: 0;
                            top: 0;
                            border-left: 7px solid #84cfad;
                            border-top: 12px solid transparent;
                            border-bottom: 12px solid transparent;
                            z-index: 10
                        }

                        .hotzhuang .content-left .lists .list .spacial .s1.red {
                            background: #f67676
                        }

                            .hotzhuang .content-left .lists .list .spacial .s1.red:after {
                                border-left: 7px solid #f67676;
                                border-top: 12px solid transparent;
                                border-bottom: 12px solid transparent
                            }

                        .hotzhuang .content-left .lists .list .spacial .s1.blue {
                            background: #8182ed
                        }

                            .hotzhuang .content-left .lists .list .spacial .s1.blue:after {
                                border-left: 7px solid #8182ed;
                                border-top: 12px solid transparent;
                                border-bottom: 12px solid transparent
                            }

                    .hotzhuang .content-left .lists .list .spacial .s2 {
                        color: #fff;
                        position: absolute;
                        width: 250px;
                        left: 70px;
                        padding: 3px 15px;
                        background: #48b181
                    }

                .hotzhuang .content-left .lists .list .img-box {
                    float: left;
                    overflow: hidden;
                    margin: 10px;
                    width: 290px;
                    height: 220px;
                    border-radius: 5px
                }

                .hotzhuang .content-left .lists .list .info {
                    float: left
                }

                    .hotzhuang .content-left .lists .list .info .title {
                        max-width: 420px;
                        color: #212628;
                        font-weight: bold
                    }

                        .hotzhuang .content-left .lists .list .info .title:hover {
                            color: #00463E
                        }

                    .hotzhuang .content-left .lists .list .info .detail {
                        width: 430px
                    }

                        .hotzhuang .content-left .lists .list .info .detail .working {
                            width: 130px;
                            float: left
                        }

                            .hotzhuang .content-left .lists .list .info .detail .working span {
                                color: #212628;
                                font-weight: bold
                            }

                                .hotzhuang .content-left .lists .list .info .detail .working span:hover {
                                    color: #00463E
                                }

                    .hotzhuang .content-left .lists .list .info .place {
                        max-width: 420px
                    }

                        .hotzhuang .content-left .lists .list .info .place:hover {
                            color: #00463E
                        }

                    .hotzhuang .content-left .lists .list .info .show-peop i {
                        display: inline-block;
                        width: 16px;
                        height: 16px
                    }

                    .hotzhuang .content-left .lists .list .info .tag-lists .tag {
                        float: left;
                        font-size: 12px;
                        background: #fcf8f8;
                        margin-right: 10px;
                        width: 75px;
                        text-align: center;
                        padding: 5px 15px;
                        border-top-left-radius: 20px;
                        border-bottom-right-radius: 20px
                    }

                        .hotzhuang .content-left .lists .list .info .tag-lists .tag:hover {
                            color: #00463E
                        }

                        .hotzhuang .content-left .lists .list .info .tag-lists .tag:nth-child(1) {
                            background: #fcf8f8;
                            color: #00463E
                        }

                        .hotzhuang .content-left .lists .list .info .tag-lists .tag:nth-child(2) {
                            background: #fbfbfc;
                            color: #a6c0d4
                        }

                        .hotzhuang .content-left .lists .list .info .tag-lists .tag:nth-child(3) {
                            background: #fafdfd;
                            color: #77e2bb
                        }

                .hotzhuang .content-left .lists .list:hover {
                    -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
                    -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
                    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
                }

                    .hotzhuang .content-left .lists .list:hover .button {
                        display: block
                    }

                .hotzhuang .content-left .lists .list .button {
                    position: absolute;
                    right: 10px;
                    top: 20px;
                    display: none
                }

    .hotzhuang .content-right {
        float: left;
        width: 300px;
        margin-left: 17px
    }

        .hotzhuang .content-right .yuyue-box {
            border: 1px solid #edecec;
            border-radius: 3px;
            min-height: 340px
        }

            .hotzhuang .content-right .yuyue-box form {
                padding: 0 20px
            }

                .hotzhuang .content-right .yuyue-box form .tit span {
                    color: #00463E
                }

                .hotzhuang .content-right .yuyue-box form .tit:after {
                    content: '';
                    display: block;
                    width: 80px;
                    height: 1px;
                    background: #00463E;
                    margin: 5px auto
                }

                .hotzhuang .content-right .yuyue-box form dd {
                    background: #f3f3f3
                }

                    .hotzhuang .content-right .yuyue-box form dd input {
                        background: #f3f3f3
                    }

                .hotzhuang .content-right .yuyue-box form .subtit {
                    line-height: 40px;
                    text-align: center;
                    height: 40px
                }

                    .hotzhuang .content-right .yuyue-box form .subtit span {
                        color: #00463E
                    }

.list-detail .left-box {
    float: left;
    width: 880px;
    min-height: 100px
}

    .list-detail .left-box .current-house {
        position: relative;
        top: 6px;
        height: 390px
    }

        .list-detail .left-box .current-house .box {
            margin-left: 10px;
            height: 300px;
            width: 860px;
            overflow: hidden;
            background: #f5f5f5
        }

            .list-detail .left-box .current-house .box .img-left {
                height: 300px;
                width: 400px;
                float: left;
                cursor: pointer;
                position: relative
            }

                .list-detail .left-box .current-house .box .img-left img {
                    cursor: pointer
                }

                .list-detail .left-box .current-house .box .img-left .xiaoqu-msg {
                    position: absolute;
                    bottom: 0;
                    height: 60px;
                    width: 100%;
                    left: 0;
                    background-color: rgba(0, 0, 0, 0.3)
                }

                    .list-detail .left-box .current-house .box .img-left .xiaoqu-msg .title {
                        margin: 8px 10px 0 10px;
                        line-height: 1
                    }

                    .list-detail .left-box .current-house .box .img-left .xiaoqu-msg .sub {
                        line-height: 1;
                        margin: 10px 10px 0 10px
                    }

            .list-detail .left-box .current-house .box .cur-detail {
                float: left;
                position: relative
            }

                .list-detail .left-box .current-house .box .cur-detail .title {
                    width: 400px;
                    position: absolute;
                    left: 30px;
                    top: 15px;
                    font-weight: bold;
                    color: #00463E;
                    font-size: 22px
                }

                    .list-detail .left-box .current-house .box .cur-detail .title:before {
                        content: '';
                        display: block;
                        height: 20px;
                        width: 5px;
                        position: relative;
                        background: #00463E;
                        border-radius: 3px;
                        float: left;
                        margin-right: 16px;
                        top: 5px
                    }

                .list-detail .left-box .current-house .box .cur-detail .subtitle {
                    font-size: 16px;
                    width: 400px;
                    position: absolute;
                    left: 30px;
                    top: 55px
                }

                .list-detail .left-box .current-house .box .cur-detail .hotHouse-d {
                    width: 420px;
                    position: absolute;
                    top: 100px;
                    left: 30px
                }

                    .list-detail .left-box .current-house .box .cur-detail .hotHouse-d .design-img {
                        float: left;
                        width: 70px;
                        height: 70px;
                        border-radius: 3px
                    }

                    .list-detail .left-box .current-house .box .cur-detail .hotHouse-d .erweima {
                        float: left;
                        width: 70px;
                        height: 70px;
                        margin-left: 10px;
                        border-radius: 3px
                    }

                    .list-detail .left-box .current-house .box .cur-detail .hotHouse-d .msgList {
                        float: left;
                        margin-left: 10px;
                        width: 240px
                    }

                        .list-detail .left-box .current-house .box .cur-detail .hotHouse-d .msgList .design-name {
                            width: 240px;
                            height: 22px;
                            font-size: 16px;
                            font-weight: bold;
                            color: #212628
                        }

                        .list-detail .left-box .current-house .box .cur-detail .hotHouse-d .msgList .design-des {
                            width: 240px;
                            height: 20px;
                            font-size: 12px;
                            color: #666666
                        }

                        .list-detail .left-box .current-house .box .cur-detail .hotHouse-d .msgList .design-tel {
                            width: 240px;
                            height: 20px;
                            font-size: 14px;
                            color: #00463E
                        }

                            .list-detail .left-box .current-house .box .cur-detail .hotHouse-d .msgList .design-tel i {
                                display: inline-block;
                                width: 16px;
                                height: 16px
                            }

                .list-detail .left-box .current-house .box .cur-detail .service-p {
                    position: absolute;
                    left: 30px;
                    top: 210px;
                    width: 420px;
                    height: 20px;
                    font-size: 14px;
                    color: #666666
                }

                .list-detail .left-box .current-house .box .cur-detail .service-z {
                    position: absolute;
                    left: 30px;
                    width: 420px;
                    height: 20px;
                    font-size: 14px;
                    color: #666666;
                    left: 30px;
                    top: 240px
                }

                .list-detail .left-box .current-house .box .cur-detail .service-list {
                    width: 430px;
                    position: absolute;
                    left: 30px;
                    top: 265px
                }

                    .list-detail .left-box .current-house .box .cur-detail .service-list .tag {
                        float: left;
                        font-size: 12px;
                        background: #fcf8f8;
                        margin-right: 10px;
                        width: 75px;
                        padding: 5px 15px;
                        text-align: center;
                        border-top-left-radius: 20px;
                        border-bottom-right-radius: 20px
                    }

                        .list-detail .left-box .current-house .box .cur-detail .service-list .tag:hover {
                            color: #00463E
                        }

                        .list-detail .left-box .current-house .box .cur-detail .service-list .tag:nth-child(1) {
                            background: #f4e6e5;
                            color: #00463E
                        }

                        .list-detail .left-box .current-house .box .cur-detail .service-list .tag:nth-child(2) {
                            background: #edf0f2;
                            color: #a6c0d4
                        }

                        .list-detail .left-box .current-house .box .cur-detail .service-list .tag:nth-child(3) {
                            background: #e8f3ef;
                            color: #77e2bb
                        }

        .list-detail .left-box .current-house .spacial {
            position: absolute;
            width: 70px;
            top: 22px;
            left: 0px;
            height: 25px;
            background: #d7eee3;
            border-top-right-radius: 15px 20px;
            z-index: 99;
            font-size: 14px;
            overflow: hidden;
            white-space: nowrap;
            cursor: pointer;
            transition: all .5s
        }

            .list-detail .left-box .current-house .spacial .s1 {
                background: #84cfad;
                position: absolute;
                left: 0;
                padding: 3px 5px;
                width: 70px;
                color: #fff
            }

                .list-detail .left-box .current-house .spacial .s1:after {
                    content: '';
                    display: block;
                    position: absolute;
                    right: 3px;
                    width: 0;
                    height: 0;
                    top: 0;
                    border-left: 7px solid #84cfad;
                    border-top: 12px solid transparent;
                    border-bottom: 12px solid transparent;
                    z-index: 10
                }

                .list-detail .left-box .current-house .spacial .s1.red {
                    background: #f67676
                }

                    .list-detail .left-box .current-house .spacial .s1.red:after {
                        border-left: 7px solid #f67676;
                        border-top: 12px solid transparent;
                        border-bottom: 12px solid transparent
                    }

                .list-detail .left-box .current-house .spacial .s1.blue {
                    background: #8182ed
                }

                    .list-detail .left-box .current-house .spacial .s1.blue:after {
                        border-left: 7px solid #8182ed;
                        border-top: 12px solid transparent;
                        border-bottom: 12px solid transparent
                    }

            .list-detail .left-box .current-house .spacial .s2 {
                color: #fff;
                position: absolute;
                width: 250px;
                left: 70px;
                padding: 3px 15px;
                background: #48b181
            }

        .list-detail .left-box .current-house .title-list {
            width: 879px;
            background: #fff;
            height: 60px;
            position: absolute;
            z-index: 9;
            bottom: 0px;
            left: 0;
            width: 100%;
            -ms-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.04);
            -o-box-shadow: 0 10px 15px rgbsa(0, 0, 0, 0.04);
            box-shadow: 0 0px 15px rgba(0, 0, 0, 0.06)
        }

            .list-detail .left-box .current-house .title-list .title-b {
                float: left;
                padding: 0 20px;
                margin-right: 20px;
                font-size: 18px;
                color: #212628;
                line-height: 60px;
                cursor: pointer
            }

                .list-detail .left-box .current-house .title-list .title-b.active {
                    color: #00463E
                }

                .list-detail .left-box .current-house .title-list .title-b:hover {
                    color: #00463E
                }

    .list-detail .left-box .tab-content .xiaoqu {
        width: 100%
    }

        .list-detail .left-box .tab-content .xiaoqu p {
            max-width: 840px;
            margin: 16px auto;
            color: #999;
            line-height: 1.7
        }

    .list-detail .left-box .tab-content .shigong-ing .title-ra {
        font-size: 20px;
        color: #212628;
        width: 100%;
        position: relative
    }

        .list-detail .left-box .tab-content .shigong-ing .title-ra::before {
            content: '';
            display: block;
            float: left;
            height: 20px;
            width: 5px;
            margin: 4px 20px 0 0;
            border-radius: 3px;
            background: #00463E
        }

        .list-detail .left-box .tab-content .shigong-ing .title-ra .more {
            position: absolute;
            top: 5px;
            right: 0;
            color: #999;
            font-size: 14px
        }

            .list-detail .left-box .tab-content .shigong-ing .title-ra .more i {
                font-size: 14px
            }

    .list-detail .left-box .tab-content .team .title-ra {
        font-size: 20px;
        color: #212628;
        width: 100%;
        position: relative
    }

        .list-detail .left-box .tab-content .team .title-ra .icon {
            position: static;
            box-sizing: border-box
        }

        .list-detail .left-box .tab-content .team .title-ra::before {
            content: '';
            display: block;
            float: left;
            height: 20px;
            width: 5px;
            margin: 4px 20px 0 0;
            border-radius: 3px;
            background: #00463E
        }

        .list-detail .left-box .tab-content .team .title-ra .more {
            position: absolute;
            top: 5px;
            right: 0;
            color: #999;
            font-size: 14px
        }

            .list-detail .left-box .tab-content .team .title-ra .more i {
                font-size: 14px
            }

    .list-detail .left-box .tab-content .team .designer-list .designer {
        float: left;
        width: 196px;
        margin-right: 0px;
        margin-bottom: 30px;
        padding: 15px
    }

        .list-detail .left-box .tab-content .team .designer-list .designer:hover {
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)
        }

        .list-detail .left-box .tab-content .team .designer-list .designer .designer-photo {
            height: 196px;
            width: 196px;
            border-radius: 5px;
            overflow: hidden;
            position: relative
        }

            .list-detail .left-box .tab-content .team .designer-list .designer .designer-photo .design-name {
                width: 100%;
                height: 30px;
                position: absolute;
                bottom: 0;
                left: 0;
                background: rgba(0, 0, 0, 0.5);
                font-size: 18px;
                text-align: center;
                line-height: 30px;
                color: #fff
            }

        .list-detail .left-box .tab-content .team .designer-list .designer .yuyue-btn {
            margin-top: 20px;
            text-align: center
        }

            .list-detail .left-box .tab-content .team .designer-list .designer .yuyue-btn .button {
                padding: 10px 42px
            }

.list-detail .right-box {
    float: left;
    margin-left: 20px;
    width: 300px
}

    .list-detail .right-box .yuyue-box {
        background-color: #fff;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        border: 1px solid transparent;
        border-radius: 3px;
        min-height: 370px
    }

        .list-detail .right-box .yuyue-box form {
            padding: 0 20px
        }

            .list-detail .right-box .yuyue-box form .subtit {
                line-height: 40px;
                text-align: center;
                height: 40px;
                color: #666
            }

                .list-detail .right-box .yuyue-box form .subtit span {
                    color: #00463E
                }

            .list-detail .right-box .yuyue-box form dd {
                background: #f3f3f3
            }

                .list-detail .right-box .yuyue-box form dd input {
                    background: #f3f3f3
                }

            .list-detail .right-box .yuyue-box form .tit span {
                color: #00463E
            }

            .list-detail .right-box .yuyue-box form .tit:after {
                content: '提交报名享受免费专车接送';
                display: block;
                height: 30px;
                font-size: 16px;
                color: #999;
                text-align: center;
                margin: 5px auto
            }

.zaininshenbian {
    background: #fafafa;
    padding-bottom: 30px
}

    .zaininshenbian .title-ra {
        font-size: 20px;
        color: #212628;
        width: 100%;
        position: relative
    }

        .zaininshenbian .title-ra::before {
            content: '';
            display: block;
            float: left;
            height: 20px;
            width: 5px;
            margin: 4px 20px 0 0;
            border-radius: 3px;
            background: #00463E
        }

    .zaininshenbian .zs {
        width: 225px;
        height: 34px;
        margin: auto
    }

    .zaininshenbian .yueyun-card {
        height: 445px;
        background: #fff;
        -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
    }

        .zaininshenbian .yueyun-card .left-yy {
            float: left;
            width: 600px;
            height: 445px
        }

        .zaininshenbian .yueyun-card .right-yy {
            float: left;
            width: 560px;
            height: 445px;
            position: relative
        }

            .zaininshenbian .yueyun-card .right-yy:after {
                content: '';
                display: block;
                position: absolute;
                width: 0;
                height: 0;
                border-top: 15px solid transparent;
                border-bottom: 15px solid transparent;
                border-right: 15px solid #fff;
                top: 210px;
                left: -15px
            }

            .zaininshenbian .yueyun-card .right-yy .yy-title {
                font-size: 26px;
                height: 45px;
                line-height: 45px;
                margin-left: 33px;
                margin-top: 33px
            }

                .zaininshenbian .yueyun-card .right-yy .yy-title:before {
                    content: url(//j.dyrs.cc/static/pc/images/index_2021_22.svg);
                    display: block;
                    float: left;
                    width: 30px;
                    height: 31px;
                    margin-right: 20px
                }

                .zaininshenbian .yueyun-card .right-yy .yy-title:after {
                    content: '';
                    display: block;
                    width: 35px;
                    height: 1px;
                    background: #00463E;
                    margin-left: 64px;
                    margin-top: 10px
                }

            .zaininshenbian .yueyun-card .right-yy .anli-num {
                width: 390px;
                height: 28px;
                margin: 25px 0 0 100px;
                font-size: 16px;
                color: #666
            }

                .zaininshenbian .yueyun-card .right-yy .anli-num .div {
                    padding: 0 3px
                }

            .zaininshenbian .yueyun-card .right-yy .tel {
                margin-left: 50px;
                width: 420px;
                overflow: hidden
            }

                .zaininshenbian .yueyun-card .right-yy .tel .tel-img {
                    width: 30px;
                    float: left;
                    color: #f5c43b
                }

                    .zaininshenbian .yueyun-card .right-yy .tel .tel-img i {
                        font-size: 25px
                    }

                .zaininshenbian .yueyun-card .right-yy .tel .tel-text {
                    margin-left: 20px;
                    width: 370px;
                    float: left;
                    height: 26px;
                    font-size: 16px;
                    line-height: 30px
                }

            .zaininshenbian .yueyun-card .right-yy .divied {
                width: 460px;
                margin: auto;
                height: 1px;
                background: #edecec
            }

            .zaininshenbian .yueyun-card .right-yy .dmxq {
                width: 460px;
                height: 155px;
                margin: auto;
                overflow: hidden
            }

                .zaininshenbian .yueyun-card .right-yy .dmxq p {
                    color: #666
                }

                .zaininshenbian .yueyun-card .right-yy .dmxq .title {
                    font-size: 18px;
                    margin: 15px 0;
                    color: #6a6a6a;
                    font-weight: bold
                }

            .zaininshenbian .yueyun-card .right-yy .lp-hk .hk-title {
                width: 430px;
                margin: auto;
                font-size: 18px;
                text-align: left;
                color: #6a6a6a
            }

                .zaininshenbian .yueyun-card .right-yy .lp-hk .hk-title span {
                    color: #00463E
                }

            .zaininshenbian .yueyun-card .right-yy .lp-hk .list-input {
                width: 430px;
                height: 45px;
                margin: auto;
                overflow: hidden
            }

                .zaininshenbian .yueyun-card .right-yy .lp-hk .list-input input {
                    display: block;
                    float: left;
                    margin-right: 10px;
                    width: 164px;
                    height: 40px;
                    border: 1px solid #edecec;
                    background: #fafafa;
                    padding: 0 15px;
                    border-radius: 30px
                }

.tuijian-gd .title-ra {
    font-size: 20px;
    color: #212628;
    width: 100%;
    position: relative
}

    .tuijian-gd .title-ra::before {
        content: '';
        display: block;
        float: left;
        height: 20px;
        width: 5px;
        margin: 4px 20px 0 0;
        border-radius: 3px;
        background: #00463E
    }

    .tuijian-gd .title-ra .more {
        position: absolute;
        top: 5px;
        right: 0;
        color: #999;
        font-size: 14px
    }

        .tuijian-gd .title-ra .more i {
            font-size: 14px
        }

.tuijian-gd .image-tj {
    width: 1210px;
    overflow: hidden
}

    .tuijian-gd .image-tj .image {
        width: 292px;
        height: 295px;
        float: left;
        margin-right: 10px;
        position: relative
    }

        .tuijian-gd .image-tj .image .image-title {
            position: absolute;
            width: 100%;
            height: 42px;
            background: rgba(0, 0, 0, 0.6);
            bottom: 0;
            text-align: center;
            color: #fff;
            line-height: 42px;
            font-size: 16px
        }

.gongdi .list-box {
    height: 146px
}

.fl {
    float: left
}

.sjslb .content-cards {
    width: 1220px;
    margin-left: -12px
}

    .sjslb .content-cards .zhuangxiu-box {
        padding: 10px
    }

        .sjslb .content-cards .zhuangxiu-box .zhuangxiu-card {
            width: 283px;
            height: 338px
        }

            .sjslb .content-cards .zhuangxiu-box .zhuangxiu-card .img-box {
                height: 225px
            }

            .sjslb .content-cards .zhuangxiu-box .zhuangxiu-card .detail-box .msg {
                width: 185px
            }

                .sjslb .content-cards .zhuangxiu-box .zhuangxiu-card .detail-box .msg .title a:hover {
                    color: #00463E
                }

                .sjslb .content-cards .zhuangxiu-box .zhuangxiu-card .detail-box .msg .sub a:hover {
                    color: #00463E
                }

.sjs-gongdi {
    width: 1210px
}

    .sjs-gongdi .working {
        width: 286px;
        height: 218px;
        float: left;
        margin-right: 10px
    }

        .sjs-gongdi .working .title {
            width: 150px;
            height: 35px;
            background: rgba(0, 0, 0, 0.3);
            position: absolute;
            z-index: 10;
            color: #fff;
            font-size: 16px;
            line-height: 35px;
            text-align: center;
            border-radius: 18px;
            left: 70px;
            bottom: 10px
        }

.sjsxiangqing-page {
    width: 100%;
    background: #f2f2f2;
    padding-bottom: 40px
}

    .sjsxiangqing-page .designer-top-detail {
        height: 460px;
        background: #fff;
        padding: 5px;
        -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.01);
        -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.01);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.01)
    }

        .sjsxiangqing-page .designer-top-detail .designer-img {
            height: 215px;
            width: 215px;
            float: left;
            border-radius: 50%;
            margin-top: 20px;
            margin-left: 50px;
            border: 2px solid #d3ad67;
        }

.smil {
    position: absolute;
    top: 225px;
    left: -170px;
    width: 74px;
    height: 26px;
    background-image: linear-gradient(90deg, #b08a57 0%, #e8cda7 100%);
    border-radius: 13px;
    text-align: center;
}

    .smil span {
        width: 28px;
        height: 13px;
        font-size: 14px;
        line-height: 27px;
        letter-spacing: 0px;
        color: #ffffff;
        padding-left: 15px;
    }

.mianbao .anli_nav {
    padding: 20px 0;
    padding-right: 40px;
    float: left;
}

.anli_nav-a {
    color: #fff !important;
    padding: 20px 0;
    padding-right: 40px;
    float: left;
}

.active-a {
    color: #fff !important;
}

.desi1 {
    position: absolute;
    top: 52px;
    left: -115px;
}

.desi2 {
    position: absolute;
    top: 5.2px;
    left: 11px;
}

.designer-msg {
    position: relative;
}

.sjsxiangqing-page .designer-top-detail .designer-msg {
    float: left;
    width: 700px;
    height: 460px;
    margin-left: 25px
}

    .sjsxiangqing-page .designer-top-detail .designer-msg .name {
        width: 100%;
        height: 35px;
        line-height: 35px;
        position: relative
    }

        .sjsxiangqing-page .designer-top-detail .designer-msg .name .title {
            /* position: absolute;
    top: 27px;
    left: 30px; */
            /* width: 100px; */
            height: 28px;
            font-size: 30px;
            font-weight: 700;
            font-stretch: normal;
            line-height: 24px;
            letter-spacing: 0px;
            color: #333333;
            padding-top: 26px;
            /* padding-left: 16px; */
            display: inline-block;
        }

        .sjsxiangqing-page .designer-top-detail .designer-msg .name .pl1 {
            /* position: absolute; */
            width: 15px;
            /* height: 24px; */
            font-size: 100px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 24px;
            letter-spacing: 0px;
            color: #ececec;
            /* margin-top: 49px; */
            margin-left: 14px;
            display: inline-block;
            /* vertical-align: top; */
        }

.tuijian {
    color: #fff;
    line-height: 26px;
    width: 74px;
    margin-left: -4px;
}

.sjsxiangqing-page .designer-top-detail .designer-msg .name .subtitle {
    position: absolute;
    top: 27px;
    /* left: 125px; */
    /* width: 125px; */
    height: 25px;
    background-image: linear-gradient(90deg, #373946 0%, #5c5d6f 100%);
    border-radius: 12px;
    margin-left: 20px;
    display: inline-block;
}

.sjsxiangqing-page .designer-top-detail .designer-msg .name .pl2 {
    line-height: 25px;
    /* width: 125px; */
    height: 13px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    color: #e8dfce;
    text-align: center;
    padding: 0 10px;
}

/* .sjsxiangqing-page .designer-top-detail .designer-msg .name:after {
    content: '';
    display: block;
    width: 150px;
    height: 1px;
    background: #00463E;
    position: absolute;
    bottom: 0;
    left: 0
} */

.sjsxiangqing-page .designer-top-detail .designer-msg .designer-core {
    margin-top: 20px;
    height: 163px;
    /* border-bottom: 1px dashed #edecec */
}

    .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base {
        width: 912px;
        margin-top: 20px
    }

.boxg {
    display: inline-block;
    width: 100%;
    padding-top: 39px;
    padding-left: 34px;
}

.sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line1, .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line2, .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line3, .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line4 {
    /* float: left; */
    /* width: 100%; */
    margin-right: 20px;
    display: inline-block;
}

    .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line1 .jy, .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line2 .jy, .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line3 .jy, .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line4 .jy {
        width: 350px;
        margin-top: 15px;
        margin-left: 32px;
        font-size: 14px;
    }

    .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line1 .zp, .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line2 .zp, .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line3 .zp, .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .designer-base .line4 .zp {
        width: 150px;
        margin-left: -200px;
        margin-top: 14px;
        font-size: 14px;
    }

.div2 {
    position: absolute;
    top: 111px;
    left: 21px;
    width: 500px !important;
}

    .div2 div {
        float: left;
        width: 80px;
        height: 27px;
        background-color: #d4c09b;
        border-radius: 14px;
        text-align: center;
        margin-left: 10px;
    }

        .div2 div span {
            width: 55px;
            height: 14px;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 27px;
            letter-spacing: 0px;
            color: #ffffff;
        }

.div3 {
    /* position: absolute; */
    /* top: 143px; */
    /* left: 33px; */
    font-size: 14px;
    color: #999999;
}


.div4 {
    position: absolute;
    /* top: 143px; */
    /* left: 405px; */
    font-size: 14px;
    color: #999999;
    /* margin-left: 450px;
        padding-top: 48px; */
}


.div5 {
    position: absolute;
    top: 170px;
    left: 33px;
    font-size: 14px;
    color: #999999;
}

.div6 {
    position: absolute;
    top: 195px;
    left: 30px;
}

.div7 {
    width: 93px;
    height: 34px;
    background-color: #00463e !important;
    border-radius: 16px !important;
    text-align: center;
}

.div8 {
    position: absolute;
    top: 10px;
    left: 20px;
    color: #fff;
    font-size: 14px;
}

.div9 {
    position: absolute;
    top: 270px;
    left: -230px;
    width: 1094px !important;
    height: 175px !important;
    /* border: 1px solid red; */
}

.tillx {
    position: absolute;
    display: inline-block;
    /* font-weight: 700; */
    /* color: rgb(0, 70, 62) !important; */
}


.til1 {
    width: 85px !important;
    height: 23px !important;
    font-size: 16px !important;
    color: #00463e;
    border-right: 1px solid #eeeeee;
    font-weight: 700;
    display: inline-block;
    cursor: pointer;
    padding: 0 15px 0 0;
}

.til3 {
    width: 85px !important;
    height: 23px !important;
    font-size: 16px !important;
    color: #333333;
    border-right: 1px solid #eeeeee;
    display: inline-block;
    padding: 0 20px;
    cursor: pointer;
    text-align: center;
}

.til6 {
    width: 85px !important;
    height: 23px !important;
    font-size: 16px !important;
    color: #333333;
    display: inline-block;
    padding: 0 20px;
    cursor: pointer;
    text-align: center;
}

.tex {
    width: 1094px;
    height: 105px;
    border-top: 1px dashed #f6f6f6;
    margin-top: 55px;
    padding-top: 10px;
    overflow-y: auto;
    display: block;
}

    .tex::-webkit-scrollbar {
        width: 7px;
        height: 10px;
        /**/
    }

    .tex::-webkit-scrollbar-track {
        background: rgb(239, 239, 239);
        border-radius: 2px;
    }

    .tex::-webkit-scrollbar-thumb {
        background: #bfbfbf;
        border-radius: 10px;
    }


.til4 {
    display: none;
}

.til7 {
    display: none;
}


.sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .erwma {
    width: 330px;
    height: 130px;
    position: relative
}

    .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .erwma .img {
        width: 128px;
        height: 128px
    }

    .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .erwma .tip {
        width: 120px;
        height: 20px;
        position: absolute;
        font-size: 14px;
        color: #666;
        top: 20px;
        left: 155px
    }

    .sjsxiangqing-page .designer-top-detail .designer-msg .designer-core .erwma .button {
        padding: 5px 25px;
        position: absolute;
        left: 155px;
        top: 72px
    }

.sjsxiangqing-page .designer-top-detail .designer-msg .designer-self {
    width: 100%;
    overflow: hidden;
    height: 200px
}

    .sjsxiangqing-page .designer-top-detail .designer-msg .designer-self .designer-content {
        white-space: normal;
        word-break: break-all;
        word-wrap: break-word;
        width: 635px
    }

        .sjsxiangqing-page .designer-top-detail .designer-msg .designer-self .designer-content .title {
            /* width: 100%; */
            height: 26px;
            line-height: 26px
        }

            .sjsxiangqing-page .designer-top-detail .designer-msg .designer-self .designer-content .title:after {
                content: '';
                display: block;
                position: absolute;
                width: 32px;
                height: 1px;
                /* background: #00463E; */
                bottom: 0;
                left: 0
            }

        .sjsxiangqing-page .designer-top-detail .designer-msg .designer-self .designer-content .content {
            line-height: 1.5
        }

.sjsxiangqing-page2 .list-detail .left-box .current-house {
    height: 60px !important
}

.sjsxiangqing-page2 .list-detail .right-box .yuyue-box {
    min-height: 310px
}

    .sjsxiangqing-page2 .list-detail .right-box .yuyue-box form .tit {
        margin-top: 24px
    }

        .sjsxiangqing-page2 .list-detail .right-box .yuyue-box form .tit:after {
            content: "优质的设计 是一个家的灵魂"
        }

    .sjsxiangqing-page2 .list-detail .right-box .yuyue-box form .tits {
        margin-top: 24px
    }

        .sjsxiangqing-page2 .list-detail .right-box .yuyue-box form .tits span {
            color: #00463E
        }

    .sjsxiangqing-page2 .list-detail .right-box .yuyue-box form .subtit {
        height: 45px;
        line-height: 45px
    }

.sjsxq-hxjx .left-box {
    width: 880px;
    float: left
}

.sjsxq-hxjx .right-box {
    width: 300px;
    float: right
}

.self-module .table-lists {
    padding: 0;
    margin: 0;
    overflow: hidden;
    width: 900px;
    padding-top: 10px
}

    .self-module .table-lists li {
        height: 40px;
        overflow: hidden;
        width: 900px
    }

        .self-module .table-lists li .active {
            color: #00463E
        }

        .self-module .table-lists li div {
            height: 40px;
            float: left;
            padding-right: 10px;
            line-height: 40px
        }

            .self-module .table-lists li div.name {
                width: 150px
            }

            .self-module .table-lists li div.tel {
                width: 220px
            }

            .self-module .table-lists li div.address {
                width: 290px
            }

            .self-module .table-lists li div.time {
                width: 200px;
                padding-right: 0
            }

.self-module table {
    width: 900px
}

    .self-module table thead {
        border-top: 1px solid #edecec;
        border-bottom: 1px solid #edecec;
        background: #fafafa
    }

        .self-module table thead tr th {
            vertical-align: middle;
            height: 56px;
            text-align: center;
            font-size: 16px;
            color: #333
        }

    .self-module table tbody tr td {
        vertical-align: bottom;
        height: 45px;
        font-size: 14px;
        color: #333;
        text-align: center
    }

.self-module .form-data .form-ul {
    padding: 0;
    margin: 10px 0 0 0
}

    .self-module .form-data .form-ul .li {
        height: 60px
    }

        .self-module .form-data .form-ul .li .title {
            float: left;
            line-height: 60px;
            width: 95px;
            color: #333;
            font-size: 16px
        }

        .self-module .form-data .form-ul .li .input {
            float: left
        }

            .self-module .form-data .form-ul .li .input input {
                color: #333;
                font-size: 14px;
                margin-top: 10px;
                display: block;
                height: 38px;
                width: 226px;
                padding: 0 10px;
                background-color: #fafafa;
                border: 1px solid #edecec
            }

        .self-module .form-data .form-ul .li .select-plan .select-input {
            width: 251px;
            height: 40px
        }

            .self-module .form-data .form-ul .li .select-plan .select-input .filter-text {
                background: #fafafa
            }

        .self-module .form-data .form-ul .li .select-city .select-input {
            width: 170px;
            height: 40px
        }

            .self-module .form-data .form-ul .li .select-city .select-input .filter-text {
                background: #fafafa
            }

        .self-module .form-data .form-ul .li.photo {
            height: 80px
        }

            .self-module .form-data .form-ul .li.photo .title {
                line-height: 80px
            }

            .self-module .form-data .form-ul .li.photo .input .img-box {
                border-radius: 50%;
                width: 60px;
                height: 60px;
                overflow: hidden
            }

                .self-module .form-data .form-ul .li.photo .input .img-box img {
                    width: 100%
                }

.head-edit {
    padding-bottom: 20px
}

    .head-edit .btn {
        display: inline-block;
        height: 34px;
        line-height: 34px;
        padding: 0 15px;
        transition: background ease .3s 0s;
        -moz-transition: background ease .3s 0s;
        -webkit-transition: background ease .3s 0s;
        border: 0;
        cursor: pointer
    }

    .head-edit .btn-red {
        background: #ff4048;
        color: #fff
    }

        .head-edit .btn-red:hover {
            background: #ff696f;
            color: #fff
        }

    .head-edit .step1 {
        color: #999;
        text-align: center;
        padding: 50px 0
    }

        .head-edit .step1 .btn {
            width: 140px;
            height: 40px;
            line-height: 40px;
            font-size: 16px;
            border-radius: 4px;
            margin: 10px auto;
            position: relative
        }

            .head-edit .step1 .btn input {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                filter: alpha(opacity=0);
                display: default
            }

    .head-edit .picBox {
        width: 400px;
        min-height: 100px;
        margin: 0 auto;
        background: #666;
        overflow: hidden
    }

    .head-edit .btnBox {
        text-align: center;
        margin-top: 20px
    }

        .head-edit .btnBox button {
            padding: 0 30px;
            height: 35px;
            margin: 0 5px;
            border: 0;
            border-radius: 4px;
            border: solid 1px #fff
        }

    .head-edit .loading {
        clear: both;
        text-align: center;
        line-height: 30px;
        padding: 40px 0
    }

        .head-edit .loading img {
            display: inline
        }

.ceshi-page {
    width: 100%;
    height: 1013px;
    background-image: url(//s.dyrs.cc/static/pc/images/ceshi_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

    .ceshi-page .shadow {
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.6)
    }

        .ceshi-page .shadow .container {
            max-width: 1200px;
            margin: auto
        }

        .ceshi-page .shadow .nav {
            height: 60px;
            padding-top: 45px;
            position: relative;
            display: none
        }

            .ceshi-page .shadow .nav .left {
                position: absolute;
                left: 132px;
                color: #fff;
                width: 30px;
                height: 60px;
                top: 50px;
                line-height: 60px
            }

            .ceshi-page .shadow .nav .right {
                position: absolute;
                color: #fff;
                width: 70px;
                height: 60px;
                line-height: 60px;
                right: 73px;
                top: 50px;
                font-size: 30px
            }

            .ceshi-page .shadow .nav .center {
                color: #fff;
                width: 100px;
                height: 60px;
                line-height: 60px;
                margin: 5px auto;
                font-size: 30px;
                text-align: center
            }

            .ceshi-page .shadow .nav .left i {
                font-size: 35px
            }

            .ceshi-page .shadow .nav .left:hover i {
                color: #00463E
            }

        .ceshi-page .shadow .process {
            margin-top: 8px;
            height: 80px;
            position: relative;
            display: none
        }

            .ceshi-page .shadow .process .totle {
                width: 800px;
                height: 8px;
                background: #d8d8d8;
                position: absolute;
                left: 224px;
                top: 48px
            }

                .ceshi-page .shadow .process .totle .cur {
                    background: #00463E;
                    height: 8px;
                    position: absolute;
                    top: 0;
                    left: 0
                }

                .ceshi-page .shadow .process .totle .sua {
                    position: absolute;
                    width: 0;
                    height: 37px;
                    bottom: 8px
                }

                    .ceshi-page .shadow .process .totle .sua:before {
                        content: url(//s.dyrs.cc/static/pc/images/ceshisha.png);
                        display: block;
                        position: absolute;
                        width: 25px;
                        left: -25px;
                        top: 0
                    }

        .ceshi-page .shadow .content {
            margin-top: 70px;
            position: relative;
            height: 915px;
            width: 100%;
            background-repeat: no-repeat;
            background-image: url(//s.dyrs.cc/static/pc/images/c05.png);
            background-size: 100% 100%
        }

            .ceshi-page .shadow .content .title {
                font-size: 60px;
                text-align: center;
                padding-top: 135px
            }

            .ceshi-page .shadow .content .sub {
                font-size: 60px;
                text-align: center;
                font-weight: bold;
                letter-spacing: 5px;
                margin-top: -10px
            }

            .ceshi-page .shadow .content .start-img {
                width: 214px;
                height: 300px;
                margin: auto;
                position: relative;
                margin-top: 50px
            }

                .ceshi-page .shadow .content .start-img img {
                    height: 300px;
                    width: 214px
                }

            .ceshi-page .shadow .content .start {
                text-align: center;
                margin-top: 45px
            }

            .ceshi-page .shadow .content .start-button {
                display: inline-block;
                line-height: 1;
                white-space: nowrap;
                cursor: pointer;
                background: #fff;
                border: 1px solid #dcdfe6;
                color: #606266;
                -webkit-appearance: none;
                text-align: center;
                box-sizing: border-box;
                outline: none;
                transition: .1s;
                font-weight: 500;
                -moz-user-select: none;
                -webkit-user-select: none;
                -ms-user-select: none;
                padding: 12px 110px;
                font-size: 14px;
                border-radius: 2px
            }

                .ceshi-page .shadow .content .start-button.button-primary {
                    color: #fff !important;
                    background-color: #00463E !important;
                    border-color: #00463E !important
                }

                    .ceshi-page .shadow .content .start-button.button-primary:hover {
                        background: #ed7669 !important;
                        border-color: #ed7669 !important;
                        color: #fff !important
                    }

            .ceshi-page .shadow .content .p1 {
                text-align: center;
                font-size: 36px;
                color: #333
            }

            .ceshi-page .shadow .content .p2 {
                text-align: center;
                font-size: 36px;
                color: #333
            }

            .ceshi-page .shadow .content .img-zh {
                text-align: center
            }

                .ceshi-page .shadow .content .img-zh img {
                    max-width: 360px;
                    max-height: 249px
                }

            .ceshi-page .shadow .content .buttons {
                width: 600px;
                margin: auto
            }

                .ceshi-page .shadow .content .buttons ul li {
                    float: left
                }

                    .ceshi-page .shadow .content .buttons ul li button {
                        width: 270px;
                        height: 40px;
                        font-size: 16px
                    }

            .ceshi-page .shadow .content .result .result-con {
                width: 644px;
                word-break: break-all;
                word-wrap: break-word;
                margin: auto;
                line-height: 1.7
            }

.bit {
    width: 100%;
    height: 1090px;
    background-size: 100% 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    min-width: 1200px
}

.fwzt-head {
    height: 420px;
    padding-top: 105px
}

    .fwzt-head .img {
        background-color: none;
        width: 362px;
        height: 343px;
        margin-left: 17px;
        position: relative;
        background-size: auto 100%;
        background-position: center
    }

    .fwzt-head .title {
        width: 480px;
        line-height: 1
    }

    .fwzt-head .fwzt-erwm {
        width: 315px;
        height: 360px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: relative
    }

        .fwzt-head .fwzt-erwm .ervm {
            background-size: 100% 100%;
            width: 146px;
            height: 150px;
            position: absolute;
            top: 139px;
            left: 83px
        }

    .fwzt-head .sub {
        width: 480px
    }

    .fwzt-head .div {
        width: 175px;
        height: 1px;
        background-color: #fff;
        margin: auto
    }

    .fwzt-head .button {
        border-radius: 24px;
        box-shadow: 0 0 20px rgba(0, 0, 255, 0.1);
        transition: all .5s
    }

        .fwzt-head .button:hover {
            color: #fff !important;
            background: #00463E
        }

.fwzt-nav {
    width: 100%;
    height: 100px;
    background-color: #fff
}

    .fwzt-nav .fwzt-con {
        width: 1230px;
        margin-left: -15px;
        overflow: hidden
    }

        .fwzt-nav .fwzt-con ul {
            margin: auto;
            width: 1200px
        }

            .fwzt-nav .fwzt-con ul li {
                width: 300px;
                height: 100px;
                float: left;
                cursor: pointer;
                position: relative
            }

                .fwzt-nav .fwzt-con ul li:hover .icons-main {
                    color: #00463E !important
                }

                .fwzt-nav .fwzt-con ul li:hover .icons-sub {
                    color: #00463E !important
                }

                .fwzt-nav .fwzt-con ul li .icons-img {
                    background-color: #fff;
                    width: 64px;
                    height: 64px;
                    position: absolute;
                    left: 17px;
                    top: 20px;
                    z-index: 11
                }

                    .fwzt-nav .fwzt-con ul li .icons-img img {
                        width: 64px;
                        height: 64px
                    }

                .fwzt-nav .fwzt-con ul li .icons-main {
                    width: 190px;
                    height: 35px;
                    position: absolute;
                    top: 20px;
                    left: 95px;
                    line-height: 35px
                }

                .fwzt-nav .fwzt-con ul li .icons-sub {
                    width: 190px;
                    height: 28px;
                    position: absolute;
                    top: 55px;
                    left: 95px
                }

                .fwzt-nav .fwzt-con ul li.active {
                    background-color: #637be2
                }

                    .fwzt-nav .fwzt-con ul li.active .icons-img {
                        background-color: #637be2
                    }

                    .fwzt-nav .fwzt-con ul li.active:before {
                        content: "";
                        width: 30px;
                        height: 102px;
                        display: block;
                        position: absolute;
                        top: 0px;
                        left: -29px;
                        z-index: -100;
                        background-color: transparent;
                        border-bottom-right-radius: 40px;
                        border-bottom: 15px solid #637be2;
                        border-right: 15px solid #637be2;
                        z-index: 10
                    }

                    .fwzt-nav .fwzt-con ul li.active:after {
                        content: "";
                        width: 40px;
                        height: 103px;
                        display: block;
                        position: absolute;
                        top: 0px;
                        right: -39px;
                        z-index: -100;
                        background-color: transparent;
                        border-bottom-left-radius: 40px;
                        border-bottom: 15px solid #637be2;
                        border-left: 15px solid #637be2;
                        z-index: 10
                    }

                    .fwzt-nav .fwzt-con ul li.active:hover div {
                        color: #fff !important
                    }

.mt90 {
    margin-top: 90px
}

.fwzt-xxcg {
    width: 1200px;
    margin: auto;
    height: 467px
}

    .fwzt-xxcg ul li {
        background-image: url(//s.dyrs.cc/static/pc/images/fwzt_03.png);
        background-repeat: no-repeat;
        background-position: center;
        width: 240px;
        height: 180px;
        float: left;
        position: relative
    }

        .fwzt-xxcg ul li .img {
            width: 84px;
            height: 92px;
            background-size: 100% 100%;
            position: absolute;
            top: -25px;
            left: 75px
        }

.fwzt-mfzc {
    background-image: url(//s.dyrs.cc/static/pc/images/fwzt_07.png);
    height: 344px;
    background-repeat: no-repeat
}

    .fwzt-mfzc form {
        height: 220px;
        position: relative
    }

        .fwzt-mfzc form #tel {
            display: block;
            position: absolute;
            width: 300px;
            height: 30px;
            padding: 10px 20px;
            left: 233px;
            top: 66px
        }

        .fwzt-mfzc form #address {
            display: block;
            position: absolute;
            width: 300px;
            height: 30px;
            padding: 10px 20px;
            top: 66px;
            left: 627px
        }

        .fwzt-mfzc form .btn {
            width: 206px;
            height: 50px;
            border-radius: 25px;
            color: #fff;
            outline: none;
            background: #00463E;
            position: absolute;
            -o-box-shadow: 0 0 20px rgba(231, 78, 62, 0.22);
            -ms-box-shadow: 0 0 20px rgba(231, 78, 62, 0.22);
            box-shadow: 0 0 20px rgba(231, 78, 62, 0.22);
            top: 170px;
            left: 496px;
            cursor: pointer
        }

            .fwzt-mfzc form .btn:hover {
                background: #ed7669
            }

.fwlc {
    height: 413px;
    margin-top: 109px
}

    .fwlc ul {
        margin-left: 86px;
        margin-top: 94px
    }

        .fwlc ul li {
            float: left
        }

            .fwlc ul li.db1 {
                width: 130px;
                height: 185px;
                background-image: url(//s.dyrs.cc/static/pc/images/dbx_03.png);
                background-size: 100% 144px;
                background-repeat: no-repeat;
                position: relative
            }

                .fwlc ul li.db1 .tt {
                    width: 100%;
                    bottom: 0
                }

                .fwlc ul li.db1 .icons {
                    line-height: 146px
                }

            .fwlc ul li.db2 {
                width: 176px;
                height: 144px;
                background-image: url(//s.dyrs.cc/static/pc/images/dbx_06.png);
                background-repeat: no-repeat;
                background-size: 113px 9px;
                background-position: center
            }

.mfsmyf-title {
    width: 1200px;
    margin: auto;
    height: 210px
}

    .mfsmyf-title .title {
        font-size: 60px;
        padding-top: 63px
    }

.mfsmyf-hk {
    width: 100%;
    height: 720px;
    position: relative
}

    .mfsmyf-hk .tags {
        width: 620px;
        margin: auto;
        overflow: hidden;
        position: relative;
        z-index: 20
    }

        .mfsmyf-hk .tags ul {
            padding: 0
        }

            .mfsmyf-hk .tags ul li {
                float: left;
                height: 100px
            }

                .mfsmyf-hk .tags ul li.img {
                    width: 130px
                }

                    .mfsmyf-hk .tags ul li.img .cic {
                        width: 60px;
                        margin: auto;
                        height: 60px;
                        border-radius: 60px;
                        border: 1px solid #fff;
                        line-height: 60px;
                        text-align: center
                    }

                        .mfsmyf-hk .tags ul li.img .cic i {
                            font-size: 36px;
                            color: #fff
                        }

                .mfsmyf-hk .tags ul li.jt {
                    width: 115px;
                    height: 65px;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-image: url(//s.dyrs.cc/static/pc/images/dbx_06.png)
                }

    .mfsmyf-hk .bg {
        position: absolute;
        width: 600px;
        left: 300px;
        top: 0;
        height: 349px;
        background-position: center;
        background-repeat: no-repeat
    }

    .mfsmyf-hk .form-bg {
        width: 100%;
        position: absolute;
        bottom: 0;
        height: 529px;
        background-image: url(//s.dyrs.cc/static/pc/images/form-bg_09.png);
        background-repeat: no-repeat;
        background-size: 100% 100%
    }

    .mfsmyf-hk .ren {
        width: 82px;
        height: 268px;
        background-repeat: no-repeat;
        position: absolute;
        left: 557px;
        top: 97px;
        z-index: 11
    }

    .mfsmyf-hk form {
        width: 598px;
        height: 414px;
        position: absolute;
        bottom: 1px;
        left: 0;
        z-index: 10;
        border-right: 1px solid #e4f8ff
    }

        .mfsmyf-hk form .div {
            width: 80px;
            height: 1px;
            background: #00463E;
            margin: auto
        }

        .mfsmyf-hk form .xiaoqu {
            width: 250px;
            padding: 0 10px;
            height: 40px;
            background: #f6f8fa;
            display: block;
            margin: auto;
            box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
            border-radius: 30px;
            text-indent: 10px;
        }

        .mfsmyf-hk form .button {
            position: absolute;
            display: block;
            width: 90px;
            height: 90px;
            padding: 25px;
            top: 140px;
            left: 530px;
            box-sizing: content-box;
            background: #00463E;
            font-size: 36px;
            white-space: normal;
            line-height: 1.3;
            color: #fff;
            border-radius: 50%;
            box-shadow: 0 0 15px rgba(0, 70, 62, 0.6)
        }

            .mfsmyf-hk form .button:hover:before {
                transform: scale(0.7, 0.7)
            }

            .mfsmyf-hk form .button:before {
                content: '';
                display: block;
                position: absolute;
                width: 170px;
                height: 170px;
                border-radius: 50%;
                border: 1px solid #00463E;
                top: -15px;
                left: -16px;
                transition: all .5s;
                box-shadow: 0 0 20px rgba(0, 70, 62, 0.4)
            }

    .mfsmyf-hk .lianxi {
        width: 600px;
        height: 417px;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 9
    }

        .mfsmyf-hk .lianxi .tel {
            width: 250px;
            margin: auto;
            height: 75px;
            background-color: #f6f8fa;
            font-size: 16px;
            line-height: 75px;
            padding: 0 30px
        }

            .mfsmyf-hk .lianxi .tel i {
                font-size: 30px
            }

.mfsmyf-liucheng {
    width: 100%;
    height: 430px
}

    .mfsmyf-liucheng .title {
        padding-top: 107px
    }

    .mfsmyf-liucheng ul {
        padding: 0;
        margin-top: 70px
    }

        .mfsmyf-liucheng ul li {
            width: 200px;
            height: 170px;
            float: left
        }

            .mfsmyf-liucheng ul li .cil {
                width: 110px;
                height: 110px;
                border-radius: 50%;
                background-color: #efeefa;
                margin: auto;
                line-height: 110px
            }

.mfsmyf-jclist {
    height: 545px
}

    .mfsmyf-jclist .title {
        padding-top: 94px
    }

    .mfsmyf-jclist ul {
        position: relative;
        margin-left: 95px;
        margin-top: 86px
    }

        .mfsmyf-jclist ul li {
            position: absolute;
            width: 160px;
            height: 160px;
            background-color: #606060;
            transform: rotate(45deg)
        }

            .mfsmyf-jclist ul li .num {
                position: absolute;
                transform: rotate(-45deg);
                color: #fff;
                font-size: 28px;
                left: 50px;
                top: 50px
            }

            .mfsmyf-jclist ul li .describe {
                width: 145px;
                text-align: center;
                overflow: hidden;
                color: #fff;
                font-size: 14px;
                position: absolute;
                left: 14px;
                top: 84px;
                transform: rotate(-45deg)
            }

.mfsmyf-tjlist {
    width: 100%;
    height: 1020px
}

    .mfsmyf-tjlist .title {
        padding-top: 90px
    }

    .mfsmyf-tjlist ul {
        width: 1100px;
        padding: 0;
        margin: auto;
        margin-top: 60px
    }

        .mfsmyf-tjlist ul li {
            width: 250px;
            margin: 0 10px;
            margin-bottom: 20px;
            float: left;
            height: 370px;
            background-color: #fff;
            position: relative
        }

            .mfsmyf-tjlist ul li .img {
                width: 100%;
                height: 288px
            }

            .mfsmyf-tjlist ul li .sub {
                line-height: 80px
            }

            .mfsmyf-tjlist ul li .icons {
                width: 40px;
                height: 40px;
                background-color: #333333;
                text-align: center;
                line-height: 40px;
                position: absolute;
                left: 109px;
                top: 268px;
                border-radius: 50%
            }

                .mfsmyf-tjlist ul li .icons i {
                    color: #fff;
                    font-size: 24px
                }

.fwzt-ksbj ul li {
    float: left;
    width: 400px
}

    .fwzt-ksbj ul li .img {
        width: 230px;
        margin: auto;
        height: 172px;
        background-color: transparent
    }

.fwzt-youshu {
    margin-top: 55px;
    margin-bottom: 130px
}

    .fwzt-youshu li {
        width: 400px;
        float: left
    }

        .fwzt-youshu li .ic {
            width: 184px;
            margin: auto;
            height: 115px;
            background-color: #e9f0f5;
            border-radius: 8px;
            line-height: 115px;
            position: relative
        }

            .fwzt-youshu li .ic:after {
                content: '';
                display: block;
                position: absolute;
                width: 0;
                height: 0;
                border-top: 10px solid #e9f0f5;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                bottom: -10px;
                left: 82px
            }

.fwzt-24 .box {
    border: 1px solid #ececec;
    width: 210px;
    height: 117px;
    padding: 10px 10px;
    background-color: #fff
}

    .fwzt-24 .box p {
        width: 170px
    }

    .fwzt-24 .box.active {
        box-shadow: 0 0 20px #e4e4e4
    }

        .fwzt-24 .box.active .point {
            animation: fade 1s infinite;
            background: #00463E
        }

    .fwzt-24 .box .point {
        float: right;
        width: 8px;
        height: 8px;
        border: 2px solid #fff;
        box-shadow: 0px 0px 6px #bebdbd;
        border-radius: 50%;
        background: #999999
    }

@keyframes fade {
    from {
        box-shadow: 0px 0px 2px #00463E
    }

    20% {
        box-shadow: 0px 0px 4px #00463E
    }

    40% {
        box-shadow: 0px 0px 6px #00463E
    }

    60% {
        box-shadow: 0px 0px 8px #00463E
    }

    80% {
        box-shadow: 0px 0px 6px #00463E
    }

    to {
        box-shadow: 0px 0px 4px #00463E
    }
}

.tydxq-title-list {
    width: 100%;
    height: 60px;
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.04);
    background: #fff;
    z-index: 10
}

    .tydxq-title-list li {
        float: left;
        padding: 0 20px;
        margin-right: 20px;
        line-height: 60px;
        cursor: pointer
    }

        .tydxq-title-list li.active a {
            color: #00463E
        }

.outline-taste-h {
    width: 100%;
    height: 150px;
    min-width: 1200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #000
}

    .outline-taste-h .outline-shadows {
        width: 100%;
        height: 150px;
        background-color: rgba(0, 0, 0, 0.8)
    }

        .outline-taste-h .outline-shadows a {
            width: 100%;
            height: 100%;
            left: 0;
            top: 0
        }

        .outline-taste-h .outline-shadows .c-b {
            position: relative;
            margin: auto;
            width: 888px;
            height: 59px;
            border-top: 1px solid #abacac;
            border-bottom: 1px solid #abacac
        }

            .outline-taste-h .outline-shadows .c-b .left-w {
                width: 334px;
                float: left;
                height: 60px;
                line-height: 60px
            }

            .outline-taste-h .outline-shadows .c-b .img {
                width: 215px;
                height: 59px;
                float: left
            }

                .outline-taste-h .outline-shadows .c-b .img img {
                    width: 215px;
                    height: 59px
                }

.xxtyglb {
    width: 1221px;
    margin-left: -10px
}

    .xxtyglb .card-p {
        width: 610px;
        height: 680px;
        float: left;
        margin-top: 10px;
        transition: all .5s
    }

        .xxtyglb .card-p .card-c {
            width: 590px;
            height: 670px;
            margin: 10px auto 0 auto;
            background: #fff;
            -ms-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.1);
            -o-box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.1)
        }

            .xxtyglb .card-p .card-c .bg-img {
                width: 100%;
                height: 442px
            }

        .xxtyglb .card-p:hover {
            background: #fff
        }

            .xxtyglb .card-p:hover .card-c {
                -ms-box-shadow: none;
                -o-box-shadow: none;
                box-shadow: none
            }

.present-list-h {
    width: 100%;
    min-width: 1200px;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    height: 510px
}

.present-list-address {
    background-color: #f6f6f6;
    height: 80px;
    width: 100%
}

    .present-list-address .til {
        height: 80px;
        line-height: 80px
    }

.present-list-container {
    width: 1250px;
    margin: auto
}

.spjx-header {
    width: 100%;
    min-width: 1200px;
    height: 477px;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.7);
    overflow: hidden;
    position: relative
}

    .spjx-header video {
        display: block;
        position: absolute;
        width: 100%;
        margin-top: -10%
    }

.spjx-sort {
    height: 30px;
    border-bottom: 1px solid #edecec
}

    .spjx-sort .active {
        color: #00463E
    }

.spjx-lists {
    width: 1220px;
    margin-left: -10px
}

    .spjx-lists .list-box {
        width: 406px;
        height: 370px
    }

        .spjx-lists .list-box:hover {
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.08)
        }

            .spjx-lists .list-box:hover .list .img .shadow {
                display: block
            }

        .spjx-lists .list-box .list {
            width: 386px;
            height: 350px;
            margin: 10px auto
        }

            .spjx-lists .list-box .list .img {
                width: 100%;
                height: 290px
            }

                .spjx-lists .list-box .list .img .shadow {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    display: none;
                    background: rgba(0, 0, 0, 0.3)
                }

                    .spjx-lists .list-box .list .img .shadow .circle {
                        background: rgba(255, 255, 255, 0.5);
                        width: 80px;
                        height: 80px;
                        border-radius: 50%;
                        line-height: 80px;
                        text-align: center;
                        margin: 110px auto;
                        color: #00463E
                    }

.gydy-lxwm {
    width: 100%;
    height: 120px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
}

.gydy-left {
    float: left;
    width: 240px;
    overflow: hidden;
    box-shadow: 2px 5px 35px 5px rgba(0, 0, 0, 0.05)
}

    .gydy-left .l-head {
        width: 100%;
        height: 110px;
        background-color: #302e31;
        background-repeat: no-repeat;
        background-position: center;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background-image: url(//j.dyrs.cc/images/pc/all/all_2021_89.png)
    }

    .gydy-left .list {
        width: 100%;
        height: 59px;
        border-top: 1px solid #edecec;
        line-height: 59px;
        background-color: #fff
    }

        .gydy-left .list.active {
            color: #00463E
        }

            .gydy-left .list.active:before {
                content: '';
                display: block;
                position: absolute;
                width: 4px;
                height: 100%;
                background: #00463E
            }

    .gydy-left .ad {
        width: 240px;
        height: 180px;
        left: 0;
        top: 610px;
        position: absolute;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
    }

.gydy-right {
    float: right;
    width: 940px
}

    .gydy-right .c-a {
        float: left;
        width: 900px;
        padding: 20px;
        background-color: #fff;
        border-radius: 5px
    }

        .gydy-right .c-a:hover {
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
        }

    .gydy-right .c-b {
        float: left;
        width: 420px;
        padding: 20px;
        background-color: #fff;
        border-radius: 5px
    }

    .gydy-right .c-v-b {
        width: 960px
    }

    .gydy-right .c-img {
        width: 940px;
        background-color: #fff;
        padding-bottom: 113px
    }

        .gydy-right .c-img .year {
            font-size: 18px;
            font-weight: bold;
            color: #333
        }

            .gydy-right .c-img .year:after {
                content: '';
                display: block;
                width: 60px;
                height: 1px;
                margin-top: 14px;
                margin-right: 8px;
                background: #edecec;
                float: left
            }

        .gydy-right .c-img .left-lay {
            padding-left: 113px
        }

        .gydy-right .c-img .right-lay {
            padding-left: 155px
        }

        .gydy-right .c-img .year-detail {
            width: 363px;
            height: 50px;
            position: relative;
            margin-top: 25px
        }

            .gydy-right .c-img .year-detail .num {
                font-size: 37px;
                color: #e0e0e0;
                position: absolute;
                top: 0;
                font-weight: bold;
                letter-spacing: 5px;
                left: 0
            }

            .gydy-right .c-img .year-detail .time {
                color: #797979;
                font-weight: bold;
                position: absolute;
                top: 10px;
                left: 58px
            }

            .gydy-right .c-img .year-detail .content {
                position: absolute;
                left: 58px;
                top: 32px;
                word-wrap: break-word;
                word-break: break-all
            }

        .gydy-right .c-img .img-box2 {
            width: 245px;
            height: 157px;
            position: relative
        }

            .gydy-right .c-img .img-box2 .t-image {
                width: 235px;
                height: 147px;
                position: absolute;
                z-index: 1;
                top: 0;
                right: 0
            }

            .gydy-right .c-img .img-box2:after {
                content: '';
                display: block;
                width: 210px;
                height: 78px;
                background: #5d5d5e;
                position: absolute;
                bottom: 0;
                left: 0
            }

        .gydy-right .c-img .img-box {
            width: 245px;
            height: 157px;
            position: relative
        }

            .gydy-right .c-img .img-box .t-image {
                width: 235px;
                height: 147px;
                position: absolute;
                z-index: 1;
                top: 0;
                left: 0
            }

            .gydy-right .c-img .img-box:after {
                content: '';
                display: block;
                width: 210px;
                height: 78px;
                background: #5d5d5e;
                position: absolute;
                bottom: 0;
                right: 0
            }

    .gydy-right .c-v {
        float: left;
        width: 460px;
        height: 330px;
        margin-bottom: 20px;
        background: #fff
    }

        .gydy-right .c-v .img {
            width: 100%;
            height: 250px
        }

            .gydy-right .c-v .img:hover .shadow {
                display: block
            }

            .gydy-right .c-v .img .shadow {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: none;
                background: rgba(0, 0, 0, 0.3)
            }

                .gydy-right .c-v .img .shadow .circle {
                    background: rgba(255, 255, 255, 0.5);
                    width: 80px;
                    height: 80px;
                    border-radius: 50%;
                    line-height: 80px;
                    text-align: center;
                    margin: 100px auto;
                    color: #00463E
                }

    .gydy-right .zb {
        height: 190px;
        background-repeat: no-repeat;
        background-position: 625px 15px;
        background-image: url(//s.dyrs.cc/static/pc/images/lxwm_06.jpg)
    }

        .gydy-right .zb .tit:before {
            content: '';
            display: block;
            width: 4px;
            height: 100%;
            position: absolute;
            left: -30px;
            top: 0;
            background-color: #00463E
        }

    .gydy-right .love {
        height: 190px
    }

        .gydy-right .love .img {
            width: 261px;
            height: 190px;
            overflow: hidden
        }

            .gydy-right .love .img img {
                width: 261px
            }

        .gydy-right .love .content {
            width: 610px
        }

            .gydy-right .love .content .describe {
                height: 100px;
                line-height: 1.8
            }

        .gydy-right .love.nopic .content {
            width: auto;
            float: inherit !important
        }

    .gydy-right .zx {
        height: 128px;
        background-repeat: no-repeat;
        background-position: 333px 50px;
        background-size: 90px 67px
    }

    .gydy-right .job {
        margin-bottom: 20px
    }

        .gydy-right .job .tit:before {
            content: '';
            display: block;
            width: 4px;
            height: 100%;
            position: absolute;
            left: -20px;
            top: 0;
            background-color: #00463E
        }

        .gydy-right .job .sub-tit {
            margin-top: 40px
        }

        .gydy-right .job p {
            line-height: 26px;
            font-size: 14px;
            color: #666;
            margin-top: 10px;
            word-wrap: break-word;
            word-break: break-all
        }

.sh-top {
    box-shadow: 0 0 30px rgba(95, 94, 94, 0.13)
}

.topn-list {
    height: 45px;
    background-color: #f3f3f3;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

    .topn-list .tab {
        width: 100px;
        height: 45px;
        line-height: 43px;
        text-align: center;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent
    }

        .topn-list .tab.active {
            color: #00463E;
            background-color: #fff;
            border-left: 1px solid #e5e5e5;
            border-right: 1px solid #e5e5e5;
            border-bottom: 1px solid #fff;
            overflow: inherit
        }

            .topn-list .tab.active:before {
                content: '';
                display: block;
                position: absolute;
                width: 100%;
                height: 2px;
                top: -1px;
                left: 0;
                background-color: #00463E
            }

.com-news-list-bar {
    padding: 20px;
    height: 150px;
    background-color: #fff
}

    .com-news-list-bar .img {
        width: 210px;
        height: 150px
    }

    .com-news-list-bar:hover {
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1)
    }

    .com-news-list-bar.nopic .fl {
        margin-left: 0 !important;
        width: auto !important
    }

.descripbe-swiper-banner {
    height: 400px;
    width: 100%
}

    .descripbe-swiper-banner .pagination {
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%;
        z-index: 2
    }

        .descripbe-swiper-banner .pagination .swiper-active-switch {
            background: #00463E !important
        }

        .descripbe-swiper-banner .pagination .swiper-pagination-switch {
            width: 11px;
            height: 11px;
            margin: 0 3px;
            background: #bfbfbf;
            border-radius: 50%;
            display: inline-block
        }

.describe-ready-container {
    width: 890px
}

    .describe-ready-container .describe-card {
        width: 212px;
        height: 170px;
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 0 0 16px 5px rgba(172, 171, 171, 0.11)
    }

        .describe-ready-container .describe-card .img {
            height: 90px;
            line-height: 90px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat
        }

        .describe-ready-container .describe-card .c-c {
            width: 216px
        }

            .describe-ready-container .describe-card .c-c .c2 {
                width: 106px;
                border-right: 1px dashed #edecec
            }

            .describe-ready-container .describe-card .c-c .c3 {
                width: 71px;
                border-right: 1px dashed #edecec
            }

.describe-video-study {
    border-top: 1px solid #edecec
}

.describe-video-container {
    width: 900px
}

.video-card {
    width: 430px;
    height: 277px
}

    .video-card .img {
        width: 430px;
        height: 200px
    }

        .video-card .img:hover .shadow {
            display: block
        }

        .video-card .img .shadow {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: none;
            background: rgba(0, 0, 0, 0.3)
        }

            .video-card .img .shadow .circle {
                background: rgba(255, 255, 255, 0.5);
                width: 80px;
                height: 80px;
                border-radius: 50%;
                line-height: 80px;
                text-align: center;
                margin: 60px auto;
                color: #00463E
            }

.describe-page-index-module {
    width: 100%;
    height: 330px;
    overflow: hidden
}

    .describe-page-index-module .left {
        width: 440px
    }

        .describe-page-index-module .left .img {
            height: 227px
        }

        .describe-page-index-module .left .detail {
            height: 38px;
            line-height: 1.7
        }

    .describe-page-index-module .right {
        width: 420px
    }

        .describe-page-index-module .right .new-con {
            width: 100%;
            height: 90px;
            overflow: hidden;
            transition: all .5s
        }

            .describe-page-index-module .right .new-con:hover {
                box-shadow: 0 0 21px 5px rgba(0, 0, 0, 0.03)
            }

                .describe-page-index-module .right .new-con:hover .time {
                    background: #00463E
                }

            .describe-page-index-module .right .new-con .time {
                width: 80px;
                height: 90px;
                background: #c0b8ac;
                transition: all .5s
            }

                .describe-page-index-module .right .new-con .time .month {
                    top: 19px;
                    left: 20px
                }

                .describe-page-index-module .right .new-con .time .day {
                    top: 62px;
                    left: 40px
                }

            .describe-page-index-module .right .new-con .detail {
                width: 315px
            }

                .describe-page-index-module .right .new-con .detail .con {
                    height: 45px;
                    line-height: 1.8
                }

.rzlb-header {
    height: 120px;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    min-width: 1200px
}

.rzlb-container {
    width: 1231px
}

    .rzlb-container .rzlb-card {
        width: 585px;
        height: 410px;
        overflow: hidden;
        background-color: #f6f6f6
    }

        .rzlb-container .rzlb-card .rzlb-center {
            width: 555px;
            height: 390px;
            margin: auto
        }

        .rzlb-container .rzlb-card .anli_c {
            background-color: #fff
        }

            .rzlb-container .rzlb-card .anli_c .img {
                width: 355px;
                height: 250px
            }

            .rzlb-container .rzlb-card .anli_c .anli_msg {
                height: 80px
            }

                .rzlb-container .rzlb-card .anli_c .anli_msg .design-img {
                    height: 80px;
                    width: 80px;
                    border-radius: 5px
                }

                .rzlb-container .rzlb-card .anli_c .anli_msg .a-msg {
                    width: 250px
                }

        .rzlb-container .rzlb-card .exhibit {
            width: 170px
        }

            .rzlb-container .rzlb-card .exhibit .img-c {
                width: 160px;
                height: 110px;
                background-color: #fff
            }

.design-idea .design-idea-left {
    width: 405px
}

.design-idea .design-idea-right {
    width: 440px;
    height: 343px
}

.design-idea .detail {
    height: 170px;
    overflow: hidden;
    line-height: 1.7
}

.yuyuePage-hk {
    max-width: 800px;
    border-radius: 5px;
    overflow: hidden
}

    .yuyuePage-hk .left {
        float: left;
        height: 400px;
        width: 439px;
        background-repeat: no-repeat;
        background-size: 100%
    }

    .yuyuePage-hk .right {
        float: right;
        height: 400px;
        width: 280px;
        padding: 0 40px
    }

        .yuyuePage-hk .right .title {
            font-size: 20px;
            color: #333;
            position: relative
        }

            .yuyuePage-hk .right .title:after {
                content: '';
                display: block;
                position: absolute;
                width: 50px;
                height: 2px;
                background-color: #00463E;
                bottom: 0;
                left: 40
            }

        .yuyuePage-hk .right .input {
            height: 36px;
            border: 1px solid #d9d9d9;
            background-color: #fafafa;
            border-radius: 3px;
            margin-bottom: 20px;
            transition: all .5s
        }

            .yuyuePage-hk .right .input input {
                background: transparent;
                display: block;
                width: 90%;
                margin: auto;
                height: 38px
            }

.login-layer {
    margin: auto;
    width: 200px
}

    .login-layer span {
        font-size: 24px;
        color: #666;
        display: block;
        float: left;
        width: 80px;
        position: relative;
        text-align: center;
        padding-bottom: 10px;
        cursor: pointer
    }

        .login-layer span.active {
            color: #00463E
        }

            .login-layer span.active:after {
                content: '';
                display: block;
                position: absolute;
                width: 100%;
                height: 2px;
                background: #00463E;
                bottom: 0;
                left: 0
            }

.login-ins .l {
    width: 198px
}

.login-ins .r {
    width: 160px
}

    .login-ins .r img {
        width: 160px;
        height: 45px;
        cursor: pointer
    }

.login-ins .input {
    height: 43px;
    border: 1px solid #d9d9d9;
    background-color: #fafafa;
    border-radius: 3px;
    margin-bottom: 20px;
    transition: all .5s
}

    .login-ins .input input {
        background: transparent;
        display: block;
        width: 90%;
        margin: auto;
        height: 43px
    }

.login-ins .otherLogin {
    border-top: solid 1px #edecec;
    padding: 35px 45px
}

    .login-ins .otherLogin .iconfont {
        font-size: 20px;
        margin-left: 40px;
        vertical-align: middle
    }

        .login-ins .otherLogin .iconfont:hover {
            color: #00463E
        }

.rydy {
    background-color: #fff;
    padding-top: 30px
}

    .rydy .divide {
        height: 20px;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 30px;
    }

    .rydy .core-d {
        height: 355px;
        background-position: center;
        position: relative
    }

        .rydy .core-d .c {
            padding: 15px;
            width: 230px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            position: absolute
        }

            .rydy .core-d .c .tit {
                line-height: 24px
            }

    .rydy .leader {
        padding: 0 35px 45px 35px
    }

        .rydy .leader .img {
            width: 310px;
            height: 340px
        }

        .rydy .leader .detail {
            width: 500px;
            height: 340px
        }

            .rydy .leader .detail .name {
                font-size: 18px;
                font-weight: bold;
                height: 40px;
                line-height: 40px
            }

            .rydy .leader .detail .job {
                font-size: 16px;
                font-weight: bold;
                margin-bottom: 20px
            }

            .rydy .leader .detail .content {
                height: 250px;
                overflow: hidden;
                line-height: 1.7
            }

    .rydy .rydy-content {
        background-repeat: repeat-y;
        background-position: center top;
        background-image: url(//j.dyrs.cc/images/pc/all/all_2021_13.png);
    }

        .rydy .rydy-content .img-left {
            height: 175px;
            position: relative
        }

            .rydy .rydy-content .img-left .img-box {
                width: 270px;
                height: 175px;
                position: absolute;
                top: 0;
                left: 142px;
                box-shadow: 0 8px 14px 3px rgba(102, 102, 102, 0.1)
            }

            .rydy .rydy-content .img-left .year {
                font-size: 20px;
                color: #00463E;
                position: absolute;
                width: 270px;
                top: 10px;
                left: 530px
            }

            .rydy .rydy-content .img-left .detail {
                width: 270px;
                height: 100px;
                position: absolute;
                top: 50px;
                left: 530px
            }

            .rydy .rydy-content .img-left:after {
                content: '';
                display: block;
                width: 19px;
                height: 19px;
                position: absolute;
                background: #afc4c1;
                border-radius: 50%;
                top: 16px;
                left: 461px;
                z-index: 1
            }

                .rydy .rydy-content .img-left:after:after {
                    content: '';
                    display: block;
                    width: 38px;
                    height: 2px;
                    background: #afc4c1
                }

            .rydy .rydy-content .img-left:before {
                content: '';
                display: block;
                width: 11px;
                height: 11px;
                position: absolute;
                background: #00463E;
                top: 20px;
                left: 465px;
                border-radius: 50%;
                z-index: 2
            }

        .rydy .rydy-content .img-right {
            height: 175px;
            position: relative
        }

            .rydy .rydy-content .img-right .img-box {
                width: 270px;
                height: 175px;
                position: absolute;
                top: 0;
                left: 530px;
                box-shadow: 0 8px 14px 3px rgba(102, 102, 102, 0.1)
            }

            .rydy .rydy-content .img-right .year {
                font-size: 20px;
                color: #00463E;
                position: absolute;
                width: 270px;
                top: 10px;
                left: 142px
            }

            .rydy .rydy-content .img-right .detail {
                width: 270px;
                height: 100px;
                position: absolute;
                top: 50px;
                left: 142px
            }

            .rydy .rydy-content .img-right:after {
                content: '';
                display: block;
                width: 19px;
                height: 19px;
                position: absolute;
                background: #afc4c1;
                border-radius: 50%;
                top: 16px;
                left: 461px;
                z-index: 1
            }

                .rydy .rydy-content .img-right:after:after {
                    content: '';
                    display: block;
                    width: 38px;
                    height: 2px;
                    background: #afc4c1
                }

            .rydy .rydy-content .img-right:before {
                content: '';
                display: block;
                width: 11px;
                height: 11px;
                position: absolute;
                background: #00463E;
                top: 20px;
                left: 465px;
                border-radius: 50%;
                z-index: 2
            }

.d3-head {
    width: 100%;
    height: 1445px;
    background-repeat: no-repeat;
    background-position: center -90px;
    background-color: #fff;
    background-size: auto 876px
}

    .d3-head .button-groups {
        width: 590px;
        margin: auto;
        margin-bottom: 300px;
        padding-top: 440px
    }

        .d3-head .button-groups .button {
            width: 250px
        }

    .d3-head .img-grp {
        margin-top: 40px
    }

        .d3-head .img-grp .img-box {
            width: 330px;
            height: 420px
        }

            .d3-head .img-grp .img-box .img {
                margin: auto;
                width: 300px;
                height: 260px;
                box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1)
            }

            .d3-head .img-grp .img-box .title {
                color: #333;
                font-size: 18px;
                text-align: center;
                position: relative;
                margin-top: 50px
            }

                .d3-head .img-grp .img-box .title:after {
                    content: '';
                    display: block;
                    width: 20px;
                    height: 1px;
                    background: #666;
                    margin: auto;
                    margin-top: 10px
                }

        .d3-head .img-grp .to-right:after {
            content: '\e63a';
            display: block;
            width: 100px;
            height: 258px;
            line-height: 258px;
            font-size: 30px;
            float: left;
            text-align: center;
            color: #666
        }

.d3-luodi {
    width: 100%;
    height: 850px;
    background: url(//s.dyrs.cc/static/pc/images/d3ysj_007_04.png)
}

    .d3-luodi .zt-img {
        background-color: transparent;
        width: 617px;
        height: 571px;
        margin: auto;
        margin-top: 35px
    }

.d3-ad {
    width: 100%;
    height: 250px;
    background-repeat: no-repeat;
    background-position: center
}

    .d3-ad .title {
        padding-top: 60px;
        color: #fff;
        font-size: 26px;
        text-align: center
    }

        .d3-ad .title .imp {
            margin: 0 10px;
            position: relative
        }

            .d3-ad .title .imp:after {
                content: '';
                display: block;
                position: absolute;
                width: 8px;
                height: 8px;
                border-bottom: 1px solid #fff;
                border-right: 1px solid #fff;
                bottom: 0;
                right: -8px
            }

            .d3-ad .title .imp:before {
                content: '';
                display: block;
                position: absolute;
                width: 8px;
                height: 8px;
                border-left: 1px solid #fff;
                border-top: 1px solid #fff;
                top: 0;
                left: -8px
            }

.qa-back {
    padding-top: 255px;
    background: url(//s.dyrs.cc/static/pc/images/qa.jpg) no-repeat center 0
}

.qa-con {
    background: #fff;
    width: 1100px;
    padding: 50px;
    margin: auto;
    border-radius: 5px;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.05)
}

    .qa-con .q {
        margin-bottom: 30px;
        line-height: 40px
    }

        .qa-con .q .ic {
            width: 40px;
            height: 40px;
            background: #666666;
            color: #fff;
            float: left;
            font-size: 18px;
            text-align: center;
            line-height: 40px;
            margin-right: 30px;
            border-radius: 5px
        }

        .qa-con .q .tit {
            width: 1030px;
            float: left;
            font-size: 20px;
            color: #333
        }

    .qa-con .a {
        border-bottom: 1px solid #999;
        padding-bottom: 40px
    }

        .qa-con .a .ic {
            width: 40px;
            height: 40px;
            background: #333333;
            color: #fff;
            margin-right: 30px;
            float: left;
            font-size: 18px;
            text-align: center;
            line-height: 40px;
            border-radius: 5px
        }

        .qa-con .a .tit {
            width: 1030px;
            float: left;
            font-size: 16px;
            color: #666;
            line-height: 1.9
        }

        .qa-con .a .btn {
            width: 278px;
            height: 38px;
            display: block;
            border: 1px solid #00463E;
            color: #00463E;
            text-align: center;
            line-height: 38px;
            margin-top: 40px;
            border-radius: 30px;
        }

            .qa-con .a .btn:hover {
                background-color: #00463E;
                color: #fff
            }

.web-map {
    background: #fff;
    border-radius: 10px
}

    .web-map .web-con {
        padding: 30px 20px
    }

        .web-map .web-con .button {
            width: 120px;
            height: 50px;
            line-height: 50px;
            font-size: 16px;
            padding: 0
        }

.page404 {
    position: relative;
    margin-top: 160px
}

    .page404 .n404 {
        width: 319px;
        height: 107px;
        margin: auto
    }

    .page404 .text-404 {
        top: 167px;
        position: absolute;
        width: 100%;
        text-align: center;
        z-index: 1
    }

    .page404 .g404 {
        margin: auto;
        margin-top: 100px;
        width: 812px;
        height: 332px
    }

.popular-topics {
    position: relative;
    padding-top: 20px;
    width: 283px;
    height: 209px;
}

    .popular-topics img {
        width: 283px;
        height: 189px;
        border-radius: 4px;
    }

.popular-topics-div {
    position: absolute;
    top: 20px;
    width: 283px;
    height: 189px;
    background-color: rgba(0, 0, 0, .5);
    text-align: center;
    display: none;
    border-radius: 4px;
}

.popular-span1 {
    position: absolute;
    top: 67px;
    left: 0;
    right: 0;
    width: 283px;
    height: 20px;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    overflow: hidden;
}

.popular-span2 {
    position: absolute;
    top: 101px;
    left: 0;
    right: 0;
    width: 255px;
    height: 14px;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0px;
    color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 15px;
    overflow: hidden;
}