@charset "utf-8";
/**/
.infoListA li { height: auto; overflow:hidden}

/* mzhdSideBox */
.mzhdSideBox .hd { height: 50px; line-height: 50px; background: #0167CC;}
.mzhdSideBox .hd h3 { height: 50px; float: left; *display: inline;}
.mzhdSideBox .hd h3 i { float: left; *display: inline; width: 50px; height: 50px; background: url(../img/interaction-icons.png) 18px -2986px no-repeat #0087D5;}
.mzhdSideBox .hd h3 a { float: left; *display: inline; color: #fff; font-size: 18px; padding-left: 7px;}
.mzhdSideBox .hd .more { display: none;}
.mzhdSideBox .bd { border: 1px solid #e8e8e8; border-top: none; padding: 10px;}

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

/* 侧栏-链接按钮组 */
.zxftBtn { border: 1px solid #C7CFE6; display: block; height: 60px; line-height: 60px; margin-bottom: 10px; font-size: 18px; padding-left: 110px; color: #688BC9; background: url(../img/interaction-icons.png) 70px -3288px no-repeat #DFE8F8;}
.zxftBtn:hover { text-decoration: none; background-color: #ecf3ff}
#boxMyzj .bd { height: 242px;}

#boxWsdc { margin-bottom: 0;}
#boxWsdc .bd { height: 256px;}
#boxWsdc .indSurveyList li{border-bottom:1px dashed #d6d6d6; line-height:26px; padding-left:12px;  background: url(../../Base/img/icons.png) -2px -386px no-repeat; padding-bottom:5px; margin-bottom:5px}
#boxWsdc .indSurveyList li a.tit{display:block; overflow:hidden; height:26px; }
#boxWsdc .indSurveyList li .btns{float:right; margin-left:10px; color:#ff2626 }
#boxWsdc .indSurveyList li .btns a{color:#ff2626}
#boxWsdc .indSurveyList li .dates{height:26px; line-height:26px; font-size:13px; color:#b2b2b2; overflow:hidden; display:block}
#boxWsdc .indSurveyList li .dates span{float:left}
#boxWsdc .indSurveyList li .startDate{margin-right:15px}
.sideBtns { overflow: hidden; padding: 30px 20px 10px 20px; background: #fff; margin-bottom: 10px;}
.sideBtns li { width: 50%; height: 120px; float: left; * display: inline; margin-bottom: 10px; overflow: hidden;}
.sideBtns li a { display: block; font-size: 16px; text-align: center;}
.sideBtns li a:hover { text-decoration: none;}
.sideBtns li a i { display: block; width: 80px; height: 80px; margin: 0 auto; background: #0167CC; border-radius: 5px; background-repeat: no-repeat; transition: all .5s;}
.sideBtns li a:hover i { transform: rotateY(180deg);}
.sideBtns li a span { height: 36px; line-height: 36px; display: block;}
.sideBtns .li1 a { margin-right: 5px;}
.sideBtns .li2 a { margin-left: 5px;}
.sideBtns .li3 a { margin-right: 5px;}
.sideBtns .li4 a { margin-left: 5px;}
.sideBtns .li1 a i { background-image: url(../img/interaction-icons.png); background-position: center 20px;}
.sideBtns .li2 a i { background-image: url(../img/interaction-icons.png); background-position: center -150px; background-color: #CC5B31}
.sideBtns .li3 a i { background-image: url(../img/interaction-icons.png); background-position: center -325px; background-color: #CCA231}
.sideBtns .li4 a i { background-image: url(../img/interaction-icons.png); background-position: center -500px; background-color: #89CC31}
.sideBns-ywzsk { display: block; margin-bottom: 20px;}

/* 在线访谈 */
#zxft{margin-bottom:0px}
#zxft .bd { padding: 5px 0 0px;}
#zxft .bd .interviewItem{margin-bottom:7px}
.interviewItem { overflow: hidden;}
.interviewPic { float: left; width: 230px; margin-right: 20px;}
.interviewCon { overflow: hidden;}
.interviewCon .title { font-size: 16px; font-weight: bold; margin-bottom: 15px;}
.interviewCon .label { color: #0167CC}
.interviewLink { display: none}
#tabWsxf .bd { height: 266px;}
#tabWsxf .hd li a {}
#myzj { width: 420px; float: left;}
#wjdc { width: 420px; float: right;}
#wjdc .infoList .btns { float: right;}
#wjdc .infoList .btns a { display: inline-block; *display: inline; zoom: 1; font-size: 12px; line-height: 22px; background: none; background: #eee; padding: 0 15px; border-radius: 4px;}
#wjdc .infoList .btns a:hover { text-decoration: none; background: #ccd9e0; color: #0167CC}

/* 侧栏-回复排行 */
#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;}

/* 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: #0167CC; 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;}

/* 在线访谈 */
#tabZxft { margin-bottom: 20px;}
#tabZxft .hd .more { height: 40px; line-height: 40px; width: 100px; overflow: hidden; color: #0167CC;}
#tabZxft .hd .more a i { width: 20px; height: 40px; float: left; *display: inline; margin-right: 5px; background: url(../img/interaction-icons.png) 3px -2811px no-repeat; transition: all .5s;}
#tabZxft .hd .more a span { float: left; *display: inline; color: #0167CC;}
#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 { height: 172px; overflow: hidden;}
#tabZxft .interviewItem { overflow: hidden;}
#tabZxft .interviewItem .interviewPic { width: 230px; height: 172px; float: left; *display: inline; margin-right: 20px;}
#tabZxft .interviewItem .interviewPic img { width: 230px; height: 172px;}
#tabZxft .interviewItem .interviewCon { overflow: hidden; line-height: 34px;}
#tabZxft .interviewItem .interviewCon .title,
#tabZxft .interviewItem .interviewCon .date,
#tabZxft .interviewItem .interviewCon .guest,
#tabZxft .interviewItem .interviewCon .intro { overflow: hidden;}
#tabZxft .interviewItem .interviewCon .label { color: #0167CC;}
#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 { width: 49%; float: left; *display: inline; margin-bottom: 0px;}
.myzjWrap .boxA .bd { height: 165px; padding-bottom: 0px;}
.myzjWrap #boxWsdc { float: right;}

/* 网上调查-列表页 ----------------------------------------------------- */
.surveyListPage .surveyList li { height: 40px; line-height: 40px; overflow: hidden; padding-left: 54px; background: url(../img/interaction-icons.png) 25px -1400px no-repeat #fff;}
.surveyListPage .surveyList li.even { background-color: #f2f2f2;}
.surveyListPage .surveyList li .view,
.surveyListPage .surveyList li .join { color: #f60; font-size: 14px;}
.surveyListPage .surveyList li .view { margin: 0 0 0 10px;}

/* 投标 - 列表页 */
.voteList li { margin-bottom: 15px; padding-left: 28px; background: url(../img/interaction-icons.png) 2px -2291px no-repeat; border-bottom: 1px dashed #e5e5e5; padding-bottom: 15px;}
.voteList li .voteTitle { margin-bottom: 4px; line-height: 24px; font-size: 16px; color: #0167CC;}
.voteList li .voteTitle a { color: #0167CC;}
.voteList li .VoteInfo { height: 22px; line-height: 22px; font-size: 14px; color: #999;}
.voteList li .VoteInfo span { margin-right: 20px;}
.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 { width: 110px; float: left;}
input[name=Email] { _display: inline-block; float: left;}

/* 业务知识库-首页 ----------------------------------------------------- */
.ywzsk { padding: 20px 0}
.ywzsk .pic img { width: 100%}
.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 -2326px no-repeat;}

/* 业务知识库-列表页 ----------------------------------------------------- */
.ywzskSideMenu .hd { height: 60px; line-height: 60px; background: #0167CC;}
.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}