body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100%;
}

.container {
  position: relative;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 5rem;
  /* overflow-y:scroll; */
  -webkit-overflow-scrolling: touch;
}

.introduce-words .buy_tip {
  justify-content: space-between;
}

.introduce-words .buy_tip div {
  color: #0066ff;
  font-size: 12px;
  text-decoration: underline;
}

.buy_tips_box {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
}

.buy_tips_box .buy_tips_con {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80%;
  padding: 10px;
  background-color: #fff;
  color: #333;
  font-size: 14px;
  border-radius: 4px;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.buy_tips_box .buy_tips_con h2 {
  margin-bottom: 10px;
  text-align: center;
}

.buy_tips_box .buy_tips_con div + div {
  margin-top: 10px;
}

.content-slide {
  overflow-y: auto;
  height: 100%;
}

.mengban {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #000;
  height: 5.8rem;
  background: url(../images/mengban.png) no-repeat;
  background-size: cover;
}

.num-participants {
  position: absolute;
  left: 1.5rem;
  bottom: 1.2rem;
  z-index: 9;
}

.num-participants ul li {
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 2rem;
  margin-right: 0.2rem;
  margin-right: 0.5rem;
}

.num-participants ul li img {
  width: 100%;
  height: 100%;
  border-radius: 2rem;
}

.num-participants p {
  font-size: 1.4rem;
  color: #fff;
}

/* 管理端 */
.banners-content {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
}

.banners-content > img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.invitation-card {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.4rem 1rem;
  background: #0084ff;
  border-bottom-left-radius: 1rem;
}

.invitation-card span {
  font-size: 1.2rem;
  color: #fff;
}

.invitation-card i {
  width: 1.2rem;
  height: 1.2rem;
  background: url(../images/index-01.png) no-repeat;
  background-size: 1.2rem 1.2rem;
  display: inline-block;
  margin-right: 0.5rem;
}

.coo {
  padding-left: 1.5rem;
  background: #fff;
}

.titleGp {
  padding: 1rem 1.5rem 1.5rem 0;
  border-bottom: 1px solid #f0f0f0;
}

.titleGp p.dabt {
  font-size: 2rem;
  color: #353535;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.words_l {
  margin: 0.5rem 0;
}

.words_l p {
  font-size: 1.4rem;
  color: #747474;
}

.words_l ul {
  margin: 0 0 0 1rem;
}

.words_l ul li {
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 2rem;
  margin-right: 0.2rem;
}

.words_l ul li img {
  width: 100%;
  height: 100%;
  border-radius: 2rem;
}

.words_r_l {
  height: 1.4rem;
  line-height: 1.4rem;
  background: #fff;
  font-size: 1.2rem;
  color: #ff9110;
  margin-right: 0.5rem;
  border: 1px solid #ff9110;
  padding: 0 0.2rem 0 0;
}

.words_r_l s {
  text-decoration: none;
  color: #fff;
  display: inline-block;
  background: #ff9110;
  height: 1.4rem;
  line-height: 1.4rem;
  padding: 0 0.2rem;
}
.group-wrap {
  flex: 1;
  display: inline-block;
}
.group-wrap p {
  display: inline;
}
.words_r p {
  font-size: 1.5rem;
  color: #ffb910;
  font-weight: bold;
  margin-right: 0.5rem;
}

.words_r p s {
  text-decoration: none;
  font-size: 1.1rem;
}

.words_r s.jia {
  font-size: 1.2rem;
  color: #b0b0b0;
}

.words_r i.cu {
  width: 1.4rem;
  height: 1.4rem;
  background: url(../images/cu.jpg) no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  margin-right: 0.2rem;
}

.right_down {
  width: 0.7rem;
  height: 1.2rem;
  background: url(../images/slide-right.png) no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  margin-left: 0.5rem;
}

.line {
  width: 100%;
  height: 6px;
  background: #f3f3f3;
}

.tabNav {
  height: 4.5rem;
  line-height: 4.5rem;
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
  z-index: 19;
  background: #fff;
}

.tabNav ul li {
  font-size: 1.5rem;
  color: #747474;
  font-weight: bold;
  text-align: center;
}

.tabNav ul li s {
  text-decoration: none;
  display: inline-block;
}

.tabNav ul li.current s {
  color: #0084ff;
  border-bottom: 2px solid #0084ff;
  height: 4.4rem;
}

.tabDetails {
  padding: 0 1.5rem;
}

.topiclistBox {
  padding: 1.5rem 0;
}

.topiclistBox ul li {
  width: 100%;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 0.5px solid #f0f0f0;
}

.topiclistBox ul li:last-child {
  border-bottom: none;
}

.topiclistBox ul li:last-child {
  margin-bottom: 0;
}

.state-img {
  position: relative;
  background: #c6c6e6;
  cursor: pointer;
  width: 100%;
  padding-bottom: 56.25%;
  border-radius: 0.2rem;
}

.state-img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.2rem;
}

.s-see span {
  font-size: 11px;
  color: #747474;
}

.s-see {
  margin-right: 0.5rem;
}
.s-see.vrtype:before {
  content: " ";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAATBAMAAAB8awA1AAAAJ1BMVEVHcEwAhP8Ahf8AhP8AhP8Ag/8AhP8Agv8Ag/8AhP/9///C4v8hlP9uJF78AAAACXRSTlMA9CWt7DrDVrmPRX7iAAAAc0lEQVQY02NgMpwJA8IKDCozEcCJwRKJN5lBEok3kWEmMgDy5uzaA2ScXn0SzJu9ajWQt2vVTjBv1qpVQN6qVSuxyKHqQzWTJN7EcogDIe4UZQiEuBPkhykBDKySYD+A/OfKwMAQAvYf0O/TFIA8pkyg3wGI94VtNppJ9wAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: cover;
  width: 13px;
  height: 10px;
  margin-right: 3px;
  margin-top: -1px;
}
.s-see.vrtype span {
  color: #0084ff;
}
.s-see i {
  width: 1.1rem;
  height: 0.8rem;
  background: url(../images/s-see.png) no-repeat;
  background-size: 1.1rem 0.8rem;
  display: inline-block;
  margin-right: 0.3rem;
  vertical-align: middle;
  margin-top: 2px;
}

.tozi {
  padding: 0.7rem 0 0;
}

.t-dbt {
  margin-bottom: 0.6rem;
}

.t-dbt p {
  font-size: 1.4rem;
  color: #353535;
  font-weight: bold;
  margin-right: 2.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.4;
}

.more {
  width: 2rem;
  height: 1.5rem;
  background: url(../images/more.png) no-repeat;
  background-size: 2rem 1.5rem;
  display: inline-block;
}

.w-time-l {
  margin-bottom: 0.5rem;
}

.w-time-l p,
.w-time-l-s span {
  font-size: 1.2rem;
  color: #747474;
}

.w-time-l s {
  text-decoration: none;
  margin-left: 0.3rem;
}

.w-time-l span {
  margin-left: 1rem;
  display: block;
}

.w-time-l span s {
  color: #0084ff;
  text-decoration: none;
}

.living i {
  width: 0.9rem;
  height: 1rem;
  background: url(data:image/gif;base64,R0lGODlhFgAaAIABAACE/wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0M2NDFCMzI0MUYxMTFFODg2MkZGNzVFM0IyMThCQ0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0M2NDFCMzM0MUYxMTFFODg2MkZGNzVFM0IyMThCQ0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNEIxRjg5NTQxRTcxMUU4ODYyRkY3NUUzQjIxOEJDRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNEIxRjg5NjQxRTcxMUU4ODYyRkY3NUUzQjIxOEJDRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUDAAEALAAAAAAWABoAAAJBjI+py+0PEZggJlrtwXpT+TWcNzmjcS5pqqxhcLol+soZXL/4vN826dPFcrwe8Ig00opD3m8ZZBKjN6WV1clqIQUAIfkEBQMAAQAsAAAAAAEAAQAAAgJMAQAh+QQJAwABACwCAAMAEgAFAAACCIyPqcvtD2EBACH5BAkDAAEALAAAAAAWABoAAAIejI+py+0PYwQUSFTtNXnz6oVi0I3miabqyrbuC8cFACH5BAkDAAEALAAAAAAWABoAAAI9jI+py+0Po5wKWEDNxXnn4B0hM4KXeGqpaqEty8FuXI72ar45jd96vfLFdrOikSg7ChHLpLP5DOI+1OqiAAAh+QQJAwABACwAAAAAFgAaAAACPYyPqcvtD6OcFIILasC58vcZoYgd47iV5GWqa5eyL3K6aC3HsN7mtw3M8WbEIm537CGDsJ+PSYMWNdQqowAAIfkECQMAAQAsAAAAABYAGgAAAjuMj6nL7Q+jnLRaCTI4ervOaQ9okKV4ZqG6eoFpvqjM0q7d5jqe3vAc+9WCwGKNhyQOjT7mLum8SKeLAgAh+QQJAwABACwAAAAAFgAaAAACO4yPqcvtD6OctDqAgc268vNdGTiKGHmiXRCypdHGr5vSa2ur+p7Ds1zDAW+/1xBx9NV6TKHxubRIp4sCACH5BAkDAAEALAAAAAAWABoAAAI5jI+py+0Po5w0gQtqwLly/XkYOBphc55buV6HmrKwTLtv3bW5ftt8n4v5fsSZT7hDAhFKE0sDjTIKACH5BAkDAAEALAAAAAAWABoAAAI4jI+py+0Po5w0gQtqwLly/XkYOIrXETZpupXtabCrK9M2HN/du/OojpjhakPgr4jsCXcsjfO5KAAAIfkEBQMAAQAsAAAAABYAGgAAAjmMj6nL7Q+jlKCCeezFQfNufR43YuV0UqGRKuX5rmCFxDQrz5ue5fYOk/1qwuINdxz2ksbd5wllFAAAIfkEBQMAAQAsAAAAAAEAAQAAAgJMAQAh+QQJAwABACwJAAUABAABAAACAoxTACH5BAUDAAEALAAAAAAWABoAAAIajI+py+0Po5y02ouz3gh4wBkfGJbmiabqihYAIfkECQMAAQAsAgAGABIACAAAAg2Mj6nL7Q9jBBRIVG0sACH5BAkDAAEALAAAAAAWABoAAAIojI+py+0Po5y0OoCBzbry810ZOIoYeaJdELKl0cavRdf2jef6zvdOAQAh+QQJAwABACwAAAAAFgAaAAACO4yPqcvtD6OctFoJMjh6u85pD2iQpXhmobp6gWm+qMzSrt3mOp7e8Bz71YLAYo2HJA6NPuYu6bxIp4sCACH5BAkDAAEALAAAAAAWABoAAAI9jI+py+0Po5wUggtqwLny9xmhiB3juJXkZaprl7IvcrpoLcew3ua3DczxZsQibnfsIYOwn49JgxY11CqjAAAh+QQFAwABACwAAAAAFgAaAAACPYyPqcvtD6OcClhAzcV55+AdITOCl3hqqWqhLcvBblyO9mq+OY3fer3yxXazopEoOwoRy6Sz+QziPtTqogAAIfkECQMAAQAsAgAEABIABwAAAg2MjwgL6Q+jjKzNi3EBACH5BAUDAAEALAAAAAAWABoAAAImjI+py+0PEZggJlrtwXpT+TWcNzmjcS5pqrDdC8fyTNf2jef6DhUAOw==)
    no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  margin-top: -2px;
  vertical-align: middle;
}

.w-time_r p.watch {
  font-size: 12px;
  color: #b0b0b0 !important;
  font-weight: normal;
}

.living s {
  color: #0084ff;
  text-decoration: none;
  margin-left: 0.3rem;
}

.w-time_r p {
  font-size: 1.3rem;
  color: #ffb910;
  font-weight: bold;
}

.w-time_r p s {
  text-decoration: none;
}

.w-time_r s.jia {
  font-size: 12px;
  color: #b0b0b0;
  margin-right: 0.3rem;
}

.w-time_r i.cu {
  width: 1.4rem;
  height: 1.4rem;
  background: url(../images/cu.jpg) no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  margin-right: 0.2rem;
}

.w-time_r i.pin {
  width: 1.4rem;
  height: 1.4rem;
  background: url(../images/pin.jpg) no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  margin-right: 0.2rem;
}

.topiclistBox-s ul li {
  padding: 1.5rem 0;
  border-bottom: 0.5px solid #f0f0f0;
}

.state-img-s {
  position: relative;
  border-radius: 0.2rem;
  width: 40%;
  padding-bottom: 22.6%;
  margin-right: 1rem;
}

.state-img-s img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
}

.w-time-l-s {
  margin-bottom: 0.5rem;
}

.no_more {
  padding: 1rem 0;
  text-align: center;
  font-size: 1.2rem;
  color: #b0b0b0;
  background: #fff;
}
/* 频道简介 */
.introduce-words {
  margin: 2rem 0;
}

.introduce-words img,
.introduce-words video {
  max-width: 100%;
}
.introduce-words p {
  font-size: 1.4rem;
  color: #353535;
}

.introduceIn {
  border-bottom: 1px solid #f0f0f0;
}

.live-room {
  padding: 1.5rem 1.5rem 1.5rem 0;
  border-bottom: 0.5px solid #f0f0f0;
}

.u-img {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}

.u-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.u-words {
  font-size: 1.5rem;
  color: #353535;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

/* 底部导航 */
.fixed0 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 15;
}

.nav-bottom {
  height: 5rem;
  background: #fff;
  box-shadow: 0px 0px 12px rgba(211, 211, 211, 0.4);
  -webkit-box-shadow: 0px 0px 12px rgba(211, 211, 211, 0.4);
  -moz-box-shadow: 0px 0px 12px rgba(211, 211, 211, 0.4);
  -ms-box-shadow: 0px 0px 12px rgba(211, 211, 211, 0.4);
  padding: 0 1.5rem;
  box-sizing: border-box;
}

.other-butt {
  margin-right: 1.5rem;
}

.other-butt a {
  display: block;
}

.other-butt a i {
  width: 2rem;
  height: 2rem;
  display: block;
  margin: 0 auto 0.3rem;
}

.other-butt a i.caozuo {
  background: url(../images/caozuo.png) no-repeat;
  background-size: 2rem 2rem;
}

.other-butt a i.zixun {
  background: url(../images/zixun.png) no-repeat;
  background-size: 2rem 2rem;
}

.other-butt a p {
  font-size: 10px;
  color: #747474;
  text-align: center;
}

.living-butt {
  height: 4rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.living-butt button {
  height: 4rem;
  border-radius: 0.2rem;
  font-size: 1.5rem;
}

.living-butt button.edit-butt {
  background: #ffeabd;
  color: #814000;
  margin-right: 0.3rem;
}

.living-butt button.rebuild-butt {
  background: #0084ff;
  color: #fff;
  margin-left: 0.3rem;
}
/* 操作弹框 */
.fixed-tk {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  max-width: 640px;
}

.new-tk {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.operation-tk {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.colse-butt {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 5.5rem;
  display: block;
  font-size: 1.5rem;
  color: #747474;
  cursor: pointer;
}

.swiper-container {
  width: 100%;
}

.operation-tk ul {
  overflow: hidden;
  padding-bottom: 20px;
}

.swiper-slide {
  background: #f5f6f7;
  border-radius: 15px 15px 0 0;
}

.swiper-slide ul li {
  float: left;
  width: 25%;
  margin: 2rem 0 0;
  color: #353535;
}

.swiper-slide ul li i {
  display: block;
  margin: 0 auto 0.3rem;
  width: 50px;
  height: 50px;
  font-size: 26px;
  background: #fff;
  color: #353535;
  line-height: 50px;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 5px;
}

.swiper-slide ul li a p {
  font-size: 1.2rem;
  text-align: center;
  color: #353535;
}

.colse-butt {
  text-align: center;
  font-size: 15px;
  color: #353535;
  height: 50px;
  line-height: 50px;
  background: #fff;
  position: relative;
  border-top: 1px solid #f0f0f0;
  width: 100%;
}

/* 成员名单 */
.top-nav {
  font-size: 1.3rem;
  color: #814000;
  height: 3.5rem;
  padding-left: 1.5rem;
  line-height: 3.5rem;
  background: #ffeabd;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9;
}

.membersList {
  padding: 0 0 5rem 1.5rem;
}

.List-in {
  padding: 1.5rem 1.5rem 1.5rem 0;
  border-bottom: 1px solid #f0f0f0;
}

.memberUser {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}

.memberUser img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.memberWords p {
  font-size: 1.5rem;
  color: #353535;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.memberWords span {
  font-size: 1.2rem;
  color: #747474;
  display: inline-block;
}

.List-in button {
  font-size: 1.3rem;
  color: #747474;
  border: 1px solid #747474;
  border-radius: 0.2rem;
  text-align: center;
  padding: 0.5rem;
}

.participants-num {
  margin: 0 0 0 1.5rem;
  padding: 1.5rem;
  border-bottom: 1px solid #f0f0f0;
}

.participants-num p {
  font-size: 1.5rem;
  color: #353535;
}

.weui_cell_ft {
  height: 32px;
}

.weui_switch:checked {
  border-color: #0084ff !important;
  background-color: #0084ff !important;
}

.openIn {
  font-size: 1.2rem;
  color: #747474;
  margin: 1rem 0 1rem 1.5rem;
}

.top-nav-par {
  top: 0;
  font-size: 1.3rem;
  color: #814000;
  height: 3.5rem;
  padding-left: 1.5rem;
  line-height: 3.5rem;
  background: #ffeabd;
  position: static;
  /*width: 100%;*/
  z-index: 9;
}

.participants-bottom .top-nav-par {
  width: 100%;
}

.participants-scroll {
  overflow-y: auto;
  height: 100%;
}

/* 频道操作 */
.channel-operation {
  position: absolute;
  bottom: 0;
  background: #fff;
}

.channel-operation {
  width: 100%;
  overflow-y: scroll;
  padding-left: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
  padding-top: 10px;
}

.operationIn {
  background: #fff;
  padding: 0 1.5rem 0 1.5rem;
  position: relative;
  height: 46px;
}
.operationIn:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #f0f0f0;
  color: #f0f0f0;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.operationIn i {
  width: 1.7rem;
  height: 1.8rem;
  display: inline-block;
  margin-right: 1rem;
}

.operationIn p {
  font-size: 1.5rem;
  color: #353535;
}

.close-window {
  width: 100%;
  background: #fff;
  height: 44px;
  display: block;
  color: #747474;
  padding: 0;
  margin: 0;
  font-size: 1.6rem;
  text-align: center;
  line-height: 44px;
  margin-left: 0 !important;
  border-top: 1rem solid #f3f3f3;
  padding-left: 0 !important;
}

.operationIn i.LiveDetails {
  background: url(../images/LiveDetails.png) no-repeat;
  background-size: 100% 100%;
}

.operationIn i.RemoveChannel {
  background: url(../images/RemoveChannel.png) no-repeat;
  background-size: 100% 100%;
}

.operationIn i.TopicSorting {
  background: url(../images/TopicSorting.png) no-repeat;
  background-size: 100% 100%;
}

.operationIn i.EditTopic {
  background: url(../images/EditTopic.png) no-repeat;
  background-size: 100% 100%;
}

.operationIn i.StarLive {
  background: url(../images/StarLive.png) no-repeat;
  background-size: 100% 100%;
}

.operationIn i.EndLive {
  background: url(../images/EndLive.png) no-repeat;
  background-size: 100% 100%;
}

.operationIn i.DeleteLive {
  background: url(../images/DeleteLive.png) no-repeat;
  background-size: 100% 100%;
}

.operationIn i.Recovery {
  background: url(../images/Recovery.png) no-repeat;
  background-size: 100% 100%;
}

.operationIn i.FreeWatch {
  background: url(../images/FreeWatch.png) no-repeat;
  background-size: 100% 100%;
}

.operationIn i.OddBuy {
  background: url(../images/OddBuy.png) no-repeat;
  background-size: 100% 100%;
}

.operationIn i.vCut {
  background: url(data:image/png;base64,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)
    no-repeat;
  background-size: 100% 100%;
}

.numbers-Window {
  width: 80%;
  max-width: 300px;
  border-radius: 4px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  padding: 2rem 0 0;
}

.anniu {
  width: 100%;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  font-size: 1.6rem;
  color: #747474;
  border-top: 1px solid #f0f0f0;
}

.sc-gly {
  font-size: 1.6rem;
  color: #0084ff;
  border-left: 1px solid #f0f0f0;
}

.numbers-Window p {
  font-size: 1.3rem;
  color: #747474;
  text-align: center;
}

.number-input {
  margin: 3.5rem 0;
}

.number-input input {
  width: 27%;
  border-bottom: 1px solid #8c8c8c;
  margin: 0 auto;
  display: block;
  text-align: center;
  font-size: 3.6rem;
  color: #0084ff;
}

.number-input input::-webkit-input-placeholder {
  color: #b0b0b0;
}

.number-input input::-moz-placeholder {
  color: #b0b0b0;
}

.number-input input:-moz-placeholder {
  color: #b0b0b0;
}

.number-input input::-ms-input-placeholder {
  color: #b0b0b0;
}

/* 用户端 */
.send-f button {
  width: 5rem;
  height: 2.2rem;
  background: #ffb910;
  border-radius: 0.2rem;
  font-size: 1.3rem;
  text-align: center;
  color: #fff;
}

.cont {
  position: relative;
  padding: 0.5rem 1.5rem 1.5rem 0;
  background: #fff;
}

.coupon-code p {
  font-size: 1.5rem;
  color: #353535;
}

.coupon-code span {
  font-size: 1.5rem;
  color: #747474;
}

.activity {
  padding-left: 1.5rem;
  background: #fff;
}

.rules {
  padding: 1.5rem 1.5rem 1.5rem 0;
  border-bottom: 0.5px solid #f0f0f0;
}

.rules > p {
  font-size: 1.2rem;
  color: #353535;
}

.rules span.rules-words {
  color: #b0b0b0;
  font-size: 1.2rem;
}

.t-ren {
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 0.5rem;
}

.t-ren img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.rules p.t-bt {
  font-size: 1.6rem;
  color: #353535;
}

.t-words {
  margin-right: 0.8rem;
}

.t-words p {
  font-size: 1.1rem;
  color: #747474;
  display: block;
  line-height: 1.3;
  text-align: right;
}

.t-words p.t-peop {
  color: #ffb910;
}

.ting-go button {
  margin: 0 auto;
  display: block;
}

.t-go button {
  width: 5.5rem;
  height: 2.5rem;
  border-radius: 0.2rem;
  background: #ffb910;
  text-align: center;
  line-height: 2.5rem;
  font-size: 1.4rem;
  color: #fff;
  font-weight: bold;
}

.other-butt a i.zixun {
  background: url(../images/zixun.png) no-repeat;
  background-size: 2rem 2rem;
}

.inlive {
  width: 80%;
  display: block;
  font-size: 1.5rem;
  color: #fff;
  background: #0084ff;
  text-align: center;
  height: 4rem;
  line-height: 4rem;
  margin: 0.7rem 1.5rem 0.7rem 0;
  border-radius: 0.2rem;
}

.password,
.group {
  width: 80%;
  font-size: 1.5rem;
  text-align: center;
  height: 4rem;
  line-height: 4rem;
  margin: 0.7rem 0 0.7rem;
  border-radius: 0.2rem;
}

.password-input {
  width: 50%;
  height: 4rem;
  background: #f2f2f2;
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  padding: 0 1.5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.3rem;
  color: #353535;
}

.password-input input {
  width: 100%;
}

input::-webkit-input-placeholder {
  color: #747474;
}

input::-moz-placeholder {
  color: #747474;
}

input:-moz-placeholder {
  color: #747474;
}

input::-ms-input-placeholder {
  color: #747474;
}

.password button {
  width: 30%;
  height: 4rem;
  background: #0084ff;
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  font-size: 1.5rem;
  color: #fff;
}

.group button {
  border-radius: 0.2rem;
  height: 4rem;
}

.butt-l {
  background: #ffeabd;
  color: #814000;
}

.butt-r {
  background: #0084ff;
  margin-left: 0.5rem;
  color: #fff;
}

.butt-l p {
  font-size: 1.4rem;
}

.butt-l span {
  font-size: 10px;
}

.butt-r p {
  font-size: 1.4rem;
}

.butt-r p.big-w {
  font-size: 1.55rem;
}

.butt-r span {
  font-size: 10px;
}

.contact-butt {
  display: block;
  height: 4rem;
  border-radius: 0.2rem;
  background: #0084ff;
  width: 100%;
  margin: 0 1.5rem;
  font-size: 1.5rem;
  color: #fff;
  line-height: 4rem;
  text-align: center;
}

.coupon-ex,
.gifts-succeed,
.gifts-state,
.success-give {
  width: 80%;
  max-width: 300px;
  border-radius: 4px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  padding: 2rem 0 0;
}

.coupon-ex > p {
  font-size: 1.5rem;
  color: #353535;
  text-align: center;
}

.exchange {
  margin: 1rem 1.5rem 2rem;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
  border: 0.5px solid #747474;
  border-radius: 0.2rem;
}

.exchange input {
  width: 100%;
  height: 100%;
  text-align: center;
  color: #353535;
  font-size: 1.5rem;
}

.receive-butt {
  height: 4rem;
  background: #0084ff;
  border-radius: 0.2rem;
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  line-height: 4rem;
  margin: 0 1.5rem 2.5rem;
}

.close-butt {
  width: 1.4rem;
  height: 1.4rem;
  background: url(../images/close-butt.png) no-repeat;
  background-size: 100% 100%;
  display: block;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}

.focus {
  cursor: pointer;
  width: 4.5rem;
  height: 2.2rem;
  background: url(../images/focus.png) no-repeat;
  background-size: 4.5rem 2.2rem;
}

.yifocus {
  cursor: pointer;
  width: 4.5rem;
  height: 2.2rem;
  background: url(../images/yifocus.png) no-repeat;
  background-size: 4.5rem 2.2rem;
}

.anniu {
  width: 100%;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  font-size: 1.6rem;
  color: #747474;
  border-top: 1px solid #f0f0f0;
}

.sc-gly {
  font-size: 1.6rem;
  color: #0084ff;
  border-left: 1px solid #f0f0f0;
}

.success-give p {
  margin: 4rem 0;
  text-align: center;
  font-size: 1.6rem;
  color: #353535;
  font-weight: bold;
}

.give-tk {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  width: 100%;
  padding: 1.5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.give-tk > span {
  font-size: 1.5rem;
  color: #747474;
  display: inline-block;
  margin-top: 0.5rem;
}

.quantity {
  margin: 3rem 0 1.5rem;
}

.quantity p {
  font-size: 1.5rem;
  color: #353535;
}

.quantity-select {
  width: 20%;
}

.quantity-select span {
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid #0084ff;
  display: inline-block;
  font-size: 1.5rem;
  color: #0084ff;
  text-align: center;
  line-height: 1.8rem;
  cursor: pointer;
}

.quantity-select input {
  width: 30%;
  height: 1.8rem;
  border-top: 1px solid #0084ff;
  border-bottom: 1px solid #0084ff;
  font-size: 1.5rem;
  color: #353535;
  text-align: center;
  line-height: 1.8rem;
}

.total-sum {
  margin-bottom: 2rem;
}

.total-sum p {
  font-size: 1.5rem;
  color: #353535;
}

.total-sum span {
  font-size: 1.5rem;
  color: #ffb910;
}

.give-tk button {
  width: 100%;
  height: 4rem;
  background: #0084ff;
  border-radius: 0.2rem;
  font-size: 1.5rem;
  color: #fff;
}

.sc-gly a {
  color: #0084ff;
}

.give-tk > p.title-send {
  font-size: 1.8rem;
  color: #353535;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* 我的订单 */
.tab-nav {
  height: 5rem;
  line-height: 5rem;
  border-bottom: 0.5px solid #f0f0f0;
  width: 100%;
  background: #fff;
  z-index: 9;
}

.tab-nav ul li {
  font-size: 1.5rem;
  color: #747474;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.tab-nav ul li s {
  text-decoration: none;
  display: inline-block;
}

.tab-nav ul li.current s {
  color: #0084ff;
  border-bottom: 2px solid #0084ff;
  height: 4.9rem;
}

.line {
  width: 100%;
  background: #f3f3f3;
  height: 6px;
}

.gifts-list {
  padding: 0 1.5rem;
}

.gifts {
  padding: 1.5rem 0;
  border-bottom: 0.5px solid #f0f0f0;
}

.detailsImg {
  width: 36%;
  padding-bottom: 24%;
  position: relative;
  margin-right: 1rem;
}

.detailsImg img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.2rem;
}

.detailWords p {
  font-size: 1.4rem;
  color: #353535;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.detailWords span {
  font-size: 1.4rem;
  color: #747474;
  display: inline-block;
  margin-top: 1rem;
}

.presents {
  padding: 1.5rem 0;
  font-size: 1.5rem;
  color: #747474;
  text-align: center;
}

.z-dl a {
  color: #0084ff;
}

.z-dl {
  text-align: left;
}

.pay-sf {
  text-align: right;
}

.pay-sf span {
  color: #ffb910;
}
/* 赠礼详情 */
.top-tips {
  position: fixed;
  top: 0;
  padding: 0.8rem 1.5rem;
  background: #ffeabd;
  font-size: 1.2rem;
  color: #814000;
  width: 100%;
}

.gifts-details {
  padding: 2rem 1.5rem;
  margin-top: 2.8rem;
}

.gifts-details ul li {
  background: #fff;
  border-radius: 0.2rem;
  padding: 0 1.5rem;
  margin-bottom: 1rem;
}

.gifts-details ul li:last-child {
  margin-bottom: 0;
}

.gifts-t {
  padding: 1.5rem 0 1rem 0;
  border-bottom: 0.5px solid #f0f0f0;
}

.gifts-t p,
.gifts-t span {
  font-size: 1.5rem;
  color: #353535;
}

.gifts-m {
  padding: 1.5rem 0;
  border-bottom: 0.5px solid #f0f0f0;
}

.gifts-m p {
  font-size: 1.5rem;
  color: #353535;
  margin-bottom: 1rem;
}

.gifts-m p span {
  color: #ffb910;
}

.gifts-m > span {
  font-size: 1.3rem;
  color: #747474;
}

.gifts-b {
  padding: 1rem 0;
  text-align: right;
}

.gifts-b button {
  width: 5rem;
  height: 2.2rem;
  background: #ffb910;
  border-radius: 0.2rem;
  font-size: 1.3rem;
  text-align: center;
  color: #fff;
}

.gifts-b button.use-it {
  background: #0084ff;
  margin-right: 1rem;
  width: 6rem;
}

.gifts-bottom p {
  font-size: 1.5rem;
  color: #353535;
  padding: 1rem 0;
}
/* 邀请 */
.invite-card {
  width: 90%;
  border-radius: 0.2rem;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  padding: 6rem 0 3rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.uu-img {
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.uu-img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.user-name {
  font-size: 1.8rem;
  color: #353535;
  text-align: center;
}

.user-words {
  font-size: 1.3rem;
  color: #747474;
  margin: 0.5rem 0 3rem;
  text-align: center;
}

.topic-name {
  font-size: 2.5rem;
  color: #0084ff;
  font-weight: bold;
  text-align: center;
  padding: 0 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 2rem;
}

.butt-in {
  padding: 0 2rem;
}

.butt-in button {
  width: 100%;
  height: 4.9rem;
  border: 1px solid #0084ff;
  line-height: 4.9rem;
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
  background: #0084ff;
  border-radius: 0.2rem;
}

.butt-in button.goin-live {
  background: #fff;
  color: #0084ff;
  margin-top: 1.5rem;
}

.butt-in button.accepted {
  background: #e3e3e3;
  color: #747474;
  border: 1px solid #e3e3e3;
}

.tips-bt {
  font-size: 1.6rem;
  color: #353535;
  text-align: center;
  font-weight: bold;
}

.tips-w {
  font-size: 1.4rem;
  color: #353535;
  text-align: center;
  margin: 2.5rem 0 3rem;
}

.tktk {
  width: 80%;
  max-width: 300px;
  border-radius: 4px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.share-tk {
  padding: 3rem 0 2rem;
}

.share-link,
.share-link2 {
  font-size: 1.4rem;
  color: #111;
  padding-left: 2.3rem;
}

.share-link i {
  font-size: 1.4rem;
  color: #353535;
  text-align: center;
  display: inline-block;
}

.share-link span {
  margin: 0 0.8rem;
}

.share-link s,
.share-link2 s {
  width: 2.3rem;
  height: 2.2rem;
  background: url(../images/share-link.png) no-repeat;
  background-size: 100% 100%;
  display: inline-block;
}

.share-link2 {
  margin-left: 2.3rem;
  margin-top: 0.5rem;
}

.share-link2 s {
  background: url(../images/index-08.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 0.8rem;
}

.topic-watch {
  width: 76px;
  height: 26px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 26px;
  color: #fff;
  font-size: 12px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  position: absolute;
  bottom: 6px;
  left: 6px;
}

.topic-watch > img {
  width: 20px;
  height: 15px;
  margin-right: 6px;
  position: static;
}

.topic-watch .watch-count {
  line-height: 1;
}

@media screen and (max-width: 330px) {
  .topic-watch {
    width: 62px;
  }

  .topic-watch > img {
    width: 18px;
    height: 13px;
    margin-right: 4px;
  }
}

@media only screen and (min-width: 310px) and (max-width: 360px) {
  .uu-img {
    width: 7rem;
    height: 7rem;
  }
}

.introduce-words img {
  max-width: 100%;
}
/*参团列表*/
.cantuan .group-list {
  max-height: 28rem;
  overflow-y: auto;
}

.close_ct {
  width: 1.4rem;
  height: 1.4rem;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  cursor: pointer;
}

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

.title-top {
  line-height: 5rem;
  background: #f3f3f3;
  color: #353535;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
}

.ting {
  padding: 1.5rem;
}

.ting:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #f0f0f0;
  color: #f0f0f0;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.ting img {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}

.ting-words p.t-bt {
  font-size: 1.6rem;
  color: #353535;
  line-height: 1.5;
}

.ting-words p.t-time {
  font-size: 1.1rem;
  color: #747474;
}

.ting-go p {
  font-size: 1.1rem;
  color: #ffb910;
}

.words-top {
  padding: 4rem 2rem 3rem;
  margin: 0 auto;
}

.words-top p {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}

.f-pin {
  margin: 5rem auto 0;
}

.f-pin button {
  height: 3.9rem;
  background: #ffb910;
  font-size: 1.6rem;
  text-align: center;
  line-height: 3.9rem;
  border-radius: 0.2rem;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  display: block;
  width: 100%;
}
/* 付费栏 */
.tab-lis {
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.cous-xq {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 111;
  background: #fff;
  padding-bottom: 5rem;
  overflow: auto;
  max-height: 80%;
}

.cp-notes {
  padding-left: 1.5rem;
  font-size: 1.3rem;
  color: #747474;
  background: #f3f3f3;
  padding: 1rem 1.5rem;
  font-weight: bold;
}

.u-cous li {
  padding: 1.5rem 1.5rem 1.5rem 0;
  position: relative;
}

.u-cous {
  padding-left: 1.5rem;
}

.u-cous li:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #f0f0f0;
  color: #f0f0f0;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}

.u-cous li p {
  font-size: 1.5rem;
  color: #101010;
}

.u-cous li p s {
  text-decoration: none;
  color: #ffb910;
  margin-left: 0.5rem;
}

.u-cous li i.select {
  width: 2.1rem;
  height: 1.7rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplY2EwNzZjNi0yNWI4LWQ2NDQtYmMzYi00MjQxNjE3ZjVhYTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjBCRTg3QzRCRDQyMTFFN0ExOUFFMzhEOUJFMTk1MTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjBCRTg3QzNCRDQyMTFFN0ExOUFFMzhEOUJFMTk1MTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M2RlMDdlMzQtZDg3ZS0wZTQ5LTgyYjItZjIwMjVhZTUyZWU5IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6OTNhYmFhODctYjk2Mi0xMWU3LWE3YWYtOGVhZjllNTEyMTU1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+qI3l1gAAApdJREFUeNrMmEtIVFEYx+9URFiYI0yrFgkuC2pRKJSURVkQQQQFhQPTKtBVIMFEZkoLF1EEIm1qoSH0oJKKFgVRBGkPKMJIYSqGIKJgeqFF6f/g/8Dl4j0P7/ODHzP3nu+e++c8vu87N+P0TDsps82gF9wHJ8GUuLkgRQJXgAHwAKwHx8AzsC5NQlvBGDgIMq77q8EIKC5KWOBy0A8OKHzECF9NUmgjuAxW+bRPgqOgT1wkITTD9XdK8f5PYDd4IW/ELXQZuAj2KXxeg12g7L4Zp9CVYBisVfg8B9vBN29DXELXgDsU62dPwQ5QmasxDqEbwF1Qq/CZ4Jqs+DlEHUebmWFUIr+Anfx1khAqNsRtbiA/q3C6J3SdRSV0G7gGlih8/oH94KVJh1EIbQI3NSKFdYJ7pp26hRZETgXVAUSKYuIWqNL4XQen7bLEbJlXB15xPYkYdhacA98t+qoHT0BO4/cWNKh2uN+IipR2wbXoa5ne3oMTLBx0lmMI0on8BfbaipRCC1z8XsuCLlDieqrx6WMxN069wfvaWM458xGa1/hkWWmX+Jv1tIvZ2GTwrkFwab6LXwjdw7WlsxqObIkjnWUVlDd49gNHM0DJNbuZqjh9LRbPio22FCzU+P1nhnoYRKgMT785skMWz1YbiBR2PqhIbxz9Aw7xaBCWjTM2O2EKlWntiG0wVkx5gSEpdKHSijyvBDn0iyl/HNbUqHL9GXCYo2xrH8HxMAsIXVEizzdTlv22g59xChV2g7XlD8M+h1mYOHELlR8BtoKvBrm8PYoC16YeHWWqLCt8upmFEhXqsKDYCN7N0faGG9BJg1CZt5s8R4hpxt+/aRIq7DPYAh7x+orrf6qEyhNkC4uZjqg/DswIMADuhnxdavPaZgAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: 2.1rem 1.7rem;
  display: inline-block;
}

.cous-buttom {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 111;
  width: 100%;
  background: #fff;
}

.cous-buttom a {
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
  background-color: #0084ff;
  display: block;
  width: 100%;
  cursor: pointer;
}

.u-cous li a span {
  color: #747474;
  font-size: 1.5rem;
}

.u-cous li a s {
  font-size: 1.5rem;
  text-decoration: none;
  color: #ffb910;
}

.u-cous li a s.sum-xq {
  color: #0084ff;
  font-weight: bold;
}

.gift-counter {
}

.gift-counter .counter {
  border: 1px solid #e5e5e5;
  border-radius: 0.4rem;
  height: 2rem;
}

.gift-counter i.left {
  border-right: 1px solid #e5e5e5;
}

.gift-counter i.right {
  border-left: 1px solid #e5e5e5;
}

.gift-counter i {
  font-style: normal;
  font-size: 0.533333rem;
  height: 100%;
  width: 2rem;
  cursor: pointer;
  color: #ccc;
  text-align: center;
  line-height: 2rem;
}

.gift-counter .gift-count input {
  border: none;
  text-align: center;
  width: 3.5rem;
  height: 100%;
  outline: none;
}
/* 付费栏 end*/
@media only screen and (min-width: 310px) and (max-width: 360px) {
  .num-participants ul li {
    width: 2.3rem;
    height: 2.3rem;
  }
}

.stateLive {
  width: auto;
  height: 17px;
  line-height: 17px;
  padding: 0 2px;
  position: absolute;
  top: .6rem;
  left: .6rem;
  z-index: 6;
  border-radius: 2px;
  text-align: center;
  font-size: 10px;
}

.state-living {
  background-color: #1c8eff;
  color: #fff;
}

.state-preview {
  background-color: #1bc105;
  color: #fff;
}


.state-endlive {
  background-color: #202124;
  color: #fff;
}

.state-playback {
  background-color: #ffa000;
  color: #fff;
}
.state-paused {
  background-color: #717171;
  color: #fff;
}
.state-relaylive {
  position: absolute;
  bottom: .5rem;
  right: .5rem;
  padding: .2rem .4rem;
  width: 2.8rem;
  height: 1.6rem;
  background-color: #ff3d5e;
  color: #fff;
  display: block;
}

/*选择话题详情功能*/
.detail-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 100;
}

.detail-bottom {
  background-color: #fff;
  height: auto;
  position: fixed;
  bottom: 0;
  width: 100%;
  border-radius: 10px 10px 0px 0px;
}

.detail-bottom-box-ul {
  clear: both;
}

.detail-bottom-box {
}

.detail-bottom-box {
  margin: 0 auto;
  clear: both;
}

.detail-bottom-box .detail-bottom-li {
  width: 33%;
  float: left;
  text-align: center;
  margin-top: 25px;
}

.detail-bottom-li img {
  width: 28px;
  height: auto;
  margin: 0 auto;
}

.detail-bottom-box .detail-bottom-li p {
  text-align: center;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 500;
  color: rgba(116, 116, 116, 1);
}

.detail-bottom-btn {
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: rgba(53, 53, 53, 1);
  font-size: 14px;
  color: rgba(53, 53, 53, 1);
  border-top: 5px rgba(243, 243, 243, 1) solid;
}

/*话题详情按钮*/
.detail-add {
  position: fixed;
  width: 4.4rem;
  height: 4.4rem;
  right: 1.5rem;
  bottom: 6.5rem;
  background: url(../images/add.png) no-repeat;
  background-size: 4.4rem 4.4rem;
}
.member-discount-tag {
  width: fit-content;
  height: 18px;
  background: linear-gradient(135deg, #FFD89D 0%, #FFE6C7 100%);
  border-radius: 3px 3px 3px 3px;
  display: inline-flex;
  align-items: center;
  color: #202124;
  font-weight: bold;
  font-size: 13px;
  line-height: 1;
}
.member-discount-tag::before {
  content: "会员再享";
  width: 57px;
  height: 100%;
  background-image: url("data:image/png;base64,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");
  background-size: 100% 100%;
  position: relative;
  left: -3px;
  color: #FFEBC5;
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.member-discount-tag::after {
  display: inline;
  content: '折';
  margin: 0 6px 0 2px;
  transform: scale(0.8);
}
.member-product-tag {
  width: fit-content;
  height: 18px;
  background: linear-gradient(90deg, #FFF7ED 0%, #FFE0B0 100%);
  border-radius: 3px;
  border: 1px solid #E0A141;
  color: #552700;
  font-size: 11px;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 5px;
  margin: 10px;
}


.buy-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.7);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: center; */
}

.buy-mask-content {
  margin-top: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 297px;
  height: 335px;
  background: url('https://static1.weizan.cn/zhibo/static/img/live-h5/send-gift/gift-buy-bg.png') no-repeat center;
  background-size: 100% 100%;
}

.buy-mask-close-icon {
  margin-top: 9px;
  width: 36px;
  height: 36px;
  background: url('https://static1.weizan.cn/zhibo/static/img/live-h5/send-gift/close-icon.png') no-repeat center;
  background-size: 100% 100%;
}

.buy-mask-content-title {
  margin-top: 192px;
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #302D64;
  line-height: 23px;
}

.buy-mask-content-tip {
  margin-top: 8px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #475062;
  line-height: 20px;
}
.buy-mask-content-btn {
  margin-top: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.buy-mask-content-btn-left {
  margin-right: 8px;
  width: 120px;
  height: 40px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 40px;
  background: linear-gradient(132deg, #94BAFF 0%, #5922FF 100%);
  border-radius: 20px;
  backdrop-filter: blur(0px);
}
.buy-mask-content-btn-right {
  width: 120px;
  height: 40px;
  text-align: center;
  font-size: 14px;
  line-height: 40px;
  color: #fff;
  background: linear-gradient(286deg, #EB4C91 0%, #EC5959 100%);
  border-radius: 20px;
  backdrop-filter: blur(0px);
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity .5s ease;
}

.fade-enter,
.fade-leave-active {
  opacity: 0;
}


/* 弹窗 */
.g-shadow{
  position: absolute;left: 0;top: 0;z-index: 190;
  width: 100%;height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;align-items: center;justify-content: center;align-content: center;
}
.g-shadow .iden-box{
  width: 300px;
  padding: 28px 15px 15px;
  background-color: #fff;
  border-radius:10px;font-size: 14px;
}
.g-shadow .iden-box p{
  width: 250px;
  margin: 0 auto 22px;
  text-align: center;
}
.g-shadow .iden-box a{
  color: #0084ff;
}
.g-shadow .btn-row{
  display: flex;
}
.g-shadow .btn-row button{
  flex: 1;
  height: 45px;
  background-color: #f5f6f7;
  color: #747474;
  border-radius:5px;
  margin-right: 10px;
}
.g-shadow .btn-row button:last-of-type{
  margin-right: 0;
}
.g-shadow .btn-row button.on{
  background-color: #0084ff;
  color: #ffffff;
}