/**
* 头部
*/
.header {
  width: 100%;
  height: 70px;
}
.header .head {
  float: left;
  clear: both;
  display: inline-block;
  margin-left: 4%;
  width: 30%;
  color: #6b6b6b;
  font-size: 12px;
  position: relative;
}
.header .head .logo {
  height: 59px;
  overflow: hidden;
  line-height: 56px;
}
.header .head .logo img {
  max-width: 193px;
  max-height: 52px;
}
.header .head-ioc {
  float: right;
  display: inline-block;
}
.header .head-ioc ul {
  width: 100%;
}
.header .head-ioc ul li {
  position: relative;
  float: right;
  height: 37px;
  border: 1px solid #dc150e;
  margin-top: 10px;
  margin-right: 10px;
}
.header .head-ioc ul li a {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  margin: 0 20px;
  display: block;
  color: #dc150e;
  margin-top: 5px;
  padding: 5px 10px;
  border-radius: 2px;
}
.header .head-ioc ul li a.help .icon {
  width: 18px;
  height: 18px;
  background: url("../../images/comold/sprite/blue_headfoot1.png") no-repeat 2px -22px;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}
.header .head-ioc ul li a.tow .icon {
  width: 16px;
  height: 19px;
  background: url("../../images/comold/sprite/blue_headfoot1.png") -16px -23px no-repeat;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}
.header .head-ioc ul li a.log .icon {
  width: 16px;
  height: 19px;
  background: url(../../images/comold/sprite/blue_headfoot1.png) no-repeat -49px -24px;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}
.header .head-ioc ul li a.three .icon1 {
  width: 16px;
  height: 19px;
  background: url("../../images/comold/sprite/blue_headfoot1.png") -32px -22px no-repeat;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}
.header .head-ioc ul li a.three .icon {
  width: 18px;
  height: 18px;
  background: url("../../images/comold/sprite/blue_headfoot1.png") -66px 0 no-repeat;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}
.header .head-ioc ul li a.four {
  display: inline-block;
  margin: 3.5px 0 0 3.5px;
  width: 16px;
  height: 16px;
  background: url(../../images/comold/head_ioc.png) no-repeat right bottom;
}
.header .head-ioc ul li span {
  display: none;
}
.header .head-ioc ul li.index-set {
  height: 37px;
  color: #eaeaea;
  line-height: 37px;
}
.header .head-ioc ul li.index-set a .icon {
  float: left;
}
.header .head-ioc ul li.hover {
  border-color: #1F96D2;
  background-color: #ffffff;
}
.header .head-ioc ul li.hover a {
  color: #dc150e;
}
.header .head-ioc ul li.hint span {
  position: absolute;
  top: -7px;
  right: -8px;
  display: block;
  width: 16px;
  height: 14px;
  border-radius: 3px;
  background-color: #f39c12;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
}
.header .user {
  position: relative;
  float: right;
  margin: 17px 15px 0 0;
  padding: 0 20px 0 20px;
  height: 25px;
  min-width: 93px;
  font-size: 12px;
  cursor: pointer;
  border: 1px solid #e0e0e0;
}
.header .head-ioc ul li.show_qr {
  width: 25px;
  height: 25px;
  background: url(../../images/comold/qr_show.png) no-repeat;
  position: relative;
  border: none;
  margin-top: 16px;
}
.header .head-ioc ul li.show_qr .qr {
  width: 86px;
  height: 94px;
  background: url(../../images/comold/qrCodeLittle.png) no-repeat;
  position: absolute;
  left: -7px;
  top: 21px;
  z-index: 9;
  display: none;
}
.header .head-ioc ul li.show_qr:hover {
  width: 25px;
  height: 25px;
  border: none;
}
.header .head-ioc ul li .select_system {
  width: 118px;
  height: 37px;
  text-align: center;
  line-height: 37px;
  font-size: 12px;
  cursor: pointer;
  color: #dc150e;
}
.header .head-ioc ul li .select_system .ico {
  width: 7px;
  height: 7px;
  background: url("../../images/comold/sprite/blue_headfoot1.png") no-repeat scroll 0 0;
  float: right;
  margin: 17px 8px 0 0;
}
.header .head-ioc ul li .select_system_list {
  width: 118px;
  height: auto;
  position: absolute;
  left: 0;
  top: 38px;
  z-index: 100;
  background: #fff;
  display: none;
}
.header .head-ioc ul li .select_system_list li {
  width: 102px;
  height: 25px;
  margin: 0 8px 0 4px;
  text-align: center;
  border: none;
  line-height: 25px;
  font-size: 12px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  color: #333;
  cursor: pointer;
}
.header .head-ioc ul li .select_system_list li:first-child {
  margin-top: 6px;
}
.header .head-ioc ul li .select_system_list li:last-child {
  margin-bottom: 6px;
}
.header .head-ioc ul li .select_system_list li:hover,
.header .head-ioc ul li .select_system_list li.hover {
  background: #e2e2e2;
  color: #333;
}
.header .head-ioc ul li .select_system_list li a {
  color: #333;
  margin-top: 0;
}
.header .user .icon {
  width: 19px;
  height: 17px;
  /*background: url(@pub-ioc) -15px 2px no-repeat;*/
  position: absolute;
  left: 0;
  top: 3px;
}
.header .user > span {
  position: absolute;
  top: 10px;
  right: 7px;
  display: block;
  width: 7px;
  height: 4px;
  background: url(../../images/comold/sprite/blue_headfoot1.png) no-repeat;
}
.header .user > p {
  width: 100%;
  color: #333;
  text-indent: 10px;
  font-family: "黑体";
  line-height: 25px;
}
.header .user > ul {
  position: absolute;
  top: 25px;
  left: 0;
  z-index: 100;
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #a9a9a9;
  background-color: #fff;
  overflow: hidden;
}
.header .user > ul li {
  padding: 7px 0;
  width: 100%;
}
.header .user > ul li a {
  display: block;
  margin: 0 auto;
  padding: 5px 12%;
  width: 85%;
  text-align: center;
  font-size: 12px;
  font-family: '黑体';
  color: #333333;
}
.header .user > ul li a:hover {
  border-radius: 2px;
  background: #e2e2e2;
}
.header .user > ul li a.hover {
  border-radius: 2px;
  background: #e2e2e2;
}
.header .user > ul li a .ico,
.header .user > ul li a:hover .ico,
.header .user > ul li a.hover .ico {
  width: 12px;
  height: 14px;
  background: url("../../images/comold/sprite/blue_headfoot1.png") -15px 0 no-repeat;
  float: left;
}
.header .user > ul li.li3 a .ico,
.header .user > ul li.li3 a:hover .ico,
.header .user > ul li.li3 a.hover .ico {
  background: url("../../images/comold/sprite/blue_headfoot1.png") -130px 0 no-repeat;
}
.header .user > ul li.li4 a .ico,
.header .user > ul li.li4 a:hover .ico,
.header .user > ul li.li4 a.hover .ico {
  background: url("../../images/comold/sprite/blue_headfoot1.png") -90px -125px no-repeat;
  width: 14px;
}
.header .user > ul li.bottom a .ico,
.header .user > ul li.bottom a:hover .ico,
.header .user > ul li.bottom a.hover .ico {
  background: url("../../images/comold/sprite/blue_headfoot1.png") -178px 0 no-repeat;
}
.header .user > ul li.li2 a:hover {
  background-image: url("../../images/comold/user_ioc02.png");
}
.header .user > ul li.li2 a.hover {
  background-image: url("../../images/comold/user_ioc02.png");
}
.header .user > ul li.li_servic a .ico,
.header .user > ul li.li_servic a:hover .ico,
.header .user > ul li.li_servic a.hover .ico {
  background: url("../../images/comold/sprite/service_ico.png") top left no-repeat;
}
.nav-wary {
  position: relative;
  width: 100%;
  height: 59px;
  background: linear-gradient(bottom, #cecece 0%, #f3f3f3 100%);
  background: -moz-linear-gradient(bottom, #cecece 0%, #f3f3f3 100%);
  background: -webkit-linear-gradient(bottom, #cecece 0%, #f3f3f3 100%);
  background: -ms-linear-gradient(bottom, #cecece 0%, #f3f3f3 100%);
  background: -o-linear-gradient(bottom, #cecece 0%, #f3f3f3 100%);
  box-shadow: 0px -5px 10px #d8d8d8;
}
.nav-wary .wrap {
  width: 94%;
  margin: 0 auto;
}
.nav-wary .nav {
  float: left;
  display: inline-block;
}
.nav-wary .nav li {
  float: left;
  line-height: 59px;
}
.layers .nav-wary .nav li:after {
  width: 1px;
  height: 15px;
  background: #777777;
  position: absolute;
  top: 7px;
  left: 86px;
  content: '';
  transform: rotate(25deg);
}
.nav-wary .nav li a {
  display: inline-block;
  color: #4f4f4f;
  font-size: 16px;
  font-family: '黑体';
  width: 114px;
  text-align: center;
  font-weight: bold;
}
.nav-wary .nav li a .icon {
  background: url("../../images/comold/nav_icons.png") no-repeat;
  float: left;
  margin-right: 6px;
  margin-top: 10px;
}
.nav-wary .nav li a .icon.home {
  width: 17px;
  height: 16px;
  background-position: 0 0;
}
.nav-wary .nav li a .icon.yqxx {
  width: 19px;
  height: 20px;
  background-position: -30px 0;
}
.nav-wary .nav li a .icon.tsxx {
  width: 20px;
  height: 15px;
  background-position: -60px 0;
}
.nav-wary .nav li a .icon.ysfx {
  width: 18px;
  height: 19px;
  background-position: -90px 0;
}
.nav-wary .nav li a .icon.hydt {
  width: 18px;
  height: 17px;
  background-position: -120px 0;
}
.nav-wary .nav li a .icon.khwj {
  width: 19px;
  height: 21px;
  background-position: -150px 0;
}
.nav-wary .nav li a .icon.sjjk {
  width: 17px;
  height: 18px;
  background-position: 0 -30px;
}
.nav-wary .nav li a .icon.htwj {
  width: 15px;
  height: 19px;
  background-position: -30px -30px;
}
.nav-wary .nav li a .icon.tjfx {
  width: 18px;
  height: 17px;
  background-position: -60px -30px;
}
.nav-wary .nav li a .icon.wdgz {
  width: 22px;
  height: 20px;
  background-position: -90px -30px;
}
.nav-wary .nav li a.hover {
  height: 59px;
  color: #dc150e;
  border-color: #4a8bdd;
}
.nav-wary .nav li a:hover {
  height: 59px;
  color: #dc150e;
  border-color: #4a8bdd;
}
.addnav_wrap {
  position: relative;
  left: 10px;
  z-index: 9;
  float: left;
  width: 31px;
  height: 59px;
  font-weight: bold;
}
.addnav_wrap .beacon {
  float: left;
  margin-top: 20px;
  width: 40px;
  height: 15px;
  color: #4f4f4f;
  font-size: 16px;
  font-family: "黑体";
  cursor: pointer;
}
.addnav_wrap .navmore_wrap {
  position: absolute;
  float: left;
  display: none;
  margin-top: 42px;
  margin-left: -65px;
  width: 100px;
  height: auto;
  background: #DEDEDE;
}
.addnav_wrap .navmore_wrap ul {
  float: left;
  margin-bottom: 10px;
  width: 100px;
  height: auto;
}
.addnav_wrap .navmore_wrap ul li {
  float: left;
  margin-top: 10px;
  width: 100px;
  height: 30px;
}
.addnav_wrap .navmore_wrap ul li a {
  float: left;
  display: block;
  margin-left: 3px;
  width: 94px;
  height: 30px;
  color: #4f4f4f;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
}
.addnav_wrap .navmore_wrap ul li a:hover {
  color: #dc150e;
  text-decoration: none;
}
.centre {
  margin: 15px auto 30px;
  width: 94%;
  min-height: calc(100vh - 212px);
  position: relative;
  overflow: hidden;
  background: #ffffff;
  padding-bottom: 5px;
}
.centre .hide_classify {
  width: 100px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  float: right;
  background: url(../../images/comold/show_hide_classify.png) 0 0 no-repeat;
  position: absolute;
  top: 10px;
  right: 20px;
}
.centre .show_classify {
  width: 100px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  float: right;
  background: url(../../images/comold/show_hide_classify.png) 0 -37px no-repeat;
  position: absolute;
  top: 15px;
  right: 20px;
}
.footer {
  width: 100%;
  height: 105px;
  background-color: #ffffff;
  color: #878787;
  border-top: 1px solid #cccccc;
}
.footer .footer-left {
  float: left;
  margin-top: 25px;
  margin-left: 90px;
  width: 500px;
  font-size: 12px;
}
.footer .footer-right .img {
  width: 65px;
  height: 54px;
  float: left;
  background: url("../../images/comold/sprite/blue_headfoot1.png") -72px -49px;
}
.footer p {
  float: left;
  display: inline-block;
  margin: 5px 0 0 5px;
  width: 430px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.footer .footer-right {
  float: right;
  margin-right: 75px;
  width: 350px;
  font-size: 12px;
}
.footer .footer-right img {
  width: 65px;
}
.footer .footer-right p {
  width: 270px;
  text-align: right;
}
.footer .footer-right a {
  color: #878787;
  text-decoration: none;
}
.footer .footer-right a:hover {
  text-decoration: none;
}
.compile-index .compile-tit {
  position: fixed;
  top: 60px;
  left: 3%;
  z-index: 50;
  display: block;
  width: 94%;
  height: 70px;
  background-color: rgba(0, 0, 0, 0.7);
}
.compile-index .compile-tit > ul {
  display: block;
  overflow: hidden;
  margin: 23px 0 0 20px;
}
.compile-index .compile-tit > ul li {
  float: left;
  display: block;
  margin-left: 10px;
}
.compile-index .compile-tit > ul li a {
  display: block;
  padding: 5px;
  background-color: #dc150e;
  color: #fff;
  font-size: 12px;
}
.compile-index .compile-tit > ul li a:hover {
  background-color: #e27d7e;
}
.compile-index .compile-tit > ul li a.hover {
  background-color: #e27d7e;
}
.switch {
  border-bottom: 1px solid #46474f;
}
.switch ul a {
  font-size: 16px;
}
.switch ul a li {
  float: left;
  margin-right: 60px;
  margin-left: 20px;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  color: #878890;
}
.layers .tit {
  color: #dc150e;
}
.layers .button > button {
  background: #dc150e;
  border: none;
}
.footer .footer-right .img {
  margin-top: 20px;
}
.redstar span {
  background: url("../../images/wenhao_agent.png") !important;
}
/*关联账号*/
.header .user > ul li.link_account a .icon {
  width: 14px;
  height: 14px;
  background: url("../../images/comold/sprite/switch_account.png") no-repeat;
  background-size: 14px 14px;
}
.header .user > ul li.link_account a:hover .icon {
  background: url("../../images/comold/sprite/switch_account_hover.png") no-repeat;
  background-size: 14px 14px;
}
.header .user > ul li.link_account a.hover .icon {
  background: url("../../images/comold/sprite/switch_account_hover.png") no-repeat;
  background-size: 14px 14px;
}
.header .user .account_lists {
  width: 140px;
  border: 1px solid #ddd;
  position: absolute;
  left: -156px;
  top: 102px;
  z-index: 120;
  background: #fff;
  padding: 5px 10px;
  -moz-box-shadow: 3px 3px 10px rgba(204, 204, 204, 0.4);
  /* 老的 Firefox */
  box-shadow: 3px 3px 10px rgba(204, 204, 204, 0.4);
  border-radius: 5px;
  display: none;
}
.header .user .account_lists .triangle_icon {
  display: block;
  width: 6px;
  height: 12px;
  position: absolute;
  right: -6px;
  top: 10px;
}
.header .user .account_lists .account_list {
  text-align: center;
  max-height: 200px;
  overflow: auto;
}
.header .user .account_lists .account_list li a {
  line-height: 24px;
  color: #00b7ee;
  font-size: 12px;
  display: inline-block;
  max-width: 96px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.header .user .account_lists .account_list li:hover {
  background: #00b7ee;
}
.header .user .account_lists .account_list li:hover a {
  color: #fff;
}
/* 舆情秘书4 跳转样式 */
.locyqms4{
  float: right;width:150px;
  overflow: hidden;
  position: relative;
  height: 36px;
}
.locyqms4 > i{
  display:block;
  width: 20px;
  height: 15px;
  position: absolute;
  top:0px;
  left:81px;
  background:url("../../images/comold/yqms4_ico.png") no-repeat 0 0;
}
.locyqms4 a{
  width: 80px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color:#FFFFFF;
  background-color: #e6960c;
  font-size: 12px;
  display: block;
  margin-top: 10px; 
  border-radius:2px;
}
.locyqms4 a:hover{
  background-color: #E8A83A;
  color:#FFFFFF;
}
.locyqms4-small {
  overflow: hidden;
  position: fixed;
  top: 45%;
  height: 40px;
  width: 40px;
  z-index: 999;
  background:url("../../images/comold/enter_small.png") no-repeat 0 0;
  cursor:pointer;
  left: -40px;
}
.locyqms4-small.hover {
  left: 0px;
}
.locyqms4-big a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.locyqms4-big {
  overflow: hidden;
  position: fixed;
  left: -290px;
  top: 40%;
  height: 131px;
  width: 138px;
  z-index: 999;
  background:url("../../images/comold/enter.png") no-repeat 0 0;
  cursor:pointer;
}
.locyqms4-big.hover {
  left: 0px;
}
.locyqms4-big i {
  background:url("../../images/comold/enter_close.png") no-repeat 0 0;
  position: absolute;
  display: block;
  right: 16px;
  top: 16px;
  width: 16px;
  height: 16px;
}
.header .temporary_service_apply .temporary_service_icon {
  margin-left: 0px;
}
.header .temporary_service_apply a:hover .temporary_service_icon {
  background: url(../../images/service_apply.png) no-repeat;
}