@charset "utf-8";
body {
    background: #f9fbff;
    font-family: PingFangSC-Medium,Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
}
/*@font-face {*/
/*    font-family: 'PingFang-SC-Regular';*/
/*    src:url('../fonts/PingFang-SC-Regular.eot');*/
/*    src:url('../fonts/PingFang-SC-Regular.eot?#iefix') format('embedded-opentype'),*/
/*    url('../fonts/PingFang-SC-Regular.woff') format('woff'), !* Modern Browsers *!*/
/*    url('../fonts/PingFang-SC-Regular.ttf')  format('truetype'); !* Safari, Android, iOS *!*/
/*}*/
a{text-decoration: none; color: #515151;}
/*两端对齐*/
.kl-lddq-all-no-last{
    text-align:justify;
    text-justify: distribute;//牛逼兼容火狐
}
.kl-lddq-one{
    overflow: hidden;
    text-align:justify;
    text-align-last: justify;
    -moz-text-align-last: justify;
    text-justify: distribute;//牛逼兼容火狐
}
.kl-lddq-one:after{content:'';display:inline-block;width:100%;}

/*两边不留空的列表div*/
/*<div class="kl_list" style="width: 90%; background-color: lightblue; margin: auto;">*/
/*   <div class="divC" style="width: 24.5%; height: 100px; background-color: aqua; margin-top: 5px;"></div>*/
/*   <div class="divC" style="width: 24.5%; height: 100px; background-color: aqua; margin-top: 5px;"></div>*/
/*   <div class="divC" style="width: 24.5%; height: 100px; background-color: aqua; margin-top: 5px;"></div>*/
/*</div>*/
.kl_list{
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    align-content: flex-start;
}
.kl_wap_title{
    text-indent:20px;
    letter-spacing:2px;
    font-size:16px;
    font-weight:900;
    margin:auto;
    margin-top: 5px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    background-color: white;
    /*border-bottom: solid 1px lightgoldenrodyellow;*/
    border: solid 1px lightgoldenrodyellow;
    color: dimgrey;

}
.kl_wap_title_yuan{
    font-size: 22px;
    color: dimgrey;
}
.kl_title_box{
    width: calc(100%);
    background-color: white;
    height: 45px;
    line-height: 45px;
}
.kl_title_left_jiantou_box{
    width: 50px;
}
.kl_title_left_jiantou{
    width: 25px;
    height: 25px;
    margin-top: 10px;
}
.kl_title_content{
    width:calc(100% - 50px);
    text-align: center;
    font-size: 16px;
    text-indent: -25px;
}


/*ddasdf*/
.danhang_dian{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.duohang_dian{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.duohang_dian img{width: 100%;}

.duohang_dian3{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.duohang_dian3 img{width: 100%;}
.duohang_dian4{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.duohang_dian4 img{width: 100%;}
.duohang_dian7{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}
.duohang_dian7 img{width: 100%;}
.duohang_dian9{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
}
.duohang_dian9 img{width: 100%;}
.duohang_dian1119{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1119;
    -webkit-box-orient: vertical;
}
.duohang_dian1119 img{width: 100%;}



/*分页*/
#pages {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 0;
    padding: 10px 20px;
    font-family: "Microsoft YaHei", 微软雅黑;
    float: right;
}

#pages a {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    background: none;
    border: 1px solid #e2e2e2;
    text-align: center;
    color: #333;
    padding: 0 15px;
    font-size: 12px;
    margin: 0 -1px 5px 0;
}

#pages a.a1 {
    width: 56px;
    padding: 0;
    background: none;
    border: 1px solid #e2e2e2;
}

#pages a:hover {
    background: none;
    color: #046eff;
    text-decoration: none;
}

#pages span {
    display: inline-block;
    height: 28px;
    padding: 0 15px;
    line-height: 28px;
    background: #046eff;
    border: 1px solid #e2e2e2;
    color: #fff;
    text-align: center;
    font-size: 12px;
    margin: 0 -1px 5px 0;
}

#pages span.page-count{
    border:0;
    background: none;
    color: #333;
}
#pages span.page-spr{
    background: none;
    color: #333;
}

.page .noPage {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    background: url(../img/icu/titleBg.png) repeat-x 0 -55px;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #a4a4a4;
}

#pages span.layui-laypage-limits{
    padding: 0;
    background: #f2f5f7;
    width: 75px;
    height: 30px;
    line-height: 30px;
    margin: 0 10px 0 10px;
    border:none
}
#pages span.layui-laypage-limits select{
    width: 100%;
    height: 30px;
    padding: 3px;
    border-radius: 2px;
    cursor: pointer;
    border:1px solid #e3e3e3;
    background: #f2f5f7;
    display: block;
}
#pages span.layui-laypage-skip{
    width: 150px;
    height: 30px;
    line-height: 30px;
    color: #999;
    margin:0 10px;
    background: #f2f5f7;
    border:0;
    padding: 0;
}

#pages .layui-laypage-refresh{
    border:0
}
.layui-laypage-skip button{
    width: 40px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    vertical-align: top;
    background-color: #f2f5f7;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    margin-left: 10px;
    cursor: pointer;
}
.layui-laypage-skip input {
    display: inline-block;
    width: 40px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    vertical-align: top;
    background-color: #f2f5f7;
    box-sizing: border-box;
    margin: 0 10px;
    padding: 0 3px;
    text-align: center;
}

/*搜索框 start*/
.kl-btn-close{background-color: orange; color: white;}
.kl-btn-refresh{padding: 0px 3px 3px 3px!important; background-color: #00b000;}
.kl-btn-refresh img{width: 30px; height: 30px;}
.kl-searchBox-css{padding: 10px 10px 10px 10px; background-color: #f6fff7 !important;border: solid 1px #d3e1dbb8; }
/*搜索框 end*/
/*动画效果 start*/
@-webkit-keyframes kl-fadeInUp {
    from {
        opacity: 0;
        visibility: hidden;
        /*-webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);*/
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
    }

    to {
        opacity: 1;
        /*visibility: visible;*/
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes kl-fadeInUp {
    from {
        opacity: 0;
        visibility: hidden;
        /*-webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);*/
        -webkit-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0);
    }

    to {
        visibility: visible;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.kl-animated-fast {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    /*-webkit-animation-fill-mode: both;*/
    /*animation-fill-mode: both;*/
}
.kl-fadeInUp {
    -webkit-animation-name: kl-fadeInUp;
    animation-name: kl-fadeInUp;
}
/*动画效果 end*/