@charset "UTF-8";
body{ background: #f7f7f7; }
#Content{ background: #fff; padding: 20px; min-height: 500px;width: 1300px; margin: 0 auto;}
.leftChannel{ width: 22%; float: left; }
.channelList{ box-sizing: border-box; }
.xyzl li img{ width: 100%; margin-top: 10px; height: 100px; }
.channelList .topChannel{ background: var(--color); line-height: 60px; color: #fff; font-size: 1.5rem; text-align: center; }
.channelList .levelChannels li{ padding: 0 25px; border-bottom: 1px dashed #cdcdcd;background: #f7f7f7; }
/* .channelList .levelChannels li:first-child{ margin-top: 15px; } */
.channelList .levelChannels li:last-child{ margin-bottom: 18px; }
.channelList .levelChannels li a{ display: block; font-size: 1.125rem; padding: 0 25px; line-height: 55px; color: #333; position: relative; }
.channelList .levelChannels li.active a{ color: var(--color); }
.contentListWrap{ width: 74%; float: right; }
.miniChannel { width: 100%; }
.contentListWrap .channelTitle{ background: url("../images/sub_tit.jpg") no-repeat left center; border-bottom: 1px solid #e5e5e5; line-height: 50px; padding-left: 20px; margin-bottom: 20px; }
.contentList li{ padding: 0 150px 0 15px; position: relative; line-height: 45px; background: url(../images/arrow2.png) center left no-repeat; }
.contentList li:nth-of-type(5n){ background: url(../images/arrow2.png) no-repeat left 20px; border-bottom: 1px dashed #b0cde2; padding-bottom: 8px; margin-bottom: 8px; }
.contentList li a{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.contentList li span{ position: absolute; top: 0; right: 0; color: #BCBEC0; font-size: 0.875rem; }

.pagination{ margin: 20px auto; overflow: hidden; padding: 10px 0; text-align: center; }
.pagination .page{ line-height: 40px; margin-right: 20px; display: inline-block; vertical-align: top; }
.pagination ul{ overflow: hidden; display: inline-block; }
.pagination ul li{ float: left; overflow: hidden; text-align: center; }
.pagination ul li a{ float: left; background: #FFF; border: 1px solid #eee; border-radius: 4px; margin: 0 3px; padding: 0 15px; text-align: center; line-height: 38px; color: #282626; }
.pagination ul li a.hov{ background-color: var(--color); color: #FFF; }
.pagination ul li a:hover{ border-color: var(--color); }
.pagination ul li a.disabled:hover{ border-color: #eee; }

#Content .search{margin-bottom: 20px;background: #f7f7f7;padding: 35px 30px 20px 30px; }
#Content .search>ul{margin: 0 auto;text-align: center;width: fit-content;margin-bottom: 20px;}
#Content .search li{ line-height: 40px; border-radius: 4px; float: left; padding: 0 17px; margin-right: 20px; position: relative; }
#Content .search li.active{ background: var(--color); color: #fff; }
#Content .search li.active:after { content: ''; position: absolute; left: 50%; bottom: -5px; margin-left: -5px; border-top: 5px solid var(--color); border-left: 5px solid transparent; border-right: 5px solid transparent; }
#Content .search .search-content{ width: 80%;background: #fff; line-height: 50px; position: relative; border-radius: 5px; overflow: hidden; margin: 20px auto; }
#Content .search .inputText{ padding: 0 100px 0 20px; }
#Content .search .inputText .word{ width: 100%; border: none; }
#Content .search .submit{ position: absolute; right: 0; top: 0; width: 80px; padding-left: 36px; height: 50px; line-height: 42px; color: #fff; text-align: left; cursor: pointer; background: var(--color) url("../images/searchicon.png") 12px center no-repeat; }

/* 搜索 */
.searchresult .contentList li{
    padding: 0;
    background: none;
    position: unset;
}
.searchresult .contentList li span{
    position: unset;
}
.nosearch{
    min-height: 200px;
    width: fit-content;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
    background: url(http://credit.pds.gov.cn/images/search/no-empty.png) no-repeat center top;
    background-size: 150px;
    padding-top: 140px;
    font-size: 15px;
    color: #666;
}
.nosearch a{
    font-weight: 600;
    font-size: 18px;
    padding: 8px 10px;
    margin-top: 10px;
    color: #fff;
    background: var(--color);
    display: block;
}
.searchresult.contentListWrap{width: 100%; float: none;}
.contentList li span.channelName{ position: unset;color: #333; font-size: 16px; font-weight: 600; }
.searchresult .contentList h2{font-size: 18px;}
.searchresult .contentList li h2 span{position: unset;font-size: 18px;}
.searchresult .note{white-space: normal; line-height: 1.5rem;}
.searchresult .note .licontent{padding: 10px 0;}


/* 信用承诺 */
.channelTitle.line{
    padding-bottom: 10px;
    border-bottom: 1px solid #d8d8d8;
}
.type-box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    border: 1px solid #d5d5d5;
    margin-top: 20px;
}
.type-box .type{
    line-height: 50px;
    font-size: 17px;
    font-weight: 600;
}
.type-box .type a{
    display: inline-block;
    padding: 0 15px;
}
.type-box .type a.on{
    background-color: var(--color);
    color: #fff;
}
.type-box .promise-btn{
    display: block;
    box-sizing: border-box;
    line-height: 50px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    width: 150px;
    background: var(--color) url(../images/promise.png) 5px center no-repeat;
    background-size: 43px;
    padding-left: 25px;
}
.count-box{
    margin-top: 20px;
    background: #f7f7f7;
    padding: 30px 35px;
}
.count-box .count{
    display: flex;
    background-color: #fff;
    padding: 20px 0;
    margin-bottom: 20px;
}
.count-box .count>div{
    flex: 1;
    border-right: 1px solid #d5d5d5;
}
.count-box .count>div:last-child{
    border: none;
}
.count-box .count span{
    display: block;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
    font-size: 15px;
}
.count-box .count div span:first-child{
    color: var(--color);
    font-size: 18px;
}
.count-box .public-type{
    text-align: center;
    margin-bottom: 20px;
    line-height: 35px;
}
.count-box .public-type a{
    display: inline-block;
    height: 35px;
    background: #e7e7e7;
    padding: 0 20px;
    margin-right: 20px;
    color: #333;
    font-weight: 600;
}
.count-box .public-type a.active{
    background: var(--color);
    color: #fff;
}
.count-box .promise-search{
    text-align: center;
    line-height: 40px;
}
.count-box .promise-search input{
    height: 40px;
    width: 100px;
    background-color: var(--color);
    color: #fff;
    font-size: 18px;
}
.count-box input.search-input{
    width: 50%;
    color: #333;
    background-color: #fff;
    font-size: 15px;
    padding: 0 15px;
}
.contentList.promise-list{
    margin-top: 20px;
    padding: 0 30px;
}

/* 八公示（信用承诺改） */
.eight-box{
    /* width: 95%; */
    border: 1px solid #ddd;
    line-height: 30px;
    margin: 40px auto;
}
.eight-box .eight-line{
    display: flex;
    /* cursor: default; */
}
.eight-line.thead{
    color: #fff;
    font-weight: 600;
    background-color: var(--color);
}
.eight-box .eight-line:not(:last-child){
    border-bottom: 1px solid #ddd;
}

.eight-line span{
    flex: 1;
    padding: 8px 5px;
    text-align: center;
}

.eight-line span:not(:last-child){
    border-right: 1px solid #ddd;
}



/* 信用公示 */
#Content .public-item .public-title{
    color: #333;
    font-size: 20px;
    font-weight: 600;
    /* line-height: 30px; */
    border-left: 5px solid var(--color);
    padding-left: 8px;
}
.public-box{
    margin-top: 30px; 
}
.public-item:not(:first-child){
    margin-top: 60px;
}
.public-item:last-child{
    margin-bottom: 20px;
}

.public-item .public-pic a{
    display: inline-block;
    vertical-align: top;
    width: 200px;
    margin-right: 70px;
    margin-top: 25px;
}
.public-item .public-pic a img{
    width: 100%;
    height: 110px;
}
.public-item .public-pic p{
    text-align: center;
    background-color: #e6e6e6;
    padding: 5px 10px;
}

/* 信件提交 */
.write-line{
    display: flex;
    font-size: 1.125rem;
    margin-bottom: 15px;
    line-height: 35px;
}
.write-line span.right{
    flex: 1;
}
.write-line span.left{
    display: inline-block;
    width: 100px;
    text-align: right;
}
.write-line span input,
.write-line span select,
.write-line span #validateCode,
.write-line span textarea{
    border: 1px solid #c7c7c7;
    width: 97%;
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
}
.write-line span select,
.write-line span #validateCode{
    width: 30%;
}
.write-line span textarea{
    width: 90% !important;
    height: 150px;
}
.write-line span #IsPublic_0,
.write-line span #IsPublic_1 {
    width: 20px;
}
.write-line span label{
    vertical-align: top;
    margin-right: 20px;
}
.write .btngray{
    width: 150px;
    height: 40px;
    line-height: 40px;
    margin: 20px auto;
    background-color: var(--color);
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.btnquery{
    float: right;
    display: inline-block;
    background: var(--color);
    font-weight: 600;
    color: #fff;
    padding: 0 15px;
    line-height: 40px;
    border-radius: 2px;
}

/* 信件列表 */
.letter-box{
    margin: 0 auto;
    border: 1px solid #ddd;
    line-height: 35px;
}
.letter-box .letter-line{
    display: flex;
}
.letter-box .letter-line:not(:last-child){
    border-bottom: 1px solid #ddd;
}
.letter-line.thead{
    background-color: #e3e3e3;
    color: #4c4c4c;
    font-weight: 600;
    text-align: center;
}
.letter-line span{
    display: block;
    text-align: center;
    padding: 8px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.letter-line span.c2{
    width: 50%;
    text-align: left;
}
.letter-line.thead span.c2{
    text-align: center;
}

.letter-line span.c1,
.letter-line span.c3,
.letter-line span.c4{
    flex: 1;
}
.letter-line span:not(:last-child){
    border-right: 1px solid #ddd;
}