﻿#sideMenu .hd h3 span{ background-position: 0 -43px;}
.interactionPage .side{ float: right; margin: 0 0 0 20px; width: 290px;}
.interactionPage .side .sideBox .hd h3{ display: block; text-align: center;}

/* 互动首页 ----------------------------------------------------- */

/* 侧栏-链接按钮组 */
.sideBtns{ margin: 0 -5px 10px; overflow: hidden;}
.sideBtns li{ width: 49.99%; float: left; overflow: hidden;}
.sideBtns li a{ margin: 0 5px 10px; display: block; height: 95px; font-size: 16px;text-align: center; padding-top: 25px; transition: all 0.25s ease 0s;}
.sideBtns li a:hover{ text-decoration: none;}
.sideBtns li a i{ display: block; width: 50px; height: 50px; margin: 0 auto; background: url(imgzmhdIcon.png) no-repeat center -200px; 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{ border: 1px solid #deebd1; background: #f2fbe8; color: #518d13;}
.sideBtns .li1 a:hover{ background-color: #deebd1;}
.sideBtns .li2 a{border: 1px solid #c7e6de; background: #dff8f2; color: #008b78;}
.sideBtns .li2 a:hover{ background-color: #c7e6de;}
.sideBtns .li2 a i{ background-position: center -250px;}
.sideBtns .li3 a{border: 1px solid #c7dbe6; background: #dff2f8; color: #4794ac;}
.sideBtns .li3 a:hover{ background-color: #c7dbe6;}
.sideBtns .li3 a i{ background-position: center -300px;}
.sideBtns .li4 a{border: 1px solid #e6d7c7; background: #f8e8df; color: #a26841;}
.sideBtns .li4 a:hover{ background-color: #e6d7c7;}
.sideBtns .li4 a i{ background-position: center -350px;}
.sideBtns .li5{ width: 100%;}
.sideBtns .li5 a{ height: 60px; padding: 0; border: 1px solid #c7cfe6; background: #dfe8f8; color: #688bc9;}
.sideBtns .li5 a:hover{ background-color: #c7cfe6;}
.sideBtns .li5 a i{ float: left; margin: 16px 15px 0 80px; width: 30px; height: 30px; background-position: center -61px;}
.sideBtns .li5 a:hover i{transform: rotateY(0deg); margin-left: 85px;}
.sideBtns .li5 span{ float: left; height: 60px; line-height: 60px;}

/* 侧栏-问题汇总 */
#wthz .bd{ padding: 10px 20px;}

/* 实时交流 */
#ssjl{ margin: 0;}
#ssjl .bd{ padding: 15px 0 0; background: none;}
.ssjlBtn{ margin: 0 -5px 10px; height: 260px;}
.ssjlBtn li{ width: 49.99%; float: left;}
.ssjlBtn li a{ position: relative; margin: 0 5px 10px; display: block; height: 95px; font-size: 16px;text-align: center; padding-top: 25px; background-color: #f4f4f4; border: 1px solid #e8e8e8; transition: all 0.25s ease 0s;}
.ssjlBtn li a i{ display: block; width: 50px; height: 50px; margin: 0 auto; background: url(imgzmhdIcon.png) no-repeat center -400px; transition: all .5s;}
.ssjlBtn li a span{ height: 36px; line-height: 36px; display: block;}
.ssjlBtn li a .pic{ position: absolute; bottom: 130px; left: 0; width: 100%; height: auto; display: none; box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);}
.ssjlBtn li a .pic img{ width: 100%;}
.ssjlBtn li a:hover{ background-color: #e8e8e8; border-color: #ddd; text-decoration: none;}
.ssjlBtn li a:hover i{ transform: rotateY(180deg);}
.ssjlBtn li a:hover .pic{ display: block;}
.ssjlBtn .li2 a i{ background-position: center -450px;}
.ssjlBtn .li3 a i{ background-position: center -500px;}
.ssjlBtn .li4 a i{ background-position: center -550px;}

/* 便民咨询
#zxxj .hd{ overflow: hidden;}
#zxxj .hd .more{ margin: 5px; border-radius: 4px; line-height: 20px; font-size: 14px;}
#zxxj .hd .more a{ display: block; padding: 5px 10px; background: #75c590; color: #fff;}
#zxxj .hd .more a:hover{ filter: alpha(opacity=80);opacity: 0.8;}
 */
/* 问卷调查 */
#wjtc .bd{ padding-bottom: 0;}

/* 在线访谈 */
#zxft{ margin-bottom: 10px; position: relative;}
#zxft .hd .more{ padding: 0; background: none;}
#zxft .bd{ padding: 20px 0 0;}
#zxft .bd .tCon{ height: 208px; overflow: hidden; background: #f5f5f5; padding: 20px;}
#zxft .interviewItem{ height: 262px; overflow: hidden;}
#zxft .interviewItem .interviewPic{ width: 300px; height: 200px; float: left; _display: inline; margin-right: 20px;}
#zxft .interviewItem .interviewPic img{ width: 300px; height: 200px;}
#zxft .interviewItem .interviewCon{ overflow: hidden;}
#zxft .interviewItem .interviewCon .title, #zxft .interviewItem .interviewCon .date, #zxft .interviewItem .interviewCon .guest, #zxft .interviewItem .interviewCon .intro{ line-height: 28px; margin: 10px 0; overflow: hidden;}
#zxft .interviewItem .interviewCon .label{float: left; text-align: right; margin-right: 10px; background-color: #f5f5f5; padding: 0 8px; border-radius: 4px;}
#zxft .interviewItem .interviewCon .con{overflow: hidden;}
#zxft .interviewItem .interviewCon .intro{ margin-bottom: 0;}
#zxft .interviewItem .interviewLink{ display: none;}
#zxft .ft{ position: absolute; top: 270px; left: 0; width: 300px;}
#zxft .ft li span{ position: relative; float: left; width: 145px;height: 40px; background-color: #f2fbe8; border: 1px solid #deebd1; border-radius: 4px; transition: all 0.25s ease 0s;}
#zxft .ft li a{ position: relative; z-index: 2; display: block; padding-left: 35px; line-height: 40px; text-align: center; color: #508f0d; font-size: 18px;}
#zxft .ft li i{ position: absolute; z-index: 1; top: 7px; left: 15px; width: 28px; height: 28px; background: url(../../base/img/iconHd.png) no-repeat center -47px; transition: all 0.25s ease 0s;}
#zxft .ft .l2{ float: right; background-color: #dff8f2; border-color: #c7e6de;}
#zxft .ft .l2 a{ color: #2da28f;}
#zxft .ft .l2 i{ background-position: center -148px;}
#zxft .ft .on span{ background-color: #518d13; border-color: #518d13;}
#zxft .ft .on .li2{ background-color: #008b78; border-color: #008b78;}
#zxft .ft .on a{ color: #fff;}
#zxft .ft .on .li1 i{ background-position: center -98px;}
#zxft .ft .on .li2 i{ background-position: center -199px;}

/* 其它 */
.field-error{ display: inline-block;}
textarea[name=Content]{ width: 870px; height: 180px;}
.LetterInfoTable td .codeinp input[id="ValidateCode"]{ width: 80px; height: 18px;}
.validationcode{ display: inline-block}
.codeinp{ float: left;}
.codeinp input{width: 60px;}
.total, .select{ vertical-align: baseline;}
.UserPublicStatus div{ width: 110px; float: left;}
input[name=Email]{ display: inline-block; float: left;}