body {
    background: #f5f5f5;
}

a {
    color: #333;
}

    a:hover {
        color: #e41739;
    }


.fixed-search ~ .banner {
    margin-top: 2.8rem;
}

.ad-hd{
    margin:0 auto;
}

/*.user-search-box-oneline {
    height:2.8rem;
    overflow: unset;
    z-index:20;
}*/

.user-search-box-oneline .searchbox-main .search{
    padding-bottom:.4rem;
    overflow:unset;
}

    .user-search-box-oneline .dropdown-menu {
        width: 330px;
        padding: 5px 10px;
        box-sizing: border-box;
    }

        .user-search-box-oneline .dropdown-menu > li {
            float: left;
            min-width: 100px;
        }

            .user-search-box-oneline .dropdown-menu > li > a {
                display: inline-block;
                padding: 10px 10px;
            }

    .user-search-box-oneline .btn-default, .user-search-box-oneline .btn-default:hover, .user-search-box-oneline .btn-default:focus, .user-search-box-oneline .btn-default.active, .user-search-box-oneline .btn-default:active, .user-search-box-oneline .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #fff;
        border-color: #f6f6f6;
    }

#s_cx a{
    font-weight: bold;
    color: #1296db;
}
#s_cx a.active{
    color: #fff;
}

/*总数据数量*/
/*.nav .total {
    float: right;
    padding: 10px 15px;
}

.nav .total em {
        color: #D51938;
        margin: 0 6px;
        font-style: normal;
    }*/
/*排序相关*/
/*.sort {
    float:right;
    height: 30px;
    line-height: 30px;
    background: #f9f9f9;
    color: #333;
    font-size: 13px;
    border: 1px solid #dfdfdf;
    border-width: 0 0 1px 0;
}

    .sort a, .kl-hosue .kl-l-lg .sort a:hover {
        color: #2F353B;
    }

    .sort .total em {
        color: #D51938;
        margin: 0 6px;
        font-style: normal;
    }*/
/*--------------------------公司数据组-------------------start--------*/
.kl-list-user {
    background: #FFF;
    margin: .4rem .4rem 0 .4rem;
    padding: 0 .3rem;
    font-size: .85rem;
    border-radius: .3rem;
}

.fixed-search ~ .kl-list-user {
    margin-top: 2.8rem;
}

.banner ~ .kl-list-user {
    margin-top: .4rem;
}

.kl-list-user > ul {
    width: 100%;
}

.kl-list-user .item {
    position: relative;
    width: 100%;
    padding: 15px 0 10px;
    border-bottom: 1px dotted #dfdfdf;
}

    .kl-list-user .item:hover {
        background-color: #f6f6f6;
    }

    .kl-list-user .item .kl-jjr {
        float: left;
        width: 100%;
    }

        .kl-list-user .item .kl-jjr .jjr-tx {
            float: left;
            display: block;
            width: 6rem;
            height: 5rem;
            margin-bottom: 0rem;
        }

            .kl-list-user .item .kl-jjr .jjr-tx img {
                width: 6rem;
                height: 5rem;
                display: block;
                border-radius: .2rem;
            }

        .kl-list-user .item .kl-jjr .jjr-info {
            width: 100%;
            padding-left: 6.8rem;
            font-size: .8rem;
            color: #999;
        }

            .kl-list-user .item .kl-jjr .jjr-info > div {
                float: left;
                width: 100%;
                line-height: 1.18rem;
            }

            .kl-list-user .item .kl-jjr .jjr-info .jjr-name {
                line-height: 1.2rem;
                color: #333;
            }

                .kl-list-user .item .kl-jjr .jjr-info .jjr-name a {
                    float: left;
                    font-size: 1.1rem;
                    padding-bottom: .2rem;
                }

                    .kl-list-user .item .kl-jjr .jjr-info .jjr-name a.telshort {
                        float: left;
                        margin-left: .8rem;
                        font-weight: normal;
                        font-size: 1rem;
                    }

                .kl-list-user .item .kl-jjr .jjr-info .jjr-name span.telshort {
                    float: left;
                    background-color: #4e97f7;
                    color: #fff;
                    font-size: .65rem;
                    padding: 0 .3rem;
                    line-height: 1rem;
                    margin-left: .5rem;
                    border-radius: .25rem;
                }

                .kl-list-user .item .kl-jjr .jjr-info .jjr-name a:hover {
                    color: #696969;
                }

                .kl-list-user .item .kl-jjr .jjr-info .jjr-name span {
                    float: left;
                }

                .kl-list-user .item .kl-jjr .jjr-info .jjr-name .jjr-gs {
                    font-size: 1rem;
                    color: #4a9ced;
                    overflow: hidden;
                    white-space: unset;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                }

            .kl-list-user .item .kl-jjr .jjr-info .jjr-dz, .kl-list-user .item .kl-jjr .jjr-info .jjr-dz {
                font-size: .8rem;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .kl-list-user .item .kl-jjr .jjr-info .jjr-tel b {
                color: #f00;
                font-weight: normal;
            }

    /*样式1*/
    .kl-list-user .item .shou, .kl-list-user .item .zu {
        background-color: #f06d07;
        font-style: normal;
        display: inline-block;
        height: 1.11rem;
        line-height: 1.11rem;
        text-align: center;
        border-radius: 2px;
        font-size: .72rem;
        color: #fff;
        padding: 0rem .22rem;
    }

    .kl-list-user .item .zu {
        background-color: #299ee0;
    }

    .kl-list-user .item .jjr-info .jjr-zushou > div {
        float: left;
        line-height: 1.55rem;
    }

    .kl-list-user .item .jjr-info .shou, .kl-list-user .item .jjr-info .zu {
        margin-right: .2rem;
    }
    /*样式1*/

    /*样式2*/
    .kl-list-user .item .jjr-info .jjr-zushou {
        margin-top: .03rem;
    }

        .kl-list-user .item .jjr-info .jjr-zushou > .cs {
            background: #ffffff;
            border: 1px solid #cbe2f9;
            font-size: .65rem;
            line-height: .85rem;
            border-radius: 5px;
            padding: .2rem .2rem .15rem .2rem;
            float: left;
            color: #666;
            margin-left: 1rem;
        }
        .kl-list-user .item .jjr-info .jjr-zushou > .cs:first-child{
            margin-left:0;
        }

            .kl-list-user .item .jjr-info .jjr-zushou > .cs span {
                color: #e31906;
                font-size: .65rem;
            }
    /*样式2*/

    .kl-list-user .item .mx {
        position: absolute;
        top: 3.1rem;
        right: 0rem;
    }

        .kl-list-user .item .mx img {
            width: 1.6rem;
            height: 1.6rem;
        }

    /*会员一句话广告*/
    .kl-list-user .item .kl-gift{
        float: left;
        height: unset;
        margin-top: .2rem;
        min-height: 1.3rem;
        line-height: 1.3rem;
        color: #f00;
        font-size:.75rem;
        overflow: hidden;
        white-space:unset;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .kl-list-user .icon {
        position: relative;
        top: .25rem;
        margin-right: .25rem;
        width: 1rem;
        height: 1rem;
        display: inline-block;
        border: none;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 1rem;
    }

    .kl-list-user .icon-gift {
        background-size: .9rem;
        background-image: url("data:image/svg+xml,%3Csvg t='1631867894969' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4337' width='200' height='200'%3E%3Cpath d='M912.457143 585.910857A45.568 45.568 0 0 0 950.857143 541.257143v-91.593143a103.003429 103.003429 0 0 0-103.753143-101.979429H810.057143L559.780571 102.820571a105.179429 105.179429 0 0 0-146.742857 0L326.070857 188.342857a104.539429 104.539429 0 0 0-108.873143 49.152l-66.834285 113.700572A102.4 102.4 0 0 0 73.142857 449.664v399.177143A103.003429 103.003429 0 0 0 176.932571 950.857143h670.153143A103.003429 103.003429 0 0 0 950.857143 848.841143v-91.538286a45.586286 45.586286 0 0 0-38.4-44.708571 64.146286 64.146286 0 0 1 0-126.683429zM451.309714 140.452571a50.304 50.304 0 0 1 70.180572 0L732.342857 347.684571h-112.932571l-240.384-136.192zM264.082286 264.045714a49.243429 49.243429 0 0 1 30.134857-22.674285 50.066286 50.066286 0 0 1 37.650286 4.864l178.870857 101.485714H214.948571z m632.685714 499.712v85.101715a49.243429 49.243429 0 0 1-49.609143 48.768H176.932571a49.243429 49.243429 0 0 1-49.609142-48.768V449.664a49.243429 49.243429 0 0 1 49.609142-48.768h670.153143a49.243429 49.243429 0 0 1 49.609143 48.768v85.083429a117.028571 117.028571 0 0 0 0 229.010285zM505.6 632.685714a26.605714 26.605714 0 1 0 0-53.211428h-43.977143l41.124572-69.997715a26.368 26.368 0 0 0-9.892572-36.352 27.428571 27.428571 0 0 0-36.992 9.746286l-42.605714 72.704-42.770286-72.649143a27.428571 27.428571 0 0 0-36.973714-9.746285 26.368 26.368 0 0 0-9.910857 36.352l41.124571 69.997714H323.84a26.605714 26.605714 0 1 0 0 53.211428h60.690286v36.096H323.84a26.605714 26.605714 0 1 0 0 53.211429h60.690286v62.72a27.081143 27.081143 0 0 0 54.162285 0v-62.72h66.925715a26.605714 26.605714 0 1 0 0-53.211429H438.674286V632.685714h66.925714z m177.462857-37.814857h52.461714v-101.467428h-52.443428v101.540571z m0 208.713143h52.461714V702.171429h-52.443428v101.522285z' fill='%23ff0000' p-id='4338'%3E%3C/path%3E%3C/svg%3E");
    }
/*--------------------------公司数据组-------------------end--------*/
.kl-list-common .kl-loadmore, .kl-list-common .kl-loadmore-line {
    display:block;
    width: 100%;
    padding: 10px 0 8px 0;
    text-align: center;
    color: #999;
}

.kl-list-common .kl-loadmore-line {
    padding: 15px 0;
    border-bottom: 1px dotted #dfdfdf;
}

/*********kl-list-case***start*******************/
.kl-list-case{
    background-color: #fff;
    margin: .4rem;
    border-radius: .3rem;
    font-size: .85rem;
}
.kl-list-case > ul{
    margin: 0;
    padding: 0 5px 10px;
    width: 100%;
    display: block;
}

.kl-list-case .item {
    float: left;
    width: 50%;
    margin-top: 20px;
    position: relative;
    overflow: hidden;
    display: block;
    background: #fff;
}
.kl-list-case .item:nth-child(2n+1) {
    padding-right:5px;
}
.kl-list-case .item:nth-child(2n) {
    padding-left:5px;
}
.kl-list-case .item .item-border{
    position: relative;
    width:100%;
    border: 1px solid #dfdfdf;
    padding: .2rem .25rem .2rem .25rem;
}

    .kl-list-case .item .item-border > .item-img-box {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 75%;
        overflow: hidden;
    }
/*促销*/
.kl-list-case .item  .pic-cx-box{
    position:absolute;
    z-index:1;
    top: .15rem;
    left: .2rem;
    width:3.2rem;
    height:3.2rem;
}
.kl-list-case .item .pic-cx-box .pic-cx-box-img img{
    width:3.2rem;
    height:3.2rem;
}

    .kl-list-case .item .item-border > .item-img-box a {
        display: block;
    }

    .kl-list-case .item .item-border > .item-img-box img {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        /* border: 1px solid #eee; */
        /* box-sizing: content-box; */
        margin-bottom: 10px;
        border-radius: .3rem;
    }

    /*图片隐藏链接*/
    .kl-list-case .item .item-border > .item-img-box .pic-href-box{
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index:1;
        padding-right: 2.8rem;
        padding-bottom: 2.8rem;
    }
    .kl-list-case .item .item-border > .item-img-box .pic-href-box a{
        width:100%;
        height:100%;
        display:block;
    }
    
    .kl-list-case .item .item-border > .item-img-box .item-link{
        position:absolute;
        bottom:0;
        width: 100%;
        height: 1.4rem;
        margin-bottom: -1px;
        z-index:2;
    }

    .kl-list-case .item .item-border > .item-img-box .item-link-tag {
        float:left;
        position:relative;
        width:49%;
        line-height: 1.4rem;
        font-size: .7rem;
        text-align:center;
        color:#fff;
    }
    .kl-list-case .item .item-border > .item-img-box .item-link-tag:last-child {
        float:right;
    }
    .kl-list-case .item .item-border > .item-img-box .item-link-tag .bg{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background-color: #5cb85c;
        opacity: 0.8;
        -moz-opacity: 0.8;
        -webkit-opacity: 0.8;
        filter: alpha(opacity=80);
    }
    /*.kl-list-case .item .item-border > .item-img-box .item-link-tag:nth-child(2n+1) .bg{
        background-color: #fa7b19;
    }*/
    .kl-list-case .item .item-border > .item-img-box .item-link-tag .txt {
        position:relative;
        top:0;
        left:0;
    }

    .kl-list-case .item .item-border > .item-tit-box{
        padding: 0 2px;
        font-size: .8rem;
        color: #333;
        display: block;
        line-height: 1.2rem;
        margin-top: 6px;
        overflow: hidden;
        white-space: unset;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .kl-list-case .item .item-border > .item-flag-box{
        padding: 4px 2px 0 2px;
        overflow: hidden;
        margin-bottom: 2px;
    }

    .kl-list-case .item .item-border > .item-flag-box .flag{
        color: #999;
        font-size: .7rem;
        padding: 1px 2px;
        margin-right: 1px;
        margin-top: 3px;
        border: 1px solid #eef2e9;
        border-radius: .1rem;
        display: inline-block;
    }
    .kl-list-case .item .item-border > .item-flag-box .flag:hover {
        color: #fff !important;
        background-color: #01af63;
        border: 1px solid #01af63;
    }

/*免费设计报价按钮box*/
.kl-list-case .kl-btn-box {
    position: absolute;
    width: 200px;
    right: 0px;
    top: 58px;
    padding-right: 10px;
}
.kl-list-case .kl-loadmore, .kl-list-case .kl-loadmore-line {
    float:left;
}
/*********kl-list-case***end*******************/

/*********kl-list-site***start*******************/
.kl-list-site{
    background-color: #fff;
    margin: .4rem;
    margin-top: 0;
    border-radius: .3rem;
    font-size: .85rem;
}
.kl-list-site > ul{
    margin: 0;
    padding: 0 5px 10px;
    width: 100%;
    display: block;
}
.kl-list-site .item {
    float: left;
    width: 50%;
    margin-top: 20px;
    position: relative;
    overflow: hidden;
    display: block;
    background: #fff;
}
.kl-list-site .item:nth-child(2n+1) {
    padding-right:5px;
}
.kl-list-site .item:nth-child(2n) {
    padding-left:5px;
}
.kl-list-site .item .item-border{
    width:100%;
    border: 1px solid #dfdfdf;
    padding: .2rem .25rem .2rem .25rem;
}

    .kl-list-site .item .item-border > .item-img-box {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 75%;
        overflow: hidden;
    }
    .kl-list-site .item .item-border > .item-img-box a {
        display: block;
    }

    .kl-list-site .item .item-border > .item-img-box img {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        /* border: 1px solid #eee; */
        /* box-sizing: content-box; */
        margin-bottom: 10px;
        border-radius: .3rem;
    }
    
    .kl-list-site .item .item-border > .item-img-box .item-link{
        position:absolute;
        bottom:0;
        width: 100%;
        height: 1.4rem;
        margin-bottom: -1px;
    }

    .kl-list-site .item .item-border > .item-img-box .item-link-tag {
        float:left;
        position:relative;
        width:49%;
        line-height: 1.4rem;
        font-size: .7rem;
        text-align:center;
        color:#fff;
    }
    .kl-list-site .item .item-border > .item-img-box .item-link-tag:last-child {
        float:right;
    }
    .kl-list-site .item .item-border > .item-img-box .item-link-tag .bg{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background-color: #fa7b19;
        opacity: 0.8;
        -moz-opacity: 0.8;
        -webkit-opacity: 0.8;
        filter: alpha(opacity=80);
    }
    .kl-list-site .item .item-border > .item-img-box .item-link-tag .txt {
        position:relative;
        top:0;
        left:0;
    }

    .kl-list-site .item .item-border > .item-tit-box{
        padding: 0 2px;
        font-size: .8rem;
        color: #333;
        display: block;
        line-height: 1.2rem;
        margin-top: 6px;
        overflow: hidden;
        white-space: unset;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .kl-list-site .item .item-border > .item-flag-box{
        padding: 4px 2px 0 2px;
        overflow: hidden;
        margin-bottom: 2px;
    }

    .kl-list-site .item .item-border > .item-flag-box .flag{
        color: #999;
        height: 1.4rem;
        line-height: 1.4rem;
        font-size:.8rem;
        padding: 0 2px;
        margin-right: 1px;
        display: inline-block;
    }
    .kl-list-site .item .item-border > .item-flag-box .flag:hover {
        color: #fff !important;
        background-color: #01af63;
        border: 1px solid #01af63;
    }

/*免费设计报价按钮box*/
.kl-list-site .kl-btn-box {
    position: absolute;
    width: 200px;
    right: 0px;
    top: 58px;
    padding-right: 10px;
}

.kl-list-site .pro {
    position: absolute;
    text-align: center;
    font-size: 0;
    width: 3rem;
    height: 1.2rem;
    background: rgba(0,0,0,0.5);
    right: 0.2rem;
    top: 0.2rem;
    border-radius: 0.16rem;
}
.kl-list-site .pro i {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/process.gif) no-repeat center;
    background-size: .8rem;
}
.kl-list-site .pro em {
    display: inline-block;
    vertical-align: middle;
    font: .5rem 'microsoft yahei';
    color: #fff;
    max-width: 1.8rem;
    overflow: hidden;
    height: 1.2rem;
    line-height: 1.2rem;
}
.kl-list-site .kl-loadmore, .kl-list-site .kl-loadmore-line {
    float:left;
}
/*********kl-list-site***end*******************/

/*展开对话框  start */
.UserCustomerBox .modal-dialog {
    width: 95%;
    max-width: 22rem;
    margin: 5rem auto;
}

.UserCustomerBox .modal-body {
    padding: 0;
}

.UserCustomerBox .modal-content {
    overflow: hidden;
}

.UserCustomerBox .close {
    font-size: 1.8rem;
    font-weight: normal;
    position: absolute;
    top: .2rem;
    right: .4rem;
    color: #fff;
    /*text-shadow: 0 1px 0 #fff;*/
    text-shadow: 1px 1px 1px #48b3e2;
    filter: alpha(opacity=100);
    opacity: 1;
}

    .UserCustomerBox .close:hover {
        filter: alpha(opacity=90);
        opacity: .9;
    }

.UserCustomerBox .title {
    padding: 1rem .5rem 1rem;
    background-color: #03a9f4;
    overflow: hidden;
}

    .UserCustomerBox .title h3 {
        font-size: 1rem;
        text-align: center;
        color: #fff;
    }

.UserCustomerBox .dialog-cons-wrap {
    padding: 1rem .4rem .6rem;
}

    .UserCustomerBox .dialog-cons-wrap .ipt-area {
        position: relative;
        width:100%;
        overflow: hidden;
        font-size:.8rem;
        display: table;
        border-collapse: separate;
    }
    .UserCustomerBox .dialog-cons-wrap .ipt-area > span{
        position:relative;
        top: -.5rem;
        display: table-cell;
        width: 4.5rem;
        color: #555;
        text-align: center;
    }

        .UserCustomerBox .dialog-cons-wrap .ipt-area .ipt {
            color: #555;
            line-height: 1.6rem;
            border-right: 0;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            background: #fff;
            overflow: hidden;
            width: 100%;
            height: 1.6rem;
            padding:0 .4rem;
            border: solid 1px #eaeaea;
            outline: 0;
            display:table-cell;

            position: relative;
            z-index: 2;
            float: left;
            width: 100%;
            margin-bottom: 0;
        }

            .UserCustomerBox .dialog-cons-wrap .ipt-area .ipt::-webkit-input-placeholder {
                color: #c7c7c7;
            }

.UserCustomerBox .error-msg {
    font-size: .7rem;
    color: #f20;
    height: 20px;
}

.UserCustomerBox .promise-msg {
    color: #999;
    font-size: .7rem;
    padding: 0 .4rem;
    margin-top:.3rem;
}
/*展开对话框  start */
/*  修正 点击查看大图  strat */
.xtiper_close_notit {
    border: 2px solid #fff;
    top: 4px;
    right: 4px;
    width: 20px;
    height: 20px;
}
.xtiper_close:before, .xtiper_close:after {
    top: 7px;
    left: 2px;
    width: 12px;
    height: 2px;
}
.xtiper_words{
    float:left;
    width:100%;
}
.xtiper_photo_num{
    width:98%;
    left:unset;
    transform:unset;
    height:unset;
}
/*  修正 点击查看大图  strat */

/*点击查看大图片  start */
#zoom-origin-img{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.9);
    z-index: 999;
}
#zoom-origin-img .swiper-slide img{
    width:100%;
    vertical-align:middle;
}
#zoom-origin-img .kl-swiper-title{
    position: absolute;
    bottom: .4rem;
    font-size: .8rem;
    line-height: 1.2rem;
    color: #fff;
    padding: 0 .4rem;
    text-align: left;
    z-index: 1;
}
#zoom-origin-img .swiper-pagination{
    top:.5rem;
    font-size: 1.2rem;
    bottom:auto;
    color:#fff;
}
/*close*/
.kl-swiper-close{
    border: .1rem solid #fff;
    top: .5rem;
    right: .5rem;
    width: 1.4rem;
    height: 1.4rem;
    cursor: pointer;
    margin-right: 0;
    background-color: #333;
    position: absolute;
    border-radius: 50%;
    z-index: 1001;
}
.kl-swiper-close:before, .kl-swiper-close:after {
    content: "";
    position: absolute;
    top: .55rem;
    left: .22rem;
    width: .8rem;
    height: .1rem;
    background-color: #fff;
}
.kl-swiper-close:before {transform:rotate(45deg);}
.kl-swiper-close:after {transform:rotate(-45deg);}
/*点击查看大图片  start */