@charset 'utf-8';
/* ==========================================================================
   政民互动-首页
   ========================================================================== */
#tabSjxx{margin: 0;}
#tabSjxx .bd{padding: 10px 0 0; height: 368px;}

.zmhdLoop{overflow: hidden;}
.zmhdLoop .box{width: 372px; float: left; margin-right: 20px;}
.zmhdLoop .box .bd{padding: 12px 0 0; height:144px;}

.xjMenuList{overflow: hidden; margin-top: 20px; padding:8px 19px; border: 1px solid #ececec;}
.xjMenuList li{height: 50px; line-height: 50px; padding: 24px 0 21px; font-size: 16px; border-bottom: 1px solid #ddd;}
.xjMenuList li.noborder{border-bottom: none;}
.xjMenuList li a{position: relative; z-index: 1; display: block; height: 50px; line-height: 50px; padding-left: 100px;}
.xjMenuList li a i{position: absolute; z-index: 1; left: 38px; top: 8px; width: 42px; height: 34px; line-height: 34px; float: left; background: url(../../Base/img/xjMenuListIcon.png) center top no-repeat;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all  1s;
-o-transition:all 1s;
transition:all 1s;
}
.xjMenuList li a:hover i{
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    transform:rotateY(360deg);
}
.xjMenuList li.li2 a i{background-position: center -34px;}
.xjMenuList li.li3 a i{background-position: center -68px;}







/* 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;}
.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 .li1 a i { background-image: url(../img/interaction-icons.png); background-position: 23px 6px;}
.sideBtns .li2 a i { background-image: url(../img/interaction-icons.png); background-position: 18px -162px;}
.sideBtns .li3 a i { background-image: url(../img/interaction-icons.png); background-position: 18px -344px;}
.sideBtns .li4 a i { background-image: url(../img/interaction-icons.png); background-position: 16px -517px;}
.sideBns-ywzsk { display: block; margin-bottom: 20px;}
/* 侧栏-回应问切 */
#boxHywq { margin-bottom: 20px;}
#boxHywq .bd { min-height: 310px; 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 { min-height: 313px; 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; }

#zxft{
	margin-right: 0;
    float: right;
}
#zxft .list{
	padding: 14px 0 0;
}
#zxft .pic{
    float:left;
    margin:0 20px 10px 0
}
#zxft .pic img{
    width:148px;
    height:108px;
}
#zxft .con{
    overflow:hidden;
}
#zxft .list em{
    display:none
}
#zxft .list dl{
    height:26px;
    overflow:hidden;
    line-height:26px;
}
#zxft .list dt{
    float:left;
    font-weight:bold;
}
#tabSjxx .write a {
    position: relative;
    z-index: 1;
    display: block;
    height: 45px;
    line-height: 45px;
    padding: 0 0 0 38px;
}
#tabSjxx .write i{position: absolute; z-index: 1; left: 0px; top:10px; width: 32px; height: 34px; line-height: 34px; float: left; background: url(../img/write.png) center top no-repeat;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all  1s;
-o-transition:all 1s;
transition:all 1s;
}
#tabSjxx .write a:hover i{
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -ms-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
    transform:rotateY(360deg);
}