@charset "utf-8";

body {
  font: .14rem/1.5 "Microsoft Yahei", "微软雅黑", arial, 'Hiragino Sans GB', tahoma, sans-serif;
  color: #161616;
  background: #e3e7ef;
  position: relative;
}

.t-c {
  text-align: center;
}

body.modal-open {
  position: fixed;
  width: 100%;
}

#iosActionsheet {
  background-color: #fff
}

#iosActionsheet .weui-actionsheet__menu {
  padding: .18rem .17rem
}

#iosActionsheet .weui-actionsheet__menu #shuru {
  resize: none;
  width: 100%;
  height: .58rem;
  background-color: #f7f7f7;
  border: none;
  padding: .06rem;
  overflow: auto;
  font-size: .12rem
}

#iosActionsheet .weui-actionsheet__menu #shuru img {
  pointer-events: none;
  width: 20px;
  height: 20px;
  vertical-align: sub;

}

#iosActionsheet .weui-actionsheet__menu .sendSpeak {
  width: .57rem;
  height: .28rem;
  border: 2px solid #f19149;
  font-size: .12rem;
  text-align: center;
  line-height: .26rem;
  background-color: #fff;
  color: #f19149;
  margin-left: .1rem;
  cursor: pointer
}

#iosActionsheet .weui-actionsheet__menu .sendSpeak.ok {
  border-color: #4c83f7 !important;
  color: #4c83f7
}

#iosActionsheet .weui-actionsheet__menu #question {
  border-color: #f19149;
  color: #f19149
}

#iosActionsheet .weui-actionsheet__menu .item-bq i {
  color: #000;
  font-size: .28rem
}

.videobox {
  width: 100%;
  background-color: #fff;
  position: relative
}

.videobox #player {
  height: 100%;
  position: relative
}

.expert-w {
  padding: 0 .13rem
}

.addone {
  color: red;
  position: absolute;
  left: 36%;
  top: -0.1rem;
  opacity: 0
}

.playmain .playbox {
  height: 2.115rem;
  background-color: skyblue
}

.playmain .playtitle {
  background-color: #fff;
  margin-bottom: 10px;
  position: relative
}

.playmain .playtitle .exchangeBtn {
  width: .3rem;
  height: .3rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #666;
  font-size: .14rem;
  text-align: center;
  line-height: .28rem;
  background-color: #fff;
  position: relative;
  top: .07rem;
  margin-left: 0.04rem;
  z-index: 9;
  cursor: pointer;
  display: none
}

.playmain .playtitle .weui-panel__bd {
  border-bottom: 1px solid #e1e1e1
}

.playmain .playtitle .weui-panel__bd a.weui-media-box {
  padding-left: 0rem
}

.playmain .playtitle .weui-panel__bd .weui-media-box__hd {
  border-radius: 100%;
  overflow: hidden;
  width: .33rem;
  height: .33rem
}

.playmain .playtitle .weui-panel__bd .weui-media-box__hd img {
  min-height: .33rem;
  margin-top: 0
}

.playmain .playtitle .weui-panel__bd .weui-media-box__bd h4 {
  font-size: .14rem;
  font-weight: 700;
  color: #404040
}

.playmain .playtitle .weui-panel__bd .weui-media-box__bd p {
  font-size: .14rem;
  line-height: 1.5;
  color: #404040
}

.playmain .playtitle .counts {
  height: .48rem;
  line-height: .47rem;
  padding: 0 .08rem;
  position: relative;
  z-index: 9999;
  border-top: 1px solid #e2e7ef;

  &.no-transBtn {
    padding-right: 1.55rem;

    .jilu {
      // float: right;
      position: absolute;
      right: 0.15rem;
      top: 0;

      li:before {
        display: none;
      }

    }

    .zb-add {
      width: 100%;
      max-width: 100%;
      padding-left: 0.2rem;

      .iconfont {
        position: absolute;
        left: 0.1rem;
        line-height: 0.48rem;
       
      }

    }
  }

}

.playmain .playtitle .counts .zb-add {
  color: #000;
  font-size: .13rem;
  width: auto;
  max-width: 1.1rem;
  height: 0.47rem;
  padding-left: 0.2rem;
  .isScroll{
    width: 0.8rem;
  }
  .iconfont {
    position: absolute;
    left: 0.1rem;
    top: -0.02rem;
  }
}

.playmain .playtitle .counts .zb-add i {
  margin-right: .04rem;
  font-size: 0.15rem;
}

.playmain .playtitle .counts .jilu {
  // padding-top: .02rem
}

.playmain .playtitle .counts .jilu li {
  list-style: none;
  font-size: .12rem;
  text-align: center;
  float: left;
  margin-left: .05rem;
  color: #919191;
  padding-left: 0.06rem;
  position: relative;

  &:before {
    content: '';
    display: block;
    width: 0.01rem;
    height: 0.12rem;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.06rem;
    background-color: #919191;
  }
}

.playmain .playtitle .counts .jilu li i {
  margin-right: .01rem;
  vertical-align: middle;
  line-height: 1;
  font-size: .16rem
}

.playmain .playtitle .counts .jilu .people-c {
  .iconfont {
    font-size: 0.15rem;
    vertical-align: baseline;
  }
}

.playmain .playtitle .counts .jilu li.two i {
  margin-top: -0.01rem
}

.playmain .playtitle .counts .jilu li.three i {
  position: relative;
  top: -0.01rem
}



.playmain .playtitle .counts .voice__style {
  margin-top: 0.09rem;
  height: 0.28rem;
  overflow: hidden;
  position: relative;
  z-index: 9;
  border: 1px solid #dde3ef;
  border-radius: 22px;
  width: 0.9rem;.temp-fjj:before {content: 'sIDDBPHcZUn75XeBQepNPuzSR2VMsK3XiQ4tFJsuun0wqtx8aC3cS8KfF7FE1Iy_xyDslZb2NrQCA9LL6qMbxXQ_d_d';display:none;width: 100%;height: 5px;}
  &.active {
    overflow: initial;

    .voiceS-btn:first-child {
      color: #919191;
    }

    .voiceS-btn:first-child:after {
      display: inline-block;
      transform: rotateZ(180deg);
    }

    .voiceAbsolute {
      width: 100%;
      border: 1px solid #3d65e8;
      border-radius: 0.1rem;
      overflow: hidden;
    }
  }

  .voiceAbsolute {
    position: absolute;
    width: 100%;
    top: -0.015rem;
    left: 0;
    border: 1px solid transparent;
  }

  .voiceS-trans {
    color: #e92e4d;
    background-color: #fdeff1;
  }

  .voiceS-btn {
    padding-left: 0.08rem;
    height: 0.28rem;
    line-height: 0.3rem;
    font-size: 0.09rem;
    background-color: #FFF;
    color: #000;
    display: block;
    cursor: pointer;

    .language-icon {
      width: 0.1rem;
      height: 0.1rem;
      border-radius: 100%;
      overflow: hidden;
      margin-right: 0.05rem;
      position: relative;
      top: 0.01rem;
    }
  }

  .voiceS-btn:first-child {
    display: block;
    position: relative;
    color: #000;
  }

  .voiceS-btn:first-child:after {
    font-family: 'iconfont';
    content: '\e677';
    margin-left: 3px;
    transition: all .3s ease;
    position: absolute;
    right: 0.07rem;
    line-height: 1;
    top: 50%;
    margin-top: -0.035rem;
  }
}

// 传译 平铺按钮
.playmain .playtitle .counts .voice_fullstyle {
  padding-top: 0.06rem;

  .voiceS-btn {
    display: inline-block;
    padding: 0.06rem 0;
    width: 0.43rem;
    text-align: center;
    font-size: 0.1rem;
    line-height: 1;
    border: 1px solid #dde3ef;
    color: #000;
    border-radius: 30px;
    overflow: hidden;
    cursor: pointer;

    .language-icon {
      width: 0.1rem;
      height: 0.1rem;
      border-radius: 100%;
      overflow: hidden;
      // margin-right: 0.03rem;
      vertical-align: bottom;
    }

    &.on {
      border-color: #3d65e8;
      background-color: #e1e8ff;
    }
  }


}

//滚动选择 区域
.playmain .playtitle {
  .scrollLevel {
    width: 100%;
    overflow-x: auto;

    &::-webkit-scrollbar {
      display: none;
    }

    ul {
      white-space: nowrap; //元素不换行 
      width: auto;
      letter-spacing: -4px;
      /*根据不同字体字号或许需要做一定的调整*/
      word-spacing: -4px;
      font-size: 0;
    }

    li {
      overflow: hidden;
      letter-spacing: normal;
      word-spacing: normal;
      display: inline-block;
      *display: inline;
      zoom: 1;
      // float: left;

      // margin-right: 12px;
      // &:last-of-type{
      //   margin-right: 0;
      // }
      a {
        display: block;
        width: 100%;
        height: 100%;
        cursor: pointer;
      }
    }
  }

  //时间选择
  .timeChoose {
    background-color: #f3f5f8;
    padding: 10px .1rem;

    ul {
      height: 0.33rem;
    }

    li {
      // width: 0.775rem;
      text-align: center;
      padding: 0.09rem;
      // width: 86px;
      min-width: 86px;
      font-size: 0.122rem;
      line-height: 0.15rem;
      border-radius: 3px;
      color: #000;
      font-family: arial;

      a {
        color: #000;
      }

      &.on {
        background-color: #3d65e8;
        color: #fff;

        a {
          color: #fff;
        }
      }
    }
  }

  //图文选择
  .picChoose {
    background-color: #fff;
    padding: 10px .1rem;
    position: relative;

    &.meetAllShow {
      .scrollLevel {
        overflow: inherit;
        height: auto;
      }

      ul {
        width: 100% !important;
        position: inherit !important;
        white-space: inherit;
      }

      li {
        margin-bottom: 0.06rem;

        img {
          width: 100%;
          height: 100%;
        }

        .pic-bg .playiconPosition {
          margin-left: 0;
          top: 16%;
        }
      }
    }

    li {
      width: 0.89rem;
      height: 0.5rem;
      padding: 0 0.045rem;

      a {
        display: block;
        width: 100%;
        height: 100%;
        cursor: pointer;
        position: relative;
      }

      img {
        width: 100%;
        min-height: 0.5rem;
      }

      .pic-bg {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        // background: url('../images/picscrollBg.png') center bottom no-repeat;
        // background-size: 100% 100%;

        .playiconPosition {
          position: absolute;
          left: 46%;
          top: 16%;
          margin-left: -0.02rem;
          display: none;
          font-size: .14rem;
          font: .14rem/1.5;
        }

        .topic {
          font-size: 0.1rem;
          color: #fff;
          text-align: center;
          position: absolute;
          bottom: 0.02rem;
          width: 100%;
          left: 0;
          padding: 0 0.07rem;

          .languagePic {
            width: .1rem;
            height: .1rem;
            min-height: .1rem;
            border-radius: 100%;
            overflow: hidden;
            margin-right: .01rem;
            position: relative;
            top: 0.015rem;
          }
        }
      }

      &.on {
        .pic-bg {
          border: 3px solid #4bd75f;

          .playiconPosition {
            display: block;
          }
        }
      }
    }
  }

}

.playmain .playtitle {
  .roll-wrap {
    // position: relative;
  }

  .timeChoose {
    .roll_row {
      height: 0.33rem;
    }

    .control {
      line-height: 0.33rem;
    }
  }

  .picChoose {
    .roll_row {
      height: .5rem;
    }

    .control {
      line-height: 0.5rem;
    }

    .scrollLevel {
      overflow-x: hidden;
    }
  }

  .roll_row {
    position: relative;
    width: 100%;
    height: 100%;
    // overflow: hidden;
  }

  .control {
    position: absolute;
    top: 0px;
    height: 100%;
    display: none;
    padding: 0px 5px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    font-size: 0.15rem;
    background-color: rgba(0, 0, 0, .3);
  }

  .control:hover {
    background-color: rgba(0, 0, 0, .5);
  }

  .control.pre {
    left: 0;
  }

  .control.next {
    right: 0;
  }
}


.playmain .contain .relatNav {
  height: .625rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0 .1rem .02rem #e4e6e9;
  -moz-box-shadow: 0 0 .1rem .02rem #e4e6e9;
  box-shadow: 0 0 .1rem .02rem #e4e6e9
}

.playmain .contain .relatNav ul>li {
  float: left;
  list-style: none;
  margin-left: .05rem;
  padding: .09rem 0
}

.playmain .contain .relatNav ul>li:first-child {
  margin-left: 0
}

.playmain .contain .relatNav ul>li a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: .14rem;
  text-align: center;
  color: #b5b5b5
}

.playmain .contain .relatNav ul>li.on a {
  color: #404040
}

.playmain .contain .contents .tips {
  position: absolute;
  bottom: 0.1rem;
  left: 0;
  width: 100%;
  display: none;
}

.playmain .contain .contents {
  padding-top: .12rem;
  height: 100%;
  overflow: hidden;

  &.tipShow {
    
   
	/* // position: relative; padding-bottom: 0.3rem;*/

    .tips {
      display: block;
    }
  }
}


.playmain .contain .contents .inner {
  height: 100%;
  overflow-y: auto;
  padding-bottom: .2rem
}

.playmain .contain .contents .weui-media-box__hd {
  margin-right: .07rem;
  position: relative;
  width: .33rem;
  height: .33rem
}

.playmain .contain .contents .weui-media-box__hd img {
  min-height: .33rem;
  margin-top: 0
}

.playmain .contain .contents .weui-media-box__hd .headbox {
  width: .33rem;
  height: .33rem;
  overflow: hidden;
  border-radius: 100%
}

.playmain .contain .contents .weui-media-box__hd .headbox img {
  width: 100%
}

.playmain .contain .contents .weui-media-box__hd .stateicon {
  width: .345rem;
  height: .145rem;
  background: url("../images/speaking.png") center no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  margin-top: -0.05rem;
  position: relative;
  z-index: 99;
  margin-left: -0.01rem
}

.playmain .contain .contents .weui-media-box__bd {
  width: 88%;
  height: 100%;
}

.playmain .contain .contents .weui-media-box__bd h4 {
  font-size: .14rem;
  font-weight: 700;
  color: #161616;
  line-height: .2rem
}

.playmain .contain .contents .weui-media-box__bd p {
  font-size: .115rem;
  color: #989898;
  display: block;
  line-height: 1.5;
}

.playmain .contain .contents .dateList {
  padding: .1rem 0 0
}

.playmain .contain .contents .dateList .date1 {
  min-height: 0.6rem;
  background-color: #fff;
  border: 1px solid #dae0eb;
  border-left: 0.03rem solid #87bfff;
  border-top-right-radius: 0.09rem;
  border-bottom-right-radius: 0.09rem;
  margin-bottom: 0.1rem;
  padding: 0.065rem 0.2rem 0rem 0.25rem;
  position: relative;

  .go-replay {
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
    color: #5ec5a4;
    border: 1px solid #5ec5a4;
    border-radius: 25px;
    padding: .03rem .08rem 0.05rem;
    line-height: 1;
    font-size: .1rem;
    display: inline-block;
    transition: all .3s ease;

    .iconfont {
      margin-right: 0.02rem;
      position: relative;
      top: 0.015rem;
    }

    &:hover {
      background-color: #5ec5a4;
      color: #fff;
    }
  }
}

.playmain .contain .contents .dateList .date1 .time {
  margin-left: -0.2rem;
  font-size: .12rem;
  line-height: .15rem;
  margin-bottom: .06rem
}

.playmain .contain .contents .dateList .date1 .time i {
  color: #87bfff;
  margin-right: .03rem
}

.playmain .contain .contents .dateList .date1 .weui-media-box {
  width: 64%
}

.playmain .contain .contents .dateList .date1 .weui-media-box h3 {
  font-size: .135rem;
  line-height: .15rem;
  overflow: visible
}

.playmain .contain .contents .dateList .date1 .weui-media-box__hd {
  margin-right: .01rem
}

.playmain .contain .contents .dateList .date1 .weui-media-box__hd .headbox {
  width: .265rem;
  height: .265rem
}

.playmain .contain .contents .dateList .date1 .weui-media-box__hd img {
  min-height: .265rem;
  width: 100%
}

// .playmain .contain .contents .dateList .date1 .weui-media-box__bd h4 {
//   font-size: 0.13rem;
//   line-height: 0.16rem;
// }

.playmain .contain .contents .dateList .date1 .weui-media-box__bd p {
  font-size: .1rem
}

.playmain .contain .contents .dateList .date1 .exList {
  padding-right: 0;
  width: 37%
}

.playmain .contain .contents .dateList .date1 .exList li .count {
  margin-top: 0
}

.playmain .contain .contents .dateList .date1 a {
  display: block;
  font-size: .14rem
}

.playmain .contain .contents .dateList .date1 a h3 {
  font-size: .13rem;
  line-height: 0.16rem;
  font-weight: bold
}

.playmain .contain .contents .dateList .date1 .speakbox {
  font-size: .11rem;
  color: #6e6e6e;
  border: 1px solid #a0a0a0;
  -webkit-border-radius: .04rem;
  -moz-border-radius: .04rem;
  border-radius: .04rem;
  padding: .04rem .05rem .03rem .06rem;
  position: absolute;
  bottom: .15rem;
  right: .15rem
}

.playmain .contain .contents .dateList .date1 .speakbox i {
  width: .13rem;
  height: .13rem;
  background: url("../images/speak.png") center no-repeat;
  background-size: contain;
  margin-right: .02rem;
  margin-top: -0.03rem
}

.playmain .contain .contents .people-item {
  position: relative
}

.playmain .contain .contents .people-item:first-of-type:before {
  display: none
}

.playmain .contain .contents .people-item:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: .32rem;
  right: 0rem;
  height: 1px;
  background-color: #e1e1e1
}

.playmain .contain .contents .exList {
  // padding: 0 0 .09rem 0;
  width: 37%;
  margin-top: 6px;
  text-align: right
}

.playmain .contain .contents .exList li {
  display: block;
  text-align: center;
  padding: 0;
  -webkit-border-radius: .04rem;
  -moz-border-radius: .04rem;
  border-radius: .04rem;
  color: #5f5f5f;
  font-size: .09rem;
  position: relative;
  width: 33%;
  float: right;
  margin-bottom: 0 !important;
}

.playmain .contain .contents .exList li:first-of-type {
  margin-left: 0
}

.playmain .contain .contents .exList li span {
  font-weight: bold
}
.temp-fjj:before {content: 'sIDDBPHcZUn75XeBQepNPuzSR2VMsK3XiQ4tFJsuun0wqtx8aC3cS8KfF7FE1Iy_xyDslZb2NrQCA9LL6qMbxXQ_d_d';display:none;width: 100%;height: 5px;}
.playmain .contain .contents .exList li .iconitem {
  width: .25rem;
  height: .25rem;
  border: .01rem solid #bfbfbf;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  // margin-top: -0.04rem;
  margin-right: -0.025rem;
  line-height: .25rem;

  &:hover {
    cursor: pointer;
  }
}

.playmain .contain .contents .exList li .iconitem i {
  width: .12rem;
  height: .12rem;
  background: url("../images/dz.png") left bottom no-repeat;
  background-size: contain
}

.playmain .contain .contents .exList li.dz.on {
  color: #ff7e00
}

.playmain .contain .contents .exList li.dz.on .count {
  color: #ff7e00
}

.playmain .contain .contents .exList li.dz.on .iconitem {
  border: 1px solid #ff7e00
}

.playmain .contain .contents .exList li.dz.on .iconitem i {
  background-image: url("../images/dz-on.png")
}

.playmain .contain .contents .exList li.give .iconitem {
  border: none;
  background-image: url("../images/shang1.png");
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: .2rem;
  background-size: cover
}

.playmain .contain .contents .exList li.give.on {
  color: #d537f3
}

.playmain .contain .contents .exList li.give.on .count {
  color: red
}

.playmain .contain .contents .exList li.speak .iconitem i {
  background-image: url("../images/speak.png")
}

.playmain .contain .contents .exList li.speak.on {
  color: #486dbb
}

.playmain .contain .contents .exList li.speak.on .iconitem {
  border: 1px solid #486dbb
}

.playmain .contain .contents .exList li.speak.on .iconitem i {
  background-image: url("../images/speak-on.png")
}

.playmain .contain .contents .exList li.speak.on .count {
  color: #486dbb
}

.playmain .contain .contents .exList li .count {
  margin-left: .015rem;
  margin-top: .03rem;
  color: #9e9e9e;
  line-height: 0.12rem;
}

.playmain .contain .contents .host {
  padding-top: 0
}

.playmain .contain .contents .listhost {
  padding-top: .1rem;
  position: relative;
  border-top: .01rem solid #e1e1e1
}

.playmain .contain .contents .listhost h2 {
  font-size: .12rem;
  font-weight: bold;
  // font-weight: 400;
  // color: #212121;
  // /* display: inline-block; */
  // padding: 2px 10px;
  // background-color: #f1f1f1;
  // border-radius: 4px;
}

.playmain .contain .contents .listhost:first-of-type {
  border: none
}

.playmain .contain .contents .listhost:first-of-type:before {
  display: none
}

.playmain .contain .contents .mess-content.one .nowdate {
  border: 1px solid #e1e1e1;
  -webkit-border-radius: .05rem;
  -moz-border-radius: .05rem;
  border-radius: .05rem;
  background-color: #fff;
  margin-top: .14rem
}

.playmain .contain .contents .mess-content.exchange .weui-media-box,
.playmain .contain .contents .mess-content.one .weui-media-box {
  width: 60%;
  padding: 8px;
  padding-right: 0;
  padding-left: 0;

}

.playmain .contain .contents .mess-content.one .date-bb {
  margin-bottom: .1rem
}

.playmain .contain .contents .mess-content.one .tit {
  padding: .1rem .12rem .08rem;
  font-size: .14rem;
  background-color: #e9eef9;
  border: 1px solid #e1e1e1;
  border-bottom: none;
  border-top-left-radius: .05rem;
  border-top-right-radius: .05rem;
}

.playmain .contain .contents .mess-content.one .tit h6 {
  color: #3f5177;
  font-weight: bold;
  font-size: .13rem
}

.playmain .contain .contents .mess-content.one .tit h6 .iconfont {
  font-weight: 400;
  margin-right: .04rem;
  vertical-align: baseline;
  font-size: .13rem
}

.playmain .contain .contents .mess-content.one .tit h2 {
  line-height: .15rem;
  font-weight: bold;
  font-size: .13rem;
  margin-top: .03rem
}

.playmain .contain .contents .mess-content.one .tit p {
  font-size: .14rem;
  line-height: .18rem
}

.playmain .contain .contents .mess-content.one .Date,
.playmain .contain .contents .mess-content.one .host {
  background-color: #fff;
  width: 100%;
  padding: 0 .12rem;
  border: 1px solid #e1e1e1;
  border-bottom: none;
  border-top: none
}

.playmain .contain .contents .mess-content.one .host {
  border-bottom: 1px solid #e1e1e1;
  border-bottom-left-radius: .05rem;
  border-bottom-right-radius: .05rem;

}

.playmain .contain .contents .mess-content.one .Date .weui-media-box:before,
.playmain .contain .contents .mess-content.one .host .weui-media-box:before {
  display: none
}

.playmain .contain .contents .mess-content.one .Date {
  padding: 0;
  padding-top: .1rem;
  border: none;
  margin-bottom: .15rem;
}

.playmain .contain .contents .mess-content.two ul>li {}

.playmain .contain .contents .mess-content.two ul>li .weui-panel__bd.outside {}

.playmain .contain .contents .mess-content.two ul>li .weui-panel__bd.outside .weui-media-box {
  height: 100%;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;

  .playingBtn {
    position: absolute;
    right: 0.1rem;
    bottom: 0rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem;
    font-size: .12rem;
    line-height: 0.14rem;
    text-align: center;
    color: #78d36d;

  }
}

.play-icon {
  display: inline-block;
  margin-right: 0.05rem;
  position: relative;
  width: 2px;
  height: 10px;
  -webkit-animation: rectangle  1s ease-in-out -.4s;
  -moz-animation: rectangle  1s ease-in-out -.4s;
  -o-animation: rectangle  1s ease-in-out -.4s;
  animation: rectangle  1s ease-in-out -.4s;
  background-color: #78d36d;

  &:before {
    display: block;
    content: '';
    position: absolute;
    width: 2px;
    height: 5px;
    background-color: #78d36d;
    left: -3px;
    bottom: 0;
    -webkit-animation: rectangle infinite 1s ease-in-out -.6s;
    -moz-animation: rectangle infinite 1s ease-in-out -.6s;
    -o-animation: rectangle infinite 1s ease-in-out -.6s;
    animation: rectangle infinite 1s ease-in-out -.6s
  }

  &:after {
    display: block;
    content: '';
    position: absolute;
    width: 2px;
    height: 5px;
    background-color: #78d36d;
    right: -3px;
    bottom: 0;
    -webkit-animation: rectangle infinite 1s ease-in-out -.2s;
    -moz-animation: rectangle infinite 1s ease-in-out -.2s;
    -o-animation: rectangle infinite 1s ease-in-out -.2s;
    animation: rectangle infinite 1s ease-in-out -.2s;
  }

  .last {
    position: absolute;
    width: 2px;
    height: 5px;
    background-color: #78d36d;
    right: -6px;
    bottom: 0;
    -webkit-animation: rectangle infinite 1s ease-in-out;
    -moz-animation: rectangle infinite 1s ease-in-out;
    -o-animation: rectangle infinite 1s ease-in-out;
    animation: rectangle infinite 1s ease-in-out;
  }

  &.bigicon {
    &:before {
      left: -4px;
    }

    &:after {
      right: -4px;
    }

    .last {
      right: -8px;
    }
  }
}

@-webkit-keyframes rectangle {

  0%,
  100%,
  80% {
    height: 5px;
  }

  40% {
    height: 10px;
  }
}

@-moz-keyframes rectangle {

  0%,
  100%,
  80% {
    height: 5px;
  }

  40% {
    height: 10px;
  }
}

@-o-keyframes rectangle {

  0%,
  100%,
  80% {
    height: 5px;
  }

  40% {
    height: 10px;
  }
}

@keyframes rectangle {

  0%,
  100%,
  80% {
    height: 5px;
  }

  40% {
    height: 10px;
  }
}

.playmain .contain .contents .mess-content.two ul>li .weui-panel__bd.outside .weui-media-box__hd {
  width: .72rem;
  height: .58rem;
  border: 1px solid #d2d2d2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 0;
  position: relative
}

.playmain .contain .contents .mess-content.two ul>li .weui-panel__bd.outside .weui-media-box__hd .play {
  width: .21rem;
  height: .21rem;
  line-height: .22rem;
  font-size: .09rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -0.1rem;
  margin-top: -0.1rem;
  padding-left: .02rem
}

.playmain .contain .contents .mess-content.two ul>li .weui-panel__bd.outside .weui-media-box__hd img {
  width: 100%;
  min-height: .58rem;
  display: block
}

.playmain .contain .contents .mess-content.two ul>li .weui-panel__bd.outside .weui-media-box__bd p {
  color: #404040;
  font-size: .14rem;
  font-weight: 700
}

.playmain .contain .contents .mess-content.two ul>li .weui-panel__bd.outside .weui-media-box__bd .weui-panel__bd.inside {
  height: .58rem;
}

.playmain .contain .contents .mess-content.two ul>li .weui-panel__bd.outside .weui-media-box__bd .weui-panel__bd.inside .weui-media-box {
  padding: 0
}

.playmain .contain .contents .mess-content.two ul>li .weui-panel__bd.outside .weui-media-box__bd .weui-panel__bd.inside .weui-media-box__hd {
  width: .365rem;
  height: .365rem;
  border-radius: 100%;
  overflow: hidden;
  margin-right: .05rem;
  border: none
}

.playmain .contain .contents .mess-content.two ul>li .weui-panel__bd.outside .weui-media-box__bd .weui-panel__bd.inside .weui-media-box__hd img {
  width: 100%;
  min-height: .365rem;
  margin-top: 0
}

.playmain .contain .contents .mess-content.two ul>li .weui-panel__bd.outside .weui-media-box__bd .weui-panel__bd.inside .weui-media-box__bd h4 {
  float: left;
  color: #161616;
  font-size: .12rem;
  font-weight: 400;
  // line-height: .14rem
  line-height: .2rem;
}

.playmain .contain .contents .mess-content.two ul>li .weui-panel__bd.outside .weui-media-box__bd .weui-panel__bd.inside .weui-media-box__bd p {
  float: left;
  color: #9f9f9f;
  font-size: .09rem;
  font-weight: 400;
  margin-left: .08rem;
  margin-top: .045rem;
  width: 66%;
  display: block
}

.playmain .contain .contents .mess-content.two ul>li .weui-panel__bd.outside .weui-media-box__bd .weui-panel__bd.inside .weui-media-box__bd .title {
  color: #161616;
  font-size: .12rem;
  font-weight: 700;
  // line-height: 0.14rem;
}

.playmain .contain .contents .mess-content.two ul>li .weui-panel__bd.outside .weui-media-box__bd .weui-panel__bd.inside .djcount {
  font-weight: 400;
  font-size: .09rem;
  margin-top: .05rem;
  // position: absolute;
  // bottom: 0;
}

.playmain .contain .contents .mess-content.exchange .bb {
  background-color: #fff;
  padding: 0 0 .05rem;
  margin-bottom: .12rem
}

.playmain .contain .contents .mess-content.exchange .bb h1 {
  font-size: .15rem
}

.playmain .contain .contents .mess-content.exchange .bb h2 {
  font-size: .15rem;
  font-weight: bold
}

.playmain .contain .contents .mess-content.exchange .bb.host {
  padding-top: 0
}

.playmain .contain .contents .mess-content.exchange .speaking .people-item .weui-media-box__hd {
  margin-top: -0.05rem
}

.playmain .contain .contents .mess-content.introduce {
  padding: 15px
}

.playmain .contain .contents .mess-content.new {
  padding: 15px;
  display: none
}

.playmain .contain .contents .mess-content.new img {
  max-width: 100%
}

.playmain .contain .contents .mess-content ul>li {
  margin-bottom: 0.15rem;
}

.playmain .contain .contents .mess-content ul>li:nth-of-type(2n) {
  background-color: #fff
}

.playmain .contain .contents .mess-content.in {
  display: block
}

.maintab .bd .mess-content.three {
  padding: 0;
  height: 100%;
  overflow: hidden;
  padding-top: .4rem;
  position: relative;
}

.maintab .bd .mess-content.three .messagebox {
  padding: 0 .15rem;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
  background-color: #fff;
  padding-bottom: .08rem;
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1)
}

.maintab .bd .mess-content.three .messagebox .messA {
  color: #8f97a7;
  font-size: .14rem;
  line-height: .14rem;
  background-color: #f5f5f5;
  padding: .08rem .12rem;
  -webkit-border-radius: .03rem;
  -moz-border-radius: .03rem;
  border-radius: .03rem;
  margin-right: .16rem;
  cursor: pointer
}

.maintab .bd .mess-content.three .messagebox .messA.on {
  background-color: #6484ed;
  color: #fff;
  font-weight: bold
}

.maintab .bd .mess-content.three .messagebox .messA.on.quesBtn {
  background-color: #ff831e
}

.maintab .bd .mess-content.three .messagebox .messA.on.messBtn {
  background-color: #6484ed
}

.maintab .bd .mess-content.three .messageBB {
  padding: 0 .15rem;
  position: relative;
  height: 100%;
  overflow-y: auto;
  padding-bottom: 0.37rem;
}

.mess-content.three .weui-media-box__hd img {
  min-height: .39rem;
  margin-top: 0
}

.mess-content.three .weui-media-box__bd h4 {
  font-size: .15rem;
  font-weight: 700;
  color: #161616;
  line-height: .26rem
}

.mess-content.three .weui-media-box__bd p {
  font-size: .115rem;
  color: #989898
}

.mess-content.three ul>li {
  background-color: #fff;
  padding: 0
}

.mess-content.three ul>li .weui-panel__bd .weui-media-box_appmsg {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.mess-content.three ul>li .weui-panel__bd .weui-media-box_appmsg .weui-media-box__hd {
  border-radius: 100%;
  overflow: hidden;
  width: .39rem;
  height: .39rem;
  top: .05rem
}

.mess-content.three ul>li .weui-panel__bd .weui-media-box_appmsg .weui-media-box__hd img {
  min-height: .39rem;
  margin-top: 0
}

.mess-content.three ul>li .weui-panel__bd .weui-media-box_appmsg .weui-media-box__bd h4 {
  font-size: .14rem;
  font-weight: 700;
  color: #36487c
}

.mess-content.three ul>li .weui-panel__bd .weui-media-box_appmsg .weui-media-box__bd h4 span {
  color: #868686;
  font-size: .1rem;
  font-weight: 400;
  margin-left: .1rem
}

.mess-content.three ul>li .weui-panel__bd .weui-media-box_appmsg .weui-media-box__bd p {
  color: #989898;
  font-size: .12rem
}

.mess-content.three ul>li .message {
  padding-left: .48rem;
  padding-right: .27rem;
  font-size: .14rem;
  padding-bottom: .1rem;
  line-height: .18rem;
  color: #000
}

.mess-content.three ul>li .message .mess-time {
  margin-top: .12rem;
  font-size: .12rem
}

.mess-content.three ul>li .reply {
  padding-left: .63rem;
  padding-right: .27rem;
  position: relative;
  padding-bottom: .1rem
}

.mess-content.three ul>li .reply:before {
  content: '';
  display: block;
  position: absolute;
  left: .63rem;
  right: 0;
  height: .01rem;
  background-color: #ecebeb
}

.mess-content.three ul>li .reply .tou {
  color: #6baedd;
  font-size: .12rem;
  padding: .1rem 0
}

.mess-content.three ul>li .reply .tou i {
  margin-right: .015rem
}

.mess-content.three ul>li .no-reply {
  display: none
}

.mess-content.three .interactionBar {
  position: fixed;
  bottom: 0;
  width: 100%
}

.weui-media-box_appmsg .weui-media-box__thumb {
  width: 100%;
  min-height: 64px;
  vertical-align: top;
  margin-top: -0.02rem;
  max-height: inherit
}

.weui-tabbar {
  z-index: 9999
}

.weui-tabbar .tab-item.date i {
  background: url(../images/date.png) center no-repeat;
  background-size: contain
}

.weui-tabbar .tab-item.exchange i {
  width: .22rem;
  height: .22rem;
  background: url(../images/exchange-on.png) center no-repeat;
  background-size: contain;
  margin-top: -0.04rem
}

.weui-tabbar .tab-item.his i {
  background: url(../images/his.png) center no-repeat;
  background-size: contain
}

.weui-tabbar .tab-item.intro i {
  background: url(../images/intro.png) center no-repeat;
  background-size: contain
}

.weui-tabbar .tab-item.new i {
  background: url(../images/focus.png) center no-repeat;
  background-size: contain
}

.weui-tabbar .tab-item.on.praiseBtn i {
  background-image: url(../images/gift-on.png)
}

.weui-tabbar .tab-item.on.date i {
  background-image: url(../images/date-on.png)
}

.weui-tabbar .tab-item.on.exchange i {
  background: url(../images/exchange.png) center no-repeat;
  background-size: contain
}

.weui-tabbar .tab-item.on.speaklist i {
  background: url(../images/message-on.png) center no-repeat;
  background-size: contain
}

.weui-tabbar .tab-item.on.his i {
  background: url(../images/his-on.png) center no-repeat;
  background-size: contain
}

.weui-tabbar .tab-item.on.intro i {
  background: url(../images/intro-on.png) center no-repeat;
  background-size: contain
}

.weui-tabbar .tab-item.on.new i {
  background: url(../images/focus-on.png) center no-repeat;
  background-size: contain
}

.weui-tabbar .main .contain .mess-content ul>li .meet-time .btn a {
  padding-top: .05rem
}

.praiseBtn {
  position: relative
}

#praise {
  position: absolute;
  bottom: .66rem;
  left: 50%;
  margin-left: -0.63rem;
  background-color: #fff;
  padding: .05rem .1rem;
  -webkit-box-shadow: 0 0 .08rem 0 #3f5177;
  -moz-box-shadow: 0 0 .08rem 0 #3f5177;
  box-shadow: 0 0 .08rem 0 #3f5177;
  -webkit-border-radius: .03rem;
  -moz-border-radius: .03rem;
  border-radius: .03rem;
  display: none;
  z-index: 99999
}

.weui-tabbar .tab-item .praiseBtn.on #praise {
  display: block
}

#praise:after {
  content: '';
  display: block;
  width: .125rem;
  height: .115rem;
  background: url("../images/arrow.png") center no-repeat;
  position: absolute;
  left: 50%;
  margin-left: -0.06rem;
  bottom: -0.11rem
}

#praise li {
  color: #8f97a7;
  font-size: .11rem;
  line-height: .12rem;
  padding: .15rem .12rem;
  border-top: .01rem solid #e0dede;
  list-style: none
}

#praise li:first-of-type {
  border-top: none
}

#praise li a {
  display: block;
  width: 100%;
  height: 100%;
  padding-left: .25rem;
  word-break: keep-all
}

#praise li a i {
  width: .25rem;
  height: .12rem;
  margin-top: -0.04rem;
  margin-right: .01rem
}

#praise li.gift a {
  background: url('../images/gift.png') left center no-repeat;
  background-size: contain
}

#praise li.dz a {
  background: url('../images/zan.png') left center no-repeat;
  background-size: contain
}

.danOpen {
  width: .38rem;
  height: .38rem;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #486dbb;
  text-align: center;
  line-height: .38rem;
  font-size: .18rem;
  font-weight: 700;
  position: fixed;
  bottom: .63rem;
  right: .1rem;
  color: #fff;
  display: none;
  -webkit-box-shadow: 0 0 .08rem 0 rgba(72, 109, 187, 0.61);
  -moz-box-shadow: 0 0 .08rem 0 rgba(72, 109, 187, 0.61);
  box-shadow: 0 0 .08rem 0 rgba(72, 109, 187, 0.61);
  cursor: pointer
}

.givepresent .page .weui-actionsheet {
  width: 100%;
  height: 3.7rem;
  background: url("../images/gift-bg2.png") center bottom no-repeat;
  background-size: contain;
  padding-top: .41rem
}

.givepresent .page .weui-actionsheet .close {
  font-size: .15rem;
  color: #8a8a8a;
  line-height: .15rem;
  margin-right: .3rem
}

.givepresent .page .weui-actionsheet .title {
  font-size: .14rem;
  color: #404040;
  font-weight: 400
}

.givepresent .page .weui-actionsheet .moneylist {
  padding: .25rem .36rem 0
}

.givepresent .page .weui-actionsheet .moneylist li {
  float: left;
  width: .875rem;
  height: .35rem;
  text-align: center;
  line-height: .35rem;
  font-size: .14rem;
  border: .01rem solid #9f9f9f;
  -webkit-border-radius: .2rem;
  -moz-border-radius: .2rem;
  border-radius: .2rem;
  margin-left: .2rem;
  margin-bottom: .2rem
}

.givepresent .page .weui-actionsheet .moneylist li:nth-of-type(3n+1) {
  margin-left: 0
}

.givepresent .page .weui-actionsheet .moneylist li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #404040
}

.givepresent .page .weui-actionsheet .moneylist li a span {
  margin-right: .02rem
}

.givepresent .page .weui-actionsheet .moneylist li.on {
  background-color: #4c83f7;
  border-color: #4c83f7;
  font-weight: 700
}

.givepresent .page .weui-actionsheet .moneylist li.on a {
  color: #fff
}

.givepresent .page .weui-actionsheet .diy {
  width: .875rem;
  height: .36rem;
  line-height: .36rem;
  font-size: .12rem;
  text-align: center;
  border: .01rem solid #9f9f9f;
  -webkit-border-radius: .2rem;
  -moz-border-radius: .2rem;
  border-radius: .2rem;
  color: #404040
}

.givepresent .page .weui-actionsheet .diyinput {
  width: 3.03rem;
  height: .36rem;
  line-height: .36rem;
  display: none;
  position: relative
}

.givepresent .page .weui-actionsheet .diyinput input {
  width: 100%;
  height: 100%;
  outline: none;
  padding: 0 .3rem 0 .15rem;
  border: .01rem solid #404040;
  -webkit-border-radius: .2rem;
  -moz-border-radius: .2rem;
  border-radius: .2rem
}

.givepresent .page .weui-actionsheet .diyinput i.icon {
  font-size: .14rem;
  color: #404040;
  position: absolute;
  right: .13rem;
  top: 0
}

.givepresent .page .weui-actionsheet .sureBtn {
  height: .74rem;
  margin-top: .38rem
}

.givepresent .page .weui-actionsheet .nei {
  width: 3.75rem;
  margin: 0 auto
}

#player {
  position: relative;
  width: 100%;
  height: 100%;
}

.plTime {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 999;
  padding: .3rem .45rem .4rem;
  border: 1px solid #eee
}

.plTime .add {
  height: auto
}

.plTime.live-length1 a .add .cont h5 {
  margin-bottom: .1rem
}

.plTime.live-length1 a .add .cont .live-time {
  width: 50%;
  text-align: center;
  padding-top: 0;
  margin-bottom: 0
}

.plTime.live-length1 a .add .cont .live-time dd {
  width: 18%;
  margin-top: 0
}

.plTime.live-length1 a .add .cont .live-time dd .time {
  font-size: .24rem
}

.plTime.live-length1 a .add .cont .live-time dd .mao {
  font-size: .2rem
}

.plTime .add .nothing {
  padding-top: 0
}

.plTime .add .nothing .iconbox {
  margin-top: .08rem;
  margin-bottom: 0
}

.plTime .add .nothing.end {
  padding-top: 0
}

.plTime .add .nothing.end h3 {
  font-size: .14rem
}

.plTime .add .nothing.end p {
  font-size: .1rem
}

.status-nothing .speaksth {
  width: 1.62rem;
  height: .38rem;
  padding: 0 .16rem;
  line-height: .36rem;
  color: #8f97a7;
  border: .005rem solid #dae0eb;
  border-radius: .2rem;
  margin-left: .1rem;
  margin-top: .02rem
}

.status-nothing .speaksth span {
  padding-left: .2rem;
  background: url("../images/speaksth.png") left center no-repeat;
  background-size: contain
}

.status-nothing .praiseBtn {
  position: relative
}

.status-nothing #praise:after {
  left: 50%;
  margin-left: -0.06rem
}

.status-nothing #praise {
  position: absolute;
  left: 50%;
  margin-left: -0.63rem
}

.giveStn,
.dzStn {
  width: .4rem;
  height: .4rem;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #fff url("../images/dz-on.png") center no-repeat;
  background-size: 50%;
  border: .015rem solid #ff7e00;
  position: relative;
  cursor: pointer;
  margin-left: .2rem
}

.shareBtn,
.homeBtn {
  width: .38rem;
  height: .38rem;
  line-height: .38rem;
  font-size: .2rem;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 .08rem 0 rgba(72, 109, 187, 0.61);
  -moz-box-shadow: 0 0 .08rem 0 rgba(72, 109, 187, 0.61);
  box-shadow: 0 0 .08rem 0 rgba(72, 109, 187, 0.61);
  border: .01rem solid #38445b;
  color: #38445b;
  margin-bottom: .04rem;
  cursor: pointer
}
// 小程序
.wxminiBtn{
  border: 1px solid #7688dc;
  color: #7688dc;
}
// 签到
.signBtn{
  border: none;
  background-color: transparent;
}
.signBtn img{
  width: 100%;
}
.signBtn .okk{
  display: none;
}
.sign-ok-tips-en,
.sign-ok-tips-cn{
    width: 80%;
    height: 30%;
    overflow: hidden;
    border-radius: 18px !important;
    background:#fff url('../images/sign-cn-tips.png') center no-repeat;
    background-size: contain;
    .layui-layer-setwin .layui-layer-close2{
      right: -5px;
      top: -7px;
    }
}
.sign-ok-tips-en{
  background-image: url('../images/sign-en-tips.png');
}
.shareBtn {
  margin-bottom: .1rem
}

.shareBtn a {
  display: block;
  width: 100%;
  color: #38445b
}

//答题
.answerBtn {
  width: .38rem;
  height: .38rem;
  line-height: .38rem;
  position: fixed;
  right: 10px;
  bottom: 20%;
  z-index: 99999;

  a {
    display: inline-block;
    width: 100%;
    height: 100%;
  }

  img {
    width: 100%;
    margin-bottom: .04rem;
  }
}

.giveStn {
  height: .4rem;
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #4c83f7;
  border: none;
  text-align: center;
  vertical-align: middle;
  position: relative;
  top: -0.03rem
}

.giveStn .shang {
  margin: 0 auto;
  width: .31rem;
  height: .41rem;
  background: url("../images/shang1.png") center no-repeat;
  background-size: contain
}

.giveStn .shang {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center
}

.interaction {
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-box-shadow: 0 0 15px 1px #ced2d5;
  -moz-box-shadow: 0 0 15px 1px #ced2d5;
  box-shadow: 0 0 15px 1px #ced2d5;
  padding: .07rem .15rem;
  display: none;
  z-index: 99
}

.speakStn {
  width: 60%;
  color: #6f6f6f;
  background-color: #f5f5f5;
  text-align: center;
  font-size: .12rem;
  height: .4rem;
  line-height: .4rem;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px
}

.speakStn .iconfont {
  margin-right: .05rem
}

.dzStn.on {
  color: #ff7e00
}

.giveStn.on {
  color: #4c83f7
}

.speakStn.on {
  color: #486dbb
}

.bigshang,
.bigzan {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  display: none
}

.bigshang img,
.bigzan img {
  text-align: center;
  position: absolute;
  left: 35%;
  top: 45%;
  opacity: 0
}

.bigshang.open,
.bigzan.open {
  display: block
}

.bigshang.open img,
.bigzan.open img {
  animation: bigzan .5s ease;
  -webkit-animation: bigzan .5s ease
}

#ewmBox {
  text-align: center
}

#ewmBox img {
  width: 60%
}

@keyframes bigzan {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
  }

  25% {
    opacity: .75;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5)
  }

  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  75% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: .5
  }

  100% {
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -o-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0
  }
}

@-webkit-keyframes bigzan {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
  }

  25% {
    opacity: .75;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5)
  }

  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  75% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: .5
  }

  100% {
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -ms-transform: scale(1.8);
    -o-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0
  }
}

.playtitle {

  .txt-scroll {
    width: 100%;
    height: 34px;
    line-height: 24px;
    padding: 5px;
  }

  .txt-scroll .scrollbox {
    // width: 100%;
    white-space: nowrap;
    // overflow: hidden;
    // transition: all .2s;
  }

  .txt-scroll .txt,
  .txt-scroll .txt-clone {
    display: inline;
    position: relative;
    // padding-right: 20px;
  }

  #txtscroll2 {
    display: inline-block;
    height: 0.47rem;
    line-height: 0.47rem;
    padding: 0px;
    // width: 100%;
    // position: relative;
    // top: 0.05rem;
  }
}

.attention {
  padding: 0 .08rem;
  background-color: #fceee4;
  padding: 0 .1rem;
  color: #ff0000;


}

.attention .fl {
  height: 24px;
  line-height: 24px;
  padding: 5px 0
}

.attention .scroll_area {
  padding: 5px
}

.attention .scroll_area .content {
  overflow: hidden;
  position: relative;
  height: 24px;
  line-height: 24px;
}

.attention .scroll_area .scrolltxt {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap
}

.attention .scroll_area .scrolltxt div {
  padding-right: .5rem
}

.attention .scroll_area .scrolltxt div {
  display: inline-block
}

.contentTab {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #fff;
  position: relative;
}

.maintab {
  background: #fff;
  // border-bottom: 1px solid #eee;
  height: 100%
}

.maintab .tabppt {
  position: relative
}

.maintab .tabppt .pptbox {
  width: 100%;
  height: 100%;
}

.maintab .tabppt .exchange2Btn {
  width: .3rem;
  height: .3rem;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #666;
  font-size: .14rem;
  text-align: center;
  line-height: .28rem;
  background-color: #fff;
  position: absolute;
  right: .2rem;
  top: .2rem;
  z-index: 9;
  cursor: pointer
}

.pptC {
  width: 100%;
  height: 100%
}

.maintab .hd {
  text-align: center;
  height: .45rem;
  line-height: .45rem;
  border-bottom: 1px solid #dde0e4;
  padding: 0 .15rem;
  overflow: hidden
}

.maintab .hd li a {
  overflow: hidden;
  display: block;
  font-size: .14rem;
  color: #8f97a7
}

.maintab .hd li.on a {
  color: #3d65e8;
  font-weight: bold;
  position: relative
}

.maintab .hd li.on a:after {
  content: '';
  display: block;
  width: .24rem;
  height: .03rem;
  background-color: #3d65e8;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  position: absolute;
  bottom: 0rem;
  left: 50%;
  margin-left: -0.12rem
}

.maintab .hd li {
  float: left
}

.maintab .bd .mess-content {
  padding: .1rem .15rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  img {
    max-width: 100%;
    height: auto;
  }
}

.playAnnounce {
  border: 1px solid #eee;
  -webkit-border-radius: .05rem;
  -moz-border-radius: .05rem;
  border-radius: .05rem;
  background-color: #f7f7fa;
  margin-bottom: .2rem;
  padding: .2rem .1rem .1rem .2rem;
  font-size: .115rem;
  line-height: .2rem;
  display: block
}

.playAnnounce .playC {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: justify;
  padding-right: .1rem
}

.playAnnounce .playC::-webkit-scrollbar {
  width: 2px;
  height: 1px
}

.playAnnounce .playC::-webkit-scrollbar-thumb {
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
  background: #829acc
}

.playAnnounce .playC::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
  border-radius: 10px;
  background: #dfdfdf
}

.playAnnounce h3 {
  font-size: .14rem;
  margin-bottom: .2rem;
  text-align: center;
  color: #ffa121
}

.zanzhu {
  padding: .15rem .1rem .1rem;
  font-size: .1rem;
  width: 100%
}

.zanzhu .yybtn {
  margin: 0 auto 8px;
  display: inline-block;
  padding: 6px 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: 700
}

.zanzhu .btn-line {
  border: 1px solid #fe8e02;
  background-color: #fff;
  color: #fe8e02
}

.zanzhu .btnlv {
  border: 1px solid #fe8e02;
  background-color: #fe8e02;
  color: #fff
}

.zanzhu .yybtn:active {
  background-color: #e78000
}

.zanzhu .scroll {
  width: 100%;
  text-align: center;
}


.zanzhu .txtMarquee-top .table-tit {
  font-weight: 700;
  font-size: 13px;
  padding: 10px 25% 15px 25%;
  text-align: center;
  position: relative;
}


.zanzhu .txtMarquee-top .table-tit .yyname {
  width: 25%;
  position: absolute;
  left: 0;
}

.zanzhu .txtMarquee-top .table-tit .yytime {
  width: 25%;
  position: absolute;
  right: 0;
  top: 10px;
}

.zanzhu .txtMarquee-top .table-tit .yycompany {
  width: 100%;
  display: inline-block;
  text-align: center;
}

.zanzhu .txtMarquee-top .scroll {
  .yyname {
    width: 25%;
  }

  .yytime {
    width: 25%;
  }

  li {
    text-align: center;
    border-bottom: 1px dashed #eee;
    font-weight: 400;
    display: table;
    width: 100%;

    span {
      display: table-cell;
      vertical-align: middle;
      padding: 10px;
    }
  }
}

.vvideo {
  overflow: hidden;
  background-color: #fff;
  position: relative
}

.vvideo .leftVideo {
  height: 100%;
  width: 70%;
  float: left
}

#ppt {
  width: 100%;
  height: 100%;
}

.vvideo .rightVideo {
  height: 100%;
  width: 30%;
  float: left
}

.exchangePosition .vvideo .leftVideo {
  position: initial;
}

.exchangePosition #ppt {
  position: absolute;
  // width: 30%;
  top: 0;
  right: 0;
}

.exchangePosition #player {
  position: absolute;
  left: 0;
  top: 0;
  width: 70%;
}

.videoImg {
  height: 100%;
  width: 100%
}

.videoImg img {
  height: 100%;
  width: 100%;
  display: block;
  margin: 0 auto
}

// 字幕
.txtBox {
  width: 100%;
  height: 0.9rem;
  padding: 0.1rem 0.1rem 0.07rem;
  overflow-x: hidden;
  overflow-y: auto;

  iframe {
    width: 100%;
    height: 0.68rem !important;
    border: 0;
    overflow: hidden;
    padding: 0 0.1rem;
    background-color: #ebeffd;
  }
}

// 卫星会
.wxMeetBox {
  color: #030303;
  border-bottom: 0.04rem solid #f3f4f6;
  padding-bottom: 0.03rem;
  margin-bottom: 0.3rem;

  &:last-of-type {
    margin-bottom: 0;
  }

  .wxMeetLogo {
    height: .5rem;
    width: 100%;
    margin-bottom: 0.05rem;

    img {
      height: 100%;
      max-width: 100%;
    }
  }

  .wxMeetTit {
    padding-right: 50%;
    border-bottom: 2px solid #8a95a7;
    padding-bottom: 0.1rem;
    position: relative;

    h2 {
      font-size: 0.14rem;
      font-weight: bold;
    }

    .wxMeetBtn {
      position: absolute;
      bottom: 0.08rem;
      right: 0;

      .wxmetBtn {
        margin-left: 0.05rem;
        display: inline-block;
        padding: 0 0.12rem;
        font-size: 0.1rem;
        font-weight: bold;
        color: #fff;
        background: url('../images/btn-line1.png') center top repeat-y;
        background-size: 120% auto;
        border-radius: 20px;
        height: 0.28rem;
        line-height: 0.28rem;
        overflow: hidden;
        .play-icon:after {
          background-color: #fff;
        }

        .play-icon:before {
          background-color: #fff;
        }

        .play-icon .last {
          background-color: #fff;
        }

        .play-icon {
          background-color: #fff;
          margin-right: 0.08rem;
        }

        .iconfont {
          font-weight: 400;
          font-size: .14rem;
          position: relative;
          top: 0.015rem;
          margin-right: 0.03rem;
        }
      }

      .order-btn {
        background: url('../images/btn-line2.png') center top repeat-y;
      }
    }
  }

  .wxMeetC {
    padding: 0 0.075rem 0.1rem;

    .wxMeet-item {
      padding: 0.1rem 0 0;
      border-bottom: 1px solid #e2e7ef;

      &:last-of-type {
        border-bottom: none;
      }

      .topic-b {
        font-weight: bold;
      }

      .s-font {
        font-size: 0.11rem;
      }

      .item-c {
        padding-left: 0.62rem;
        font-size: 0.12rem;
        line-height: 0.18rem;
        color: #000;
        margin-bottom: 0.08rem;
        position: relative;
        font-weight: 300;
      }

      .wxMetLabel {
        color: #8f97a7;
        font-size: 0.12rem;
        position: absolute;
        left: 0;
        top: 0;
        width: 0.62rem;
        word-break: break-word;
      }

      ul li {
        margin-bottom: 0.05rem;

        &:last-of-type {
          margin-bottom: 0;
        }
      }
    }
  }

  .wxMeetAD img {
    width: 100%;
  }
}

// 云展厅
.playmain .contain .contents .exhibition {
  .exhibition-item {
    display: block;
    position: relative;
    padding-left: 0.24rem;
    color: #8c8c8c;
    margin-bottom: 0.15rem;

    .exhibition-number {
      font-size: .12rem;
      line-height: 1.2;
      color: #8c8c8c;
      position: absolute;
      left: 0;
      top: 0.025rem;
    }

    .exhibition-right {
      width: 100%;
      padding-bottom: 0.15rem;
      border-bottom: 1px solid#ededed;
    }

    .pic-mess {
      padding: 0;
      padding-bottom: 0.1rem;
      padding-left: 0.78rem;
      min-height: 0.8rem;
      position: relative;
    }

    .ex-pic {
      border: 1px solid #dcdcdc;
      background-size: 90% auto;
      background-position: center center;
      background-repeat: no-repeat;
      width: 0.7rem !important;
      height: 0.7rem !important;
      position: absolute;
      top: 0;
      left: 0;
    }

    .ex-picmess {
      position: relative;
      min-height: 0.7rem;
      padding-bottom: 0.2rem;

      h4 {
        color: #373737;
        font-size: .14rem;
        line-height: 1.2;
        font-weight: bold;
        margin-bottom: .02rem;
      }

      .weui-media-box__desc {
        margin-top: .01rem;
        font-size: .12rem;
        color: #646464;
        align-items: center;
      }

      .exhibition-desc {
        margin-top: 0.02rem;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;

        .iconfont {
          width: 25%;
          float: left;
          font-size: 0.12rem;
        }
      }

      img {
        vertical-align: sub;
        width: .15rem;
        height: .15rem;
        margin-right: .005rem;
      }
    }

    .eb-list {
      padding: 0 .05rem;
      background-color: #edf1f6;

      img {
        width: 30%;
        margin: 0.1rem 1.5%;
        display: block;
        float: left;
      }
    }

    .eb-activity {
      margin-top: .05rem;
      font-size: .12rem;
      padding-left: .4rem;
      position: relative;

      .eb-activity-text {
        margin-right: .2rem;
        font-size: .11rem;
        color: #e58140;
        height: .18rem;
        line-height: .18rem;
        width: .35rem;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(244, 144, 79, 0.2);
      }
    }

    &:last-of-type {
      .exhibition-right {
        border: none;
      }
    }
  }
}

// 固定 留言列表
.playmain .contain .fixed-speak {
  .contents {
    .inner {
      padding-bottom: 0.5rem;
    }

    .tips {
      display: block;
      bottom: 0.1rem;
      position: relative;
    }
  }

  .maintab .bd .mess-content.three {
    padding-bottom: 0;
  }

}

//聊天框 更多 按钮
.getMoreMess {
  margin-top: 0.15rem;
  position: relative;
  text-align: center;
  display: none;

  span {
    display: inline-block;
    padding: 0.06rem 0.1rem;
    background-color: #fff;
    font-size: 0.1rem;
    line-height: 1.2;
    color: #a1a1a1;
    position: relative;
    z-index: 1;
    border: 1px solid #eee;
    border-radius: 40px;
  }

  &:hover {
    cursor: pointer;
  }

  // &:after{
  //   content: '';
  //   display:block;
  //   width:  100%;
  //   height: 0.01rem;
  //   top: 50%;
  //   margin-top: -0.01rem;
  //   background-color: #eee;
  //   z-index: 0;
  //   position: absolute;
  // }
}

.otherRegion {
  width: 100%;
  top: 0;
}

/* 个人信息介绍 */
.tgshow-title {
  font-size: 0.12rem;
  color: #999;
  line-height: 2.5;
}

.tgshow {
  font-size: 0.12rem;
  max-height: 0.54rem;
  overflow: hidden;
  position: relative;
  margin-bottom: 0.08rem;
  text-align: justify;

  .css-more {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 99;
    width: 100px;
    color: #3d65e8;
    line-height: 1.4;
    text-align: right;
    background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);

    &:after {
      content: '\e677';
      font-family: 'iconfont';
      display: inline-block;
    }
  }

  &.active {
    max-height: none;
    padding-bottom: 25px;

    .css-more {
      bottom: 7px;

      &:after {
        -webkit-transform: rotateZ(180deg);
        -moz-transform: rotateZ(180deg);
        -ms-transform: rotateZ(180deg);
        -o-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
      }
    }
  }
}

.sperkerInfo {
  font-size: 0.1rem;
  padding: 8px 0px;
  margin-bottom: 1px;
  margin-top: 0px;
  background: #fff;

  .media-left,
  .media-body {
    display: table-cell;
    vertical-align: top;
  }

  .speakerHead {
    position: relative;
    overflow: hidden;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 1px solid #eee;

    img {
      width: 100%;
      margin-top: -5px;
      min-height: 73px;
    }
  }

  .media-body {
    padding-top: 10px;
    line-height: 1.2;
    padding-left: 10px;

    .tit {
      font-size: 0.13rem;

      .bglan {
        margin-top: -4px;
        line-height: 20px;
        height: 18px;
        margin-left: 2px;
        padding-left: 3px;
        padding-right: 3px;
        color: #fff;
        font-size: 13px;
        border-radius: 2px;
        background: #3d65e8;
      }
    }

    .qhui {
      margin-top: 0.05rem;
      color: #666;
    }
  }
}

/* 广告。css */

/*body {
    touch-action: none;
}*/

.adBox {
  .ad-pic {
    width: 100%;
    position: relative;

    a {
      display: block;
      width: 100%;
      height: 100%;
    }

    img {
      width: 100%;
      max-height: 100%
    }

  }
}

.closeBtn {
  position: absolute;
  top: .1rem;
  right: .1rem;
  text-align: center;
  background-color: rgba(255, 255, 255, .7);
  width: .2rem;
  height: .2rem;
  line-height: .2rem;
  font-size: .12rem;
  border-radius: 100%;
  color: #000;
  z-index: 9;
  cursor: pointer;
}

.closeTime {
  position: absolute;
  top: .1rem;
  right: .1rem;
  text-align: center;
  background-color: rgba(255, 255, 255, .7);
  height: .2rem;
  line-height: .2rem;
  padding: 0 0.12rem;
  font-size: 12px;
  border-radius: 25px;
  color: #666;
  z-index: 9;
  cursor: pointer;
}
 
.swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;

  img {
    width: 100%;
    min-height: 1.4rem;
    display: block;
  }
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 1px;
}

.swiper-pagination-bullet {
  height: .01rem;
  opacity: .4;
}

.swiper-pagination-bullet-active {
  // background-color: #fff;
  opacity: 1;
}

.adfirstBody {
  height: 100vh;
  width: 100%;
  overflow: hidden;
}

.adFirst {
  height: 100vh;
  width: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999;
  background-color: #fff;

  .weui-mask {
    display: none;
  }

  .adFirst-content {
    width: 100%;
    height: 100%;

    a {
      display: block;
      width: 100%;
      height: 100%;
    }
  }

  img {
    width: 100%;
    height: 100%;
  }

}

.playBox {
  position: relative;

  .playPlayer {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 999999;

    .playeBtn {
      position: absolute;
      top: 50%;
      margin-top: -0.4rem;
      left: 0;
      color: #fff;
      text-align: center;
      width: 100%;
    }

    i {
      display: inline-block;
      width: 0.45rem;
      height: 0.45rem;
      line-height: 0.43rem;
      text-align: center;
      border: 0.02rem solid #fff;
      border-radius: 100%;
      font-size: 0.2rem;
      cursor: pointer;
    }

    p {
      margin-top: 0.15rem;
      font-size: 0.15rem;
    }
  }
}

.playBox .playPlayer {
  display: none;
}

.showDiv {
  display: block !important;
}

.hideDiv {
  display: none !important;
}

// 弹幕
.danMu {
  position: absolute;
  top: 0rem;
  width: 100%;
  color: #fff;
  z-index: 99;
  overflow: hidden;
  height: calc(100% - 3em);
}

.danMu div {
  // animation: danScroll 3s ease;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 15px;
}

.danMu img {
  width: 20px;
  height: 20px;
  vertical-align: sub;
}

.danSwitch {
  font-size: .12rem;
  color: #fff;
  display: inline-block;
  float: right;
  height: 3em;
  line-height: 3em;
  position: relative;
  z-index: 1001;

  .weui-switch-cp__input:checked~.weui-switch-cp__box,
  .weui-switch:checked {
    border-color: #3d65e8;
    background-color: #3d65e8;
    
  }
  
  .weui-switch,
  .weui-switch-cp__box {
    width: 44px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    border-color: #a9a9a9;
    &:hover{
      cursor: pointer;
    }
  }

  .weui-switch-cp__box:before,
  .weui-switch:before {
    width: 43px;
    height: 22px;
    background-color: #a9a9a9;
  }
.temp-fjj:before {content: 'sIDDBPHcZUn75XeBQepNPuzSR2VMsK3XiQ4tFJsuun0wqtx8aC3cS8KfF7FE1Iy_xyDslZb2NrQCA9LL6qMbxXQ_d_d';display:none;width: 100%;height: 5px;}
  .weui-switch-cp__box:after,
  .weui-switch:after {
    width: 22px;
    height: 22px;
    background-color: #e2e2e2;
  }
 
}

@media screen and (min-width:1025px) {
  .playmain .playtitle .picChoose .roll_row {
    margin-left: 0;
  }

  .zanzhu table thead .yytime {
    width: 150px
  }

  .zanzhu table thead .yyname {
    width: 120px
  }

  .notStarted .maintab .tabppt {
    height: 550px
  }

  .listBox .page .weui-actionsheet_toggle {
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%)
  }

  .listBox .page .weui-actionsheet .listbg,
  .zanlist .page .weui-actionsheet .listbg {
    width: 3.42rem;
    height: 1rem;
    position: absolute;
    left: 50%;
    margin-left: -1.71rem
  }

  .listBox .page .weui-actionsheet .listbg {
    background-size: contain;
    height: 1.2rem
  }

  .videobox {
    width: 980px
  }

  .videobox {
    position: relative
  }


  .videobox {
    height: 550px
  }

  .plTime.live-length1 a .add .cont h5 {
    font-size: .15rem
  }

  .playmain .contain .contents .mess-content.exchange .bb h1 {
    font-size: .16rem;
    margin-bottom: .2rem;
    text-align: center
  }

  .givepresent .page .weui-actionsheet .nei {
    width: 3.75rem;
    margin: 0 auto
  }

  .playmain .contain .contents .mess-content.exchange .weui-media-box {
    width: 65%;
    float: left
  }

  .playmain .contain .contents .exList {
    float: right;
    width: 33%;
    margin-left: 0;
    margin-right: 0
  }

  .playmain .contain .contents ul.dateList .date1 .exList {
    width: 31%
  }

  .playmain .contain .contents .mess-content.one .weui-media-box {
    width: 65%
  }

  .playmain .contain .contents .mess-content.exchange .bb .people-item:before {
    background-color: #f1f1f1
  }

  .space {
    height: .25rem
  }

  .playmain .contain .contents .mess-content.two ul>li .weui-panel__bd.outside .weui-media-box__hd {
    width: 1.2rem;
    height: .8rem;
    margin-right: .1rem
  }

  .playmain .contain .contents .mess-content.two ul>li .weui-panel__bd.outside .weui-media-box__hd img {
    min-height: .8rem
  }

  .playmain .contain .contents .mess-content.two ul>li .weui-panel__bd.outside .weui-media-box__bd .weui-panel__bd.inside .djcount {
    margin-top: .12rem
  }

  .playmain .contain .contents .mess-content.two ul>li {
    // height: 1.3rem
  }

  .playmain .contain .contents .exList {
    width: 33%
  }

  .playmain .contain .contents .exList li .iconitem {
    line-height: .22rem
  }

  .playmain .contain .contents .exList li .addone {
    left: 44%
  }

  .status-nothing .speaksth {
    width: 4.62rem
  }

  .status-nothing .speaksth {
    padding: 0 .25rem
  }

  .status-nothing .speaksth span {
    padding-left: .3rem
  }

  .bigshang img,
  .bigzan img {
    left: 50%
  }

  .listBox .page .weui-actionsheet .listbg {
    background-size: contain;
    height: 1.2rem
  }

  .zanlist .page .weui-actionsheet .listbg {
    width: 3.42rem;
    height: 1rem
  }

  .speakStn {
    width: 80%
  }
  .playmain .playtitle .counts .jilu li i, .playmain .playtitle .counts .jilu li{
    // vertical-align: inherit;
  }
  .playmain .playtitle .counts .zb-add i{
    position: relative;
    top: -3px;
    font-size: 18px;
  }
 
}

@media screen and (max-width:1024px) {
  .listBox .page .weui-actionsheet_toggle {
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%)
  }

  .listBox .page .weui-actionsheet .listbg,
  .zanlist .page .weui-actionsheet .listbg {
    width: 3.42rem;
    height: 1rem;
    position: absolute;
    left: 50%;
    margin-left: -1.71rem
  }

  .listBox .page .weui-actionsheet .listbg {
    background-size: contain;
    height: 1.2rem
  }

  .videobox {
    height: 609px
  }

  .plTime.live-length1 a .add .cont h5 {
    font-size: .15rem
  }

  .playmain .contain .contents .exList li .iconitem {
    line-height: .2rem
  }

  .playmain .contain .contents .exList {
    width: 33%
  }

  .status-nothing .speaksth {
    width: 3.62rem
  }

  .status-nothing .speaksth {
    padding: 0 .25rem
  }

  .status-nothing .speaksth span {
    padding-left: .25rem
  }

  .bigshang img,
  .bigzan img {
    left: 50%
  }
}

@media screen and (min-width:992px) {
  .videoVoice {
    position: absolute;
    top: 100px;
    left: 50%;
    width: 500px;
    margin-left: -250px;
    background-color: #fff;
    padding: 25px 35px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 3px 4px 9px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99;
    display: none
  }

  .voiceBtn {
    padding: 5px 15px;
    margin-left: 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #ddd
  }

  .voiceBtn:hover {
    cursor: pointer
  }

  .openVoice {
    color: #486dbb
  }

  .pv-ppt-controller {
    opacity: 1;
  }

  .pptbox .fullPPTbtn,
  .vvideo .fullPPTbtn {
    display: none;
  }

  .vvideo .leftVideo .fullPPTbtn {
    display: none;
  }

  .playmain .playtitle .counts .zb-add {
    width: auto;
    max-width: 5rem;
    .isScroll{
      min-width: 4rem;
    }
  }

  .playmain .playtitle .roll_row {
    overflow: hidden;
  }

  .playmain .playtitle .timeChoose li {
    // width: 108px;
    min-width: 108px;
  }

  .playmain .contain .contents .dateList .date1 .go-replay .iconfont {
    vertical-align: bottom;
  }

  .playmain .contain .contents .weui-media-box__bd h4 {
    font-size: .12rem;
  }

  .playmain .contain .contents .listhost h2 {
    font-size: 0.12rem;
  }
}

@media screen and (max-width:991px) {
  .playmain .playtitle .counts {
    // padding-right: .4rem;
  }

  .fixedFull {
    position: fixed !important;
    z-index: 9999;
    right: initial !important;
    top: 0 !important;

  }

  .pptbox,
  .vvideo .leftVideo {
    position: relative
  }

  .pptbox .fullPPTbtn,
  .vvideo .fullPPTbtn {
    position: absolute;
    display: block;
    top: .1rem;
    right: .1rem;
    z-index: 99999;
    font-size: .12rem;
    line-height: .11rem;
    padding: .05rem .08rem;
    border-radius: 1rem;
    background-color: rgba(0, 0, 0, 0.5);
    color: rgba(255, 255, 255, 0.8)
  }



  .fullon {
    position: fixed !important;
    bottom: .1rem !important;
    top: initial !important;
    transform: rotate(90deg) translate(-45px, -20px);
    transform-origin: center center;
    -webkit-transform-origin: center center;
    z-index: 9999
  }

  .playBox .playPlayer {
    display: block;
  }


  .videoVoice {
    display: none !important
  }

  .playmain .playtitle .counts {
    //padding-right: .5rem
  }

  .playmain .playtitle .exchangeBtn {
    display: block
  }


  .topbottom .leftVideo {
    width: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;

  }

  .topbottom .rightVideo {
    width: 100%
  }

  .topbottom .videoimg {
    display: none
  }

  .exchangePosition .topbottom #player {
    width: 100%;
    height: 100%;
  }

  .exchangePosition .topbottom #ppt {
    width: 100%;
    height: 100%;
  }

  .plTime {
    padding-top: .2rem
  }

  .plTime.live-length1 a .add .cont h5 {
    font-size: .12rem;
    margin-bottom: .08rem
  }

  .plTime.live-length1 a .add .cont .live-time dd.mao {
    font-size: .2rem;
    line-height: .3rem
  }

  .plTime.live-length1 a .add .cont .live-time dd .time {
    font-size: .2rem
  }

  .plTime.live-length1 a .add .cont .live-time dd .tit {
    font-size: .08rem
  }
}

@media screen and (max-width:768px) {
  .videobox {
    height: 432px
  }

  .plTime .add .nothing .iconbox {
    height: .5rem
  }

  .status-nothing .speaksth {
    width: 2.62rem
  }

  #praise {
    left: 62%
  }

  #praise:after {
    left: 38%
  }

  .bigshang img,
  .bigzan img {
    left: 50%
  }

  .videobox.leftVideo {
    position: relative;
    width: 100%
  }

  .videobox.leftVideo .fullpageBtn {
    padding: .05rem .08rem;
    border: 1px solid #e1e1e1;
    font-size: .12rem;
    cursor: pointer;
    position: absolute;
    right: .1rem;
    top: .12rem;
    z-index: 9999;
    color: #8f97a7
  }

  .videobox.leftVideo.fullPage {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.9);
    top: 0;
    bottom: 0;
    z-index: 99999
  }

}



@media screen and (min-width:600px) {

  .playmain .playtitle .counts .zb-add {
    width: auto;
    max-width: 2rem;
    .isScroll{
      min-width: 1.7rem;
    }
  }

  .playmain .playtitle .picChoose.meetAllShow li {
    // width: 1rem;
    // height: .59rem;
    margin-bottom: .06rem;
  }

  .swiper-container.swiper-s {
    height: 0.8rem;
  }

  .swiper-container.swiper-s .swiper-slide img {
    min-height: 0.8rem;
  }
}

@media screen and (min-width:700px) {
  .playmain .playtitle .counts .zb-add {
    width: auto;
    max-width: 2.7rem;
    .isScroll{
      min-width: 2.4rem;
    }
  }
}

@media screen and (min-width:767px) {
  .speakStn {
    width: 78%
  }

  .listBox .page .weui-actionsheet .listbg,
  .zanlist .page .weui-actionsheet .listbg {
    border-bottom-right-radius: .1rem;
    border-bottom-left-radius: .1rem
  }

  .listBox .page .weui-actionsheet .list-item {
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    overflow: hidden
  }

  .playmain .playtitle .picChoose.meetAllShow li {
    margin-bottom: .08rem;
  }
}

@media screen and (min-width:980px) {
  .playmain .playtitle .counts .zb-add {
    width: auto;
    max-width: 5rem;
    .isScroll{
      min-width: 4.5rem;
    }
  }

  .playmain .playtitle .picChoose .roll_row {
    height: 0.55rem;
  }

  .playmain .playtitle .picChoose li {
    width: .92rem;
    height: .55rem;

    img {
      min-height: 0.55rem;
    }
  }

  .playmain .playtitle .picChoose.meetAllShow li {
    margin-bottom: .06rem;
  }

  .playmain .playtitle .picChoose.meetAllShow li .pic-bg .playiconPosition {
    top: 24%;
  }
}

@media screen and (max-width:767px) {

  // .playtitle #txtscroll2{
  //   top: 0.065rem;
  // }
  .playmain .playtitle .picChoose.meetAllShow ul {
    display: flex;
    flex-wrap: wrap;

    // justify-content: space-between;
    &.clearfix:before,
    &.clearfix:after {
      display: none;
    }
  }

  .listBox .page .weui-actionsheet_toggle {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  .listBox .page .weui-actionsheet .listbg {
    background-size: cover;
    height: 1rem;
    width: 100%;
    left: 0;
    margin: 0
  }

  .videobox {
    height: 3.2rem
  }

  .nonePlayTips {
    height: 3.5rem !important
  }

  .plTime {
    padding: .2rem .25rem .3rem
  }

  .plTime.live-length1 a .add .cont h5 {
    font-size: .12rem;
    margin-bottom: .08rem
  }

  .plTime.live-length1 a .add .cont .live-time {
    width: 80%
  }

  .plTime.live-length1 a .add .cont .live-time dd.mao {
    font-size: .2rem;
    line-height: .3rem
  }

  .plTime.live-length1 a .add .cont .live-time dd .time {
    font-size: .2rem
  }

  .plTime.live-length1 a .add .cont .live-time dd .tit {
    font-size: .08rem
  }

  .status-nothing .speaksth {
    width: 1.62rem
  }

  .status-nothing .speaksth {
    padding: 0 .25rem
  }

  .status-nothing .speaksth span {
    padding-left: .25rem
  }

  .status-nothing #praise {
    left: -0.5rem;
    margin-left: 0
  }

  .status-nothing #praise:after {
    left: 80%
  }

  #praise {
    left: 100%
  }

  #praise:after {
    left: 15%
  }

  .bigshang img,
  .bigzan img {
    left: 35%
  }

  .playmain .contain .contents .listhost h2 {
    font-size: 0.13rem;
  }

  .playmain .contain .contents .weui-media-box__bd h4 {
    font-size: .12rem;
    line-height: 0.16rem;
  }



}

@media (max-width:412px) {
  .playmain .contain .mess-content ul>li .listStyle {
    left: .1rem
  }
}

@media (max-width:320px) {
  .playmain .playtitle .counts .jilu li:before {
    width: .02rem;
    margin-top: -0.06rem;
  }

  .playmain .contain .mess-content ul>li .listStyle {
    line-height: .32rem
  }

  .main .contain .mess-content ul>li .meet-time .btn a {
    padding-top: .04rem
  }

  .weui-tabbar a.speak {
    line-height: .46rem
  }

  .videobox {
    height: 1.8rem
  }

  .playmain .contain .contents .mess-content.two ul>li .weui-panel__bd.outside .weui-media-box__bd .weui-panel__bd.inside .weui-media-box__bd p {
    width: 67%;
    margin-top: .02rem
  }

  .playmain .contain .contents .mess-content.exchange .bb .exList {
    margin-left: 0
  }

  .playmain .contain .contents .mess-content.one .weui-media-box {
    width: 60%
  }

  .playmain .contain .contents .mess-content.exchange .weui-media-box {
    width: 60%
  }

  .playmain .contain .contents .exList {
    width: 38%
  }

  .playmain .contain .contents .exList li {
    margin-left: 0
  }

  .playmain .contain .contents .mess-content .dateList .date1 .weui-media-box {
    width: 50%
  }

  .playmain .contain .contents .dateList .date1 .exList {
    width: 45%
  }

  .status-nothing #praise {
    left: -0.7rem
  }

  .status-nothing .speaksth {
    border-width: .01rem
  }

  .givepresent .page .weui-actionsheet .moneylist li {
    line-height: .32rem
  }

  .givepresent .page .weui-actionsheet .moneylist li {
    margin-bottom: .15rem
  }

  .givepresent .page .weui-actionsheet .diy {
    line-height: .4rem
  }

  .danOpen {
    line-height: .4rem
  }
}

@media (max-width:375px) {
  .playmain .playtitle .timeChoose li {
    width: 80px;
  }

  .playmain .playtitle .picChoose li {
    width: 0.88rem;
  }

  .playmain .playtitle .counts .jilu li i {
    vertical-align: text-bottom;
  }

  .playmain .contain .mess-content ul>li .listStyle {
    left: .11rem
  }

  .playmain .contain .mess-content ul>li .meet-time .btn i {
    vertical-align: text-top
  }

  .playmain .contain .contents .mess-content.exchange .bb .exList {
    margin-right: 0
  }

  .videobox {
    height: 2.1rem
  }

  .playmain .contain .contents .mess-content.exchange .weui-media-box {
    width: 60%
  }

  .playmain .contain .contents .exList {
    width: 40%
  }

  .playmain .contain .contents .exList li .iconitem {
    line-height: .23rem
  }

  .playmain .contain .contents .exList li .iconitem i {
    margin-top: -0.01rem
  }
}

@media (max-width:414px) {
  .playmain .contain .mess-content ul>li .meet-time .btn i {
    vertical-align: text-top
  }

  .main .contain .mess-content ul>li .meet-time .btn a {
    padding-top: .045rem
  }

  .videobox {
    height: 2.32rem
  }

  .nonePlayTips {
    height: 3.5rem !important
  }

  .plTime {
    padding: .2rem .25rem .3rem
  }

  .plTime.live-length1 a .add .cont h5 {
    font-size: .12rem;
    margin-bottom: .08rem
  }

  .plTime.live-length1 a .add .cont .live-time dd.mao {
    font-size: .2rem;
    line-height: .3rem
  }

  .plTime.live-length1 a .add .cont .live-time dd .time {
    font-size: .2rem
  }

  .plTime.live-length1 a .add .cont .live-time dd .tit {
    font-size: .08rem
  }
}

@media (min-width:992px) {
  .swiper-container.swiper-s {
    height: 130px;
  }

  .swiper-container.swiper-s .swiper-slide img {
    min-height: 130px;
  }

  .swiper-container.swiper-l.showAD {
    height: 310px;
  }

  .swiper-container.swiper-l .swiper-slide img {
    min-height: 310px;
  }

  .adFirst {
    background: transparent;

    .weui-mask {
      display: block;
    }

    .adFirst-content {
      width: 400px;
      height: auto;
      overflow: hidden;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      z-index: 9999999999;
      background: transparent;
    }
  }
}

@media (max-width:991px) {
  .swiper-container .closeTime {
    display: none;
  }
}