* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Microsoft Yahei", sans-serif;
}

body {
  background: #f9f9f9;
  color: #333;
}


header {
  width: 100%;
  background-color: #fff;
  transition: all 0.3s ease;
  position: relative;
  z-index: 999;
}


.top-row {
  /* height: 80px; */
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
}

.logo {
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  text-decoration: none;
  color: #333;
}
.logo img {
  height: 50px;
  margin-bottom: 4px;
}




.search-input {
    position: relative;
    display: inline-flex;
    padding: 0 16px;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
    border-radius: 5px;
    border: 1px solid #f2f3f4;
    background: #fff;
    transition: .3s,width 0s;
    width: 200px;
    background: #f2f3f4;
    z-index: 3
}

.bgskin .search-input {
    width: 230px
}

.search-input__bd {
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    min-width: 0;
    padding-right: 10px;
    border: none;
    outline: 0;
    height: 28px;
    background: #f2f3f4;
    line-height: 28px;
}

.search-input input:-webkit-autofill {
    background-color: transparent
}

.search-input input[type=text]:focus {
    background: #f2f3f4
}

.search-input .append {
    flex-shrink: 0;
    display: inline-flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center
}

.search-input .btn {
    position: relative;
    padding: 0;
    height: 36px;
    font-size: 14px;
    border: none;
    outline: 0;
    background: 0 0;
    cursor: pointer;
    transition: .15s
}

.search-input .btn .icon-search {
    width: 20px;
    height: 20px;
    fill: #aaa;
}
.bottom-row {
  height: 60px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .06);
  background: #ffffff;
  line-height: 60px;
}

.nav-menu {
  display: flex;
  list-style: none;
}
.nav-menu li {
  margin: 0 25px;
}
.nav-menu li a {
  text-decoration: none;
  color: #000000;
  font-size: 14px;
  padding: 5px 0;
  transition: color 0.3s;
}
.nav-menu li a:hover {
  color: #eb3737;
}
.nav-menu li.active a {
  color: #eb3737;
  border-bottom: 2px solid #eb3737;
}


.header-icons {

}
  .header-icons svg{
    width: 25px;
    margin-top: 3px;
    float: left;
    margin-right: 5px;
    }
.header-icons li a {
    color: #000000;
    text-decoration: none;
}

header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  height: 60px;
}
header.fixed .top-row {
  display: none; 
}
header.fixed .bottom-row {
  height: 60px;
  border-top: none;
  justify-content: space-between;
  padding: 0 40px;
}
header.fixed .logo {
  flex-direction: row;
  align-items: center;
}
header.fixed .logo img {
  margin-bottom: 0;
  margin-right: 6px;
}


header.fixed .nav-menu li a {
  font-size: 13px;
}
header.fixed .header-icons {
  display: flex;
  margin-left: 20px;
}

.chashui{
    background-image: url(/beijingtu.png);
}
.process-bar {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 40px;
  position: relative;
  margin-top: 80px;
}
.process-bar::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 50px;
  right: 50px;
  height: 2px;
  background: #0052d9;
  z-index: 0;
}
.process-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}
.step-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-bottom: 5px;
}
.step-text {
  font-size: 14px;
  text-align: center;
}
.step-desc {
  font-size: 12px;
  color: #666;
  margin-top: 2px;
}


.container {
  /* max-width: 1200px; */
  margin: 30px auto;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
}


.left-panel {
  width: 240px;
  margin-top: 50px;
}
.func-item {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background: #0052d9;
  color: #fff;
  font-size: 16px;
  margin-bottom: 10px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.func-item i {
  font-size: 24px;
  margin-right: 10px;
}
.func-item span {
  flex: 1;
}
.func-item.new {
  background: #fff;
  color: #00a0e9;
  border: 2px solid #00a0e9;
}
.func-item.new i {
  color: #ff0000;
}


.middle-illustration {
  flex: 1;
  margin: 0 30px;
  position: relative;
}
.illustration {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.slogan {
  position: absolute;
  top: 50px;
  left: 30px;
  background: #00a0e9;
  color: #fff;
  font-size: 24px;
  padding: 10px 20px;
  border-radius: 4px;
  transform: rotate(-10deg);
}


.right-form {
  width: 450px;
  background: #fff;
  border: 2px solid #0052d9;
  border-radius: 8px;
  padding: 20px;
  margin-top: 60px;
   height: 520px;
}
.form-tabs {
  display: flex;
  margin-bottom: 20px;
}
.tab-item {
  flex: 1;
  text-align: center;
  padding: 10px 0;
  font-size: 16px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
.tab-item.active {
  border-bottom: 2px solid #0052d9;
  color: #0052d9;
}
.form-group {
  margin-bottom: 10px;
}
.form-label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
}
.form-input {
  width: 100%;
  height: 36px;
  padding: 0 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
}
.captcha-row {
  display: flex;
  align-items: center;
}
.captcha-input {
  flex: 1;
  margin-right: 10px;
}
.captcha-img {
  width: 100px;
  height: 36px;
  background: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #999;
}
.submit-btn {
  width: 100%;
  height: 40px;
  background: #0052d9;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
}


@media (max-width: 768px) {
  .container {
    flex-direction: column;
    padding: 0 10px;
  }
  .left-panel, .right-form, .middle-illustration {
    width: 100%;
    margin: 10px 0;
  }
  .middle-illustration {
    margin: 10px 0;
  }
  .bottom-links {
    position: static;
    margin-top: 20px;
    align-items: center;
  }
}
.container-fluid>.container {
  width: 1200px !important;
}

.container {
  margin: 0 auto;
  padding: 0;
   width: 1200px !important; 
   max-width: none !important; 
}

/**/
 ul, ol, li, dl, dt, dd {
    text-decoration: none;
    list-style: none;
        margin-bottom: 0;
}
     
.public-bd {
    width: 65.23%;
    margin: 0 auto;
    text-align: center;
    margin-top: 60px;
}

.public-bd .title {
    font-size: 1.8em;
    line-height: 1.33;
    color: #333;
    font-weight: bold;
}

.public-bd .desc {
    font-size: .8em;
    line-height: 1.5;
    color: #666;
    margin-top: 0.75em;
    margin-bottom: 2.5em;
}
 

    .shuipiao-banner{
        margin-top:40px;
    }
    .recommend {
      width: 300px;
      float: left;
    }
    .recommend-header {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
      font-weight: bold;
      color: #d00;
    }
    .recommend-header i {
      margin-right: 8px;
      color: #d00;
    }
    .recommend-list {
      list-style: none;
    }
    .recommend-list li {
      padding: 10px 12px;
      border-bottom: 1px solid #eee;
      display: flex;
      align-items: center;
      font-size: 14px;
    }
    .recommend-list li:nth-child(1) .num {
      background: #007bff;
      color: white;
    }
    .recommend-list li:nth-child(2) .num {
      background: #28a745;
      color: white;
    }
    .recommend-list li:nth-child(3) .num {
      background: #fd7e14;
      color: white;
    }
    .recommend-list li:nth-child(n+4) .num {
      background: #6c757d;
      color: white;
    }
    .num {
      display: inline-block;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      text-align: center;
      line-height: 20px;
      font-size: 12px;
      margin-right: 10px;
      font-weight: bold;
    }


    .banner {
      width: calc(100% - 620px); 
      margin-left: 20px;
      margin-right: 20px;
      float: left;
      position: relative;
      border-radius: 8px;
      overflow: hidden;
      background: linear-gradient(135deg, #e6f7ff, #ffffff);
      padding: 20px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    }
    .banner-header {
      font-size: 14px;
      color: #007bff;
      margin-bottom: 10px;
    }
    .banner-title {
      font-size: 28px;
      font-weight: bold;
      color: #003366;
      margin: 10px 0;
    }
    .banner-subtitle {
      font-size: 16px;
      color: #555;
      margin-bottom: 20px;
    }
    .banner-btn {
      background: #000;
      color: white;
      padding: 8px 20px;
      border-radius: 4px;
      text-decoration: none;
      font-size: 14px;
      display: inline-block;
      margin-bottom: 15px;
    }
    .banner-footer {
      font-size: 14px;
      color: #666;
      text-align: center;
      padding-top: 10px;
      border-top: 1px solid #eee;
    }
    .dots {
      display: flex;
      justify-content: center;
      margin-top: 10px;
    }
    .dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #ccc;
      margin: 0 4px;
      cursor: pointer;
    }
    .dot.active {
      background: #007bff;
    }

    .news {
      width: 300px;
      float: left;
    }
    .news-header {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
      font-weight: bold;
      color: #007bff;
    }
    .news-header i {
      margin-right: 8px;
      color: #007bff;
    }
    .news-list {
      list-style: none;
    }
    .news-list li {
      padding: 8px;
      border-bottom: 1px solid #eee;
      align-items: center;
      font-size: 14px;
    }
    .news-list li:nth-child(1) .num {
      background: #dc3545;
      color: white;
    }
    .news-list li:nth-child(2) .num {
      background: #fd7e14;
      color: white;
    }
    .news-list li:nth-child(3) .num {
      background: #28a745;
      color: white;
    }
    .news-list li:nth-child(n+4) .num {
      background: #6c757d;
      color: white;
    }     
.ww {margin:0px auto; width:1200px; overflow:hidden;}
#t222 {float:left;width:1200px;margin:1px auto;overflow:hidden;}
#t222_tab {margin:5px 0px 10px 0px;float:left;height: auto;border-radius:8px;background: #fff;}
.t222_box_bus {padding:2px 0px 5px 60px; color:#666666; font-size:22px;}
.t222_box_bus li {float:left;line-height:50px;padding-left:5px;width: 55px;margin-right:5px;white-space:nowrap;background-position:1px 9px;font-size: 16px;}
.t222_box_bus A:link {COLOR: #0d0e0e;TEXT-DECORATION: none;}
.t222_box_bus A:visited {COLOR: #1A73E8; TEXT-DECORATION: underline}
.t222_box_bus A:hover {COLOR: #00a0e9;TEXT-DECORATION: none}
.t222_tit {padding:11px 0px 0px 25px;height:40px;border-bottom: #dadce0 1px dashed;color:#333333;}
 .t222_tit img{width: 25px; float: left;}
.t222_more {padding-right:15px;float:right;color: #726e6e;}







a, ins {
    text-decoration: none;
}
img, video {
    max-width: 100%;
    height: auto;
}
a {
    color: #595855;
}
.cloumn-bd {
    padding: 20px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(27, 95, 160, .1);
    overflow: hidden;
    margin-bottom: 10px;
}
.section-title {
    align-items: center;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 8px;
    line-height: 24px;
    font-size: 24px;
    font-weight: 400
}

.section-title svg {
    vertical-align: middle
}

.section-title .more {
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    top: 8px;
    cursor: pointer;
    display: inline-block;
    color: #828a92
}

.section-title .more .more-link {
    padding: 0 3px
}

.section-title .more a:hover {
    color: #005ad3
}

.section-title .more a.change {
    position: relative;
    padding-right: 20px
}

.section-title .more a.change:after {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    width: 0;
    height: 13px;
    margin: 0 8px;
    border-left: 1px solid #f0f1f3
}
.section-title__tab {
    padding: 0 25px;
    border-bottom: 1px solid #eaeeef;
    padding-bottom: 15px
}

.section-title ul {
    position: absolute;
    left: 130px;
    bottom: 15px;
    font-size: 16px;
    font-weight: 500
}

.section-title .recommond-tab {
    position: absolute;
    right: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.section-title .recommond-tab span {
    position: relative;
    margin: 0 12px;
    line-height: 1;
    font-size: 16px;
    font-weight: 500;
    color: #2c2e3b;
    padding: 5px 10px;
    border-radius: 20px;
    cursor: pointer
}

.section-title .recommond-tab span:hover {
    color: #06c
}

.recommond-tab span.recommond-tab--hover {
    color: #06c;
    border: 1px solid #06c
}

.section-title .recommond-tab span:after {
    right: 0
}

.section-title .recommond-tab span:last-child:after {
    display: none
}

.section-title ul li {
    float: left;
    position: relative;
    margin: 0 10px;
    padding: 0 10px
}

.section-title ul li:hover a {
    color: #06c
}

.section-title ul li.selected {
    color: #06c
}

.section-title ul li.selected:after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 0;
    right: 0;
    height: 2px;
    background: #06c
}
.block-inner__between{
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-pack: justify;
      -webkit-box-pack: justify;
      -moz-justify-content: space-between;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      width: 1200px;
      margin: 0 auto;
      margin-top: 40px;
}
.cloumn-center {
    width: 900px;
    margin: 0 10px 0 0;
}
.cloumn {
    float: left;
    display: block;
}
.cloumn-right {
    width: 340px;
}
.recommond-wrapper .section-title {
    padding-bottom: 10px
}

.recommond-wrapper__bd ul li {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -moz-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding: 20px 20px;
    margin: 0 -20px;
    overflow: hidden;
    border-top: 1px solid #f5f5f5
}

.recommond-wrapper__bd ul li:hover {
    background: #f9fafb
}

.recommond-wrapper__bd ul li.opened .relate {
    display: block;
    padding-top: 10px
}

.recommond-wrapper__bd ul li .sign {
    line-height: 12px;
    font-size: 12px;
    font-weight: 400;
    color: #828a92;
    background: #eee;
    position: absolute;
    right: 20px;
    top: 24px;
    padding: 2px 4px;
    border-radius: 2px
}

.recommond-wrapper__bd ul li.media-banner__flow {
    padding: 10px 20px
}

.recommond-wrapper__bd ul li.opened,.recommond-wrapper__bd ul li:opened {
    background: #f9fafb
}

.recommond-wrapper__bd .info {
    -webkit-flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
}

.recommond-wrapper__bd .info .info-limit {
    max-height: 84px;
    height: 84px;
    overflow: hidden
}

.recommond-wrapper__bd .info h3.favorite {
    padding-right: 30px
}

.recommond-wrapper__bd .info h3 {
    width: 100%;
    height: 19px;
    line-height: 18px;
    margin-top: 4px;
    margin-bottom: 9px;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-family: PingFangSC-Medium,arial,sans-serif;
    -webkit-font-smoothing: antialiased
}

.recommond-wrapper__bd .info h3 a.topic-tag {
    display: inline-block;
    padding: 0 8px;
    background: #f9f9f9;
    border-radius: 18px;
    font-size: 12px;
    font-weight: 700;
    vertical-align: top;
    color: #e04a1c;
    display: none
}

.recommond-wrapper__bd .info h3 a.topic-tag i {
    margin-right: 5px;
    font-weight: 400
}

.recommond-wrapper__bd .info h3 a.day-topic {
    display: inline-block;
    padding: 0 8px;
    background: #f9f9f9;
    border-radius: 18px;
    font-size: 12px;
    font-weight: 700;
    vertical-align: top;
    color: #e04a1c
}

.recommond-wrapper__bd .info h3 a.day-topic i {
    margin-right: 5px;
    font-weight: 400
}

.recommond-wrapper__bd .info h3 a {
    color: #2c2e3b;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    width: 90%
}

.recommond-wrapper__bd .info h3 a:hover {
    color: #06c
}

.recommond-wrapper__bd .info .desc {
    height: 54px;
    padding-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 22px;
    font-size: 13px;
    font-weight: 400;
    color: #828a92
}

.recommond-wrapper__bd .thumb {
    border-radius: 4px;
    cursor: pointer;
    margin-right: 20px;
    width: 150px;
    height: 115px;
    display: block;
    position: relative
}

.recommond-wrapper__bd .thumb span.top-mark {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    font-size: 12px;
    padding: 0 5px;
    color: #333;
    background: #ffc800
}

.recommond-wrapper__bd .thumb .module-tag {
    position: absolute;
    right: 8px;
    bottom: 8px;
    padding: 0 6px;
    border-radius: 10px;
    background: #000;
    background: rgba(0,0,0,.7);
    line-height: 20px;
    font-style: normal
}

.recommond-wrapper__bd .thumb .module-tag span {
    line-height: 20px;
    font-size: 12px;
    color: #fff
}

.recommond-wrapper__bd .thumb img {
    width: 150px;
    height: 115px
}

.recommond-wrapper__bd .thumb a {
    width: 150px;
    height: 115px;
    overflow: hidden;
    min-width: 150px;
    max-width: 115px;
    display: block;
    position: relative
}

.recommond-wrapper__bd .thumb:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05)
}

.recommond-wrapper__bd .thumb img {
    width: 100%;
    min-height: 100%;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    background: url(data:image/png;base64,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) 50% no-repeat #f1f1f1
}

.recommond-wrapper__bd .info .meta {
    padding-top: 10px;
    position: relative
}@keyframes scale {
    0% {
        transform: scale(1);
        opacity: 1
    }

    45% {
        transform: scale(.1);
        opacity: .7
    }

    80% {
        transform: scale(1);
        opacity: 1
    }
}



.notes-placeholder {
    position: relative;
    padding: 15px 2px 0 0;
    margin-bottom: 20px
}

.notes-placeholder .img {
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 150px;
    height: 115px;
    border-radius: 4px;
        background: url(data:image/png;base64,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) 50% no-repeat #f1f1f1;
}

body.reader-night-mode .notes-placeholder .img {
    background-color: #545454
}

.notes-placeholder .content {
    padding-left: 170px
}

.notes-placeholder .title {
    float: none!important;
    width: 50%;
    height: 20px;
    margin: 0 0 15px!important;
    background-color: #eaeaea
}

.notes-placeholder .title:before {
    content: ""!important
}

.notes-placeholder .sub-title {
    display: none;
    width: 70%;
    height: 16px;
    margin: 0 0 15px!important;
    background-color: #eaeaea
}

body.reader-night-mode .notes-placeholder .sub-title {
    background-color: #545454
}

.notes-placeholder .text {
    width: 100%;
    height: 16px;
    margin: 0 0 10px;
    background-color: #eaeaea;
    -webkit-animation: loading 1s ease-in-out infinite;
    animation: loading 1s ease-in-out infinite
}

body.reader-night-mode .notes-placeholder .text {
    background-color: #545454
}

.notes-placeholder .animation-delay {
    -webkit-animation: loading 1s ease-in-out -.5s infinite;
    animation: loading 1s ease-in-out -.5s infinite
}

@-webkit-keyframes loading {
    0% {
        width: 60%
    }

    50% {
        width: 100%
    }

    to {
        width: 60%
    }
}

@keyframes loading {
    0% {
        width: 60%
    }

    50% {
        width: 100%
    }

    to {
        width: 60%
    }
}

@-webkit-keyframes shortLoading {
    0% {
        width: 20%
    }

    50% {
        width: 40%
    }

    to {
        width: 20%
    }
}

@keyframes shortLoading {
    0% {
        width: 20%
    }

    50% {
        width: 40%
    }

    to {
        width: 20%
    }
}

.notes-placeholder .meta {
    margin: 0;
    color: #eaeaea;
    font-size: 12px
}

body.reader-night-mode .notes-placeholder .meta {
    color: #545454
}

.notes-placeholder .meta div {
    display: inline-block;
    vertical-align: middle;
    background-color: #eaeaea
}

body.reader-night-mode .notes-placeholder .meta div {
    background-color: #545454
}

.notes-placeholder .meta i {
    margin: 0 5px;
    vertical-align: middle
}

.notes-placeholder .meta .read {
    height: 16px;
    width: 50px
}

.notes-placeholder .meta .small {
    height: 16px;
    width: 30px
}

.notes-placeholder .index .meta {
    margin-left: 0
}

.notes-placeholder .timeline .sub-title {
    display: block
}





.datalist-wrapper__bd {
    padding-top: 0
}

.datalist-wrapper__bd ul {
    padding-top: 0
}

.catlist-wrapper__bd {
    padding-top: 10px
}

.catlist-wrapper__bd ul,.datalist-wrapper__bd ul {
    border-bottom: 1px solid #f0f2f7;
    margin-bottom: 10px
}

.catlist-wrapper__bd ul li,.datalist-wrapper__bd ul li {
    border-top: 1px solid #f0f2f7
}

.catlist-wrapper__bd .thumb,.datalist-wrapper__bd .thumb {
    display: none
}

.catlist-wrapper__bd .info .info-limit,.datalist-wrapper__bd .info .info-limit {
    max-height: 60px;
    height: 60px
}

.catlist-wrapper__bd .info h3 {
    font-weight: 500
}

.catlist-wrapper__bd .info .desc,.datalist-wrapper__bd .info .desc {
    -webkit-line-clamp: 1;
    height: 26px
}

.mediavert-signpc {
    position: absolute;
    right: 20px;
    top: 18px
}

.mediavert-signpc-label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 6px;
    border-radius: 3px;
    color: #8590a6;
    background: #f6f6f6;
    font-size: 13px;
    cursor: pointer
}

.mediavert-signpc-label>svg {
    width: 24px;
    height: 24px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    fill: #8590a6;
    vertical-align: text-bottom
}

.mediavert-signpc-popup {
    position: absolute;
    top: 40px;
    right: 0;
    display: none;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(27,95,160,.1);
    box-shadow: 0 1px 3px rgba(27,95,160,.1);
    z-index: 999
}

.mediavert-signpc-popup-arrow {
    position: absolute;
    right: 0;
    width: 32px;
    height: 16px;
    overflow: hidden;
    -webkit-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%)
}

.mediavert-signpc-popup-arrow:after {
    position: absolute;
    bottom: -8px;
    left: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border: 1px solid #ebebeb;
    margin: -12px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: ""
}

.mediavert-signpc-popup-menu {
    min-width: 100px;
    padding: 6px 0
}

.mediavert-signpc-popup-menu a,.mediavert-signpc-popup-menu>button {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    border: none;
    border-radius: 0;
    color: #8590a6;
    background-color: transparent;
    font-size: 14px;
    line-height: 36px;
    text-align: left;
    cursor: pointer
}

.mediavert-signpc-popup-menu a,.mediavert-signpc-popup-menu>button {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px;
    border: none;
    border-radius: 0;
    color: #8590a6;
    background-color: transparent;
    font-size: 14px;
    line-height: 36px;
    text-align: left;
    cursor: pointer
}

.mediavert-signpc-label__hover .mediavert-signpc-popup {
    display: block
}

.recommond-wrapper__bd ul li .search-topic {
    position: absolute;
    right: 0;
    top: 18px;
    margin-left: 24px;
    line-height: 12px;
    font-size: 12px;
    font-weight: 400;
    color: #828a92;
    display: none
}

.recommond-wrapper__bd ul li.opened .search-topic {
    display: inline-block
}

.recommond-wrapper__bd .info .meta .search-topic span {
    position: relative;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #b2b2b2;
    display: inline-block;
    margin-left: 6px
}

.recommond-wrapper__bd .info .tags {
    display: inline-block
}

.recommond-wrapper__bd .info .tags a {
    display: inline-block;
    padding: 0 8px;
    background: #f9f9f9;
    border-radius: 2px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 400;
    color: #999;
    margin-right: 8px
}

.recommond-wrapper__bd .info .tags a:first-child {
    background: #e6f1fb;
    color: #06c
}

.recommond-wrapper__bd .info .tags a:hover {
    background: #e6f1fb;
    color: #06c
}

.recommond-wrapper__bd .info .tags a i {
    opacity: .6;
    margin-right: 3px;
    display: none
}

.recommond-wrapper__bd .info .tags a:hover i {
    opacity: 1
}

.recommond-wrapper__bd .info .time {
    line-height: 12px;
    font-size: 12px;
    font-weight: 400;
    color: #828a92;
    display: inline-block
}

.recommond-wrapper__bd .info .relate {
    display: none
}

.recommond-wrapper__bd .info .relate-item {
    margin-top: 10px;
    padding-left: 26px;
    position: relative;
    display: block;
    display: flex;
    line-height: 16px;
    align-items: baseline
}

.recommond-wrapper__bd .info .relate-item:before {
    display: inline-block;
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    border: 3.5px solid #b2b2b2;
    padding: 0 3px;
    width: 0;
    height: 6px;
    border-radius: 50%;
    transform: scale(.5);
    background-color: #fff
}

.recommond-wrapper__bd .info .relate-item a {
    color: #828a92;
    font-size: 14px;
    line-height: 1.4em;
    display: inline;
    text-decoration: none;
    margin-right: 15px;
    cursor: pointer;
    max-width: 460px;
    overflow: hidden;
    max-height: 17px
}

.recommond-wrapper__bd .info .relate-item a:hover {
    color: #06c
}

.recommond-wrapper__bd .info .relate-item span {
    display: inline-block;
    color: #a3a3a3;
    font-size: 14px
}

.loading-more {
    min-height: 24px;
    line-height: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #2c2e3b;
    text-align: center;
    padding: 15px 0 5px 0
}

.loading-more__btn {
    cursor: pointer;
    display: inline-block;
    width: 175px;
    height: 38px;
    border-radius: 38px;
    line-height: 38px;
    border: 1px solid #0067cb;
    color: #0067cb
}

.loading-more__btn:hover {
    background: #0067cb;
    color: #fff
}

.tab-hd {
    height: 34px;
    margin-top: 26px;
    border-top: 1px solid #eaeeef;
    border-bottom: 1px solid #eaeeef;
    line-height: 14px;
    font-size: 14px;
    font-weight: 400
}

.tab-hd li {
    width: 50%;
    display: block;
    position: relative;
    text-align: center;
    color: #2c2e3b;
    float: left;
    padding: 10px 0;
    cursor: pointer
}

.tab-hd.three-tab li {
    width: 33%
}

.tab-hd.four-tab li {
    width: 25%
}

.tab-hd>li:first-child:before {
    display: none
}

.tab-hd>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 1px;
    height: 18px;
    background: #eaeeef
}

.tab-hd>li.select,.tab-hd>li:hover {
    color: #06c
}

.tab .tab-bd>div {
    display: none
}

.tab .tab-bd>div:first-child {
    display: block
}

.tab .tab-bd__hide {
    display: none
}

.tab .tab-bd__show {
    display: block
}

.hots-wrapper__bd {
    padding: 15px 0 0 25px
}

.hots-wrapper__bd ul li {
    padding: 7px 0 8px
}

.hots-wrapper__bd ul li:last-child {
    padding-bottom: 0
}

.hots-wrapper__bd ul li .title {
    position: relative;
    line-height: 24px;
    font-size: 14px;
    font-weight: 400
}

.hots-wrapper__bd ul li .title a:hover {
    color: #06c
}

.hots-wrapper__bd ul li .title .nums {
    position: absolute;
    left: -29px;
    top: 5px;
    width: 20px;
    height: 14px;
    background: #e6f1fb;
    cursor: pointer;
    line-height: 14px;
    text-align: center;
    color: #06c;
    font-size: 12px;
    border-radius: 2px
}

.hots-wrapper__bd ul li .title h4 {
    text-align: justify;
    color: #2c2e3b;
    cursor: pointer;
    font-size: 14px
}

.hots-wrapper__bd ul li .title h4 a {
    display: inline-block;
    min-height: 48px;
    max-height: 48px;
    line-height: 24px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.hots-wrapper__bd ul li .title h4 span.hotchange {
    height: 18px;
    line-height: 18px;
    display: inline-block;
    margin-left: 7px;
    color: #fb5050;
    font-size: 12px;
    background: #ffeeee;
    border-radius: 2px;
    padding: 0 6px
}

.hotopic-wrapper__bd {
    padding-top: 10px
}

.hotopic-wrapper__bd ul li {
    padding: 15px 0;
    position: relative;
    border-bottom: 1px solid #eaeeef
}

.hotopic-wrapper__bd ul li:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.topic-info__bd a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row-reverse
}

.topic-info__bd .thumb {
    display: inline-block;
    height: 60px;
    width: 60px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 3px;
    margin-left: 15px
}

.topic-info__bd .info {
    -webkit-flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    position: relative
}

.topic-info__bd .info h4 {
    font-size: 15px;
    font-weight: 400;
    min-height: 24px;
    max-height: 24px;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-top: -2px;
    position: relative;
    padding-right: 50px
}

.topic-info__bd .info h4 span {
    position: absolute;
    right: 0;
    top: 3px;
    padding: 0 6px;
    border-radius: 3px;
    border: none;
    background: #e6f1fb;
    color: #06c;
    font-size: 12px;
    line-height: 20px;
    display: inline-block
}

.topic-info__bd .info .desc {
    margin-top: 10px;
    display: block;
    min-height: 36px;
    max-height: 36px;
    line-height: 18px;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
    color: #828a92;
    cursor: pointer;
    font-size: 12px
}

.topic-info__bd .info .likes {
    padding-top: 10px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #828a92
}

.topic-info__bd .info .link {
    position: absolute;
    bottom: 5px;
    right: 0;
    padding: 0 6px;
    border-radius: 3px;
    border: none;
    background: #e6f1fb;
    color: #06c;
    font-size: 12px;
    line-height: 20px;
    display: inline-block
}

.topic-info__bd a:hover .link {
    background: #06c;
    color: #fff
}

.topic-info__post a {
    margin-top: 10px;
    display: block;
    min-height: 44px;
    max-height: 44px;
    line-height: 22px;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
    color: #828a92;
    cursor: pointer;
    font-size: 14px
}

.topic-info__bd a:hover h4,.topic-info__post a span,.topic-info__post a:hover {
    color: #06c
}

.newproduct-wrapper__bd {
    padding-top: 15px
}

.newproduct-wrapper__bd a {
    display: block;
    padding: 10px 0
}

.newproduct-wrapper__bd a:hover {
    background: #f9fafb
}

.newproduct-wrapper__bd .thumb {
    position: relative
}

.newproduct-wrapper__bd .thumb img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    border: 1px solid #eee;
    cursor: pointer
}

.newproduct-wrapper__bd .thumb span {
    position: absolute;
    right: 1px;
    top: 1px;
    background: #0083ff;
    color: #fff;
    font-size: 12px;
    padding: 1px 10px;
    border-radius: 2px;
    margin-left: 5px
}

.newproduct-wrapper__bd .info h5 {
    padding-top: 22px;
    line-height: 28px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.newproduct-wrapper__bd .desc {
    line-height: 20px;
    max-height: 40px;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: justify;
    font-size: 13px;
    font-weight: 400;
    color: #828a92;
    padding: 0 5px
}

.viewbtn {
    width: 170px;
    margin: 25px auto 0;
    border-radius: 20px;
    border: 1px solid #06c;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #06c;
    text-align: center
}

.newproduct-wrapper__bd a:hover .viewbtn {
    background: #06c;
    color: #fff
}

.zmt-wrapper__bd {
    padding: 12px 0 0 0
}

.zmt-wrapper__bd ul li {
    padding: 15px 0 15px 60px;
    position: relative;
    border-bottom: 1px solid #eaeeef
}

.zmt-wrapper__bd ul li:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.zmt-wrapper__bd ul li .thumb {
    display: inline-block;
    height: 50px;
    width: 50px;
    position: absolute;
    z-index: 5;
    top: 20px;
    left: 0;
    overflow: hidden;
    border-radius: 3px;
    margin-right: 8px
}

.zmt-wrapper__bd ul li .title {
    position: relative;
    line-height: 24px;
    font-size: 14px;
    font-weight: 400
}

.zmt-wrapper__bd ul li .title a:hover {
    color: #06c
}

.zmt-wrapper__bd ul li .title .toggle {
    position: absolute;
    left: -29px;
    top: 5px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #e6f1fb;
    cursor: pointer
}

.latest-wrapper__bd ul li .title .toggle:after,.latest-wrapper__bd ul li .title .toggle:before {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    margin-top: -3px;
    top: 50%;
    content: " ";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #06c;
    z-index: 2;
    opacity: .4
}

.zmt-wrapper__bd ul li .title h4 {
    text-align: justify;
    color: #303030;
    cursor: pointer;
    font-size: 14px
}

.zmt-wrapper__bd ul li .title h4 a {
    display: inline-block;
    min-height: 48px;
    max-height: 48px;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.zmt-wrapper__bd ul li .name {
    line-height: 20px;
    font-size: 12px;
    font-weight: 400;
    margin-top: 3px;
    color: #828a92
}

.focus {
    position: relative;
    width: 300px;
    height: 240px;
    background-color: #000;
    display: block
}

.focus img {
    width: 300px;
    height: 240px
}

.focus .shadow .title {
    width: 260px;
    height: 65px;
    padding-left: 30px;
    padding-top: 20px
}

.focus .shadow .title a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: bolder;
    overflow: hidden
}

.focus .btn {
    position: absolute;
    bottom: 34px;
    left: 510px;
    overflow: hidden;
    zoom:1}

.focus .btn a {
    position: relative;
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 7px;
    margin: 0 5px;
    color: #b0b0b0;
    font: 12px/15px "\5B8B\4F53";
    text-decoration: none;
    text-align: center;
    outline: 0;
    float: left;
    background: #d9d9d9
}

.focus .btn a.current,.focus .btn a:hover {
    cursor: pointer;
    background: #fc114a
}

.focus .fPic {
    position: absolute;
    left: 0;
    top: 0
}

.focus .D1fBt {
    overflow: hidden;
    zoom:1;height: 16px;
    z-index: 10
}

.focus .shadow {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    height: 40px;
    line-height: 40px;
    background: rgba(0,0,0,.6);
    display: block;
    text-align: left
}

.focus .shadow a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    margin-left: 10px;
    font-family: "\5FAE\8F6F\96C5\9ED1";
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal
}

.focus .fcon {
    position: relative;
    width: 100%;
    float: left;
    display: none;
    background: #000
}

.focus .fcon img {
    display: block
}

.focus .fbg {
    bottom: 25px;
    right: 40px;
    position: absolute;
    height: 21px;
    text-align: center;
    z-index: 200
}

.focus .fbg div {
    margin: 4px auto 0;
    overflow: hidden;
    zoom:1;height: 14px;
    display: none
}

.focus .D1fBt a {
    position: relative;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 7px;
    margin: 0 5px;
    color: #b0b0b0;
    font: 12px/15px "\5B8B\4F53";
    text-decoration: none;
    text-align: center;
    outline: 0;
    float: left;
    background: #d9d9d9
}

.focus .D1fBt .current,.focus .D1fBt a:hover {
    background: #fc114a
}

.focus .D1fBt img {
    display: none
}

.focus .D1fBt i {
    display: none;
    font-style: normal
}

.focus .next,.focus .prev {
    position: absolute;
    width: 30px;
    height: 55px;
    background: url(../images/focus_btn.png) no-repeat;
    display: none
}

.focus:hover .next,.focus:hover .prev {
    display: inline-block
}

.focus .prev {
    top: 50%;
    margin-top: -37px;
    left: 0;
    background-position: 0 -56px;
    cursor: pointer
}

.focus .next {
    top: 50%;
    margin-top: -37px;
    right: 0;
    background-position: -30px -56px;
    cursor: pointer
}

.focus .prev:hover {
    background-position: 0 0
}

.focus .next:hover {
    background-position: -30x 0
}



























    .shuipiao-calendar-wrapper {
      max-width: 750px;
      background: #fff;
      border-radius: 8px;
      box-shadow: 0 2px 12px rgba(0,0,0,0.1);
      overflow: hidden;
      font-family: "Microsoft Yahei", sans-serif;
    }
    .shuipiao-calendar {
      width: 60%;
      background: #fff;
      float: left;
    }
    .shuipiao-calendar-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 15px;
    }
    .shuipiao-title{
        position: relative;
        margin: 10px;
}
    
    .shuipiao-title span {
    font-size: 16px;
    margin-left: 10px;
    }
    .shuipiao-title span::before {
    position: absolute;
    content: "";
    width: 4px;
    top: 10%;
    left: 2px;
    bottom: 10%;
    box-shadow: 1px 1px 3px -1px #007bff;
    background: #007bff;
    border-radius: 5px;
}
    .shuipiao-calendar-header button {
      background: #007bff;
      color: #fff;
      border: none;
      padding: 6px 12px;
      border-radius: 4px;
      cursor: pointer;
      font-size: 14px;
    }
    .shuipiao-calendar-header h2 {
      font-size: 18px;
      font-weight: normal;
      color: #333;
    }
    .shuipiao-calendar-table {
      width: 100%;
      border-collapse: collapse;
    }
    .shuipiao-calendar-table th {
      background: #e9f0f7;
      padding: 10px;
      text-align: center;
      font-weight: normal;
      color: #333;
      font-size: 14px;
    }
    .shuipiao-calendar-table td {
      border: 1px solid #e9ecef;
      padding: 10px;
      text-align: center;
      cursor: pointer;
      transition: background 0.2s;
      font-size: 14px;
    }
    .shuipiao-calendar-table td:hover {
      background: #f0f5ff;
    }
    .shuipiao-calendar-table td.active {
      background: #007bff;
      color: #fff;
      font-weight: bold;
    }
    .shuipiao-calendar-table td.other-month {
      color: #ccc;
    }
    .shuipiao-tax-info {
      width: 40%;
      background: #007bff;
      color: #fff;
      padding: 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height:320px;
    }
    .shuipiao-tax-info h3 {
      margin-bottom: 15px;
      font-size: 16px;
    }
    .shuipiao-tax-info ul {
      list-style: disc;
      padding-left: 20px;
      line-height: 1.8;
      font-size: 14px;
    }
    .shuipiao-loading {
      text-align: center;
      color: rgba(255,255,255,0.8);
    }
    /* Schedule 插件样式适配 */
    .shuipiao-schedule-container {
      width: 100%;
    }
    .shuipiao-schedule-container .schedule-hd {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 10px;
    }
    .shuipiao-schedule-container .arrow {
      cursor: pointer;
      padding: 5px;
      user-select: none;
    }
    .shuipiao-schedule-container .today {
      font-weight: bold;
      font-size: 16px;
    }
    .shuipiao-schedule-container .week-ul,
    .shuipiao-schedule-container .schedule-bd {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-wrap: wrap;
    }
    .shuipiao-schedule-container .week-ul li,
    .shuipiao-schedule-container .schedule-bd li {
      width: 14.28%;
      text-align: center;
      padding: 5px 0;
      box-sizing: border-box;
    }
    .shuipiao-schedule-container .schedule-bd li span {
      display: block;
      cursor: pointer;
      border-radius: 4px;
    }
    .shuipiao-schedule-container .schedule-bd li span:hover {
      background: #f0f5ff;
    }
    .shuipiao-schedule-container .schedule-bd li span.selected-style {
      background: #007bff;
      color: #fff;
    }
    .shuipiao-schedule-container .schedule-bd li span.today-flag {
      border: 1px solid #007bff;
    }
    .shuipiao-schedule-container .other-month span {
      color: #ccc;
    }
    /* 事件列表样式 */
    .shuipiao-events-box {
      display: none;
      padding: 10px;
    }
    .shuipiao-events-box.show {
      display: block;
    }
    .shuipiao-no-data {
      display: none;
      color: #fff;
      font-size: 16px;
      text-align: center;
      padding: 20px;
    }
    .shuipiao-no-data.show {
      display: block;
    }
    .shuipiao-event-list .list-item {
      display: flex;
      align-items: center;
      margin-bottom: 10px;
    }
    .shuipiao-event-list .list-item i {
      width: 6px;
      height: 6px;
      background: #fff;
      border-radius: 50%;
      margin-right: 8px;
    }
    .shuipiao-event-list .list-item .txt {
      flex: 1;
      font-size: 14px;
    }
    .shuipiao-events-box.scroll{
    overflow: auto;
    overflow-x: hidden;
}
.shuipiao-events-box.scroll::-webkit-scrollbar {
  width: 6px;
}

/* 滚动槽 */
.shuipiao-events-box.scroll::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);    */
  /* border-radius: 3px; */
}

/* 滚动条滑块 */
.shuipiao-events-box.scroll::-webkit-scrollbar-thumb {
  /* border-radius: 10px; */
  /* background: rgba(0, 0, 0, 0.1); */
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
}

.shuipiao-events-box.scroll::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 0, 0, 0.4);
}
    .shuipiao-events-box .list-item {
    margin-bottom: 16px;
}
 .shuipiao-events-box .list-item .txt {
    font-size: 14px;
    color: #fff;
}
 .shuipiao-events-box .list-item i {
    float: left;
    width: 6px;
    height: 6px;
    margin-top: 8px;
    border-radius: 3px;
    margin-right: 10px;
    background-color: rgba(255, 255, 255, 0.8);
}
.shuipiao-calendar-news{
    width:100%;
        margin-top: 40px;
}
 .shuipiao-card-l {
    width: 430px;
    float: right;
    background-color: #fff;
    border-radius: 4px;
}
    .shuipiao-trisector {

    }
    .box-shadow-wrap {

    }
    .fr {
      float: right;
    }

    .shuipiao-hd {
      display: flex;
      border-bottom: 1px solid #eee;
    }
    .shuipiao-hd .shuipiao-txt {
      flex: 1;
      text-align: center;
      padding: 10px 0;
      text-decoration: none;
      color: #333;
      font-size: 16px;
      transition: all 0.3s;
    }
    .shuipiao-hd .shuipiao-txt.on {
      color: #007bff;
      border-bottom: 2px solid #007bff;
    }


    .shuipiao-stuff-box {
      padding: 10px;
    }
  
    
    .shuipiao-index-hot-problem,
    .shuipiao-list-box {
      display: flex;
      flex-direction: column;
    }
    .shuipiao-fn-text {
      display: block;
      padding: 8px 0;
      text-decoration: none;
      color: #333;
      font-size: 14px;
      transition: color 0.3s;
    }
    .shuipiao-fn-text:hover {
      color: #007bff;
    }

    .shuipiao-last{
      display: inline-block;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      background: #ffeb3b;
      color: #fff;
      border-radius: 50%;
      margin-right: 5px;
      font-style: normal;
    }
    .shuipiao-fn-text:nth-child(1) .shuipiao-last{
      background: #dc3545;
      color: white;
    }
    .shuipiao-fn-text:nth-child(2) .shuipiao-last{
      background: #fd7e14;
      color: white;
    }
    .shuipiao-fn-text:nth-child(3) .shuipiao-last{
      background: #28a745;
      color: white;
    }
    .shuipiao-fn-text:nth-child(n+4) .shuipiao-last{
      background: #6c757d;
      color: white;
    } 
    .shuipiao-gray-circle {
      display: inline-block;
      width: 16px;
      height: 16px;
      line-height: 16px;
      text-align: center;
      background: #ccc;
      color: #fff;
      border-radius: 50%;
      margin-right: 5px;
      font-size: 12px;
    }
    .shuipiao-stuff-box[style*="display: none"] {
      display: none !important;
    }

/**/
.shuipiao-right-memory {
	width: 61px;
	position: fixed;
	right: 15px;
	bottom: 20%;
	z-index: 98
}

.shuipiao-right-memory li .item {
	display: none;
	position: absolute;
	width: 120px;
	background: #fff;
	box-shadow: 0 6px 15px 0 rgba(27,77,203,.1);
	border-radius: 6px;
	top: 0;
	left: -130px;
	padding: 0 0 10px
}

.shuipiao-right-memory li:hover .item {
	display: block
}

.shuipiao-right-memory li .item p {
	text-align: center;
	font-size: 14px;
	color: #1d2843
}

.shuipiao-right-memory li {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-bottom: 9px;
	position: relative;
	backdrop-filter: saturate(200%) blur(30px);
	background-image: linear-gradient(0deg,#fff 0,#f3f5f8 100%);
	box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
	border: 2px solid #fff;
	padding: 5px 0
}

.shuipiao-right-memory li.web_mobile {
	display: none
}

.shuipiao-right-memory li.web_pc {
	display: block
}

.shuipiao-right-memory li svg {
	width: 25px;
	height: 25px;
	display: block;
	margin: 0 auto;
	background-size: 24px 24px;
	text-align: center;
	font-size: 18px;
	color: #249ff6;
	padding-top: 3px
}
/**/
.shuipiao-footer {

background: #fff;

text-align: center;

padding: 20px 0;

border-top: 1px solid #eee;

font-size: 14px;

color: #666;

}

.shuipiao-footer a {

color: #666;

text-decoration: none;

margin: 0 8px;

}

.shuipiao-footer a:hover {

color: #007bff;

}

.shuipiao-footer .copyright {

margin-top: 8px;

display: flex;

justify-content: center;

align-items: center;

gap: 10px;

flex-wrap: wrap;

}

.shuipiao-footer .copyright a {

margin: 0;

}