.top-r-m .top-r-m-text{
  position: relative;
}
.state{
  position: absolute;
  right: 0;
  top: 0;
}
.twor-img{
  position: relative;
  top: -3px;
  /* left: 10px; */
  margin-left: 5px;
}

.top-r-m .top-r-m-text{
  position: relative;
}
.new-top-r-m-text1{
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.new-top-r-m-text{
  width: 440px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.state{
  position: absolute;
  right: 0;
  top: 0;
}
.jingqu-detail{
  display: none;
}
.show{
  display: block;
}
  .xcx_box_bg{
  background-color: #fff;
  border-radius: 40px;
  width: 440px;
  height: 350px;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 32px;
  color: #999;
  z-index: 1001;
  box-sizing: content-box;
  padding-top: 40px;
}
.xcx_box_bg .xcx_code_img{
  width: 260px;
  height: 260px;
  margin-bottom: 10px;
  /* margin: 13px 27px 27px 12px; */
}
.xcx_box_bg .xcx_text{
  margin-bottom: 30px;
}

.xcx_wrap{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 9;
  overflow-y: auto;
  display: none;
  z-index: 9999;
  box-sizing: content-box;
}
.xcx_box_bg .xcx_text {
  margin-bottom: 30px;
}


.show_img_mask img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.bread_link{
  width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 99999;


}
.bread_link a{
  color: #444444;
  font-family: "Microsoft YaHei";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 1px;
}
.bread_text{
  color: #777777;

  font-family: "Microsoft YaHei";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 1px;
}

.bread_link img{
  display: inline-block;
  width: 7px;
  margin: 0 7px 0 3px;
  height: 12px;
  position: relative;
  top: 0px;
}
.flex-wrap>div>a{
  width: 222px;
}
.today-img {
  width: 222px;
  height: 162px;
}

.message-time{
  position: relative;
}
.message-flex {
  position: absolute;
  top: 4px;
  right: 400px;
}

.jing-wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.jing-wrap .title-r{

  color: #999999;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
}

.jing-wrap .title-r img{
  width: 10px;
  position: relative;
  top: 2px;
}


.certify{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  /* margin-top: 20px; */

}
.certify .certify-slide{
  margin-right: 17px;
}

.certify .certify-slide:last-child{
  margin-right:0;
}
.certify .certify-slide a{
  width: 280px;
  height: 135px;
  border-radius: 10px;
  position: relative;
  display:block;
}
.certify .certify-slide a img{
  width: 280px;
  height: 135px;
  border-radius: 10px;
}

.certify .certify-slide a .mask {
  position: absolute;
  top: 0;
  border-radius: 10px;
  left: 0;
  width: 280px;
  height: 135px;
  z-index: 99;
  background: linear-gradient(180deg, #00000000 0.32%, #00000080 99.69%);
}
.certify .certify-slide a .f-text {
  position: absolute;
  color: #ffffff;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  top: 30px;
  width: 100%;
  z-index: 100;
}
.certify .certify-slide a .s-text {
  position: absolute;
  color: #ffffff;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  top: 70px;
  width: 100%;
  z-index: 100;
}

.selectsm-wrap{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 5px;
  /* margin-bottom: 15px; */
  
}
.selectsm.activesm{
  background: #ff6600;
  color: #fff;
}
.selectsm{
  margin-bottom: 15px;
  cursor: pointer;
  height: 30px;
  border-radius: 100px;
  opacity: 1;
  background: rgba(227, 227, 227, 1);
  display: inline-block;
  opacity: 1;
  color: rgba(102, 102, 102, 1);
  font-size: 16px;
  font-weight: 400;
  font-family: "PingFang SC";
  text-align: center;
  line-height: 30px;
  padding: 0 18px;
  margin-right: 24px;

}
.guide_w{
  background-color: rgb(255,237,224);
  padding: 20px 20px;
  border-radius: 10px;
  /* margin-bottom: 20px; */
  margin-right: 20px;
}
.guide_wf{
  font-size: 18px;
  color: #ff6600

}

.jbottom {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}

.data-bottom-detail {
  color: #333333;
  font-family: "PingFang SC";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  position: relative;
  z-index: 9;
}
.data-bottom-detail-img {
  width: 24px;
  height:24px;
  display: inline-block;
}

.data-bottom-detail:before {
  position: absolute;
  content: "";
  width: 100%;
  bottom: -5px;
  z-index: -1;
  height: 8px;
  flex-shrink: 0;
  border-radius: 10px;
  background: linear-gradient(90deg, #FFEEB0 0%, #ffeeb000 100%);
}

.data-bottom-artical {
  color: #777777;
  font-family: "PingFang SC";
  font-size:16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.data-bottom-artical-img {
  width: 15px;
  height: 15px;
  display: block;
}
.jingqu-detail-message{
  padding-bottom: 1px;
}
.xianglu{
  color: #ff6600;
  font-family: "PingFang SC";
  font-size: 15px;
}
.xianglu a{color: blue; display:block;}
.youwan{
  
  font-family: "PingFang SC";
  font-size: 15px;
}
.youwan a{color: blue;}
.message-time{
  min-height: 18px;
}
.to-top {
  width: 60px;
  height: 60px;
  cursor: pointer;
  position: fixed;
  right: 12%;
  bottom: 18%;
}


/* 直播弹窗样式 */
.zhibo-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zhibo-dialog {
  width: 80%;
  max-width: 500px;
  background: #fff;
  border-radius: 20px;
  padding: 40px 30px;
  position: relative;
}

.zhibo-dialog-title {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 30px;
  color: #333;
}

.zhibo-list {
  max-height: 500px;
  overflow-y: auto;
}

.zhibo-item {
  display: flex;
  align-items: center;
  padding:20px 0;
  border-bottom: 1px solid #eee;
}

.zhibo-item:last-child {
  border-bottom: none;
}

.zhibo-icon {
  width: 60px;
  height: 60px;
  margin-right: 20px;
  border-radius: 50%;
}

.zhibo-info {
  flex: 1;
  display: flex;
}

.zhibo-name {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
  width:100px;
  text-align: right;
}

.zhibo-desc {
  font-size: 16px;
  color: #999;
  padding-left: 20px;
}

.close-zhibo {
  margin-top: 40px;
  text-align: center;
  padding: 20px;
  background: #f5f5f5;
  border-radius: 10px;
  color: #666;
  cursor: pointer;
  font-size: 16px;
}


  .bangdang-wrap {
      display: flex;
      align-items: center;
      margin-left: -10px;
  }
  .bangdang-wrap a {
      display: block;
      width: 218px;
      height: 172px;
      margin-right: 4px;
  }
  .bangdang-wrap img {
      width: 218px;
      height: 172px;
  }

  .select-wrap{
      display: flex;
      flex-wrap: wrap;
      overflow: auto;
      scrollbar-width: none;
      margin-top: -15px;
      padding-bottom: 10px;
  }

  .select-second-wrap::-webkit-scrollbar {
      width: 50px;
      height: 5px;
      background-color: #f5f5f5;
  }
  .select-second-wrap::-webkit-scrollbar-track
  {
      -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
      border-radius:10px;
      background-color:#F5F5F5;
  }
  /*定义滑块
  内阴影+圆角*/
  .select-second-wrap::-webkit-scrollbar-thumb
  {
      border-radius:10px;
      -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
      background-color:#999;
  }
  .select-wrap .new-select{
      cursor: pointer;
      padding:8px 30px;
      justify-content: center;
      align-items: center;
      border-radius: 56px;
      background: #EBEBEB;

      color: #444444;
      text-align: center;
      font-family: "PingFang SC";
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height:  20px;
      flex-shrink: 0;
      margin-right: 22px;
      height: 36px;
      box-sizing: border-box;
      margin-top: 15px;
  }
  .select-wrap .new-select.active{
      padding:8px 30px;
      justify-content: center;
      align-items: center;
      flex-shrink: 0;
      border-radius: 68px;
      background: linear-gradient(134deg, #FF8636 0.12%, #F60 87.86%);
      box-shadow: 0 3px 8px 0 #ff660026;

      color: #ffffff;
      text-align: center;
      font-family: "PingFang SC";
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 20px;
      flex-shrink: 0;
      position: relative;
      overflow: visible;
      box-sizing: border-box;
  }
  .select-wrap .new-select .after{
      display: none;
  }

  .select-wrap .new-select.active .after{
      position: absolute;
      left: 50%;
      margin-left: -12px;
      bottom: -6px;
      display: inline-block;
      width: 24px;
      height: 15px;
      background: url('');
  }


  .select-second-wrap{
      display: flex;
      margin-top: 2px;
      height: 42px;
      overflow-x: auto;
      overflow-y: hidden;
      flex-wrap: nowrap;
      margin-bottom: 10px;
  }
  .select-second-wrap .select-second{
      color: #333333;
      text-align: center;
      font-family: "PingFang SC";
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 32px;
      height: 32px;
      margin-right: 38px;
      position: relative;
      flex-shrink:0;
      cursor: pointer;

  }
  .select-second-wrap .select-second.active{
      color: #ff6600;
      text-align: center;
      font-family: "PingFang SC";
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 32px;
      height: 32px;
      margin-right: 38px;
      position: relative;
  }
  .select-second-wrap .select-second.active::after{
      position: absolute;
      content:'';
      left: 50%;
      margin-left: -15px;
      bottom: 0px;
      display: inline-block;
      width: 30px;
      height: 3px;
      border-radius:200px;
      background: linear-gradient(90deg, #F60 0%, #FF8E42 100%);
  }
  .jd-wrap{
      display: none;
  }
  .jd-wrap.show{
      display: block;
  }
  .data-wrap-son.show {
      display: block;
  }

  .data-wrap-son {
      display: none;
  }
  .loading{
      text-align: center;
      width: 100%;
      transform: none;
      position: relative;
      left: 0;
  }