@charset "utf-8";


/* 互动首页 ----------------------------------------------------- */

/* sideBtns */
.sideBtns { margin-bottom: 30px;}
.sideBtns li { width: 270px; box-sizing: border-box; height: 90px; transition:all 0.5s; min-width: 0; margin-right: 20px; float: left; position: relative; }
.sideBtns li::before { display: block; position: absolute; content: ""; width: 100%; height: 90px; background-color: #fae6e6; left: 4px; top: 4px; z-index: -1; }
.sideBtns li a { background: url(../img/red-bg.jpg) no-repeat; height: 90px; display: flex; width: 100%; align-items: center; justify-content: center; font-size: 22px; font-weight: bold; color: #fff; }
.sideBtns li a::before { content: "\E601"; font-family: iconfont; transition: 0.5s all; font-size: 45px; color: inherit; margin-right: 10px; font-weight: normal; }
.sideBtns li:hover a { color: #fff000; }
.sideBtns li:hover a::before { transform: rotateY(180deg); }
.sideBtns .li2 a::before { content: "\E654"; }
.sideBtns .li3 a::before { content: "\E697"; }
.sideBtns .li4 a::before { content: "\E772"; font-size: 50px; }
.sideBtns .last { width: 240px; margin-right: 0; }
.sideBtns .last a { background: none; }
.sideBtns .last a::before { display: none; }

/* box-ldxx */
.box-ldxx { float: left; width: 1050px; margin-right: 30px; }
.box-ldxx .hd h3 span { font-weight: normal; font-size: 16px; color: #999; padding-left: 20px; }
.box-ldxx .letterList th { border-top: 2px solid #c00; }
.box-ldxx .letterList .state .s2,.zm-box-letter .letterList .state .s3,.zm-box-letter .letterList .state .s1 { color: #333; }


/* zm-robot --------------*/
.zm-robot { overflow: hidden; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 20px; }
.zm-robot .tips { padding: 10px 15px; margin-bottom: 10px; font-size: 14px; line-height: 1.5; background-color: #fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 5px; border: 1px solid #E4E4E4;}
.zm-robot .robot-pic { text-align: center; padding: 10px 0 15px; }
.zm-robot .robot-pic img { max-width: 100%; height: auto;}
.zm-robot .robot-btn { display: block; line-height: 50px; width: 80%; transition: 0.3s all; margin: 0 auto; height: 50px; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); background-color: #c00; border-radius: 50px; color: #fff; text-align: center; font-size: 24px; }
.zm-robot .robot-btn:hover { background-color: #b80202; letter-spacing: 1px;}

/* zm-pic-links */
.zm-pic-links { float: left; width: 440px; margin-right: 30px;}
.zm-pic-links li { margin-bottom: 20px; }
.zm-pic-links img { width: 100%; max-height: 100px; }

/* box-ld-tj */
.box-ld-tj { float: left; border: 10px solid #f5f5f5; width: 380px; height: 280px; padding: 20px; margin-bottom: 20px; background: #fafafa url(../../base/img/hd-bg.png) no-repeat right top; }
.box-ld-tj .hd h3 { font-weight: bold; color: #c00; font-size: 20px; line-height: 50px; height: 70px; }
.box-ld-tj .hd h3 a { color: inherit; }
.box-ld-tj .in-hd-tj { margin-bottom: 20px; }
.box-ld-tj .in-hd-tj li { float: left; width: 24.99%; text-align: center;  }
.box-ld-tj .in-hd-tj>span { display: block; margin: 0 auto; line-height: 30px;}
.box-ld-tj .in-hd-tj span.num { font-size: 24px; color: #c00;  }
.box-ld-tj .in-hd-tj span em { font-size: 14px; color: #333; padding-left: 5px; }
.box-ld-tj .in-hd-tj .progress { display: block; width: 12px; height: 120px; border-radius: 12px; background-color: #FFB5B5; margin: 5px auto; position: relative; }
.box-ld-tj .in-hd-tj .progress span { display: block; width: 100%; border-radius: 12px; background-color: #f56262; position: absolute; bottom: 0; left: 0; }
.box-ld-tj .in-hd-tj .odd .progress { background-color: #FFD8B5; }
.box-ld-tj .in-hd-tj .odd .progress span { background-color:#FFA71F; }
.box-ld-tj .in-hd-tj label { display: block; }
.box-ld-tj .in-hd-tj .li1 .progress { background-color: #f56262; }
.box-ld-tj .in-hd-tj .li3 .progress { background-color: #FFA71F;}

/* box-wz-tj */
.box-wz-tj { float: right; width: 400px; background: #fafafa url(../../base/img/wz-bg.png) no-repeat right top;}


/* 侧栏信件统计 */
.sideLetterStatistics { margin-bottom: 20px; overflow: hidden;  height: 188px; }
.sideLetterStatistics li { float: left; width: 48%; background: #F1F4F9; border-radius: 10px; margin-top: 15px; text-align: center; line-height: 40px; height: 40px;}
.sideLetterStatistics li:nth-child(2n) { float: right; }
.sideLetterStatistics li span { font-weight: bold; color: #ea0000; margin-right: 5px; }



/* box-in-block */
.box-in-block { padding: 15px 20px; border: 1px solid #E2E2E2; }
.box-in-block .hd { margin-bottom: 20px; padding: 0; border: none; }


/* box-survey */
.box-hd-list { width: 49.2%;  }
.box-hd-list .hd::before { display: none; }
.box-hd-list .bd { height: 280px; }


/* box-zm-block */
.box-zm-block .hd { margin-bottom: 20px; }
.box-zm-block .bd { border: 1px solid #EAEAEA; padding: 20px; height: 300px; }

/* 在线访谈 */
.box-interview .interviewPic { width: 500px; float: left; height: 300px; overflow: hidden; margin-right: 30px; }
.box-interview .interviewPic img { max-width: 100%; height: 300px; transition:all 0.5s; }
.box-interview .interviewCon { padding: 10px 5px 0; line-height: 30px; overflow: hidden; }
.box-interview .interviewCon>div { margin-bottom: 16px; overflow: hidden;}
.box-interview .title { line-height: 30px; height: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.box-interview div>.label { float: left;  color: #c00;}
.box-interview .interviewPic:hover img { transform: scale(1.05);}
.box-interview .intro {  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }


/* wjdcList */
.wjdcList { padding: 10px 5px 0;}
.wjdcList li {  padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #ddd; position: relative; }
.wjdcList li:last-child { border-bottom: none; }
.wjdcList .tit { display: block; line-height: 26px; height: 26px; font-size: 18px; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wjdcList .tit::before { display: inline-block; vertical-align: top; content: "\E654"; color: #c00; font-family: "iconfont"; font-size: 26px; margin-right: 10px; }
.wjdcList .dates { display: block;  color: #999; padding-left: 36px; line-height: 26px; }
.wjdcList .dates .startDate { margin-right: 10px;}
.wjdcList .btns { position: absolute; right: 5px; bottom: 18px; width: 50px;}
.wjdcList .btns a { display: inline-block; height: 26px; font-size: 14px; line-height: 26px; border: 1px solid #009E06; background: #fff; padding: 0 10px; border-radius: 5px; color: #009E06;}
.wjdcList .btns a:hover { background-color: #009E06;  color: #fff;}
.wjdcList .btns a.over { background-color: #ccc; color: #666; border-color: #999; }


/* box-media */
.box-media .bd { display: flex; justify-content: space-between}
.box-qr {  width: 187px; height: 187px; text-align: center; position: relative; margin-top: 10px; }
.box-qr.on { z-index: 1; }
.box-qr dt { position: relative; width: 100%; height: 100%; background-color: #fff; box-sizing: border-box; padding: 10px; cursor: pointer;  border: 1px solid #ddd;}
.box-qr dt .toptit { position: relative; }
.box-qr dt::after { display: none; content: ""; width: 57px; height: 26px; background: url(../img/jt.png) no-repeat center; position: absolute; bottom: 165px; left: 50%; margin-left: -29px; z-index: 4; transform: rotateX(180deg); }
.box-qr.on dt { background-color: #c00; color: #fff; border-color: #c00;}
.box-qr.on dt .toptit::after { background-color: #fff; }
.box-qr dd { display: none; position: absolute; left: 0; bottom: 100%; z-index: 2; margin: 0; border: 5px solid #c00; background-color: #fff; padding: 10px 0 0 0; max-width: 720px; min-width: 177px; }
.box-qr.on dt::after,
.box-qr.on dd { display: block; }
.box-qr li { text-align: center; width: 140px; padding: 0 10px; float: left; margin-bottom: 15px;  }
.box-qr li.noData { padding: 0 20px; text-align: left; }
.box-qr .topic img { width: 130px; height: 130px; font-size: 12px; line-height: 22px; display: block; margin: 0 auto; background-color: #f5f5f5; transform: scale(1.0) !important; }
.box-qr .title {line-height: 20px;text-align: left;font-size: 13px; position: relative;  display: flex; align-items: center; justify-content: start; width: 100%;}
.box-qr .title img { width: 20px; height: 20px; margin-right: 10px;}
.box-qr li.first.last { float: none; margin: 0 auto 15px; }
.box-qr .pic img { transform: scale(1.0) !important;  width: 130px; height: 130px; }

/* box-survey */
.box-survey { width: 100%; }
.box-survey .bd { height: 225px; }

/* 侧栏-回复排行 */
#boxHfph .replyRank { width: 100%; border-left: 1px solid #ededed; border-top: 1px solid #ededed; }
#boxHfph .replyRank th,
#boxHfph .replyRank td { border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; height: 30px; line-height: 30px; overflow: hidden; text-align: center; font-size: 14px; color: #707070; }
#boxHfph .replyRank th,
#boxHfph .replyRank .even { background: #fafafa; }

/* 侧栏-问卷列表 */
.surveyList li { border-bottom: 1px dashed #d6d6d6; line-height: 26px; padding-left: 5px; background: url(/content/_common/survey/img/list.png) 0px 5px no-repeat #fff; padding-bottom: 5px; margin-bottom: 5px; }
.surveyList li a.tit { display: block; overflow: hidden; height: 26px; padding-left: 16px; }
.surveyList li .btns { float: right; font-size: 12px; }
.surveyList li .btns a { float: right; margin-left: 5px; height: 24px; line-height: 24px; background: #fff; border: 1px solid #05c224; padding: 0 10px; color: #05c224; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.surveyList li .btns a:hover { background: #e8f3ea; text-decoration: none }
.surveyList li .btns .over { color: #ccc !important; border-color: #ddd !important; }
.surveyList li .btns .over:hover { background: #f3f3f3; }
.surveyList li .dates { height: auto; line-height: 22px; font-size: 12px; color: #b2b2b2; overflow: hidden; display: block }
.surveyList li .dates span { float: left }
.surveyList li .startDate { margin-right: 15px }

/* letterListB */
.letterListB { width: 100%; }
.letterListB th,
.letterListB td { text-align: center; font-size: 16px; vertical-align: middle; line-height: 28px; padding: 6px 5px; }
.letterListB th,
.letterListB .even { background: #f5f5f5; }
.letterListB th { color: #0068B7; height: 40px; padding: 0px; }
.letterListB th.title { text-align: left; padding-left: 38px; }
.letterListB .num { display: none; }
.letterListB td.title { text-align: left; padding-left: 5px; }
.letterListB .ico { width: 30px; text-align: center; vertical-align: middle; }
.letterListB .ico img { vertical-align: middle; }
.letterListB .dep { width: 90px; }
.letterListB .state { width: 90px; }
.letterListB .state .s0 { color: #333; }
.letterListB .state .s1 { color: #f70; }
.letterListB .state .s2 { color: #f00; }
.letterListB .state .s3 { color: #390; }
.letterListB .state .s4 { color: #333; text-decoration: line-through; }
.letterListB .date { border-right: none; width: 90px; }
#tabWsxf .bd { min-height: 257px; }

/* tabBmzx */
#tabBmzx .bd { min-height: 257px; }


/* 民意征集等 */
.myzjWrap { overflow: hidden; }
.myzjWrap .boxA { width: 49%; float: left; *display: inline; margin-bottom: 0px; }
.myzjWrap .boxA .bd { height: 165px; padding-bottom: 0px; }
.myzjWrap #boxWsdc { float: right; }
.field-error { display: inline-block; }
textarea[name=Content] { padding: 5px; width: 700px; height: 180px; border: 1px solid #ccc; line-height: 22px; }
.validationcode { display: inline-block; }
.codeinp { float: left; }
div.codeinp input[type="text"] { width: 50%; margin-right: 10px; }
.total,
.select { vertical-align: baseline; }
.UserPublicStatus div { width: 110px; float: left; }
input[name=Email] { _display: inline-block; float: left; }

/* 业务知识库-首页 ----------------------------------------------------- */
.ywzskNodes { margin-top: 20px; overflow: hidden;    /*background: url(../img/ywzsk-line.jpg)*/ }
.ywzskNodes li { float: left; height: 42px; line-height: 42px; overflow: hidden; width: 20%; }
.ywzskNodes a { padding-left: 23px; background: url(../../base/img/icons.png) 10px -2484px no-repeat; }

/* 业务知识库-列表页 ----------------------------------------------------- */
.ywzskSideMenu .hd { height: 60px; line-height: 60px; background: #0068B7; }
.ywzskSideMenu .hd h3 { padding-left: 100px; font-size: 20px; font-weight: bold; color: #fff; background: url(../img/ywzsk-icons.png) 60px 18px no-repeat; }
.ywzskSideMenu .list li { border: 1px solid #E1E1E1; margin-top: -1px; overflow: hidden; vertical-align: top; }
.ywzskSideMenu .list a { display: block; line-height: 24px; padding: 12px 40px; text-align: center; background: url(../img/ywzsk-icons.png) 259px -173px no-repeat; font-size: 16px; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms; }
.ywzskSideMenu .list .on a,
.ywzskSideMenu .list a:hover { background-position: 259px -97px; background-color: #E6FEFE; text-decoration: none; }
.ywzskList li,
.ywzskListHead { overflow: hidden; height: 48px; line-height: 48px; border-bottom: 1px solid #eee; font-size: 16px; }
.ywzskList em,
.ywzskListHead em { display: block; float: left; width: 88px; text-align: center; }
.ywzskListHead { background: #F6F6F6; border-bottom: 0; text-align: center; }
.ywzsTitle { text-align: center; font-size: 28px; font-weight: bold; color: #3069B8; padding: 20px 0 }



/* 统计图表 ----------------------------------------------------- */
#echar { width: 400px; height: 250px; }
.box-wz-tj .bd { height: ; position: relative; top: -30px;}