@charset "utf-8";
/* CSS Document */
/*tab切换公用 */
.m-tabnav{overflow: hidden;text-align: center;}
.m-tabnav li{float: left;position: relative;}
.m-tabnav li a{display:block;height: 36px;line-height: 20px;font-size: 20px;}

/* style2-右竖杠 */
/* .m-tabnav2{margin-left: -35px;overflow: visible;}
.m-tabnav2 li a{display: block;padding: 0 35px;font-weight: normal;font-size: 24px;height: 64px;line-height: 64px;color:#000;position: relative;}
.m-tabnav2 .tab-item:not(:last-child) a::after{content: "";position: absolute;right: -1px;top: 50%;transform: translateY(-50%);width: 1px;height: 24px;background-color: #d1d1d1;}
.m-tabnav2 li.u-active a{color:#0078d3;font-weight: bold;} */

/*文字列表 */
/* .m-liststylecom .list-item{height: 46px;line-height: 46px;}
.m-liststylecom .list-item .text{font-size: 18px; padding-left: 14px; background: url(../images/public/icon-li.png) left center no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.m-liststylecom .list-item span{float: right; color: #b8b8b8; font-size: 16px;}
.m-liststylecom .list-item .text:hover{padding-left: 16px;}
.m-dashed .list-item{border-bottom:1px dashed #ddd;} */

/* 主体 on */
.is-main .container{padding: 30px;margin-top: 30px;background: #fff;}

/* 栏目列表 */
.xx-list{margin: 0 -14px;}
.xx-list .hd-item{width:22.9532163%;height:110px;padding: 25px 0 25px 72px;border-radius:8px;margin: 0 14px;}
.xzxx-card{background: url(../images/interact/bg-xzxx.png) left center no-repeat;}
.bmxx-card{background: url(../images/interact/bg-bmxx.png) left center no-repeat;}
.wsxf-card{background: url(../images/interact/bg-wsxf.png) left center no-repeat;}
.swdt-card{background: url(../images/interact/bg-swdt.png) left center no-repeat;}
.xx-list .hd-text{margin-left: 22px;font-size:22px;font-weight:bold;line-height:60px;color:#333333;}

/* 信件选登 */
.xj-region{margin-top: 23px;}
.xjxd-box{width: calc(100% - 390px);}
.write-btn{width:95px;height:30px;margin-top: 14px;line-height:30px;font-size:15px;color:#fff;text-align:center;background-color:#0078d3;border-radius:15px;}
.write-btn:hover{background-color: #005aa0; color: #fff;box-shadow:inset 0 0 10px rgba(143, 203, 248);backdrop-filter: blur(5px)}
.xx-header{height:54px;line-height: 54px;background-color:#f5f5f5;text-align: center;font-size: 18px;color: #333;}
.xj-body{text-align: center;margin-top: 15px;font-size: 18px;}
.th1{width: 38%;text-align: left;padding-left: 46px;}
.th2{width: 30%;}
.th3{width: 20%;min-width: 110px;}
.th4{width: 12%;}
.td.th1{padding-left: 15px;background: url(../images/public/icon-li.png) left center no-repeat;}
.td.th2, .td.th3{color: #b8b8b8;font-size:16px;}
.td.th4{font-size:16px;}
li.row{height: 48px;line-height: 48px;overflow: hidden;}
li.row .td-red{color: #d50000;}
li.row .td-green{color: #58ab4f;}

/* 信件统计 */
.xjtj-box{width: 390px;padding-left: 2.2388059%;}
.xjtj-list,.xjcx-list{width:360px;height:296px;padding: 30px 24px;background-color:#ffffff;border:solid 1px #d0e0ef;}
.xjtj-list .sub-tabnav{margin: 0 -7px 10px -7px;}
.xjtj-list .tab-item{width:96px;height:35px;line-height: 35px;text-align: center;margin: 0 6px;border-radius:18px;background-color:#f5f5f5;border:solid 1px transparent;}
.xjtj-list .tab-item a{line-height: 35px;font-size: 17px;}
.xjtj-list .tab-item.u-active,.xjtj-list .tab-item:hover{background-color:#f2f9ff;border:solid 1px #0078d3;color: #0078d3;}
.xjtj-list .tab-item.u-active a{color: #0078d3;}
.xjtj-sub-list .list-item{font-size:17px;line-height:52px;color:#333333;}
.xjtj-sub-list .accept{float: left;}
.xjtj-sub-list .complete{float: right;}
.xjtj-sub-list .list-item .num{color: #d50000;}

/* 信件查询 */
.xjcx-list{padding: 60px 24px;}
.xjcx-form .form-row{font-size: 18px;line-height: 46px;margin-bottom: 20px;}
.xjcx-form .form-row label{display: inline-block;width: 90px;text-align: right;}
.xjcx-form .form-row input{width: calc(100% - 100px);height: 46px;line-height: 46px;padding: 0 10px;border: solid 1px #d0e0ef;}
.xjcx-form .search-btn{padding-left: 95px;}
.xjcx-form .search-btn button{width: 120px;height: 46px;line-height: 46px;font-size: 18px;text-align: center;color: #fff;background-color: #ff9c00;border-radius: 10px;border: none;outline: none;}
.xjcx-form .search-btn button:hover{background-color: #e68a00; color: #fff;}

/* 在线访谈 */
.online-interact{margin-top: 20px;}
.interact-box{width: 58.58208955%;}
.zxft-img{width: 277px;height: 178px;overflow: hidden;}
.zxft-img img{width: 100%;height: 100%;object-fit: cover;}
.zxft-content{width: calc(100% - 277px);padding-left: 20px;line-height: 30px;}
.zxft-content .title h3{height: 32px;line-height: 32px;font-size: 18px;color: #333333;}
.zxft-content .f-label{color: #ff9c00;}
.zxft-content .detail{color: #0078d3;}

/* 往期回顾 */
.review-box{width: 37.68656716%;float: right;}
.review-tab .tab-item{height: 64px;line-height: 64px;}
.review-tab .tab-item a{margin-top: 12px; margin-right: 12px;}
.review-tab .u-active a{width:95px;height:30px;line-height:30px;font-size:16px;color:#fff;background-color:#0078d3;border-radius:15px;}
.review-list{margin-top: -6px;}
.review-list .list-item{height: 42px;line-height: 42px;}

/* 征集调查 */
.in-collect{}
.in-box{position: relative;min-height: 70px;padding: 20px;line-height: 30px;background-color: #f5f5f5;}
.zjdc-item:nth-child(2n) .in-box{background-color: #ffffff;}
.in-box .in-state{float: left;width: 62px;height: 32px;line-height: 32px;text-align: center;font-size: 15px;color: #7e8fa2;border: solid 1px #7e8fa2; border-radius: 4px;}
.in-box .in-state.on{color: #0078d3;border: 1px solid #126cd9;}
.in-box .link-text{float:left;max-width:50%;font-size: 18px;color: #333333;padding-left: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.in-box .file-item{font-size: 18px;color: #d50000}
.in-box .data-time{float: right; color: #999999;} */

/*在线访谈*/
.g-zcftfl{padding: 15px; border: 1px solid #ddd; border-top: none;}
.g-zcftfl p{line-height: 32px;}
.g-zcftfl .f-ti2{text-indent: 2em;}
.m-zxftls img{display: block; width: 254px; height: 176px; padding: 3px; border: 1px solid #ddd;}
.m-zxftls li{margin-bottom: 20px;}
.g-zxftls{width: 745px; background: #f7f7f7; padding: 7px 20px 13px; height: 176px;}
.g-zxftls h2{height: 36px; line-height: 36px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; color: #1366cc;}
.g-zxftls p{line-height: 30px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-ctpg .m-pagination{display: inline-block;}

/*在线访谈内页*/
.m-ftinfos{padding: 7px 15px 9px; background: #f5f5f5;}
.m-ftinfos h1{padding: 5px 0 20px; font-size: 24px; font-weight: bold; color: #1366cc; text-align: center;}
.m-ftinfos img{display: block; width: 294px; height: 218px; float: left;}
.m-ftinfos .u-desc{width: 660px; line-height: 31px;}
.m-ftinfos .u-desc p strong{color: #1366cc;}
.m-ftinfos .u-desc p:last-child{height: 93px;overflow-y: auto;}
.m-ftbmjj{padding: 10px; border: 1px solid #ddd;}
.m-ftbmjj h1{padding: 5px 0; font-size: 18px; font-weight: bold; color: #1366cc;}
.g-ftbmjj{height: 234px; overflow-y: auto;}
.g-ftbmjj p{line-height: 30px; font-size: 16px; text-indent: 2em;}
.m-ftzbtp .bd{height: 190px; margin-top: 15px;}
.m-ftzbtp .bd li{float: left; margin-right: 15px; width: 288px; height: 190px; position: relative;}
.m-ftzbtp .bd img{display: block; width: 288px; height: 190px;}
.m-ftzbtp .bd p{position: absolute; left: 0; bottom: 0; right: 0; line-height: 40px; text-align: center; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; color: #fff; background: rgba(0,0,0,.5);}
.g-ftwzzb{margin: 10px;padding: 10px; height: 520px; overflow-y: auto;border: 1px solid #e5e5e5;}
.m-fuzcr{line-height: 28px; font-size: 14px; padding: 10px; border-bottom: 1px dashed #ddd;}
.g-ftwzzb .u-name,.g-ftwzzb .u-desc{color: #666;}
.g-ftwzzb .u-date{color: #999;}
.m-fuldh{padding: 10px; line-height: 28px; font-size: 14px; background: #f5f5f5;}
.u-fyname{color: #1366cc;}
.m-inlplgb{margin-top: 10px; padding: 5px 0; color: #015293;}



/*writeMail*/
.u-menutit{border-bottom: 1px solid #ddd; line-height: 46px;}
.u-menutit .u-tit{display: block; padding: 0 10px; border-bottom: 2px solid #007ddf; font-size: 24px; font-weight: bold; color: #007ddf;}
.u-menutit .u-more{display: block; padding: 0 4px; text-align: center; font-size: 18px; font-weight: bold; color: #007ddf;}
.u-menutit.m-wyxx .u-more{padding-left: 30px;background: url(../images/page/icon-wyxx.png) left center no-repeat;}
.liuyan_cxcon{border-bottom:#e8e8e8 1px solid;background:#f6f6f6;padding:13px 10px 13px;height:54px;position:relative;box-sizing: border-box;margin-top:15px;margin-bottom:20px}
.liuyan_cxcon .tj{height:28px;line-height:28px;text-align:left; padding-left:180px;}
.liuyan_cxcon .liuyan_cxtit{display:block;width:100px;height:26px;line-height:22px;position:absolute;left:56px;top:15px;font-size:18px;font-weight:bold;color:#007ddf;}
.liuyan_cxcon .tj .sz{color:#fd8524;}
.liuyan_cxcon .tj .jg{padding-left:20px;}
.m-writebox{padding: 28px; border: 1px solid #ddd;}
.m-writetext .m-titstyle2 .u-more{font-size: 16px; color: #d00d0d; font-weight: bold; line-height: 38px;}
.m-writetext .m-titstyle2 .u-more span{margin-right: 10px;}
.m-mailinfos{margin: 1px 0 15px; padding: 15px 38px 20px; background: #f5f5f5; line-height: 38px; text-align: justify;}
.m-mailinfos p{text-indent: 2em;}
.u-nologin{padding: 15px; }
.u-nologin a{margin: 0 4px; color: #1893e5;}
a.u-wstcdl{padding: 0 6px; height: 40px; line-height: 40px; background: #d00d0d; color: #fff; border-radius: 6px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-mailfmbox{padding: 0 80px;}
.m-mailfmbox label{ font-weight: normal;}
.m-mailfmbox label span{color: red;}
.u-mailone{padding-bottom: 12px; margin-bottom: 24px; border-bottom: 1px dashed #ddd;}
.u-mailone .form-group{margin-left: 0px; margin-right: 0px;}
.m-mailfmbox .radio-inline{margin: 0 5px 0 20px;}
.m-mailfmbox .u-mlcode{width: 120px; height: 34px;}
.m-mailfmbox .u-nologin{margin: 20px 0;}
.m-mailfmbox .btn-success,.m-mailfmbox .btn-primary{margin: 0 15px; padding: 6px 30px;}
.m-mailfmbox .btn-primary{background: #ebebeb; border-color: #ebebeb; color: #999;}
.u-xxcode{height: 34px; overflow: hidden;}
.u-xxcode a{line-height: 44px; font-size: 14px;}
.m-mailfmbox .btn-success{background: #007ddf; border-color: #007ddf;}
.m-mailfmbox .btn-success:focus{background: #b50015; border-color: #b50015;}
.m-mailfmbox .btn-primary:focus{background: #d2d2d2; border-color: #d2d2d2;}

/*mailList*/
.g-mailsearch{padding: 35px 80px;}
.g-mailsearch label{font-weight: normal;}
.g-mailsearch .btn{width: 80px; margin-left: 15px;background-color: #0078d2; color: #fff;}
.m-mailxjlb .m-titstyle2 .u-more{margin-right: 10px; font-size: 16px; color: #007ddf; font-weight: bold; line-height: 38px;}
.m-mailxjlb .m-titstyle2 .u-more span{margin-right: 10px;}
.m-mailxjlb p{float: left; overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-mailxjlb .u-ts1{width: 20%;}
.m-mailxjlb .u-ts2{width: 43%;}
.m-mailxjlb .u-ts3{width: 12%;}
.m-zxtshd{height: 40px; line-height: 40px; background: #f8f8f8; margin: 1px 0 8px; text-align: center; font-weight: bold;}
.m-zxtsbd li{border-bottom: 1px dashed #ddd; line-height: 60px;}
.m-zxtsbd li .u-ts2 a{padding-left: 10px;}
.m-zxtsbd li .u-cl{color: #999;}
.m-zxtsbd li p{height: 60px;}

/*mailDetail*/
.m-maildetail .table td{padding: 15px 20px; vertical-align: middle;}
.m-maildetail .u-tit{width: 15%; color: #0078d3; font-weight: bold;}
.m-maildetail .u-desc{line-height: 36px;}
.m-maildetail .u-desc img{display: block; max-width: 100%;}
.m-maildetail .u-item{width: 35%;}
.m-maildetail .table{margin-bottom: 0;}
.m-maildetail .table tfoot td{padding: 60px 0;}
.m-maildetail tfoot a.btn{background-color: #0078d3; color: #fff; padding: 0; width: 124px; height: 44px; line-height: 44px; font-size: 18px;}
#starRating{line-height: 29px; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; padding: 10px 20px;overflow: hidden;}
#starRating .photo a { position: relative;float: left;margin-top: 6px; display: inline-block; width: 15px; height: 16px; overflow: hidden; margin-right: 10px; cursor: pointer; }
#starRating .photo a:last-child { margin-right: 0; }
#starRating .photo a .nohigh { position: absolute; width: 15px; height: 16px; top: 0; left: 0; background: url( '../images/page/x2.png'); }
#starRating .photo a .high { position: absolute; width: 15px; height: 16px; top: 0; left: 0; background: url( '../images/page/x1.png'); }
#starRating .starNum { float: left; font-size: 14px; color: #de4414; margin: 0; margin-left: 10px; }
#starRating .bottoms { float: right;; height: 29px; }
#starRating .photo { float: left;margin: 0; }
#starRating .bottoms a { margin-bottom: 0; }
#starRating .bottoms input { width: 48px; height: 29px; line-height: 29px; border-radius: 3px; display: inline-block; font-size: 14px; margin: 0 5px; text-align: center; cursor: pointer; border: none; }


/*knowledge*/
.m-knowledgelf{width: 380px;}
.g-knowledge{min-height: 296px;}
.g-knowledge ul{padding: 5px 0;}
.g-knowledge li{float: left; margin: 5px; text-align: center; width: 116px; height: 40px; line-height: 40px;}
.g-knowledge li a{display: block; background: #ebebeb; overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.g-knowledge li a:hover,.g-knowledge li.u-active a{background: #0863c0; color: #fff;}
.m-knowledgerg{width: 800px;}

/*knowledgeDetail*/
.m-dwzskwt{border-bottom: 1px dashed #ddd; margin: 10px 0;}
.m-dwzskwt .u-tit{font-size: 18px; color: #0863c0; font-weight: bold;}
.m-gdwbox{padding: 10px 0;}

/*答问知识库*/
.m-knowtable table td, .m-knowtable table th{padding:15px 20px!important;border:1px solid #ddd}


/*knowledgeBase*/
.m-dwzsklf{width: 380px; margin-right: -380px;}
.m-zskxz{margin-bottom: 20px; padding: 0 0 5px; border: 1px solid #ddd;}
.m-zskxz .row{margin: 10px;}
.m-zskxz .row li{padding: 5px; text-align: center; line-height: 40px;}
.m-zskxz .row li a{display: block; background: #ebebeb; overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-zskxz .row li a:hover,.m-zskxz .row li.u-active a{background: #0078d3; color: #fff;}
.m-dwzskrg{width: 100%;}
.m-dwzskrgbox{margin-left: 400px;}

/*knowledgeBaseDetail*/
.m-dwzskwt{border-bottom: 1px dashed #ddd; margin: 10px 0;}
.m-dwzskwt .u-tit{font-size: 18px; color: #007bd9;}
.m-gdwbox{padding: 10px 0;}

/*media query*/
/*big pcScreen*/
@media screen and (max-width:1400px) {
    .xx-list .hd-item{width: 22.4532163%;}
    .xx-list .hd-item{padding-left: 40px;}
    .th1{width: 35%;text-align: left;padding-left: 30px;}
    .th2{width: 30%;}

}
/*medium pcScreen lg*/
@media screen and (max-width: 1200px) {
    .g-zxftls{width: 100%;}
    
}
/*pad md*/
@media screen and (max-width: 991px ){
    .m-tabnav2{margin-left: -10px;}
    .m-tabnav2 li a{padding: 0 10px;}
    .xx-list .hd-item{width: 100%;padding-left: 40px;margin-bottom: 10px;}
    .xjxd-box,.xjtj-box,.interact-box,.review-box,.zxft-img,.zxft-content{width: 100%;padding-left: 0;}
    .xjtj-list, .xjcx-list{width: 100%;padding: 10px;}
    .m-mailxjlb .u-ts2{width: 72%;}
    .m-mailxjlb .u-ts3{width: 14%;}

    .th4{display: none;}
}
/*phone sm*/
@media screen and (max-width: 767px) {
    .m-ftinfos img,.m-zxftls img,.m-dwzsklf{float: none;}
    .m-ftinfos .u-desc,.m-dwzsklf{width: 100%;margin-top: 20px;}
    .is-main .container{padding: 15px;}
    .m-mailxjlb .u-ts3{width: 25%;}
    .m-mailfmbox{padding: 0 30px;}
    .m-zxftls li{margin-bottom: 10px;}
    .m-dwzskrgbox{margin-left: 0;}
    .xx-list{margin: 0;}
    .in-box .data-time{margin-top: 10px;}
   
}
/*small xs*/
@media screen and (max-width: 375px) {
 
}
/*print*/
@media print {
    
}