@charset 'utf-8';
/* ==========================================================================
   政民互动-首页
========================================================================== */
.zmhdSide{width: 540px; float: left; overflow: hidden; padding: 20px; background-color: #f6f6f6;}
.zmhdMain{width: 590px; float: right; overflow: hidden;padding: 20px 0 0;}
.mainBox .mHd .more{ float: right; margin-right: 10px;}
/* 在线访谈 */
#indZxft .mHd{background-color: #fdfdfd;}
#indZxft .mBd{padding: 20px 0 0;}
#indZxft .wHd{height: 46px; line-height: 46px; margin: 5px auto 0; text-align: center; background:  url(../../base/img/page-zmhdzxfthd.png) left center repeat-x;}
#indZxft .wHd h3{display: inline-block; margin: 0 auto; padding: 0 16px; font-size: 18px; color: #ca0d0d; background-color: #f6f6f6;}
#indZxft .infoList li{height: 42px; line-height: 42px;}
/* 在线访谈-特色列表 */
.zxftList,
.zxftList li{overflow: hidden;}
.zxftList li .pic{overflow: hidden; background-color: #fdfdfd;}
.zxftList li .pic img{display: block; width: 540px; height: 360px; }
.zxftList li .info{padding:10px 0 0; overflow: hidden;}
.zxftList li dl{overflow: hidden; font-size: 14px; line-height: 32px;}
.zxftList li dt{display: inline; font-size: 14px; color: #ca0d0d;}
.zxftList li dd{display: inline;}
.zxftList li dd .more{color: #ca0d0d;}

/* 便民咨询 */
#indBmzx .mBd{height: 386px;}
#indBmzx .letterList .dep{display: none;}
#indBmzx .letterBtn{margin:10px 0 20px; overflow: hidden;}
#indBmzx .letterBtn a{position: relative; z-index: 1; width: 285px; height: 70px; float: left; line-height: 70px; text-indent: 110px; font-size: 18px; color: white; background-color: hsl(30, 74%, 64%);}
#indBmzx .letterBtn a.write{float: right; background-color: #84bf59;}
#indBmzx .letterBtn a:hover{text-decoration: none; background-color: #db8d40;}
#indBmzx .letterBtn a.write:hover{background-color: #5f9934;}
#indBmzx .letterBtn a i{position: absolute; z-index: 1; left: 36px; top: 18px; width: 38px; height: 40px; float: left; overflow: hidden; background:  url(../../base/img/page-zmhdbtn.png) center top no-repeat;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all  1s;
-o-transition:all 1s;
transition:all 1s;
}
#indBmzx .letterBtn a.write i{background-position: center -40px;}
#indBmzx .letterBtn a:hover i{
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    transform:rotateY(360deg);
}

/* 问卷调查 */
#indSurvey{margin-top: 15px;}
#indSurvey .mBd{height: 328px;}
.surveyList{overflow: hidden;}
.surveyList li{height: 22px; line-height: 22px; overflow: hidden; padding: 9px 0; border-bottom: 1px solid #ebebeb;}
.surveyList li>a{padding-left: 30px; background:  url(../../base/img/dot08.png) 5px center no-repeat;}
.surveyList li .btns{float: right;}
.surveyList li .btns a{height: 22px; line-height: 22px; padding: 0 8px; font-size: 12px; border-radius: 3px; background-color: #e7a360; color: white;}
.surveyList li .btns a:hover{text-decoration: none;}
.surveyList li .btns a.over{background-color: #ccc;}
.surveyList li .btns a.view{background-color: #84bf59;}
.surveyList li .btns a.join:hover{background-color: #db8d40;}
.surveyList li .btns a.view:hover{background-color: #5f9934;}



/* mzhdSideBox */
.mzhdSideBox .hd { height: 41px; background: #0068b7;}
.mzhdSideBox .hd h3 {*display: inline;float: left;  height: 41px; }
.mzhdSideBox .hd h3 i {*display: inline;  float: left; width: 45px; height: 41px; background: url(../img/interaction-icons.png) 14px -2992px no-repeat #00599d;}
.mzhdSideBox .hd h3 a {font-size: 18px; line-height: 41px; *display: inline;  float: left; height: 41px; padding-left: 7px;color: #fff; }
.mzhdSideBox .hd .more { display: none;}
.mzhdSideBox .bd {padding: 10px; border: 1px solid #e8e8e8; border-top: none; }
/* 互动首页 ----------------------------------------------------- */
/* 侧栏-链接按钮组 */
.sideBtns { overflow: hidden; margin-top: 20px;}
.sideBtns li {*display: inline; float: left; overflow: hidden; width: 50%; height: 100px; margin-bottom: 10px; }
.sideBtns li a {font-size: 14px;  display: block; height: 90px; padding-top: 10px;text-align: center; color: #fff; }
.sideBtns li a:hover { text-decoration: none;}
.sideBtns li a i { display: block; width: 70px; height: 50px; margin: 0 auto; transition: all .5s;background-repeat: no-repeat; background-position: 50%; }
.sideBtns li a:hover i { transform: rotateY(180deg);}
.sideBtns li a span {line-height: 36px; display: block; height: 36px; }
.sideBtns .li1 a { background: #0068b7;}
.sideBtns .li2 a {margin-left: 10px; background: #00b7a2; }
.sideBtns .li3 a { background: #00b71b;}
.sideBtns .li4 a {margin-left: 10px; background: #b7a500; }
.sideBtns .li5 a { background: #b76a00;}
.sideBtns .li6 a {margin-left: 10px; background: #cc0062; }
.sideBtns li a i { background-image: url(../img/interaction-icons.png); background-position: 23px 6px;}
.sideBtns .li2 a i { background-position: 18px -162px;}
.sideBtns .li3 a i { background-position: 18px -344px;}
.sideBtns .li4 a i { background-position: 16px -517px;}
.sideBtns .li5 a i { background-position: 18px -697px;}
.sideBtns .li6 a i { background-position: 16px -868px;}
.sideBns-ywzsk { display: block; margin-bottom: 20px;}
/* 侧栏-回应问切 */
#boxHywq { margin-bottom: 20px;}
#boxHywq .bd { height: 188px; padding: 20px 10px 0;}
/* 侧栏-新闻发布会 */
#boxXwfbh { margin-bottom: 0;}
#boxXwfbh .hd h3 i { background-image: url(../img/interaction-icons.png); background-position: 13px -3166px;}
#boxXwfbh .bd { height: 197px; padding-top: 20px;}
/* 侧栏-回复排行 */
#boxHfph .replyRank { width: 100%; border-top: 1px solid #ededed;border-left: 1px solid #ededed; }
#boxHfph .replyRank th ,#boxHfph .replyRank td {font-size: 14px; line-height: 30px; overflow: hidden; height: 30px; text-align: center; color: #707070; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; }
#boxHfph .replyRank th ,#boxHfph .replyRank .even { background: #fafafa;}
/* letterListB */
.letterListB { width: 100%;}
.letterListB th ,.letterListB td {font-size: 16px; line-height: 28px; padding: 6px 5px; text-align: center; vertical-align: middle; }
.letterListB th ,.letterListB .even { background: #f5f5f5;}
.letterListB th {height: 40px; padding: 0; color: #0068b7; }
.letterListB th.title {padding-left: 38px; text-align: left; }
.letterListB .num { display: none;}
.letterListB td.title {padding-left: 5px; text-align: left; }
.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 {text-decoration: line-through; color: #333; }
.letterListB .date {width: 90px; border-right: none; }
#tabWsxf .bd { min-height: 257px;}
/* tabBmzx */
#tabBmzx .bd { min-height: 257px;}
/* 在线访谈 */
#tabZxft { margin-bottom: 20px;}
#tabZxft .hd .more {line-height: 40px; overflow: hidden; width: 100px;  height: 40px; color: #0068b7;}
#tabZxft .hd .more a i {*display: inline; float: left;  width: 20px; height: 40px; margin-right: 5px; transition: all .5s;background: url(../img/interaction-icons.png) 3px -2811px no-repeat; }
#tabZxft .hd .more a span {*display: inline;  float: left; color: #0068b7;}
#tabZxft .hd .more a:hover { text-decoration: none;}
#tabZxft .hd .more a:hover i { transform: rotate(-360deg);}
#tabZxft .bd { padding: 20px 0 0 0;}
#tabZxft .bd .tCon {overflow: hidden; height: 172px; }
#tabZxft .interviewItem { overflow: hidden;}
#tabZxft .interviewItem .interviewPic {*display: inline; float: left;  width: 230px; height: 172px; margin-right: 20px;}
#tabZxft .interviewItem .interviewPic img { width: 230px; height: 172px;}
#tabZxft .interviewItem .interviewCon {line-height: 34px; overflow: hidden; }
#tabZxft .interviewItem .interviewCon .title ,#tabZxft .interviewItem .interviewCon .date ,#tabZxft .interviewItem .interviewCon .guest ,#tabZxft .interviewItem .interviewCon .intro { overflow: hidden;}
#tabZxft .interviewItem .interviewCon .label { color: #0068b7;}
#tabZxft .interviewItem .interviewCon .title .con a { font-weight: bold;}
#tabZxft .interviewItem .interviewCon .intro .more { color: #b45400;}
#tabZxft .interviewItem .interviewLink { display: none;}
/* 民意征集等 */
.myzjWrap { overflow: hidden;}
.myzjWrap .boxA {*display: inline; float: left;  width: 49%; margin-bottom: 0;}
.myzjWrap .boxA .bd { height: 165px; padding-bottom: 0;}
.myzjWrap #boxWsdc { float: right;}
.field-error { display: inline-block;}
textarea[name=Content] { width: 710px; height: 180px; border: 1px solid #ccc;}
.validationcode { display: inline-block;}
.codeinp { float: left;}
div.codeinp input[type='text'] { width: 50%; margin-right: 10px;}
.total ,.select { vertical-align: baseline;}
.UserPublicStatus div {float: left; width: 110px; }
input[name=Email] {float: left; _display: inline-block; }
/* 业务知识库-首页 ----------------------------------------------------- */
.ywzskNodes {overflow: hidden;  margin-top: 20px; background: url(../img/ywzsk-line.jpg);}
.ywzskNodes li {line-height: 42px;  float: left; overflow: hidden; width: 20%;height: 42px; }
.ywzskNodes a { padding-left: 23px; background: url(../../base/img/icons.png) 10px -2484px no-repeat;}
/* 业务知识库-列表页 ----------------------------------------------------- */
.ywzskSideMenu .hd {line-height: 60px;  height: 60px; background: #0068b7;}
.ywzskSideMenu .hd h3 {font-size: 20px; font-weight: bold;  padding-left: 100px; color: #fff; background: url(../img/ywzsk-icons.png) 60px 18px no-repeat;}
.ywzskSideMenu .list li {overflow: hidden; margin-top: -1px; vertical-align: top; border: 1px solid #e1e1e1; }
.ywzskSideMenu .list a {font-size: 16px; line-height: 24px;  display: block; padding: 12px 40px; -webkit-transition: 400ms; -moz-transition: 400ms; -o-transition: 400ms; transition: 400ms;text-align: center; background: url(../img/ywzsk-icons.png) 259px -173px no-repeat; }
.ywzskSideMenu .list .on a ,.ywzskSideMenu .list a:hover {text-decoration: none;background-color: #e6fefe;  background-position: 259px -97px; }
.ywzskList li ,.ywzskListHead {font-size: 16px;line-height: 48px;  overflow: hidden; height: 48px; border-bottom: 1px solid #eee; }
.ywzskList em ,.ywzskListHead em { display: block; float: left; width: 88px; text-align: center;}
.ywzskListHead {text-align: center;border-bottom: 0;  background: #f6f6f6; }
.ywzsTitle {font-size: 28px; font-weight: bold; padding: 20px 0; text-align: center; color: #3069b8; }