@charset "UTF-8";
body{ background: #f7f7f7; }
#Content{ background: #fff; padding: 20px; }
.leftChannel{ width: 22%; float: left; }
.channelList{ border: 10px solid #eee; box-sizing: border-box; }
.xyzl{border: 1px solid #eee;}
.xyzl li {border-bottom: 1px dashed #eee;background: #fff;text-align: center;line-height: 46px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xyzl li a:hover{color: var(--color);}
.channelList .topChannel{ background: #d1e1f0; line-height: 80px; color: var(--color); font-size: 1.15rem; text-align: center; }
.channelList .levelChannels li{ padding: 0 ; margin-top: 8px; border-bottom: 1px dashed #eee;}
.channelList .levelChannels li:first-child{ margin-top: 15px; }
.channelList .levelChannels li:last-child{ margin-bottom: 18px; }
.channelList .levelChannels li a{ display: block; font-size: 17px; padding: 0 5px; line-height: 50px; color: #333; position: relative; }
.channelList .levelChannels li.active a{ background: #d9f0ff; 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; }

/* 信用承诺 */
.channelTitle{
    /* 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: #e22323;
    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;
}
.eight-box {
    border: 1px solid #ddd;
    line-height: 30px;
    margin: 40px auto;
}
.eight-box .eight-line:not(:last-child) {
    border-bottom: 1px solid #ddd;
}
.eight-line.thead {
    color: #fff;
    font-weight: 600;
    background-color: #e22323;
}
.eight-box .eight-line {
    display: flex;
    cursor: default;
}
.eight-line span:not(:last-child) {
    border-right: 1px solid #ddd;
}
.eight-line span {
    flex: 1;
    padding: 8px 5px;
    text-align: center;
}
.count-box{
    margin-top: 20px;
    background: #f7f7f7;
    padding: 30px 35px;
}
.count-box .public-type {
    text-align: center;
    margin-bottom: 20px;
    line-height: 35px;
}
.count-box .public-type a.active {
    background: var(--color);
    color: #fff;
}
.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 .count{
    display: flex;
    background-color: #fff;
    padding: 20px 0;
}
.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 .promise-search{
    margin-top: 20px;
    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;
}
/* 信用公示 */
#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: 56px;
    margin-top: 25px;
}
.public-item .public-pic a img{
    width: 100%;
    height: 110px;
}
.public-item .public-pic p{
    text-align: center;
    background-color: #e6e6e6;
    /* line-height: 32px; */
    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: 120px;
}
.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: 93% !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;
}

/* 信件列表 */
.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;
}
.btnquery {
 float: right;
 display: inline-block;
 background: var(--color);
 font-weight: 600;
 color: #fff;
 padding: 0 15px;
 line-height: 40px;
 border-radius: 2px;
}

/* 搜索 */
.searchList .contentList li{
    padding: 0;
    background: none;
    position: unset;
}
.searchList .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;
}