@charset "utf-8"; .infoListA li{ height: 42px;}

/* mzhdSideBox */
.mzhdSideBox .hd{ height: 41px; background: #1b73c2;}
.mzhdSideBox .hd h3{ height: 41px; float: left; *display: inline;}
.mzhdSideBox .hd h3 i{ float: left; *display: inline; width: 45px; height: 41px; background: url(../img/interaction-icons.png) 14px -2992px no-repeat #156ab6;}
.mzhdSideBox .hd h3 a{ float: left; *display: inline; height: 41px; line-height: 41px; color: #fff; font-size: 18px; padding-left: 7px;}
.mzhdSideBox .hd .more{ display: none;}
.mzhdSideBox .bd{ border: 1px solid #e8e8e8; border-top: none; padding: 10px;}

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

/* 侧栏-链接按钮组 */
.sideBtns{ overflow: hidden;}
.sideBtns li{ width: 50%; height: 100px; float: left; *display: inline; margin-bottom: 20px; overflow: hidden;}
.sideBtns li a{ display: block; height: 90px; font-size: 14px; color: #fff; text-align: center; padding-top: 10px;}
.sideBtns li a:hover{ text-decoration: none;}
.sideBtns li a i{ display: block; width: 70px; height: 50px; margin: 0 auto; background-repeat: no-repeat; background-position: 50%; 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{ background: #00b0f0; margin-right: 10px;}
.sideBtns .li2 a{ background: #92d050; margin-left: 10px;}
.sideBtns .li3 a{ background: #ffc000; margin-right: 10px;}
.sideBtns .li4 a{ background: #607F00; margin-left: 10px;}
.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;}
.sideBns-ywzsk img{ width: 100%;}


/* sideStatistics */
.sideStatistics .bd { }



/* 侧栏-回应问切 */
#boxHywq{ margin-bottom: 20px;}
#boxHywq .bd{ min-height: 310px; padding: 20px 10px 0px;}

/* 侧栏-新闻发布会 */
#boxXwfbh{ margin-bottom: 0px;}
#boxXwfbh .hd h3 i{ background-image: url(../img/interaction-icons.png); background-position: 13px -3166px;}
#boxXwfbh .bd{ min-height: 383px; padding-top: 20px;}

/* 侧栏-回复排行 */
#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: #156ab6; 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 */
#tabWsxf{ margin-bottom: 20px;}
#tabWsxf .hd ul{ float: left; *display: inline; position: relative; margin-right: 6px;}
#tabWsxf .hd .write{ height: 40px; line-height: 40px; overflow: hidden; color: #fff; float: right; *display: inline; background: #156ab6; margin-top: 0;}
#tabWsxf .hd .write a{ float: left; *display: inline; padding: 0px 20px 0px 12px;}
#tabWsxf .hd .write a i{ width: 20px; height: 30px; float: left; margin: 5px 5px 0 0; background: url(../img/interaction-icons.png) 0px -998px no-repeat; transition: all .5s;}
#tabWsxf .hd .write a span{ float: left; *display: inline; color: #fff;}
#tabWsxf .hd .write a:hover{ text-decoration: none;}
#tabWsxf .hd .write a:hover i{ transform: rotateY(180deg);}
#tabWsxf .hd .notice{ height: 30px; line-height: 30px; overflow: hidden; color: #333; float: left; *display: inline; margin-top: 5px; font-size: 14px;}
#tabWsxf .hd .notice a{ float: left; *display: inline; padding: 0px 10px 0px 12px;}
#tabWsxf .hd .notice a i{ width: 20px; height: 30px; float: left; *display: inline; margin-right: 5px; background: url(../img/interaction-icons.png) 4px -2464px no-repeat; transition: all .5s;}
#tabWsxf .hd .notice a span{ float: left; *display: inline; color: #333;}
#tabWsxf .hd .notice a:hover{ text-decoration: none;}
#tabWsxf .hd .notice a:hover i{ transform: rotateY(180deg);}
#tabWsxf .hd .myLetter{ height: 30px; line-height: 30px; overflow: hidden; color: #333; float: left; *display: inline; margin-top: 5px; font-size: 14px;}
#tabWsxf .hd .myLetter a{ float: left; *display: inline; padding: 0px 10px 0px 12px;}
#tabWsxf .hd .myLetter a i{ width: 20px; height: 30px; float: left; *display: inline; margin-right: 5px; background: url(../img/interaction-icons.png) 4px -2639px no-repeat; transition: all .5s;}
#tabWsxf .hd .myLetter a span{ float: left; *display: inline; color: #333;}
#tabWsxf .hd .myLetter a:hover{ text-decoration: none;}
#tabWsxf .hd .myLetter a:hover i{ transform: rotateY(180deg);}
#tabWsxf .bd{ min-height: 257px; overflow: hidden; padding: 1px 0px 0px;}

/* tabBmzx */
#tabBmzx{ margin-bottom: 20px;}
#tabBmzx .hd ul{ float: left; *display: inline; position: relative; margin-right: 6px;}
#tabBmzx .hd .write{ height: 40px; line-height: 40px; overflow: hidden; color: #fff; float: right; *display: inline; background: #156ab6;}
#tabBmzx .hd .write a{ float: left; *display: inline; padding: 0px 15px 0px 10px;}
#tabBmzx .hd .write a i{ width: 20px; height: 30px; float: left; *display: inline; margin: 5px 5px 0 0; background: url(/Content/Main/Interaction/img/interaction-icons.png) 0px -998px no-repeat; transition: all .5s;}
#tabBmzx .hd .write a span{ float: left; *display: inline; color: #fff;}
#tabBmzx .hd .write a:hover{ text-decoration: none;}
#tabBmzx .hd .write a:hover i{ transform: rotateY(180deg);}
#tabBmzx .bd{ min-height: 257px; overflow: hidden; padding: 1px 0px 0px;}

/* 在线访谈 */
#tabZxft{ margin-bottom: 20px;}
#tabZxft .hd .more{ height: 40px; line-height: 40px; width: 100px; overflow: hidden; color: #156ab6;}
#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: #156ab6;}
#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: #156ab6;}
#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 .box{ width: 49%; float: left; *display: inline; margin-bottom: 0px;}
.myzjWrap .box .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: #156ab6;}
.voteList li .voteTitle a{ color: #156ab6;}
.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;}
.hd .select a{ display: block; width: 104px; background: url(/Content/Main/Base/img/icons.png) 8px -380px no-repeat #1b73c2; height: 40px; line-height: 40px; overflow: hidden; padding-left: 14px; color: #fff;}
.hd .select a span{ padding-left: 20px;}
.hd .select{ float: right;}

/* 业务知识库-首页 ----------------------------------------------------- */
.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: #156ab6;}
.ywzskSideMenu .hd h3{  font-size: 20px; font-weight: bold; color: #fff; text-align: center;/* padding-left: 100px; 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: #156ab6; padding: 20px 0}