/* CSS Document */
body {
  font-size: 12px;
  font-family: "Microsoft YaHei";
  min-width: 1400px;
  /*background: url("./huaying/bg.png") no-repeat no-repeat 0% 0%;*/
  }

  ul,
  li {
  list-style: none;
  }

  img {
  border: 0;
  }

  .clear {
  zoom: 1;
  }

  .clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

  html,
  body,
  div,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  ul,
  ol,
  dl,
  li,
  dt,
  dd,
  p,
  blockquote,
  pre,
  form,
  fieldset,
  table,
  th,
  td {
  margin: 0;
  padding: 0;
  word-break: break-all;
  }

  area {
  outline: none;
  }

  /*p{text-align:left;}*/
  a {
  color: #000;
  text-decoration: none;
  }

  a:hover {
  color: #EB0000;
  /*text-decoration:underline*/
  ;
  }

  .pos_rel {
  position: relative;
  }

  .pos_abs {
  position: absolute;
  }

  /*-----------------font--------------*/
  .F12 {
  font-size: 12px;
  }

  .F14 {
  font-size: 14px;
  }

  .F16 {
  font-size: 16px;
  }

  .F18 {
  font-size: 18px;
  }

  .F25 {
  font-size: 25px;
  }

  .F22 {
  font-size: 22px
  }

  .F24 {
  font-size: 24px
  }

  .F28 {
  font-size: 28px
  }

  .F30 {
  font-size: 30px
  }

  .F36 {
  font-size: 30px
  }

  .Bold {
  font-weight: bold;
  }

  /*-----------------line-height--------------*/
  .LH2 {
  line-height: 2em;
  }

  .LH2-2 {
  line-height: 2.2em;
  }

  .LH2-4 {
  line-height: 2.4em;
  }

  .LH2-6 {
  line-height: 2.6em;
  }

  .LH3 {
  line-height: 3em
  }

  .LH30 {
  line-height: 30px
  }

  .LH32 {
  line-height: 32px
  }

  .LH40 {
  line-height: 40px
  }

  .LH54 {
  line-height: 54px
  }

  /*-----------------border--------------*/
  .border_all {
  border: 1px solid #DFE5F2;
  }

  .border_b {
  border-bottom: 1px solid #DFE5F2;
  }

  .border_r {
  border-right: 1px solid #DFE5F2;
  }

  .border_t {
  border-top: 1px solid #DFE5F2;
  }

  .border_dashed {
  border-bottom: 1px dashed #DFE5F2;
  }

  .w950 {
  width: 950px;
  }

  .w980 {
  width: 980px;
  }

  .w1000 {
  width: 1000px;
  }

  .w1080 {
  width: 1080px;
  }

  .w655 {
  width: 655px;
  }

  .w270 {
  width: 270px;
  }

  .w294 {
  width: 294px;
  }

  .w300 {
  width: 300px;
  }

  .w310 {
  width: 310px;
  }
  .w324 {
  width: 324px;
  }
  .w330 {
  width: 330px;
  }

  .w340 {
  width: 340px;
  }

  .w344 {
  width: 344px;
  }

  .w360 {
  width: 360px;
  }

  .w386 {
  width: 386px;
  }

  .w700 {
  width: 700px;
  }

  .w680 {
  width: 680px
  }

  .w230 {
  width: 230px;
  }


  .w260 {
  width: 260px;
  }

  .w406 {
  width: 406px;
  }

  .w420 {
  width: 420px;
  }
  .w450 {
  width: 450px;
  }
  .w752 {
  width: 752px;
  }

  .w780 {
  width: 780px;
  }

  .w1200 {
  width: 1200px
  }

  .w400 {
  width: 400px;
  }

  .w900 {
  width: 900px
  }

  .w940 {
  width: 940px
  }

  .w434 {
  width: 434px
  }

  .w440 {
  width: 440px
  }

  .w490 {
  width: 490px;
  }

  .w540 {
  width: 540px;
  }

  .w477 {
  width: 477px;
  }

  .w488 {
  width: 488px;
  }

  .w680 {
  width: 680px;
  }

  .w690 {
  width: 690px;
  }

  .w692 {
  width: 692px;
  }

  .auto {
  margin: 0 auto;
  }

  .h1 {
  height: 1px
  }

  .h3 {
  height: 3px
  }

  .h38 {
  height: 38px
  }

  .h40 {
  height: 40px
  }

  .h60 {
  height: 60px
  }

  .h82 {
  height: 82px;
  line-height: 82px
  }

  .h90 {
  height: 90px;
  }

  .h100 {
  height: 100px
  }

  .h156 {
  height: 156px
  }

  .h500 {
  height: 500px
  }

  .h530 {
  height: 530px
  }

  .h310 {
  height: 310px
  }

  .h360 {
  height: 360px
  }

  .h400 {
  height: 400px;
  }

  .h428 {
  height: 428px;
  }

  .h572 {
  height: 572px;
  }

  .h610 {
  height: 610px
  }

  .h700 {
  height: 700px
  }

  .mt5 {
  margin-top: 5px;
  }

  .mt10 {
  margin-top: 10px;
  }

  .mt13 {
  margin-top: 13px;
  }

  .mt15 {
  margin-top: 15px;
  }

  .mt20 {
  margin-top: 20px;
  }

  .mt25 {
  margin-top: 25px;
  }

  .mt26 {
  margin-top: 26px;
  }

  .mt30 {
  margin-top: 30px;
  }

  .mt35 {
  margin-top: 35px;
  }

  .mt40 {
  margin-top: 40px;
  }

  .mt45 {
  margin-top: 45px;
  }

  .mt50 {
  margin-top: 50px
  }

  .mt60 {
  margin-top: 60px
  }

  .mt70 {
  margin-top: 70px
  }

  .mt80 {
  margin-top: 80px
  }

  .mt90 {
  margin-top: 90px
  }

  .ml10 {
  margin-left: 10px;
  }

  .ml20 {
  margin-left: 20px;
  }

  .ml25 {
  margin-left: 25px;
  }

  .ml30 {
  margin-left: 30px;
  }

  .ml40 {
  margin-left: 40px;
  }

  .ml45 {
  margin-left: 45px;
  }

  .ml60 {
  margin-left: 60px;
  }

  .ml74 {
  margin-left: 74px;
  }

  .ml110 {
  margin-left: 110px;
  }

  .mr10 {
  margin-right: 10px;
  }

  .mr20 {
  margin-right: 20px;
  }

  .mr25 {
  margin-right: 25px;
  }

  .mr35 {
  margin-right: 35px;
  }

  .mr40 {
  margin-right: 40px;
  }

  .mr100 {
  margin-right: 100px;
  }

  .mb10 {
  margin-bottom: 10px
  }

  .mb15 {
  margin-bottom: 15px
  }

  .mb20 {
  margin-bottom: 20px
  }

  .mb30 {
  margin-bottom: 30px
  }

  .mb40 {
  margin-bottom: 40px
  }

  .mb60 {
  margin-bottom: 60px
  }

  .mb100 {
  margin-bottom: 100px
  }

  .mt100 {
  margin-top: 100px
  }

  .mt110 {
  margin-top: 110px
  }

  .mt188 {
  margin-top: 188px
  }

  .bgfff {
  background: #fff;
  }

  .bgred {
  background: #D61F12
  }

  .bggray {
  background: #F6F8FC
  }

  .fl {
  float: left;
  display: inline;
  }

  .fr {
  float: right;
  display: inline;
  }

  .tl {
  text-align: left;
  }

  .tr {
  text-align: right;
  }

  .tc {
  text-align: center;
  }

  .white {
  color: #fff
  }

  /*-----------------color--------------*/
  .title-color {
  color: #373940
  }

  .text-color {
  color: #778094 !important
  }

  .text-color a {
  color: #778094 !important
  }

  .text-color2 {
  color: #373940
  }

  .last-a-color a:last-child {
  color: #EB0000 !important
  }

  a.last-color {
  color: #EB0000 !important
  }

  .sub-color {
  color: #C4CBD6
  }

  .brown-color {
  color: #9C834A
  }

  .inline-block {
  display: inline-block;
  }

  .hide {
  display: none
  }

  .pointer {
  cursor: pointer;
  }

  .middle {
  vertical-align: middle;
  }

  .min-height {
  min-height: 550px
  }

  .max-width-img {
  max-width: 100%
  }

  .text-elips{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .underline:hover {
  text-decoration: underline;
  }
  .btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }

  .btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
  }

  .btn-danger:hover {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
  }

  .btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  }

  .nav-column-tab li,
  .nav-column-tab li div,
  .top-nav-wrapper .nav-header-wrapper a {
  transition: all .3s
  }

  .list-img-news-wrapper .list-item {
  padding: 26px 0
  }

  .list-img-news-wrapper .list-item .img {
  width: 236px;
  height: 140px
  }

  .list-img-news-wrapper .list-item .info {
  margin-left: 20px;
  /* width: 434px */
  }

  .nav-column-tab {
  height: 38px
  }

  .nav-column-tab li {
  float: left;
  padding: 0 20px;
  font-size: 16px;
  line-height: 38px;
  position: relative;
  cursor: pointer;
  }

  .nav-column-tab li:nth-child(1) {
  padding-left: 0;
  }

  .nav-column-tab li::after {
  content: '';
  border: .5px solid #DFE5F2;
  height: 19px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  }

  .nav-column-tab li:last-child::after {
  border: none
  }

  .nav-column-tab li.act div {
  color: #EB0000;
  font-weight: bold;
  border-bottom: 1px solid rgba(235, 0, 0, 1)
  }

  .nav-column-tab li div:hover {
  color: rgba(235, 0, 0, 1);
  }

  .list-news-wrapper {
  width: 100%;
  float: left;
  border-bottom: 1px solid rgba(223, 229, 242, 1);
  }

  .list-news-wrapper2 {
  float: left;
  border-bottom: 1px dashed rgba(223, 229, 242, 1);
  }

  .list-news-wrapper li {
  margin-bottom: 15px;
  position: relative;
  padding-left: 12px
  }

  .list-news-wrapper2 li {
  margin-bottom: 20px;
  position: relative;
  padding-left: 12px
  }

  .list-news-wrapper2 li.first {
  padding-bottom: 30px;
  height: 120px;
  margin-bottom: 30px;
  padding-left: 0
  }

  .list-news-wrapper li:not(.first)::before {
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 5px;
    border-radius: 50%;
  background: #C7C7C7;
  transform: translateY(-50%);
  }

  .list-news-wrapper2 li:not(.first)::before {
  content: '';
  width: 4px;
  height: 4px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 5px;
  background: linear-gradient(90deg, rgba(102, 102, 102, 1), rgba(156, 131, 74, 1));
  transform: translateY(-50%);
  }

  .more-block {
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #F6F8FC
  }

  .list-scroll {
  overflow-y: auto;
  }

  .time-bg {
  background: url('../images/time-bg.png') no-repeat;
  background-size: cover;
  width: 104px;
  height: 30px;
  line-height: 30px;
  padding-left: 5px;
  padding-top: 2px;
  display: inline-block;
  }

  .newsList {
  /* width: 900px; */
  }

  .newsList ul li {
  line-height: 28px;
  margin: 3px 0 10px 0;
  border-bottom: 1px solid transparent;
  }

  .newsList ul li small {
  color: #C4CBD6;
  }

  .newsList ul li img {
  vertical-align: middle;
  margin-top: -4px;
  }

  .newsList ul li:hover {
  color: #EB0000;
  border-bottom: 1px solid #EB0000;
  }

  .newsList ul li:hover a {
  color: #EB0000;
  }

  .newsList ul li:hover small {
  color: #EB0000;
  }

  .jyzy-list>ul {
  display: none;
  }

  .jyzy-list>ul:first-child {
  display: block;
  }

  .type-list {}

  .type-item {
  width: 100%;
  min-height: 100px;
  float: left;
  border: 1px solid #DFE5F2;
  border-bottom: 0;
  cursor: pointer;
  }

  .type-item:last-child {
  border-bottom: 1px solid #DFE5F2;
  }

  .type-item .title {
  font-size: 18px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: rgba(55, 57, 64, 1);
  }

  .type-item .text {
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(119, 128, 148, 1);
  }

  .type-item .text span {
  float: left;
  margin-right: 16px;
  }

  .type-item.select {
  position: relative;
  border: 1px solid rgba(238, 36, 21, 1);
  background: linear-gradient(90deg, rgba(238, 36, 21, 1), rgba(230, 17, 15, 1));
  }

  .type-item.select span {
  color: #fff !important;
  }

  .type-item.select:after {
  content: '';
  position: absolute;
  right: -2px;
  top: 40px;
  display: block;
  width: 0;
  height: 0;
  border-right: 13px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  }

  .pageList {
  width: 100%;
  }

  .pageList .page-item {
  /* width:30px;
  height:30px; */
  padding: 0 11px;
  float: left;
  line-height: 30px;
  text-align: center;
  margin-right: 10px;
  border: 1px solid #DFE5F2;
  border-radius: 2px;
  font-size: 14px;
  font-family: Helvetica;
  font-weight: 400;
  color: rgba(77, 79, 83, 1);
  cursor: pointer;
  }

  .pageList .page-item.first {
  width: 7px;
  height: 12px;
  padding: 9px 12px 9px 11px;
  background: url('./pre-normal.png') center no-repeat;
  }

  .pageList .page-item.first:hover {
  background: url('./pre-none.png') center no-repeat;
  }

  .pageList .page-item.last {
  width: 7px;
  height: 12px;
  padding: 9px 11px 9px 12px;
  background: url('./next-normal.png') center no-repeat;
  }

  .pageList .page-item.last:hover {
  background: url('./next-none.png') center no-repeat;
  }

  .page-item.select {
  border: 1px solid #EB0000;
  color: #EB0000;
  }

  .page-item.point {
  border: 0;
  font-size: 14px;
  font-family: SimSun;
  font-weight: 400;
  color: rgba(77, 79, 83, 1);
  cursor: inherit;
  }

  .pageList:after {
  clear: both;
  }

  /*-----------------导航--------------*/
  /* .top-nav-wrapper {
  height: 80px;
  padding: 0 110px;
  position: fixed;
  width: 100%;
  top: 0;
  box-sizing: border-box;
  z-index: 100;
  }

  .top-nav-wrapper .nav-header-wrapper {
  display: inline-block;
  }

  .top-nav-wrapper .nav-header-wrapper a {
  font-size: 16px;
  color: #fff;
  line-height: 80px
  }

  .top-nav-wrapper .nav-header-wrapper a:hover {
  font-weight: bold;
  }

  .top-nav-wrapper .nav-header-wrapper a.act {
  font-weight: bold;
  border-bottom: 2px solid #fff;
  padding-bottom: 5px
  }

  .top-nav-wrapper .nav-header-wrapper a+a {
  margin-left: 38px
  }

  .top-nav-wrapper .right-wrapper,
  .top-nav-wrapper .logo-wrapper {
  line-height: 80px;
  font-size: 14px;
  color: #fff
  }

  .top-nav-wrapper .right-wrapper span {
  padding: 5px;
  border: 1px solid #fff
  }

  .top-nav-wrapper .right-wrapper span a:hover {
  color: #fff
  } */
  /* 顶部公共样式 */

.header-bg-wrapper {
  position: relative;
  font-size: 0;

}
.header-bg-wrapper .bg {
  width: 100%;
}

  .header-wrapper  {
    position: absolute;
    height: 100%;
    z-index: 1;
    left: 50%;
    font-size: 12px;
    top: 0;
    transform: translate(-50%, 0);
  }



 .header-content {
  position: absolute;
  width: 1200px;
  bottom: 50px;
  box-sizing: border-box;
  padding:  0 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
   left: calc(50vw - 600px);
   z-index: 1;
}

.search-container {
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid rgba(255, 20, 21, 1);
  border-radius: 6px;
}
.top-wrapper .bg-wrap {
 font-size: 0;
}
.top-wrapper .left-logo {
  width: 745px;
  height: 111px;
  /* background: url('../images/logo.png') no-repeat;
  background-size: cover; */
  }

  .top-wrapper .date {
  /* float: left; */
  line-height: 40px;
  font-size: 12px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: #fff;
    text-align: right;
  }
  .top-wrapper .old-version {
  margin-left:10px;
  padding:5px 10px;
  height: 32px;
    background: linear-gradient(90deg, rgba(253, 31, 0, 1), rgba(231, 2, 0, 1));
    border-radius: 16px;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    font-family: NotoSansHans-Regular;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
  }

  .top-wrapper .old-version:hover {
  color: #F0E9B7;
  background: linear-gradient(90deg, rgba(253, 31, 0, 1), rgba(231, 2, 0, 1));
  }




  /* 公共导航栏 */

  .top-nav-wrapper {
  background-color: #CC0000;
  height: 60px;
  }

  .top-nav-wrapper .nav-item {
  /*line-height: 60px;*/
  width: 200px;
    height: 60px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  float: left;
  cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
  /*align-items: center;*/
  }
.top-nav-wrapper .nav-item .iconfont {
  font-size: 20px;
}
  .top-nav-wrapper .nav-item:hover,.top-nav-wrapper .nav-item.active {
    /*background-image:url('./nav-bg.png');*/
    /*background-repeat: no-repeat;*/
    /*background-size: 200px 60px;*/

    color: #FED64E;
  }

  .top-nav-perch {
  height: 80px
  }

  /******************登录******************/
  .sc-no-login-logo {
  background: url('../images/login/sc-login.png') no-repeat center top;
  height: 260px;
  overflow: hidden;
  text-align: center;
  position: relative;
  background-size: cover;
  }

  .login-title {
  width: 437px;
  /* height:46px; */
  }

  .login-title .title {
  display: block;
  width: 100%;
  float: left;
  font-size: 46px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: rgba(45, 48, 59, 1);
  line-height: 48px;
  }

  .login-title .txt {
  float: left;
  font-size: 20px;
  font-family: NotoSansHans-DemiLight;
  font-weight: normal;
  color: rgba(45, 48, 59, 1);
  line-height: 22px;
  }

  .login-form .form-item {
  width: 360px;
  height: 50px;
  float: left;
  border-bottom: 1px solid #DFE5F2;
  }

  .login-form .form-item img {
  float: left;
  margin: 5px 20px 0 11px;
  }

  .login-form .form-item input {
  width: 280px;
  float: left;
  margin-top: 8px;
  height: 20px;
  line-height: 20px;
  border: 0;
  outline: none;
  font-size: 20px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  background: inherit;
  }

  .login-form .form-item input::-moz-placeholder {
  color: rgba(188, 198, 214, 1);
  }

  .login-form .form-item input::-ms-input-placeholder {
  color: rgba(188, 198, 214, 1);
  }

  .login-form .form-item input::-webkit-input-placeholder {
  color: rgba(188, 198, 214, 1);
  }

  .login-form .form-item input.ewm-input {
  width: 170px;
  }

  .login-form .login-ewm-box {
  width: 108px;
  height: 35px;
  float: right;
  margin-right: 8px;
  cursor: pointer;
  }

  .login-ewm-box img {
  margin: 0 !important;
  }

  .fresh-box {
  width: 35px;
  height: 35px;
  float: left;
  background: #FF5F53;
  }

  .fresh-box img {
  margin: 8px 10px !important;
  }

  .login-form .form-btn {
  width: 360px;
  height: 50px;
  float: left;
  cursor: pointer;
  }

  .login-form .form-btn button {
  width: 360px;
  height: 50px;
  float: left;
  background: #F54336;
  font-size: 22px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  border: 0;
  outline: none;
  cursor: pointer;
  border-radius: 4px;
  }

  .login-form .form-tips {
  float: left;
  width: 100%;
  font-size: 20px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(245, 67, 54, 1);
  }

  /*-----------------首页--------------*/
  .sc-partyMember-logo {
  background: url('../images/index/sc-logo.png') no-repeat center top;
  height: 360px;
  overflow: hidden;
  text-align: center;
  position: relative;
  }

  .sc-no-index-logo {
  background: url('../images/index/sc-logo.png') no-repeat center top;
  height: 260px;
  overflow: hidden;
  text-align: center;
  position: relative;
  }

  .sc-no-index-logo2 {
  background: url('../images/index/sc-logo2.png') no-repeat center top;
  height: 260px;
  overflow: hidden;
  text-align: center;
  position: relative;
  }

  .sc-no-dyjy-logo {
  background: url('../images/dyjy/sc-logo.png') no-repeat center top;
  height: 260px;
  overflow: hidden;
  text-align: center;
  position: relative;
  }

  #nowDate {
  /* margin-left: 10px */
    text-align: right;
    margin-bottom: 10px;
    color: #fff;
  }

  /*****************************搜索框*******************************/
  .search-wrapper {
  position: relative;
  }

  /* .search-wrapper .date {
  float: left;
  line-height: 54px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(119, 128, 148, 1);
  }
  .search-wrapper .old-version {
  margin-left:20px;
  padding:5px 10px;
  height: 32px;
    background: linear-gradient(90deg, rgba(253, 31, 0, 1), rgba(231, 2, 0, 1));
    border-radius: 4px;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    font-family: NotoSansHans-Regular;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
  }

  .search-wrapper .old-version:hover {
  color: #F0E9B7;
  background: linear-gradient(90deg, rgba(253, 31, 0, 1), rgba(231, 2, 0, 1));
  } */

  .search-wrapper .search-box {
  width: 200px;
  height: 32px;
  line-height: 32px;
  background: #fff;
  /*border: 1px solid rgba(255, 20, 21, 1);*/
  /*border-radius: 4px;*/
  }

  .search-wrapper .search-box input {
  width: 120px;
  height: 14px;
  float: left;
  margin: 8px 10px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  border: 0;
  outline: none;
  color: #373940;
  }

  .search-wrapper .search-box input::-ms-input-placeholder {
  color: rgba(155, 172, 198, 0.6);
  }

  .search-wrapper .search-box input::-webkit-input-placeholder {
  color: rgba(155, 172, 198, 0.6);
  }

  .search-wrapper .search-box input::-moz-placeholder {
  color: rgba(155, 172, 198, 0.6);
  }

  .search-wrapper .search-box .input-btn {
  width: 46px;
  height: 32px;
  float: right;
  background: linear-gradient(90deg, rgba(255, 90, 86, 1), rgba(255, 20, 21, 1));
  cursor: pointer;
  }

  .search-wrapper .search-box .input-btn img {
  float: left;
  margin: 6px 14px;
  }

  /*****************************理论评论*******************************/

  .llpl-wrapper .list-news-wrapper {
  /*min-height:220px;*/
  border-bottom:none
  }

  .llpl-wrapper .list-news-wrapper li {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    box-sizing: border-box;
  }
  .llpl-wrapper .list-news-wrapper li a {
    flex: 1 ;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 15px;
    color: #323232;
  }



  /*****************************主题文字*******************************/
  .headline-wrapper .sc-item {
  position: relative;
  height: 222px;
  width: 100%;
  position: relative;
  background: url('../images/index/sc-title-logo.png') no-repeat left top;
  overflow: hidden;
  background-size: cover;
  }

  .headline-wrapper .sc-item-btn {
  position: absolute;
  left: 50%;
  bottom: 50px;
  margin-left: -20px;
  width: 80px;
  height: 32px;
  background: linear-gradient(90deg, rgba(253, 31, 0, 1), rgba(231, 2, 0, 1));
  border-radius: 4px;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  font-family: NotoSansHans-Regular;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  cursor: pointer;
  }

  .headline-wrapper a.sc-item-btn:hover {
  color: #F0E9B7;
  background: linear-gradient(90deg, rgba(253, 31, 0, 1), rgba(231, 2, 0, 1));
  }

  /*************sc-item-2第二个图*************/
  .headline-wrapper .sc-item-2 {
  position: relative;
  height: 120px;
  position: relative;
  overflow: hidden;
  width: 49%;
  display: inline-block;
  }

  .headline-wrapper .sc-item-2:nth-child(1) {
  background: url('../images/index-new/sc-item-2-1.png') no-repeat center center;
  background-size: 100% 100%;
  }

  .headline-wrapper .sc-item-2:nth-child(2) {
  background: url('../images/index/sc-item-2-2.png') no-repeat center center;
  background-size: 100% 100%;
  float: right;
  }

  .headline-wrapper .sc-item-2-btn {
  position: absolute;
  right: 55px;
  bottom: 5px;
  margin-left: -20px;
  width: 80px;
  height: 32px;
  color: rgba(231, 2, 0, 1);
  /* background: linear-gradient(0deg, rgba(253, 31, 0, 1) 0%, rgba(231, 2, 0, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */
  border-radius: 4px;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  font-family: NotoSansHans-Regular;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  }


  /************其它图***************/
  .headline-wrapper .item {
  height: 110px;
  position: relative;
  }

  .headline-wrapper .item .logo {
  background: url('../images/index/headline-logo.png') no-repeat left top;
  height: 82px;
  width: 83px;
  overflow: hidden;
  /* position: absolute;
  left: 12px;
  top: 14px; */
  background-size: cover;
  float: left;
    margin-top: 14px;
    margin-left: 12px;
  }

  .focus-news-wrapper .focus-wrapper {
  width: 692px;
  height: 416px
  }

  .focus-news-wrapper .news-wrapper {
  height: 416px;
  width: 488px
  }

  #myFocus {
  height: 428px;
  width: 692px
  }

  .myFocuss {
  height: 428px;
  width: 692px;
  overflow: hidden;
  }

  .mF_YSlider .txt li a {
  font-size: 16px !important;
  color: #fff;
  }

  .w692 .focus-wrapper {
  height: 428px;
  width: 692px;
  overflow: hidden;
  }

  .focus-wrapper .mF_YSlider .txt li b {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  }

  .focus-wrapper .mF_YSlider .txt a {
  width: 95%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  }

  .focus-wrapper .mF_YSlider .txt li {
  padding-right: 100px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-indent: 2em;
  width: 692px;
  height: 40px;
  line-height: 40px;
  /* background:rgba(0, 0, 0, 0.4); */
  /* opacity:0.4; */
  font-size: 16px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #fff !important;
  }

  .focus-wrapper .mF_YSlider .num li {
  width: 6px;
  height: 6px;
  background: rgba(255, 255, 255, 1);
  border-radius: 50%;
  }

  .focus-wrapper .mF_YSlider .num li a,
  .focus-wrapper .mF_YSlider .num li b {
  width: 6px;
  height: 6px;
  background: RGBA(142, 145, 143, 1);
  border-radius: 50%;
  color: transparent;
  border: 1px solid RGBA(142, 145, 143, 1);
  }

  .focus-wrapper .mF_YSlider .num {
  position: absolute;
  z-index: 3;
  bottom: 16px;
  right: 30px;
  }

  .focus-wrapper .mF_YSlider .num li.current a {
  background: #fff;
  border: 1px solid #fff;
  }

  .focus-wrapper .mF_YSlider .num li.hover a {
  background: #fff;
  border: 1px solid #fff;
  }

  /***********************通用topic-title****************************/
  .topic-title {
  position: relative;
  width: 100%;
  height: 38px;
  /* float: left; */
  /* margin-bottom: 30px; */
  border-bottom: 1px solid #BBBBBB;
  cursor: pointer;
  }


  .notice-wrapper {
    background: #eee;
  }

.notice-wrap .topic-text {

  color: #333;

}
  .topic-left {
  float: left;
    /*display: none;*/
  }



  .topic-text {
  position: absolute;
  margin-left: 20px;
  left: 0;
  top: 0;
  width: 135px;
  height: 38px;
  line-height: 38px;
  z-index: 20;
  /* text-align: center; */
  font-size: 16px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #fff;
  }
  .topic-text::after {
    content: '';
    position: absolute ;
    width: 100%;
    left: 0;
    bottom: -1px;
    height: 2px;
    background: #D01718;
    display: none;

  }

  .topic-right {
  float: right;
  padding: 14px 0 14px 14px;
  cursor: pointer;
    color: #A6A6A6;

  }

  .topic-title .is-none {
  display: inline-block;
  }

  .topic-title .is-hover {
  display: none;
  }

  .topic-title:hover .is-none {
  display: none;
  }

  .topic-title:hover .is-hover {
  display: inline-block;
  }

  /*********************党员教育推荐****************************/
  .dyjy-video-list {
  width: 100%;
  height: 100%;
  background: rgba(245, 247, 252, 1);
  }

  .dyjy-video-list .video-box {
  width: 396px;
  height: 280px;
  float: left;
  background: rgba(245, 247, 252, 1);
  }

  .dyjy-video-list .video-list {
  width: 356px;
  height: 240px;
  float: left;
  margin: 20px 0;
  padding: 0 20px;
  border-right: 1px solid rgba(223, 229, 242, 0.8);
  }

  .video-item {
  float: left;
  width: 100%;
  line-height: 40px;
  font-size: 18px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(55, 57, 64, 1);
  margin-bottom: 10px;
  cursor: pointer;
  }

  .video-item:hover {
  color: #EB0000;
  }

  .video-up-down {
  width: 100%;
  height: 58px;
  float: left;
  background: linear-gradient(90deg, rgba(255, 43, 44, 1), rgba(255, 20, 21, 1));
  }

  .dyjy-recoment-box {
  display: flex;
  }

  .dyjy-recoment-left {
  /* width: 380px; */
  height: 100px;
  /* flex-shrink: 0; */
  /* margin-right: 30px; */
  /* background: #F5F7FC; */
  box-shadow: 0px 2px 12px 0px rgba(198, 209, 216, 0.47);
  text-align: center;
    cursor: default;
  flex: 1;
  display: flex;
  align-items: center;
  padding-left: 30px
  }
  .dyjy-recoment-left:hover>div {
  color: #EB0000;
  }
  .dyjy-recoment-left>div {
  /* height: 24px; */
  font-size: 24px;
  font-family: Noto Sans S Chinese;
  font-weight: bold;
  color: rgba(119, 128, 148, 1);
  /* line-height: 14px; */
  /* margin-top: 24px; */
  }

  .dyjy-recoment-left>a {
  display: inline-block;
  padding: 5px 20px;
  background: linear-gradient(90deg, rgba(255, 90, 86, 1), rgba(255, 20, 21, 1));
  box-shadow: 0px 0px 6px 0px rgba(255, 20, 21, 0.2);
  border-radius: 12px;
  /* margin-top: 10px; */

  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  line-height: 14px;
  cursor: pointer;
  margin-left: 20px
  }

  .dyjy-recoment-right {
  height: 100px;
  width: 382px;
  margin-left:30px;
  box-shadow: 0px 2px 12px 0px rgba(198, 209, 216, 0.47);
  }

  .dyjy-recoment-right img {
  height: 100px;
  width: 382px;
  }

  .dyjy-re-left {
  width: 132px;
  height: 72px;
  float: left;
  text-align: center;
  margin-top: 14px;
  border-right: 1px solid rgba(223, 229, 242, 1);
  }

  .dyjy-re-left span {
  display: block;
  width: 100%;
  font-size: 18px;
  line-height: 20px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: rgba(55, 57, 64, 1);
  }

  .dyjy-re-right {
  /* width: 1000px; */
  height: 20px;
  float: left;
  margin-top: 24px;
  margin-left: 20px;
  line-height: 20px;
  }

  .dyjy-re-right .dyjy-re-title {
  width: 100%;
  font-size: 18px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(55, 57, 64, 1);
  }

  .dyjy-re-right .dyjy-re-title:hover {
  color: #EB0000;
  }

  .dyjy-re-right .online-time {
  float: left;
  line-height: 42px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(250, 0, 0, 1);
  }

  .dyjy-re-right .r-arrow {
  position: absolute;
  right: 20px;
  top: 38px;
  width: 24px;
  height: 24px;
  z-index: 20;
  }

  .dyjy-re-right .r-outline {
  position: absolute;
  right: 15px;
  top: 38px;
  width: 110px;
  height: 24px;
  line-height: 24px;
  z-index: 20;
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(232, 4, 0, 1);
  }

  .dyjy-re-right .r-outline img {
  vertical-align: middle;
  margin-top: -6px;
  }




  .dyjygl-wrapper {

  }

  .dyjygl-wrapper .dyjygl-left-news {
    width: 435px;
  }

  .dyjygl-wrapper .dyjygl-left-news-item {
    font-size: 16px;
    color: #2A2A29;
    line-height: 37.5px;
    display: block;
  }

  .dyjygl-wrapper .dyjygl-left-news-item:hover {
    color: rgba(232, 4, 0, 1);
  }




  .dyjygl-wrapper .dyjygl-right-videos {
    width: 760px;
  }


  .dyjygl-right-videos-item {
  width:175px;
  background: #F5F7FC;
  box-sizing: border-box;
  display: block;
  float: left;
  margin-left:20px;
  margin-bottom:20px;
  }

 .dyjygl-right-videos-item:nth-child(4n+1){
     margin-left:0px;
   }

  .dyjygl-right-videos-item .pic-cover {
  width: 100%;
   height:130px;
  display: block;
    margin-bottom: 0;
  }

  .dyjygl-right-videos-item .pic-title {
  position: relative;
  width:100%;
  height:40px;
  font-size: 14px;
  color: #000;
  line-height: 20px;
  margin-bottom: 5px;
  }

  .dyjygl-right-videos-item .pic-t-title {
  width:100%;
  font-size:16px;
  margin-top:0px;
  margin-left:10px;
  float: left;
  line-height: 30px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  /* color:rgba(232,4,0,1); */
  color: rgba(55, 57, 64, 1);
  }

  .dyjygl-right-videos-item .pic-t-txt {
  width:100%;
  margin-top:0px;
  margin-left:10px;
  padding-bottom:4px;
  float: left;
  line-height: 20px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(119, 128, 148, 1);
  }

  .dyjygl-right-videos-item .pic-t-txt span {
  float: left;
  }

  .dyjygl-right-videos-item .pic-t-txt span:first-child {
  margin-right: 20px;
  }

  .dyjygl-right-videos-item .pic-arrow {
  position: absolute;
  right: 20px;
  top:32px;
  }

  .dyjygl-right-videos-item .pic-arrow.p-a-1 {
  display: inline-block;
  }

  .dyjygl-right-videos-item .pic-arrow.p-a-2 {
  display: none;
  }

  .dyjygl-right-videos-item:hover .pic-t-title {
  color: rgba(232, 4, 0, 1);
  }

  .dyjygl-right-videos-item:hover .pic-arrow.p-a-2 {
  display: inline-block;
  }

  .dyjygl-right-videos-item:hover .pic-arrow.p-a-1 {
  display: none;
  }

  /***************************各种新闻*****************************/
  .news-wrapper .nav-column-tab {
  padding-left: 10px;
  position: relative;
  }

  .news-wrapper .nav-column-tab::before {
  content: '';
  width: 10px;
  height: 10px;
  background: rgba(214, 31, 18, .4);
  position: absolute;
  left: 5px;
  top: 16px;
  }

  .news-wrapper .news-pan .list .list-item {
  padding-top: 25px
  }

  .news-pan .list .list-item .title {
  position: relative;
  padding-left: 8px;
  }

  .news-pan .list .list-item .title:before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(214, 31, 18, .4);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  }

  /* .middle-site-wrapper {
    margin-top: 80px;
    margin-bottom: 70px
  } */
  /* .middle-site-wrapper a {
    display: inline-block;
    float: left;
  } */
  .bottom-site-wrapper a {
  display: inline-block;
  float: left;
  }

  /* .middle-site-wrapper a img {
    width: 285px;
    height: 160px
  }

  .middle-site-wrapper a+a {
    margin-left: 20px
  } */

  .bottom-site-wrapper a+a {
  margin-left: 60px
  }

  .side-header-img {
  width: 136px;
  height: 38px
  }

  .dwcd {
  width: 380px;
  }

  .dwcd .dwcd-list .item+.item {
  margin-top: 40px
  }

  .index-gsgg {
  width: 380px;
  }

  .index-gsgg .gsgg-list .item+.item {
  margin-top: 15px
  }

  .cygn {
  width: 380px;
  }

  .cygn .cygn-list .item {
  width: 189px;
  height: 164px
  }

  .jcdj .nav-wrapper {
  height: 38px;
  /* line-height: 38px; */
  border-bottom: 1px solid #DFE5F2
  }

  .pic-list {
  position: relative;
  }

  .pic-item {
  width: 376px;
  background: #F5F7FC;
  box-sizing: border-box;
  display: block;
  margin-right: 26px;
  }

  .pic-item:nth-child(4n) {
  margin-right: 0;
  }

  .pic-cover {
  width: 100%;
  height: 211px;
  display: block;
  margin-bottom: 10px;
  }

  .pic-title {
  position: relative;
  width: 376px;
  height: 100px;
  font-size: 14px;
  color: #000;
  line-height: 20px;
  margin-bottom: 5px;
  }

  .pic-t-title {
  width: 320px;
  float: left;
  margin-top: 10px;
  margin-left: 20px;
  line-height: 30px;
  font-size: 18px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  /* color:rgba(232,4,0,1); */
  color: rgba(55, 57, 64, 1);
  }

  .pic-t-txt {
  width: 320px;
  float: left;
  margin-top: 10px;
  margin-left: 20px;
  line-height: 20px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(119, 128, 148, 1);
  }

  .pic-t-txt span {
  float: left;
  }

  .pic-t-txt span:first-child {
  margin-right: 20px;
  }

  .pic-arrow {
  position: absolute;
  right: 20px;
  top: 46px;
  }

  .pic-arrow.p-a-1 {
  display: inline-block;
  }

  .pic-arrow.p-a-2 {
  display: none;
  }

  .swiper-slide:hover .pic-t-title {
  color: rgba(232, 4, 0, 1);
  }

  .swiper-slide:hover .pic-arrow.p-a-2 {
  display: inline-block;
  }

  .swiper-slide:hover .pic-arrow.p-a-1 {
  display: none;
  }

  #pic .swiper-button-next {
  width: 31px;
  height: 44px;
  background: url('../images/next-btn.png') no-repeat;
  background-size: cover;
  right: -50px;
  border: 1px solid #ccc;
  }

  #pic .swiper-button-next:hover {
  background-image: url('../images/next-hover-btn.png');
  border: none
  }

  #pic .swiper-button-prev {
  width: 31px;
  height: 44px;
  background: url('../images/prev-btn.png');
  background-size: cover;
  border: 1px solid #ccc;
  left: -50px;
  }

  #pic .swiper-button-prev:hover {
  background-image: url('../images/prev-hover-btn.png');
  border: none
  }

  #pic .swiper-button-prev.swiper-button-disabled {
  opacity: inherit
  }

  #pic .swiper-button-next.swiper-button-disabled {
  opacity: inherit
  }

  #pic2 .swiper-wrapper {
  margin-left: 4px;
  }

  #pic2 .swiper-button-text {
  width: 140px;
  height: 58px;
  float: left;
  line-height: 58px;
  font-size: 18px;
  font-family: SourceHanSerifSC-Heavy;
  font-weight: 800;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  -webkit-user-select: none;
  }

  #pic2 .swiper-button-next {
  position: inherit;
  margin-top: 15px;
  width: 28px;
  height: 28px;
  background: url('../images/dyjy/right-o.png') no-repeat;
  background-size: cover;
  right: -50px;
  /* border:1px dashed #ccc; */
  }

  #pic2 .swiper-button-next:hover {
  background-image: url('../images/dyjy/right.png');
  border: none
  }

  #pic2 .swiper-button-prev {
  position: inherit;
  margin-top: 15px;
  margin-left: 500px;
  width: 28px;
  height: 28px;
  background: url('../images/dyjy/left-o.png');
  background-size: cover;
  /* border:1px dashed #ccc; */
  left: -50px;
  }

  #pic2 .swiper-button-prev:hover {
  background-image: url('../images/dyjy/left.png');
  border: none
  }

  #pic2 .swiper-button-prev.swiper-button-disabled {
  opacity: inherit
  }

  #pic2 .swiper-button-next.swiper-button-disabled {
  opacity: inherit
  }

  /*----------------底部--------------*/
  .bottom-wrapper {
  /*height: 280px;*/
  /*background: #EEEEEE;*/
  color: #E6A2A0;
  width: 100%;
    background: #D11718;
    padding-top: 30px;
  }

   .bottom-select-wrapper {
      height: 32px;
  }



   .bottom-select-wrapper .select {
  width: 176px;
  height: 32px;
  line-height: 32px;
  float: left;
  font-size: 15px;
     background: #A71313;
     border: none;
  border-radius: 4px;
  padding-left: 5px;
  outline: none;
  /* color: rgba(255, 239, 129, 0.6); */
  }

   .bottom-select-wrapper .select_ul {
  width: 180px;
  background: #1F2226;
  border: 1px solid #A71313;
  border-radius: 2px;
  font-size: 14px;
  max-height: 250px;
    overflow-y: auto;
  color: #ffffff;
  }

   .bottom-select-wrapper select option {
  height: 32px;
  line-height: 32px;
  padding-left: 5px
  }









  .bottom-wrapper .middle {
  height: 63px;
  margin-top: 80px;
  }

  .bottom-wrapper .copyright {
  margin-top: 76px;
  line-height: 33px;
  }


  /*-----------------hover�--------------*/
  a.list-group-item.active,
  a.list-group-item.active:hover,
  a.list-group-item.active:focus,
  .pagination>.active>a,
  .pagination>.active>span,
  .pagination>.active>a:hover,
  .pagination>.active>span:hover,
  .pagination>.active>a:focus,
  .pagination>.active>span:focus {
  background-color: #EB0000;
  border-color: #EB0000;
  color: #fff
  }

  .channel-list-wrapper .channel-name {
  width: 270px;
  padding: 0 15px
  }

  .channel-list-wrapper .channel-name .list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  border: 1px solid #ddd;
  border-radius: 4px
  }

  .channel-list-wrapper .newsList {
  width: 870px;
  padding: 0 15px
  }

  .channel-list-wrapper .newsList ul li {
  border-bottom: dashed #ccc 1px;
  line-height: 35px
  }

  /**************************党务百科*************************/
  /* .dwbk-box {
  width: 100%;
  height: 462px;
  float: left;
  background: rgba(255, 255, 255, 1);
  }

  .dwbk-title {
  width: 100%;
  height: 50px;
  float: left;
  background: rgba(235, 0, 0, 1);
  border: 1px solid rgba(235, 0, 0, 1);
  cursor: pointer;
  }

  .dwbk-left {
  line-height: 50px;
  font-size: 18px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: rgba(240, 233, 183, 1);
  }

  .dwbk-left img {
  margin-left: 40px;
  margin-right: 2px;
  vertical-align: middle;
  margin-top: -4px;
  }

  .dwbk-title img.d-r-none {
  display: inline-block;
  }

  .dwbk-title img.d-r-hover {
  display: none;
  }

  .dwbk-title:hover img.d-r-none {
  display: none;
  }

  .dwbk-title:hover img.d-r-hover {
  display: inline-block;
  }

  .dwbk-right {
  padding: 20px 10px;
  cursor: pointer;
  }

  .dwbk-content {
  width: 100%;
  height: 372px;
  border: 1px solid rgba(199, 208, 224, 1);
  border-bottom: 0;
  overflow: hidden;
  overflow-y: auto;
  }

  .dwbk-content::-webkit-scrollbar {
  width: 8px;
  }

  .dwbk-content::-webkit-scrollbar-track {
  background-color: RGBA(246, 248, 252, 1);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
  }

  .dwbk-content::-webkit-scrollbar-thumb {
  background-color: rgba(199, 208, 224, 1);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
  }

  .dwbk-wyzx {
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: 1px solid rgba(199, 208, 224, 1);
  border-top: 0;
  text-align: center;
  background: rgba(246, 248, 252, 1);
  font-size: 18px;
  font-family: NotoSansHans-Regular;
  font-weight: 400;
  color: rgba(119, 128, 148, 1);
  }

  .dwbk-gnq {
  width: 100%;
  height: 522px;
  border: 1px solid rgba(199, 208, 224, 1);
  }

  .gnq-list {
  width: 664px;
  margin: 40px 45px 15px 45px;
  }

  .gnq-item {
  width: 326px;
  height: 68px;
  float: left;
  margin-right: 10px;
  }

  .gnq-item:nth-child(2n) {
  margin-right: 0;
  }

  .dwbk-btn {
  width: 200px;
  height: 50px;
  line-height: 50px;
  background: linear-gradient(90deg, rgba(253, 31, 0, 1), rgba(231, 2, 0, 1));
  font-size: 18px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  cursor: pointer;
  }

  .dwbk-btn img {
  vertical-align: middle;
  margin-top: -4px;
  }

  .dwbk-btn img:nth-child(2) {
  display: none;
  }

  .dwbk-btn:hover {
  color: #f0e9b7;
  }

  .dwbk-btn:hover img:first-child {
  display: none;
  }

  .dwbk-btn:hover img:nth-child(2) {
  display: inline-block;
  } */

  .gnq-other {
  width: 664px;
  height: 273px;
  /* background: #f1f1f1; */
  }

  .bnq-o-item {
  width: 152px;
  height: 206px;
  margin-top: 36px;
  margin-left: 52px;
  }

  .ewm-box {
  width: 152px;
  height: 50px;
  margin-top: 4px;
  background: RGBA(234, 249, 255, 1);
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(0, 80, 115, 1);
  text-align: center;
  }

  .ewm-box.F16 {
  line-height: 50px;
  }

  .ewm-box.F14 {
  line-height: 24px;
  }

  /* .dwbk-wrapper {
  float: left;
  width: 320px;
  margin-left: 40px;
  }

  .dwbk-wrapper li {
  margin-bottom: 24px;
  position: relative;
  padding-left: 12px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(55, 57, 64, 1);
  }

  .dwbk-wrapper li:not(.first)::before {
  content: '';
  width: 4px;
  height: 4px;
  position: absolute;
  top: 10px;
  left: 0;
  right: 5px;
  background: linear-gradient(90deg, rgba(253, 31, 0, 1), rgba(231, 2, 0, 1));
  transform: translateY(-50%);
  } */


  /*************************   三会一课学习专栏    ******************************/

  .shyk-list-item {
    width: 230px;
    float: left;
    margin-left: calc(50px/4);
    margin-top: 20px;
    position: relative;
  }


  .shyk-list-item .tag {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 39px;
    background: url('../images/index-new/source-tag.png') no-repeat;
    background-size: cover;
  }

  .shyk-list-item .tag span {
    font-size: 12px;
    color: #ffffff;
    transform: rotate(-45deg);
    display: inline-block;
    margin-top: 7px;
    margin-left: 3px;
  }


  .shyk-list-item:nth-child(5n+1){
    margin-left: 0;
  }

  .shyk-list-item .cover {
    height: 162px;
    width: 100%;
    vertical-align: top;
  }

  .shyk-list-item .info-wrapper {
    height: 75px;
    background: #F3F3F3;
    padding:5px 10px;
    box-sizing: border-box;
  }

  .shyk-list-item .info-wrapper .title {
  height: 43px;
  }

  .shyk-list-item .info-wrapper .time {
    font-size: 12px;
    color: #EE951B;
    line-height: 20px;
  }

  .shyk-list-item .info-wrapper .button {
    font-size: 14px;
    color: #ffffff;
    background: #DA241B;
    border-radius: 2px;
    padding: 1px 5px;
  }




  /*************************   功能区    ******************************/


  .gnq-wrapper .gnq-left {
    width: 895px;
  }


  .gnq-wrapper .gnq-left .gnq-left-item {
    float: left;
  }



  /*************************返回******************************/
  .goback-btn {
  width: 104px;
  height: 40px;
  background: RGBA(245, 247, 252, 1);
  border-radius: 4px;
  font-size: 18px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 40px;
  cursor: pointer;
  }

  .goback-btn img {
  margin-top: 12px;
  margin-left: 24px;
  margin-right: 10px;
  }

  /************************党员教育**************************/
  .jsjx-list {
  wdith: 100%;
  height: 156px;
  float: left;
  background: rgba(255, 255, 255, 1);
  border: 2px solid rgba(245, 247, 252, 1);
  }

  .jsjx-item {
  position: relative;
  width: 298px;
  height: 156px;
  float: left;
  border-right: 1px solid rgba(245, 247, 252, 1);
  font-size: 20px;
  font-family: NotoSansHans-Medium;
  font-weight: 500;
  color: rgba(0, 0, 0, 1);
  }

  .jsjx-item:last-child {
  border: 0;
  }

  .jsjx-item span {
  float: left;
  margin-left: 48px;
  margin-top: 92px;
  }

  .jsjx-item .mini-sign {
  position: absolute;
  left: 50px;
  top: 70px;
  }

  .gggg-list {
  width: 100%;
  height: 100%;
  background: RGBA(245, 247, 252, 1);
  border: 1px solid rgba(223, 229, 242, 1);
  }

  .ggg-item {
  margin-left: 36px;
  margin-right: 26px;
  line-height: 90px;
  font-size: 16px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: rgba(119, 128, 148, 1);
  }

  .ggg-item img {
  /* float:left; */
  vertical-align: middle;
  }

  /*******************农名工之家******************/
  .sc-no-nmgj-logo {
  background: url('../images/nmgj/sc-logo.png') no-repeat center top;
  height: 260px;
  overflow: hidden;
  text-align: center;
  position: relative;
  background-size: cover;
  }

  .nmgj-title {
  position: relative;
  width: 100%;
  height: 50px;
  float: left;
  /* margin-bottom: 30px; */
  border-bottom: 1px solid rgba(223, 229, 242, 1);
  }

  .nmgj-left {
  float: left;
  }

  .nmgj-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 190px;
  height: 50px;
  line-height: 50px;
  z-index: 20;
  text-align: center;
  font-size: 16px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: rgba(240, 233, 183, 1);
  }

  .nmgj-right {
  float: right;
  padding: 20px 0 14px 14px;
  cursor: pointer;
  }

  .nmgj-first {
  float: left;
  margin-left: -10px;
  }

  .nmgj-first-txt {
  float: right;
  width: 522px;
  }

  .nmgj-wrapper {
  float: left;
  /* border-bottom: 1px solid rgba(223, 229, 242, 1); */
  }

  .nmgj-wrapper li {
  width: 100%;
  margin-bottom: 24px;
  position: relative;
  padding-left: 12px
  }

  .nmgj-wrapper li:not(.first)::before {
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 5px;
  background: linear-gradient(90deg, rgba(253, 31, 0, 1), rgba(231, 2, 0, 1));
  transform: translateY(-50%);
  }

  .nmgj-list {
  width: 326px;
  float: left;
  padding: 0 40px;
  background: #F5F7FC;
  }

  .nmgj-item {
  width: 100%;
  height: 86px;
  /* line-height: 86px; */
  float: left;
  font-size: 18px;
  font-family: SourceHanSerifSC-Heavy;
  font-weight: 800;
  color: rgba(119, 128, 148, 1);
  /* text-align: center; */
  border-bottom: 1px solid #DFE5F2;
  }

  .nmgj-item img {
  float: left;
  margin-top: 45px;
  margin-left: 48px;
  vertical-align: middle;
  }

  .nmgj-item:last-child {
  border: 0;
  }

  .nmgj-item span {
  float: left;
  margin-top: 25px;
  margin-left: 12px;
  line-height: 60px;
  }

  .nmgj-color {
  color: rgba(119, 128, 148, 1);
  }

  .nmgj-btn {
  float: left;
  margin-left: -11px;
  }

  /*******************观察员视角******************/
  .sc-no-gcsj-logo {
  background: url('../images/gscj/sc-logo.png') no-repeat center top;
  height: 260px;
  overflow: hidden;
  text-align: center;
  position: relative;
  background-size: cover;
  }

  .gcsj-top {
  width: 100%;
  height: 92px;
  /* float: left; */
  background: #fff;
  box-shadow: 0px 3px 20px 0px rgba(220, 227, 241, 0.4);
  }

  .gcsj-line {
  width: 100%;
  background: #EB0000;
  }

  .gcsj-top span {
  float: left;
  margin-left: 15px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(119, 128, 148, 1);
  line-height: 92px;
  }

  .gcsj-form {
  width: 100%;
  /* height:200px; */
  /* float: left; */
  }

  .gcsj-form .form-item {
  /* width:100px; */
  min-height: 70px;
  float: left;
  }

  .gcsj-input {
  height: 40px;
  background: #F6F8FC;
  border-radius: 4px;
  }

  .gcsj-input input {
  height: 20px;
  float: left;
  padding: 10px 15px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(55, 57, 64, 1);
  line-height: 20px;
  background: #F6F8FC;
  border-radius: 4px;
  border: 0;
  outline: none;
  box-sizing: inherit;
  }

  .gcsj-input input:-ms-input-placeholder {
  color: rgba(55, 57, 64, 0.6);
  }

  .gcsj-input input::-moz-placeholder {
  color: rgba(55, 57, 64, 0.6);
  }

  .gcsj-input input::-webkit-input-placeholder {
  color: rgba(55, 57, 64, 0.6);
  }

  .gcsj-input2 {
  background: transparent;
  }

  .gcsj-input .w300 {
  width: 340px;
  height: 40px;
  float: left;
  border-radius: 4px;
  }

  .required {
  vertical-align: middle;
  margin-top: -2px;
  }

  .phone-yz {
  width: 80px;
  height: 40px;
  float: right;
  background: #fff;
  }

  .phone-yz span {
  float: left;
  margin-top: 22px;
  margin-left: 4px;
  height: 15px;
  font-size: 14px;
  cursor: pointer;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  text-decoration: underline;
  color: rgba(235, 0, 0, 1);
  }

  .gcsj-input select {
  width: 100%;
  height: 40px;
  float: left;
  padding: 10px 15px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(55, 57, 64, 1);
  line-height: 20px;
  background: #F6F8FC;
  border-radius: 4px;
  border: 0;
  outline: none;
  }
  .gcsj-input.layui-input-block {
  margin-left: 0
  }
  .gcsj-btn {
  width: 156px;
  height: 40px;
  margin-left: 462px;
  }

  .gcsj-btn button {
  width: 156px;
  height: 40px;
  background: linear-gradient(90deg, rgba(255, 61, 56, 1), rgba(255, 41, 42, 1));
  box-shadow: 0px 1px 3px 0px rgba(255, 20, 21, 0.3);
  border-radius: 4px;
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  border: 0;
  outline: none;
  cursor: pointer;
  }

  .gcsj-btn button[disabled] {
  background: linear-gradient(90deg, rgba(255, 61, 56, 1), rgba(255, 41, 42, 1));
  box-shadow: 0px 1px 3px 0px rgba(255, 20, 21, 0.3);
  opacity: 0.4;
  border-radius: 4px;
  }

  /*******************我要入党***********************/
  .sc-no-wyrd-logo {
  background: url('../images/wyrd/sc-logo.png') no-repeat center top;
  height: 260px;
  overflow: hidden;
  text-align: center;
  position: relative;
  background-size: cover;
  }

  .wyrd-top {
  width: 100%;
  height: 606px;
  /* float: left; */
  background: #fff;
  box-shadow: 0px 3px 20px 0px rgba(220, 227, 241, 0.4);
  }

  .wyrd-line {
  width: 100%;
  background: #EB0000;
  }

  .wyrd-title {
  position: relative;
  width: 1080px;
  height: 80px;
  float: left;
  margin-left: 60px;
  border-bottom: 1px solid #DFE5F2;
  text-align: center;
  }

  .wyrd-title img.dh {
  vertical-align: middle;
  margin-top: -10px;
  margin-right: 4px;
  }

  .wyrd-title span.db-title {
  line-height: 90px;
  font-size: 22px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(235, 0, 0, 1);
  }

  .wyrd-ti-btn {
  position: absolute;
  right: 0;
  top: 26px;
  width: 132px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #EB0000;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  }

  .wyrd-ti-btn:hover {
  background: #EB0000;
  }

  .wyrd-ti-btn:hover sapn {
  color: #fff;
  }

  .wyrd-ti-btn:hover span {
  color: #fff;
  }

  .wyrd-ti-btn:hover img.gress {
  display: none;
  }

  .wyrd-ti-btn:hover img.gress-2 {
  display: inline-block;
  }

  .wyrd-ti-btn img {
  vertical-align: middle;
  margin-right: 4px;
  margin-top: -6px;
  }

  .wyrd-ti-btn img.gress {
  display: inline-block;
  }

  .wyrd-ti-btn img.gress-2 {
  display: none;
  }

  .wyrd-ti-btn span {
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(235, 0, 0, 1);
  }

  .wyrd-left {
  width: 310px;
  height: 273px;
  margin-right: 56px;
  border: 1px solid rgba(223, 229, 242, 1);
  border-radius: 4px;
  }

  .wyrd-l-top {
  width: 100%;
  height: 50px;
  line-height: 50px;
  float: left;
  background: rgba(246, 248, 252, 1);
  border-radius: 4px;
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(55, 57, 64, 1);
  }

  .wyrd-l-top img {
  vertical-align: middle;
  margin-right: 4px;
  margin-top: -4px;
  margin-left: 40px;
  }

  .wyrd-l-item {
  position: relative;
  width: 230px;
  /* height: 44px; */
  line-height: 44px;
  float: left;
  margin: 0 40px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(119, 128, 148, 1);
  cursor: pointer;
  border-bottom: 1px solid rgba(223, 229, 242, 1);
  }

  .wyrd-l-i-item::before {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 0;
  top: 45%;
  background: linear-gradient(90deg, rgba(253, 31, 0, 1), rgba(231, 2, 0, 1));
  }

  .wyrd-l-i-item::after {
  content: '';
  display: block;
  width: 5px;
  height: 10px;
  position: absolute;
  right: 0;
  top: 45%;
  background: url('../images/wyrd/go.png') center no-repeat;
  background-size: cover;
  }
  .wyrd-l-i-item:hover {
  color: #EB0000
  }

  .wyrd-l-i-item:hover::after {
  background: url('../images/wyrd/go-hover.png') center no-repeat;
  background-size: cover;
  }

  .wyrd-l-i-item span {
  float: left;
  margin-left: 12px;
  }

  .wyrd-l-i-item {
  width: 100%;
  height: 44px;
  float: left;
  }

  .wyrd-l-item.b-none {
  border: 0;
  }

  .wyrd-l-i-item2 .circle {
  width: 14px;
  height: 14px;
  float: left;
  margin-top: 4px;
  margin-right: 4px;
  border-radius: 50%;
  /* border:1px solid rgba(119, 128, 148, 1) ; */
  }

  .wyrd-l-i-item2 .agree {
  display: inline-block;
  width: 210px;
  float: left;
  line-height: 24px;
  }

  .wyrd-l-i-item2 span,
  .wyrd-l-i-item2 a {
  cursor: pointer;
  color: rgba(75, 131, 223, 1);
  }

  .wyrd-midd {
  width: 332px;
  height: 273px;
  margin-right: 40px;
  }

  .wyrd-right {
  width: 330px;
  height: 273px;
  margin-right: 0;
  }

  .wyrd-upload {
  width: 100%;
  height: 40px;
  float: left;
  background: linear-gradient(90deg, rgba(255, 61, 56, 1), rgba(255, 41, 42, 1));
  box-shadow: 0px 1px 3px 0px rgba(255, 20, 21, 0.3);
  border-radius: 4px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  position: relative;
  }
  .wyrd-upload.uploadBefore  .input-file  {
  width: 344px;
  height: 40px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;

  }
  .wyrd-upload img {
  vertical-align: middle;
  margin-top: -6px;
  margin-right: 6px;
  }

  .wyrd-tips {
  width: 100%;
  float: left;
  line-height: 24px;
  font-size: 12px;
  font-family: NotoSansHans-Light;
  font-weight: 300;
  color: rgba(196, 203, 214, 1);
  text-align: center;
  }

  .wyrd-upload-doc {
  width: 99%;
  min-height: 40px;
  float: left;
  background: rgba(246, 248, 252, 1);
  border: 1px solid rgba(223, 229, 242, 1);
  border-radius: 4px;
  cursor: pointer;
  }
  .wyrd-upload-list {
  height: 150px;
  overflow: auto;
  width: 344px;
  }
  .wyrd-upload-doc .del.is-none.hide {
  display: none
  }
  .wyrd-upload-doc .del.is-none {
  display: inline-block;
  }

  .wyrd-upload-doc .del.is-hover {
  display: none;
  }

  .wyrd-upload-doc:hover .del.is-none {
  display: none;
  }

  .wyrd-upload-doc:hover .del.is-hover {
  display: inline-block;
  }


  .doc-line {
  position: relative;
  width: 100%;
  height: 12px;
  float: left;
  }

  .doc-line .line {
  width: 280px;
  height: 2px;
  float: left;
  background: rgba(223, 229, 242, 1);
  }

  .doc-line .line .progress {
  width: 0;
  height: 2px;
  float: left;
  background: rgba(255, 51, 49, 1);
  }

  .doc-line span {
  position: absolute;
  right: 12px;
  top: -12px;
  font-size: 12px;
  font-family: NotoSansHans-Regular;
  font-weight: 400;
  color: rgba(196, 203, 214, 1);
  line-height: 25px;
  }

  .wyrd-input-box {
  width: 182px;
  height: 40px;
  float: left;
  background: rgba(246, 248, 252, 1);
  }

  .wyrd-input input.ewm-input {
  width: 150px;
  height: 20px;
  float: left;
  margin: 10px 15px;
  border: 0;
  outline: none;
  background: rgba(246, 248, 252, 1);
  font-size: 14px;
  line-height: 20px;
  }

  .wyrd-input .wyrd-ewm-box {
  width: 140px;
  height: 40px;
  float: right;
  margin-right: 0px;
  cursor: pointer;
  }

  .wyrd-ewm-box img {
  margin: 0 !important;
  }

  .wyrd-ewm-box .fresh-box {
  width: 40px;
  height: 40px;
  float: left;
  background: rgba(246, 248, 252, 1);
  border-radius: 4px;
  }

  .wyrd-ewm-box .fresh-box img {
  margin: 11px 12px !important;
  }

  .wyrd-ewm-box .fresh-box .is-none {
  display: inline-block;
  }

  .wyrd-ewm-box .fresh-box .is-hover {
  display: none;
  }

  .wyrd-ewm-box .fresh-box:hover .is-none {
  display: none;
  }

  .wyrd-ewm-box .fresh-box:hover .is-hover {
  display: inline-block;
  }

  /*****************基地库***************/
  .jdku-title {
  width: 100%;
  font-size: 30px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: rgba(242, 17, 0, 1);
  line-height: 38px;
  text-align: center;
  }

  .jdku-map {
  position: relative;
  width: 836px;
  height: 734px;
  float: left;
  margin-left: 182px;
  margin-top: 48px;
  margin-bottom: 180px;
  background: url('../images/jdku/map.png') center no-repeat;
  background-size: 100% 100%;
  }

  .jdku-map .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 42px;
  height: 42px;
  cursor: pointer;
  }

  .jdku-map .icon.flag {
  background: url('../images/jdku/flag.png') center no-repeat;
  background-size: 24px 24px;
  }

  .jdku-map .icon.star {
  background: url('../images/jdku/star.png') center no-repeat;
  background-size: 18px 18px;
  }

  .jdku-map .icon.flag-hover {
  background: url('../images/jdku/flag-hover.png') center no-repeat;
  background-size: contain;
  }

  .jdku-map .icon.star-hover {
  background: url('../images/jdku/star-hover.png') center no-repeat;
  background-size: contain;
  }

  /****地图地点定位****/
  .jdku-map .icon.ab-1 {
  left: 364px;
  top: 118px;
  }

  .jdku-map .icon.ab-2 {
  left: 342px;
  top: 218px;
  }

  .jdku-map .icon.my-1 {
  left: 540px;
  top: 170px;
  }

  .jdku-map .icon.my-2 {
  left: 560px;
  top: 230px;
  }

  .jdku-map .icon.dy-1 {
  left: 520px;
  top: 230px;
  }

  .jdku-map .icon.bz-1 {
  left: 702px;
  top: 138px;
  }

  .jdku-map .icon.bz-2 {
  left: 666px;
  top: 180px;
  }

  .jdku-map .icon.dz-1 {
  left: 750px;
  top: 200px;
  }

  .jdku-map .icon.nc-1 {
  left: 630px;
  top: 206px;
  }

  .jdku-map .icon.cd-1 {
  left: 460px;
  top: 260px;
  }

  .jdku-map .icon.cd-2 {
  left: 430px;
  top: 300px;
  }

  .jdku-map .icon.cd-3 {
  left: 448px;
  top: 324px;
  }

  .jdku-map .icon.ga-1 {
  left: 700px;
  top: 290px;
  }

  .jdku-map .icon.ya-1 {
  left: 400px;
  top: 340px;
  }

  .jdku-map .icon.gz-1 {
  left: 290px;
  top: 400px;
  }

  .jdku-map .icon.ls-1 {
  left: 380px;
  top: 510px;
  }

  .jdku-map .icon.pzh-1 {
  left: 350px;
  top: 600px;
  }

  .jdku-map .icon.yb-1 {
  left: 554px;
  top: 408px;
  }

  .jdku-map .icon.yb-2 {
  left: 570px;
  top: 480px;
  }

  /***地点消息框***/
  .msg-box {
  position: absolute;
  left: 0;
  top: 0;
  /* min-width:140px; */
  display: inline-block;
  line-height: 36px;
  text-align: center;
  border-radius: 4px;
  z-index: 300;
  display: none;
  }

  .msg-box.flag-c {
  background: rgba(255, 102, 90, 1);
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  }

  .msg-box.star-c {
  background: rgba(255, 210, 105, 1);
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: rgba(255, 255, 255, 1);
  }

  .msg-box.flag-c:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -12px;
  border-style: solid;
  border-width: 6px 6px 6px 6px;
  border-color: rgba(255, 102, 90, 1) transparent transparent transparent;
  }

  .msg-box.star-c:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -12px;
  border-style: solid;
  border-width: 6px 6px 6px 6px;
  border-color: rgba(255, 210, 105, 1) transparent transparent transparent;
  }

  .msg-box span {
  padding: 0 20px;
  }

  .msg-box.ab-1 {
  left: 246px;
  top: 80px;
  }

  .msg-box.ab-2 {
  left: 220px;
  top: 180px;
  }

  .msg-box.my-1 {
  left: 416px;
  top: 136px;
  }

  .msg-box.dy-1 {
  left: 422px;
  top: 196px;
  }

  .msg-box.bz-1 {
  left: 578px;
  top: 104px;
  }

  .msg-box.bz-2 {
  left: 614px;
  top: 148px;
  }

  .msg-box.dz-1 {
  left: 628px;
  top: 164px;
  }

  .msg-box.nc-1 {
  left: 568px;
  top: 174px;
  }

  .msg-box.cd-1 {
  left: 406px;
  top: 226px;
  }

  .msg-box.cd-2 {
  left: 362px;
  top: 270px;
  }

  .msg-box.cd-3 {
  left: 338px;
  top: 290px;
  }

  .msg-box.ga-1 {
  left: 624px;
  top: 258px;
  }

  .msg-box.ya-1 {
  left: 232px;
  top: 306px;
  }

  .msg-box.gz-1 {
  left: 216px;
  top: 362px;
  }

  .msg-box.ls-1 {
  left: 280px;
  top: 474px;
  }

  .msg-box.pzh-1 {
  left: 206px;
  top: 564px;
  }

  .msg-box.yb-1 {
  left: 466px;
  top: 372px;
  }

  .msg-box.yb-2 {
  left: 430px;
  top: 444px;
  }

  /***网站建设中***/

  .construct-wrapper {
  margin: 156px auto
  }

  .construct-wrapper .construct-left-wrapper{
  width: 495px;
  height: 212px;
  background: url('../images/gscj/construct.png') no-repeat;
  background-size: cover;
  }

  .construct-wrapper .construct-right-wrapper {
  margin-left: 100px
  }

  .construct-wrapper .construct-right-wrapper .title {
  font-size: 30px;
  color: #373940;
  font-weight: bold;
  margin-top: 50px;
  }

  .construct-wrapper .construct-right-wrapper .subTitle {
  margin-top: 20px;
  font-size: 16px;
  color: #778094
  }

  .construct-wrapper .construct-right-wrapper .backIndex {
  margin-top: 40px;
  text-align: center;
  display: block;
  width:143px;
  height:40px;
  background:linear-gradient(90deg,rgba(255,61,56,1),rgba(255,41,42,1));
  box-shadow:0px 1px 3px 0px rgba(255,20,21,0.3);
  border-radius:4px;
  font-size: 18px;
  color: #fff;
  line-height: 40px
  }

  /***新闻详情页***/

  .news-detail-wrapper p {
  text-indent: 2em;
  text-align: justify;
  }

  .news-detail-wrapper img {
    max-width: 100%;
  }


  /***平台运维页面***/

  .devlop-container {
    width: 673px;
    height: 505px;
    background: url('../images/devlop.png') no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }

  /* 首页悬浮窗样式 */
  /* .xuanfuchuang_entry{
  position:fixed;
   top:600px;
    z-index:10;
    left: 10px;
  }
  .xuanfuchuang_entry .img-wrap{
  width: 300px;
  height: 150px;
  background: url('../images/index/xuanfuchuang.jpg') no-repeat;
  } */

  /* 先进事迹专题样式 */
  /*******************观察员视角******************/
  /* 首页悬浮窗样式 */
  .xuanfuchuang_entry {
  position: fixed;
  top: 600px;
  z-index: 100;
  left: 10px;
  }

  .xuanfuchuang_entry .img-wrap {
  width: 300px;
  height: 150px;
  /* background: url('../images/index/xuanfuchuang.jpg') no-repeat;
  cursor: pointer; */
  }

  /* 先进事迹专题样式 */
  /*******************观察员视角******************/
  .sc-xjsjzt-logo {
  overflow: hidden;
  position: relative;

  }
  .sc-xjsjzt-logo img{
  width: 100%;
  height: auto;
  }

  .xjsjzt-video-wrap {
  padding: 50px 0;
  min-height: 400px;
  }

  .xjsjzt-video-wrap .video-ele {
  display: inline-block;
  width: 48%;
  height: auto;
  position: relative;

  }
  .xjsjzt-video-wrap .video-ele-title{
  line-height: 1.5;
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
  }
  .xjsjzt-video-wrap .playBtn{
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50px ; width: 50px;
  transform: translateX(-50%) translateY(-50%) ;
  background: url('../images/xjsjzt/play.png') center center no-repeat;
  background-size:100% 100%;
  z-index: 10;
  cursor: pointer;
  }


  .xjsjzt-video-wrap .video-ele:last-child {
  float: right;
  }

  .xjsjzt-video-wrap .video-ele img {
   height: 320px;
   width: 100%;
  }



  /***********************我要咨询****************************/
  .sc-no-wyzx-logo {
  background: url('../images/gscj/sc-logo.png') no-repeat center top;
  height: 260px;
  overflow: hidden;
  text-align: center;
  position: relative;
  background-size: cover;
  }

  .wyzx-top {
  width: 100%;
  /* height: 92px; */
  /* float: left; */
  background: #fff;
  box-shadow: 0px 3px 20px 0px rgba(220, 227, 241, 0.4);
  }

  .wyzx-line {
  width: 100%;
  background: #EB0000;
  }

  .wyzx-top span {
  float: left;
  margin: 36px 40px 0;

  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(119, 128, 148, 1);
  line-height: 24px
  }

  .wyzx-top .wyzx-tip {
  margin-top: 20px;
  color: #F34D4D;
  margin-bottom: 36px;
  }

  .wyzx-form {
  width: 100%;
  /* height:200px; */
  /* float: left; */
  }

  .wyzx-form .form-item {
  /* width:100px; */
  min-height: 70px;
  float: left;
  }

  .wyzx-input {
  height: 40px;
  background: #F6F8FC;
  border-radius: 4px;
  }

  .wyzx-texarea {

  border-radius: 4px;
  overflow: hidden;

  }

  .wyzx-texarea textarea {
  min-height:180px;
  padding: 10px 15px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(55, 57, 64, 1);
  line-height: 20px;
  background: #F6F8FC;
  border-radius: 4px;
  border: 0;
  outline: none;
  box-sizing: border-box;
  }

  .wyzx-input input {
  height: 20px;
  float: left;
  padding: 10px 15px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(55, 57, 64, 1);
  line-height: 20px;
  background: #F6F8FC;
  border-radius: 4px;
  border: 0;
  outline: none;
  }

  .wyzx-input input:-ms-input-placeholder {
  color: rgba(55, 57, 64, 0.6);
  }

  .wyzx-input input::-moz-placeholder {
  color: rgba(55, 57, 64, 0.6);
  }

  .wyzx-input input::-webkit-input-placeholder {
  color: rgba(55, 57, 64, 0.6);
  }

  .wyzx-input2 {
  background: transparent;
  }

  .wyzx-input .w300 {
  width: 340px;
  height: 40px;
  float: left;
  border-radius: 4px;
  }

  .required {
  vertical-align: middle;
  margin-top: -2px;
  margin-right: 2px;
  }

  .phone-yz {
  width: 80px;
  height: 40px;
  float: right;
  background: #fff;
  }

  .phone-yz span {
  float: left;
  margin-top: 22px;
  margin-left: 4px;
  height: 15px;
  font-size: 14px;
  cursor: pointer;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  text-decoration: underline;
  color: rgba(235, 0, 0, 1);
  }

  .wyzx-input select {
  width: 100%;
  height: 40px;
  float: left;
  padding: 10px 15px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(55, 57, 64, 1);
  line-height: 20px;
  background: #F6F8FC;
  border-radius: 4px;
  border: 0;
  outline: none;
  }

  .wyzx-btn {
  width: 156px;
  height: 40px;
  margin-left: 462px;
  }

  .wyzx-btn button {
  width: 156px;
  height: 40px;
  background: linear-gradient(90deg, rgba(255, 61, 56, 1), rgba(255, 41, 42, 1));
  box-shadow: 0px 1px 3px 0px rgba(255, 20, 21, 0.3);
  border-radius: 4px;
  font-size: 16px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(255, 255, 255, 1);
  border: 0;
  outline: none;
  cursor: pointer;
  }

  .wyzx-phone-yz {
  width: 80px;
  height: 40px;
  float: left;
  margin-left: 10px;
  background: #fff;
  }
  .wyzx-phone-yz button {
  width: 80px;
  height: 40px;
  font-size: 12px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: #BCC1CC;
  outline: none;
  cursor: pointer;
  border:1px solid #BCC1CC;
  border-radius:4px;
  background: #fff;
  cursor: not-allowed;
  }
  .wyzx-phone-yz button:hover{
  border-color: red!important;
  }
  .wyzx-phone-yz-timer{
  background: #fff;
  border-radius: 4px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  margin-left: 10px;
  float: left;
  width: 80px;
  border:1px solid #BCC1CC;
  display: none;
  }
  .wyzx-phone-yz-timer span{
  font-size: 14px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(235, 0, 0, 1);
  }

  .wyzx-phone-yz-active button{
  background: #000!important;
  color:#fff!important;
  cursor: pointer;
  }

  .wyzx-result-btn {
  width: 104px;
  height: 40px;
  background: RGBA(245, 247, 252, 1);
  border-radius: 4px;
  font-size: 18px;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  line-height: 40px;
  cursor: pointer;
  text-align: center;
  }
  .wyzx-result-btn:hover{
  color: red;

  }

  .query-layer .layui-layer-btn .layui-layer-btn0{
  border-color: #F34D4D;
  background-color: #F34D4D;
  }

  /* 咨询结果 */
  .zxjg-query form{
  display: flex;
  display: -webkit-flex;
  }
  .zxjg-query .layui-form-label{
  width: auto;

  }
  .zxjg-more-info{
  color: red!important;
  }

  /* 咨询详情 */
  .empty {
  background: #F5F7FA;
  height: 4px;

  }

  .zxxq-header .title {
  font-size: 20px;
  color: rgba(0, 0, 0, 1);

  }
  .zxxq-header .state {
  font-size: 10px;

  color: #fff;
  padding: 2px 5px;
  border-radius: 2px;

  }
  .replay {
  background: #81C453;

  }
  .no-replay {
  background: #ECB122

  }

  .zxxq-header .sub-des {
  font-size: 14px;
  color: rgba(117, 123, 128, 1);
  line-height: 26px;
  }

  .zxxq-content {
  /* min-height: 100px; */
  padding: 20px;
  font-size: 14px;
  font-family: Noto Sans S Chinese;
  font-weight: 400;
  color: rgba(70, 74, 77, 1);
  line-height: 28px;
  background: RGBA(245, 247, 252, 1);
  border-radius: 4px;
  }

  .zxxq-replay .title {
  font-size: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 1);
  line-height: 24px;
  }

  .zxxq-replay .sub-des {
  font-size: 14px;
  color: rgba(117, 123, 128, 1);
  line-height: 26px;
  }

  .zxxq-replay-content {
  min-height: 100px;
  padding: 20px;
  background: #FFFAFA;
  border: 1px solid rgba(255, 183, 178, 1);
  border-radius: 4px;
  color: #E32416;

  font-size: 14px;
  font-family: Noto Sans S Chinese;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 40px;
  }
.xczx-head {
  position: relative;
  width: 100%;
  height: 879px;
  background: url("../xczx/img/img_9.png");
  background-size: 100% 100%;
}
.xczx-tab {
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -30px;
  width: 1567px;
  height: 60px;
  background: url("../xczx/img/img_8.png");
  background-size: 100% 100%;
  font-size: 26px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0 80px;
  box-sizing: border-box;
}
.xczx-item {
  cursor: pointer;
}
		.shyk {
			position: relative;
		}

		.shyk-list-item .info-wrapper .title {
			height: 41px;
		}

		.select-box {
			position: absolute;
			right: 60px;
			top: 8px;
			width: 100px;
		}

		.select-box select {
			height: 30px;
			border: 1px solid #f2f2f2;
		}

		.type-box {
			display: flex;
			height: 40px;
			line-height: 40px;
		}

		.type-box .type-items {
			min-width: 60px;
			margin-right: 15px;
			text-align: center;
			cursor: pointer;
		}

		.type-box .selected-item {
			color: #d51122;
			border-bottom: 1px solid #d51122;
		}

		.type-box .type-items:hover {
			color: #d51122;
			border-bottom: 1px solid #d51122;
		}

		.text-ellipsis2 {
			text-overflow: -o-ellipsis-lastline;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			line-clamp: 2;
			-webkit-box-orient: vertical;
		}

		.jcdj .nav-wrapper {
			border: none;
		}

		/* 顶部链接 共产党员网~四川党建手机报 */
		.link-box {
			margin-top: 20px;
			width: 320px;
			border-left: 2px solid #E5E5E5;
			padding-left: 30px;
			display: flex;
			flex-wrap: wrap;
		}

		.link-item a {
			display: inline-block;
			width: 160px;
			display: flex;
			cursor: pointer;
		}

		.link-item:nth-child(1),
		.link-item:nth-child(2) {
			margin-bottom: 17px;
		}

		.link-item img {
			width: 31px;
			height: 30px;
			margin-right: 13px;
		}

		.link-item:nth-child(2) img {
			width: 30px;
			height: 24px;
		}

		.link-item:nth-child(3) img {
			width: 32px;
			height: 30px;
		}

		.link-item:nth-child(4) img {
			width: 18px;
			height: 28px;
			margin-left:25px;
		}

		.link-text {
			font-size: 12px;
			color: #333333;
			line-height: 16px;
		}
		.link-item:nth-child(4) .link-text {
			margin-left:5px;
		}

		.top-nav-wrapper {
			overflow: hidden;
		}
        .top-nav-wrapper .nav-list {
          box-sizing: border-box;
          padding-left: 10px;
          display: flex;
          justify-content: space-around;
        }

  /* 导航 */
		.top-nav-wrapper .nav-item {
			width: auto;
			/*min-width: 70px;*/
			padding: 0 19px;
			/*font-size: 20px;*/
		}


		.top-nav-wrapper .nav-item:hover,
		.top-nav-wrapper .nav-item.active {
			background-size: 100% 100%;
		}

.dwzs-wrapper {
  background: #FFF7EC;
  border-radius: 8px;
  padding: 50px 15px 0;
  position: relative;
}
.dz-title-wrap {
  height: 32px;
  position: absolute;
  left: 100px;
  top: -16px;
  display: flex;

}

.yellow-bg {
  width: 140px;
  position: absolute;
  height: 32px;
  left: 0;
  top: 0;
  background: #FFB85B;
  transform: skewX(-20deg);
}
.red-bg {
  width: 140px;
  height: 32px;
  position: absolute;
  left: 0;
  top: 0;
  background: #C60001;
  transform: skewX(20deg);
}
.dz-title {
  position: relative;
  width: 140px;
  justify-content: center;
  align-items: center;
  color: #fff;
  height: 32px;
  display: flex;
  font-size: 16px;
  font-weight: 600;

}
    .dwzs-wrapper .dwzs-left {

        width: 328px;
        /*margin-right: 34px;*/
		display: flex;
    	flex-wrap: wrap;
		/*height: 200px;*/

    }

	.dwzs-wrapper .dwzs-right{
		width: 825px;
		height: 200px;
	}

    .dwzs-wrapper .left-item {
        width: 100px;
        height: 80px;
        /*background: #FFFAFA;*/
        border: 1px dashed #EFB4AD;
        border-radius: 8px;
		display: flex;
        justify-content: center;
        align-items: center;
		margin-right:10px;
		margin-bottom:22px;
    }
	 .dwzs-wrapper .left-item .img-box{
		height:45px;
		line-height: 55px;
	}

	 .dwzs-wrapper .left-item:nth-child(3n) {
		margin-right:0px;
    }
	 .dwzs-wrapper .left-item a{
		 text-align:center;
	 }

	 .mF_YSlider_myFocus .pic{
		 width:570px;
	 }
	 .focus-wrapper .mF_YSlider .txt li{
		  width:570px;
	 }
	  #myFocus {
 width:570px;
  }

  .myFocuss {
 width:570px;
  }
   .text-ellipsis1{
  display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
   }


   /* 弹窗 */
   .modal-content {
			/* background: rgba(0, 0, 0, 0.3); */
			margin: 291px auto;
			/* padding: 20px; */
			/* border: 1px solid #888; */
			width: 585px;
			height: 331.5;
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
			animation: window-open 0.2s 1;
		}


		.closeBtn {
			position: absolute;
			top: 0;
			right: 10px;
			color: #fff;
			font-size: 28px;
			font-weight: bold;
			cursor: pointer;
		}

		//关闭特效
		.closeBtn:hover,
		.closeBtn:focus {
			color: black;
			text-decoration: none;
			cursor: pointer;
		}

		@keyframes window-open {
			0% {
				opacity: 0;
				-webkit-transform: scale3d(0, 0, 1);
			}

			100% {
				opacity: 1;
				-webkit-transform: scale3d(1, 1, 1);
			}
		}




        .container-wrap {
          background: #F3F3F3;
          padding-bottom: 15px;
          display: flex;
        }

        .container-inner {
          background: #fff;
          padding: 15px 20px 30px;
          width: 1200px;
          flex-shrink: 0;
          min-height: 400px;
        }

 .container-bg {
  flex: 1;
   position: relative;
   overflow: hidden;
}
.container-bg img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}


.line {
  border-bottom: 1px solid #F23C3B;
  margin-top: 28px;
  margin-bottom: 28px;
}

.bottom-link-wrap {
  display: flex;
  justify-content: space-between;
}

.bottom-link-left {
  display: flex;
}
.bottom-link-wrap .link1 {
  width: 71px;
  height: 79px;
}

.bottom-link-left-1 {
  display: flex;
}
.bottom-link-left-1 .lianmeng {
  font-size: 20px;
  color: #fff;
}

.link-all {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  width: 450px;
}

.link-all a {
  width: 150px;
  display: block;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
}
.jubao-title-wrap {
  margin-bottom: 10px;
}

.bottom-link-left .jubao {
  font-size: 14px;
  color: #fff;
  line-height: 30px;
}
.copy-waring {
  margin-top: 5px;
}

.bottom-link-right  {
  display: flex;
  background: #A31313;
  border-radius: 4px;
  align-items: center;

}
.bottom-link-right div{
  width: 20px;
  margin-left: 5px;
}
.copyright-wrap a {
  color: #fff;
}

.copyright-wrap a:hover {
  text-decoration: underline;
  color: #333;
}
.bottom-link-right img {
    width: 132px;
    border-radius: 4px;
}

.copyright-wrap {
  display: flex;
  margin-top: -20px;
  align-items: center;
  padding-bottom: 15px;
}
.copyright-wrap img {
  width: 78px;
}

.video-wrap {
  width: 70%;
  height: 473px;
  margin: 0 auto;
}
.video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.icon {
  width: 20px;
  height: 20px;
  /*vertical-align: -0.15em;*/
  fill: currentColor;
  overflow: hidden;
  margin: 0 auto;
}