@charset "utf-8";

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

/* hd-box-zxft */
.hd-box-zxft { padding: 15px 30px 30px; box-sizing: border-box; border-radius: 10px; filter: drop-shadow(0px 0px 5px rgba(0, 102, 216, 0.2)); background-color: #fff; margin-bottom: 30px; }
.hd-box-zxft .pic { float: left; width: 480px; height: 300px; margin-right: 40px; }
.hd-box-zxft .pic img { width: 480px; height: 300px; }
.hd-box-zxft .con { overflow: hidden; }
.hd-box-zxft .title { height: 40px; line-height: 40px; padding-top: 10px; margin-bottom: 10px; font-size: 24px; font-weight: bold; color: #1266C3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hd-box-zxft .title a { color: inherit; }
.hd-box-zxft .item { font-size: 18px; font-weight: bold; line-height: 36px; }
.hd-box-zxft .intro { padding-top: 20px; border-top: 1px dashed #BDBBBB; margin-top: 20px; line-height: 35px; color: #666; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }


/* box-petition */
.box-petition { float: left; width: 770px; }
.box-petition .hd { height: 110px; border-radius: 10px; position: relative; overflow: hidden; background: url(../img/hd-mail-bg.jpg) no-repeat center; margin-bottom: 20px; }
.box-petition .hd h3 { font-size: 35px; color: #fff; padding-left: 158px; line-height: 1.5; padding-top: 24px; float: left; }
.box-petition .hd h3 a { color: inherit; font-family: "Source-Han-Serif-CN"; }
.box-petition .hd .btn-list { position: absolute; right: 50px; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; width: 250px; }
.box-petition .hd .btn-list a { line-height: 34px; font-weight: bold; color: #fff; padding: 0 25px; background-color: #0456AF; border-radius: 34px; transition: 0.4s; }
.box-petition .hd .btn-list a:hover { background-color: #e13a4e; }

/* hd-pic-links */
.hd-pic-links { float: right; width: 400px; }
.hd-pic-links li { margin-bottom: 15px; width: 100%; height: 120px; border-radius: 10px; overflow: hidden; transition: all 0.3s ease-out 0s; }
.hd-pic-links li:last-child { margin-bottom: 0; }
.hd-pic-links li:hover { transform: translateY(-5px); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);  }

/* echar */
#echar { width: 560px; height: 300px; float: left; }
#echars { height: 300px;  width: 560px;  float: right; }
.box-echar .hd { margin-bottom: 10px; position: relative; top: -5px; }
.box-echar .hd button { border: none; background-color: #888; color: #fff; line-height: 34px; padding: 0 10px; height: 30px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: boder-box; }
.box-echar .hd button.on { background-color: #3E95D0; }


/* hd-box-loop */
.hd-box-loop { display: flex; justify-content: space-between; margin-bottom: 20px; }
.hd-box-loop .box-border { min-height: 360px; }


/* box-wjdc ---------- */
.box-wjdc { width: 670px; margin-right: 30px; }

/* surveyList */
.surveyList { padding-top: 10px; }
.surveyList li { padding:18px 190px 18px 20px; position: relative; }
.surveyList li:nth-child(odd) { background-color: #F6FAFF; }
.surveyList .tit { display: block; line-height: 26px; height: 26px; margin-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.surveyList .dates { display: block; color: #999; font-size: 12px; line-height: 26px; }
.surveyList .dates .startDate { margin-right: 10px;}
.surveyList .btns { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); display: flex; width: 150px; justify-content: space-between;}
.surveyList .btns a { height: 30px; line-height: 30px; transition: 0.4s; background: #D70A0A; border-radius: 5px; color: #fff; width: 70px; text-align: center;}
.surveyList .btns a.view { background-color: #1266C3; }
.surveyList .btns a:hover { background-color: #be0404; }
.surveyList .btns a.view:hover { background-color: #0a53a4; }

/* box-yjzj */
.box-yjzj { width: 500px; }


/* 民意征集等 */
.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; }
.field-error { display: inline-block; }
textarea[name=Content] { padding: 5px; width: 700px; height: 180px; border: 1px solid #ccc; line-height: 22px; }
.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; }

/* 业务知识库-首页 ----------------------------------------------------- */
.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 -2484px no-repeat; }

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