.linear-bg {
  background: linear-gradient(
    -54deg,
    rgba(1, 178, 182, 1) 0%,
    rgba(0, 197, 165, 1) 100%
  );
}
.linear-bg.on{
	background: #726b5d;
}
.c_fff_opcity {
  color: rgba(255, 255, 255, 0.7);
}
.intro_jde,
.intro_hde{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	overflow: hidden;
}

/* 2020/3/28 首页新增直播板块相关 */
.live-model .live_item {
  border-radius: 3px;
  overflow: hidden;
  min-width: 14.5rem;
  max-width: 14.5rem;
  min-height: 5.8rem;
  max-height: 5.8rem;
  box-shadow: 0 4px 12px 6px rgba(221, 221, 221, 0.3);
}
.live-model .live_item:not(:last-child) {
  margin-right: 0.5rem;
}
.live-model .live_item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  background: url(https://resource.bangbangce.com/5C57FrWJa8xs) center no-repeat;
  background-size: 100% 100%;
  z-index: 50;
}
/* 直播状态相关 */
.live-model .live_info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  padding: 0.5rem 0.5rem 0.3rem;
}
.live-model .type-line .live-status {
  padding: 0 0.2rem;
  background: linear-gradient(
    -54deg,
    rgba(1, 178, 182, 1) 0%,
    rgba(0, 197, 165, 1) 100%
  );
  border-radius: 4px 0px 0px 4px;
}
.live-model .type-line .live-status.onSta{
	background: #f77561;
}
.live-model .live-icon {
  margin-right: 0.2rem;
}
.live-model .hot-num,
.live-model .count-box {
  padding: 0 4px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0px 4px 4px 0px;
}
.live-model .task-type {
  padding: 0 0.2rem;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.3);
}
.live-model .type-line .live-status span.ui-shrink0,
.live-model .count-box span.ui-shrink0{
	height: 20px;
	line-height: 20px;
}
.live-model .type-line .live-status.ui-cell-nopadding:before,
.live-model .count-box.ui-cell-nopadding:before {
	height: 0;
	border-top: none;
}
/* 直播大师信息 */
.live-model .master_info .master_head {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100%;
  border: 1px solid #01b2b6;
  margin-right: 0.35rem;
}
.live-model .master_name {
  margin-right: 0.35rem;
  text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
}
.live-model .cagatory {
  border-radius: 1rem;
  line-height: 0.8rem;
  height: .8rem;
  overflow: hidden;
  padding: 0 0.3rem;
  /* margin-right: 0.35rem; */
}
.live-model .live_item.online .live_status {
  background: linear-gradient(
    -54deg,
    rgba(254, 116, 103, 1) 0%,
    rgba(250, 139, 92, 1) 100%
  );
}
.live-model .live_item.online .master_head {
  border: 1px solid rgba(254, 116, 103, 1);
}
.master_list{
	height: 15rem;
	overflow: hidden;
	overflow-y: scroll;
}
.more_recommend .master_list .master_banner {
	margin-bottom: 10px;
	height: 7.1rem;
    overflow: hidden;
}
/* 2020/4/1 咨询页直播入口 */
.live_nav .nav_content {
  position: absolute;
  top: 0;
  left: 50%;
  width: 95%;
  height: 100%;
  transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.live_nav .nav_content .master_head {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 100%;
  border: 1px solid #fff;
}
.live_nav .nav_content .master_head:not(:first-child) {
  margin-left: -0.75rem;
}
.live_nav .nav_tip {
  text-shadow: 0px 2px 4px rgba(255, 77, 56, 0.22);
}

/* 直播间 */
/* 直播间顶部相关控件 */
.ui-page.ui-page-current,
.ui-page-group.ui-page-current {
  background: url(https://resource.bangbangce.com/wzi8HNDMGEbi) center no-repeat;
  background-size: 100% 100%;
  background-position: top;
  min-height: 100vh;
}
.live-room .ui-content {
  top: 7.5rem;
  transition: all 0.8s ease-out;
  margin-bottom: 2.5rem;
}

.live-room .ui-content.open_banner {
  top: 14.5rem;
  /* margin-right: -10px; */
}
.live-room .ui-content.open_banner::-webkit-scrollbar {display:none}
.mask_bg {
  background: rgba(0, 0, 0, 0.35);
}
.top_section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 7rem;
  background: rgba(255, 255, 255, 0.2);
  z-index: 2200;
}
.top_section .master_info {
  border-radius: 2rem;
  width: 8rem;
}
.top_section .master_head {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 100%;
  margin: 0.15rem 0.2rem;
  border: 1px solid #fe7467;
}
.top_section .master_head.online {
  border: 1px solid #fe7666;
}
.top_section .flow_btn,
.top_section .a_flow_btn {
  border-radius: 1rem;
  margin: 0.2rem;
  padding: 0.2rem 0.5rem;
}
.has_flow .flow_btn {
  display: none;
}
.has_flow .a_flow_btn {
  display: block;
  font-size: 10px;
  background: #888;
  padding: 0.2rem 0.4rem;
}
.top_section .middle_content {
  padding: 0.2rem 0;
  line-height: 1.2;
}
.top_section .hot_bar {
  background: url(https://resource.bangbangce.com/2bGhAezYp8BG) center no-repeat;
  background-size: 100% 100%;
  padding: 0 1rem;
  line-height: 1rem;
  min-width: 86px;
}
.img_list img{
	width: 12px !important;
	height: 12px !important;
}
.top_section .master_banner {
  border-radius: 3px;
  overflow: hidden;
  width: 95%;
  margin: 0 auto;
  transition: all 0.6s;
  height: 0;
}
.top_section.show_banner .master_banner {
  margin-bottom: 0.7rem;
  height: 7.1rem;
}
.master_banner .banner_bg {
  border-radius: 3px;
}
.master_banner .act_info {
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100.5%;
  height: 7.1rem;
  background: url(https://resource.bangbangce.com/Sj37ZxhSjZ6H) center no-repeat;
  background-size: 100% 100%;
  border-radius: 3px;
  padding: 0.65rem 0.65rem 0.5rem;
}
.master_banner .remind_btn {
  padding: 4px 0.5rem;
  border-radius: 1rem;
  margin-left: 0.2rem;
  line-height: initial;
}
/* 收藏相关 */
.master_banner .a_flow_live,
.master_banner.has_collect .flow_live {
  display: none;
}
.master_banner.has_collect .a_flow_live {
  display: block !important;
}
.hot_line .tel_index {
  background: -moz-linear-gradient(
    left,
    rgba(0, 0, 0, 0.3) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -webkit-gradient(
    linear,
    left,
    right,
    color-stop(0%, rgba(0, 0, 0, 0.3)),
    color-stop(100%, rgba(255, 255, 255, 0))
  );
  background: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0.3) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 0.3) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -ms-linear-gradient(
    left,
    rgba(0, 0, 0, 0.3) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.3) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  border-radius: 1rem 0 0 1rem;
  padding: 3px 0 3px 0.2rem;
}
.hot_line .user_head_box {
  /* flex-direction: row-reverse; */
}
.hot_line .user_head {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 100%;
  margin-right: 0.2rem;
  position: relative;
}
.hot_line .user_head .us_num{
	position: absolute;
	left: .28rem;
	bottom: -.24rem;
	background: #01b2b6;
	width: .6rem;
	height: .6rem;
	line-height: .6rem;
	border-radius: 50%;
	font-size: .5rem;
	color: #fff;
	text-align: center;
}
.hot_line .user_head .us_num b{
	font-weight: normal;
}
.hot_line .user_head .us_icon{
	position: absolute;
	left: .26rem;
	bottom: -.24rem;
	width: .8rem;
	height: .8rem;
}
.hot_line .user_head .us_icon .icon_img{
	width: .6rem;
	height: .6rem;
	background: url(../../Images/lian1.png) no-repeat;
	background-size: cover;
	display: inline-block;
}
.hot_line .user_head.on_tel {
  border: 1px solid #fe7666;
}

/* .hot_line .user_head:not(:first-child) {
  margin-right: -0.3rem;
}
 */
.select-swiper .swiper-slide {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  padding: 0.2rem 0.5rem;
  width: auto !important;
  line-height: 1.2;
  margin-right: 0.5rem;
}
.top_section .pull_btn {
  width: 4.5rem;
  position: absolute;
  left: 50%;
  bottom: -1.2rem;
  transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  background: url(https://resource.bangbangce.com/ywpjeZTWFXAR) center no-repeat;
  background-size: 100% 100%;
  height: 1.2rem;
}
.top_section .pull_arrow {
  /* transition: all .4s cubic-bezier(0.19, 1, 0.22, 1); */
  transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  transform: scale(-1);
  -o-transform: scale(-1);
  -ms-transform: scale(-1);
  -moz-transform: scale(-1);
  -webkit-transform: scale(-1);
}
.top_section.show_banner .pull_arrow {
  transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
}
.top_section .top-contral.has_collect .a_flow_live{
  display: block;
}
.top_section .top-contral.has_collect .flow_live{
  display: none;
}

.icon_tab{
	width: 1rem;
	height: 1rem;
	display: block;
	float: right;
}
.icon_tab.icon_shoucang{
	background: url(../../Images/live/index_list/sc1.png) no-repeat;
	background-size: cover;
}
.icon_tab.icon_shoucangOk{
	background: url(../../Images/live/index_list/sc.png) no-repeat;
	background-size: cover;
}


/* 各类消息体 */
/* 胶囊提示 */
.tip-frame {
  padding: 0.5rem 0 0;
}
.tip-capsule {
  padding: 1px 0.5rem;
  border-radius: 1rem;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0.9;
}
.tip-capsule span:not(:last-child) {
  margin-right: 0.3rem;
}
.tip-capsule .user_head {
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
}
.reminder {
  width: 70%;
  margin: 0.5rem auto;
  line-height: 1.3;
}

/* 聊天消息 */
.chat-section {
  padding-right: 3rem;
}
.chat-section .header-img {
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  margin-right: 0.5rem;
  /* border: 1px solid rgba(255,255,255,0); */
}
.chat-section.isvip .header-img {
  border: 1px solid #f7c192;
  position: relative;
}
.chat-section.isvip .header-img::before {
  position: absolute;
  top: -0.3rem;
  left: -0.2rem;
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background: url(../../Images/Member/vip/hg.png) center no-repeat;
  background-size: 100% 100%;
}
.chat-section.ismaster .master_sign {
  display: block;
  background: #01b2b6;
 /* background: -moz-linear-gradient(left, #fa8b5c 0%, #fe7467 100%);
  background: -webkit-gradient(
    linear,
    left,
    right,
    color-stop(0%, #fa8b5c),
    color-stop(100%, #fe7467)
  );
  background: -webkit-linear-gradient(left, #fa8b5c 0%, #fe7467 100%);
  background: -o-linear-gradient(left, #fa8b5c 0%, #fe7467 100%);
  background: -ms-linear-gradient(left, #fa8b5c 0%, #fe7467 100%);
  background: linear-gradient(to right, #fa8b5c 0%, #fe7467 100%); */
  padding: 0 0.3rem;
  border-radius: 1rem;
  margin-left: 0.2rem;
  line-height: 0.7rem;
}
.chat-section.ismaster .master_sign.laoshi{
	background: #ff7767;
}
.chat-section.ismaster .master_sign.master_dashi {
  background: #01b2b6;
}
.chat-section .chat-msg {
  border-radius: 0 10px 10px 10px;
  background: rgba(0, 0, 0, 0.3);
  margin-top: 0.35rem;
  display: inline-block;
}
.chat-section .chat-img{
	background: transparent;
}
.chat-section .chat-msg .chat-text{
	padding: 0.35rem 0.75rem;
	word-break: break-all;
}
.chat-section .chat-msg .chat-text.on{	
	-webkit-user-select:all;
	-moz-user-select:all;
	-o-user-select:all;
	user-select:all;
}
.chat-section.my {
  flex-direction: row-reverse;
  padding: 0.5rem 0.5rem 0.5rem 3rem;
}
.chat-section.my.sex,
.chat-section.xx.sex{
	flex-direction: initial;
	padding: 0;
	text-align: center;
}

.chat-section.my .user_name {
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
}
.chat-section.my .header-img {
  margin-right: 0;
  margin-left: 0.5rem;
}
.chat-section.my .chat-msg {
  border-radius: 10px 0 10px 10px;
  background: rgba(255, 255, 255, 0.2);
  position: relative;
  display: inline-block;
  float: right;
}
.chat-section.my .chat-img{
	background: transparent;
	text-align: right;
}
.chat-section.isrequest .chat-msg {
  background: transparent;
  padding: 0;
}
.chat-section .request-intro {
  border-radius: 0 10px 0 0;
  background: rgba(255, 255, 255, 0.8);
  padding: 0.75rem 0.5rem 0.75rem 0.75rem;
}
.isvip.user-info .chat-msg{
	/* width: 100%; */
}
.request-name{
	width: 60%;
}
.chat-section .discount {
  background: -webkit-linear-gradient(left, #fa8b5c 0%, #fe7467 100%);
  background: -o-linear-gradient(left, #fa8b5c 0%, #fe7467 100%);
  background: -ms-linear-gradient(left, #fa8b5c 0%, #fe7467 100%);
  background: linear-gradient(to right, #fa8b5c 0%, #fe7467 100%);
  padding: 0 0.3rem;
  border-radius: 1rem;
  margin-left: 0.2rem;
  line-height: 0.7rem;
}
.chat-section .request-info {
  min-height: 3rem;
}
.chat-section .intro_txt {
  line-height: 1.3;
  margin: 0.2rem 0;
}
.chat-section .to_consult {
  display: block;
  width: 100%;
  padding: 0.4rem 0;
  border-radius: 0 0 10px 10px;
  margin-top: -1px;
}
.chat-section .to_buy {
  display: block;
  width: 100%;
  padding: 0.4rem 0;
  border-radius: 0 0 10px 10px;
  margin-top: -1px;
  background: #fe7467;
}

/* 新消息按钮 */
.ui-content .has_new {
  position: fixed;
  bottom: 2.5rem;
  width: 100%;
}
.ui-content .has_new>div {
  border-radius: 1rem;
  padding: 0 0.5rem;
  line-height: 1rem;
}
.newsTip{
	position: relative;
	width: 100%;
	top: -2.8rem;
	text-align: center;
}
.newsTip .main_c{
	display: inline-block;
	padding: 2px 3px;
}
/* 底部输组件 */
.input_section {
  position: absolute;
  left: 0;
  bottom: 0;
  table-layout: fixed;
  width: 100%;
}
#input_box {
  padding-left: 0;
}
.input_section .btn_icon {
  width: 1.75rem;
  height: 1.75rem;
}
.input_section .consult_btn {
  margin: 0 0.5rem;
  position: relative;
}
.consult_text{
	position: absolute;
	right: -4px;
	top: -7px;
	background: #fe7467;
	color: #fff;
	text-align: center;
	font-size: 12px;
	width: .8rem;
	height: .8rem;
	line-height: .8rem;
	border-radius: 50%;
}
.new_user .input_section .consult_btn {
  width: 2.1rem;
  height: 2.1rem;
  padding: 0.2rem;
  border-radius: 5px;
  margin-right: 0.5rem;
  margin-bottom: -0.3rem;
}

.input_section .bottom-text-box {
  width: 100%;
  min-height: 1.6rem;
  max-height: 5rem;
  position: relative;
  margin-right: 0.5rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 1rem;
  /* overflow: hidden; */
}
.input-popu .bottom-text-box {
  width: 100%;
  min-height: 1.6rem;
  max-height: 5rem;
  position: relative;
  margin-right: 0.5rem;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #e3e3e3;
}
.input_section .bottom-text-div,
.input-popu .bottom-text-div {
  /* flex: 1; */
  width: 100%;
  min-height: 1.6rem;
  line-height: 1rem;
  padding: 0.25rem 0.5rem;
  box-sizing: border-box;
  opacity: 0;
  word-break: break-all;
}
.input_section .bottom-text,
.input-popu .bottom-text {
  display: block;
  /* flex: 1; */
  width: 100%;
  height: 100%;
  line-height: 1rem;
  padding: 0.25rem 0.75rem;
  box-sizing: border-box;
  -webkit-appearance: none;
  outline: none;
  border-radius: 5px;
  resize: none;
  position: absolute;
  bottom: 0;
  z-index: 1;
  word-break: break-all;
  font-size: 0.7rem;
}
.input_section .bottom-text::-webkit-input-placeholder {
  color: #fff;
}
.input-popu .bottom-text::-webkit-input-placeholder {
  color: #999;
}
#send-btn,
#send-btn-2 {
  padding: 0.35rem 0.5rem;
  border-radius: 3px;
  margin-bottom: 0.1rem;
}
#send-btn{
	width: 1.75rem;
	height: 1.75rem;
	padding: 0;
}
#send-btn.main_b{
	background: none;
}
.input-popu .open-function {
  padding-top: 0.3rem;
}
#input_box_win {
  background: #f6f8f8;
}

.input-popu .function_box {
  height: 0;
  padding: 0;
  transition: height 0.6s cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.input-popu .function_box.show_function {
  height: auto;
  padding: 0.5rem;
}
.input-popu .open-function {
  transition: all 0.6s;
}
.input-popu .open-function.opened {
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/* 福利悬浮按钮 */
#open_cpwin {
  position: absolute;
  bottom: 7.9rem;
  right: 0;
  width: 2.9rem;
  padding: 0.3rem 0 0.3rem 0.3rem;
  border-radius: 5px;
}
.new_user #mike,
.new_user .input_section .consult_btn,
.new_user #open_cpwin {
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 2600; /*拉高层级，用于在首次提示高亮*/
}
#mike {
  position: absolute;
  bottom: 3.6rem;
  right: 0;
  width: 3.2rem;
  min-height: 4rem;
  padding-left: 0.5rem;
  padding-top: 0.5rem;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-size: 2.8rem;
  background-position: 0.5rem 0.5rem;
}
#mike.stu1 {
  background-image: url(https://resource.bangbangce.com/7KBGi3Yi8xne);
}
#mike.stu2 {
  background-image: url(https://resource.bangbangce.com/tF4HfBcDtWwB);
}
#mike.stu3 {
  background-image: url(https://resource.bangbangce.com/SbfcJTaPhzXX);
}
#mike .mike_index {
  display: none;
  position: absolute;
  bottom: 1.3rem;
  left: 58%;
  transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  /* padding: 0 .35rem; */
  line-height: 1;
  border-radius: 1rem;
  width: 65%;
  background: -moz-linear-gradient(left, #fa8b5c 0%, #fe7467 100%);
  background: -webkit-gradient(
    linear,
    left,
    right,
    color-stop(0%, #fa8b5c),
    color-stop(100%, #fe7467)
  );
  background: -webkit-linear-gradient(left, #fa8b5c 0%, #fe7467 100%);
  background: -o-linear-gradient(left, #fa8b5c 0%, #fe7467 100%);
  background: -ms-linear-gradient(left, #fa8b5c 0%, #fe7467 100%);
  background: linear-gradient(to right, #fa8b5c 0%, #fe7467 100%);
}
#mike .mike_count {
  position: absolute;
  bottom: 1.7rem;
  left: 58%;
  transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
#mike.stu2 .mike_index,
#mike.stu3 .mike_count {
  display: block;
}
#mike.once::before {
  position: absolute;
  bottom: 3rem;
  right: 0;
  content: "";
  display: block;
  width: 3.2rem;
  height: 1rem;
  background: url(https://resource.bangbangce.com/C2ZGtihsFCsS) center no-repeat;
  background-size: 3.2rem;
}
.new_user .once::before {
  z-index: 2600; /*拉高层级，用于在首次提示高亮*/
}
.back_top{
  position: fixed;
  right: 0;
  bottom: 4rem;
  border-radius: 1rem 0 0 1rem;
  padding: .2rem .35rem;
}

/* 左侧消息轮播 刷礼物消息*/
.popLeftLiwu{
	position: fixed;
	left: 0;
	bottom: 3rem;
	height: 8rem;
	overflow: hidden;
	width: 53%;	
	display: none;
}
.msg-swiper{
    position: fixed;
	left: 0;
	bottom: 3rem;
	height: 8rem;
	overflow: hidden;
	width: 60%;	
	-webkit-box-flex: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
#buy-info{
    -webkit-box-flex: 1;
    overflow-y: scroll;
}
#buy-info::-webkit-scrollbar{
	display: none;
}

.msg-swiper .on_buy{
  background: -moz-linear-gradient(left, rgba(1,178,182,.1) 0%, #01b2b6 100%);
  background: -webkit-gradient(linear, left, right, color-stop(0%,rgba(1,178,182,.1)), color-stop(100%,#01b2b6));
  background: -webkit-linear-gradient(left, rgba(1,178,182,.1) 0%,#01b2b6 100%);
  background: -o-linear-gradient(left, rgba(1,178,182,.1) 0%,#01b2b6 100%);
  background: -ms-linear-gradient(left, rgba(1,178,182,.1) 0%,#01b2b6 100%);
  background: linear-gradient(to right, rgba(1,178,182,.1) 0%,#01b2b6 100%);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: .1rem .5rem;
  margin-bottom: 10px;
  position: relative;
  left: -1000px;
}
.sendClas{
	background: url(../../Images/live/xxx.png) no-repeat;
	background-size: 100% 100%;
	height: 2rem;
	width: 88%;
	margin-bottom: 10px;
}
.sendClas{
	left: -1000px;
}
.sendClas span{
	display: block;
	width: 100%;
	height:2rem;
	line-height: 2rem;
}
.sendClas span i,
.sendClas span b{
	display: block;
	float:left;
}
.sendClas span i{
	width:2rem;
	height:2rem;
}
.sendClas span b{
	font-weight: normal;
}
.sendClas span b:last-child{
	font-size: 1rem;
	color: #ff8a00;
	font-style: italic;   
	position: absolute;
    right: 11px;
    top: 0px;
}
/* 拔高自定义弹窗层级 */
.popu {
  z-index: 6000;
}
.popu .bot_modWin {
  position: absolute;
  width: 100%;
  bottom: 0;
  border-radius: 12px 12px 0 0;
  transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.popu .bot_modWin.hide_bot {
  bottom: -100%;
}
.new_user .help-popu {
  display: block !important;
}
/* 帮助弹窗文案 */
.help-popu .help1 {
  position: absolute;
  left: 2.3rem;
  bottom: 0;
  width: 50%;
}
.help-popu .help2 {
  position: absolute;
  right: 3.6rem;
  bottom: 3.5rem;
  width: 65%;
}
.help-popu .help3 {
  position: absolute;
  right: 3.2rem;
  bottom: 9rem;
  width: 75%;
}

/* 直播间大师弹窗 */
.master-popu .modWin {
  width: 70%;
  border-radius: 5px;
  padding: 2rem 0 0 0;
}
.master-popu .master_header {
  position: absolute;
  top: -1.5rem;
  left: 50%;
  transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  border: 1px solid #fff;

  width: 3rem;
  height: 3rem;
  border-radius: 100%;
}
.master-popu .cagatory {
  padding: 0 0.35rem;
  border-radius: 1rem;
  border: 1px solid #01b2b6;
  margin: 0 0.35rem 0.5rem 0;
}
.master-popu .data_bar {
  background: #f8f8f8;
  border-radius: 5px;
  padding: 0.35rem;
}
.popu .contral_bar {
  width: 100%;
}
.popu .contral_bar > div,
.popu .contral_bar > a {
  width: 50%;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
}
.popu .contral_bar > a {
  position: relative;
}
.popu .contral_bar > a::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #e9e9e9;
}
.master-popu .close,
.coupon-popu .close,
.admire-sucess-popu .close,
.apply-success-popu .close {
  position: absolute;
  bottom: -3rem;
  left: 0;
  width: 100%;
}

/* 福利弹窗 */
.coupon-popu .modWin {
  width: 80%;
  border-radius: 5px;
  padding: 1rem 0.5rem;
  -webkit-box-flex: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.coupon-popu .cp_item {
  padding-right: 0.2rem;
  margin-bottom: 0.5rem;
}
.coupon-popu .cp_item.cp1 {
  background: url(https://resource.bangbangce.com/RwAEzn7NWHmy) center no-repeat;
  background-size: 100% 100%;
  height: 3.75rem;
  width: 100%;
  padding-left: 1rem;
}
.coupon-popu .cp_item.cp1 .cp_price {
  color: #01b2b6;
}
.coupon-popu .cp_item.cp2 {
  background: url(https://resource.bangbangce.com/6cKSk4aS2tsG) center no-repeat;
  background-size: 100% 100%;
  height: 3.75rem;
  width: 100%;
  padding-left: 1rem;
}
.coupon-popu .cp_item.cp2 .cp_price {
  color: #fe7467;
}
.coupon-popu .cp_item .get_btn {
  width: 3.3rem;
  padding: 0.1rem 0;
  border-radius: 1rem;
  color: #fff;
  margin-bottom: 0.2rem;
}
.coupon-popu .cp_item.cp1 .get_btn {
  background: -moz-linear-gradient(top, #01c4a6 0%, #01b3b5 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #01c4a6),
    color-stop(100%, #01b3b5)
  );
  background: -webkit-linear-gradient(top, #01c4a6 0%, #01b3b5 100%);
  background: -o-linear-gradient(top, #01c4a6 0%, #01b3b5 100%);
  background: -ms-linear-gradient(top, #01c4a6 0%, #01b3b5 100%);
  background: linear-gradient(to bottom, #01c4a6 0%, #01b3b5 100%);
}
.coupon-popu .cp_item.cp2 .get_btn {
  background: -moz-linear-gradient(top, #fe8f67 0%, #fe7467 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fe8f67),
    color-stop(100%, #fe7467)
  );
  background: -webkit-linear-gradient(top, #fe8f67 0%, #fe7467 100%);
  background: -o-linear-gradient(top, #fe8f67 0%, #fe7467 100%);
  background: -ms-linear-gradient(top, #fe8f67 0%, #fe7467 100%);
  background: linear-gradient(to bottom, #fe8f67 0%, #fe7467 100%);
}
.cp_list{
	height: 400px;
	-webkit-box-flex: 1;
	overflow-y: scroll;
}
/* 咨询选择弹窗 */
.consult-popu .consult_card {
  background: #f8f8f8;
  border-radius: 5px;
  min-height: 4rem;
}
.consult-popu .consult_card {
  background: #f8f8f8;
  border-radius: 5px;
  min-height: 4rem;
  padding: 0.75rem 0.5rem;
  margin-bottom: 0.5rem;
}
.consult-popu .discount {
  background: -moz-linear-gradient(left, #fa8b5c 0%, #fe7467 100%);
  background: -webkit-gradient(
    linear,
    left,
    right,
    color-stop(0%, #fa8b5c),
    color-stop(100%, #fe7467)
  );
  background: -webkit-linear-gradient(left, #fa8b5c 0%, #fe7467 100%);
  background: -o-linear-gradient(left, #fa8b5c 0%, #fe7467 100%);
  background: -ms-linear-gradient(left, #fa8b5c 0%, #fe7467 100%);
  background: linear-gradient(to right, #fa8b5c 0%, #fe7467 100%);
  border-radius: 1rem;
  margin-left: 0.2rem;
  padding: 0 0.2rem;
  line-height: 0.8rem;
}
.consult-popu .consult_intro {
  width: 70%;
}
.consult-popu .to_consult {
  width: 4.3rem;
  border-radius: 3px;
  padding: 0.15rem 0;
  border: 1px solid #01b2b6;
}
.has_flow .a_flow {
  display: flex;
}
.has_flow .flow {
  display: none;
}

.over-popu .bot_modWin {
  padding-top: 3rem;
}
.over-popu .master_header {
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 3rem;
  height: 3rem;
  border: 1px solid #fff;
  border-radius: 100%;
}
.over-popu .flow {
  border: 1px solid #01b2b6;
  border-radius: 3px;
  padding: 0.2rem 0.8rem;
}
.over-popu .a_flow {
  border: 1px solid #b8b8b8;
  border-radius: 3px;
  padding: 0.2rem 0.8rem;
}
.gift-popu .master_tips {
  width: 100%;
  /* margin: 0.5rem auto; */
  /* background: #f8f8f8; */
  /* border-radius: 2rem; */
  /* padding: 0.3rem 0.5rem; */
  text-align: center;
}
.gift-popu .master_header {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 100%;
  margin-right: 0.35rem;
}
.gift-popu .gift_item {
  width: 23%;
  /* height: 4.5rem; */
  padding: 0.2rem 0;
  border: 2px solid rgba(255, 255, 255, 0);
  border-radius: 5px;
  margin-bottom: 0.3rem;
}
.gift-popu .gift_item:not(:nth-of-type(4n)) {
  margin-right: 0.4rem;
}
.gift-popu .gift_item.active {
  border-color: #01b2b6;
}
.gift-popu .admire_line {
  padding: 0.75rem 0.5rem;
}
.gift-popu .admire_btn {
  padding: 0.3rem 0;
  width: 3.5rem;
  border-radius: 4px;
  font-weight: bold;
}
.gift-popu .admire_btn.on{
	background: #ccc !important;
	color: #fff !important;
}
/* 赞赏成功弹窗 */
.admire-sucess-popu .modWin,
.apply-success-popu .modWin {
  width: 70%;
  border-radius: 5px;
  padding: 1.5rem 0 0 0;
}
.apply-success-popu .iknow {
  width: 100%;
}

/*麦序*/
.maixuBg{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3000;
	width: 100%;
	height: 100vh;
	background: #fff;
	-webkit-box-flex: 1;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
}
.maixuHed{
	background: url(../../Images/live/bdf.png) no-repeat;
	background-size: cover;
	width: 100%;
	height: 150px;	
}
.maixu_fanhui i{
	background: url(../../Images/live/fanhui.png) no-repeat;
	background-size: cover;
	width: 10px;
	height: 20px;
	display: inline-block;
}
.maixu_fanhui{
	color: #fff;
	font-size: .65rem;
	height: 40px;
	padding: 10px 20px;
}
.maixu_fanhui b{
	display: inline-block;
	padding-left: .6rem;
	font-size: 0.8rem;
	font-weight: normal;
	position: relative;
	top: -.14rem;
}
.hed_left{
	width: 60px;
	height: 60px;
	overflow: hidden;
	border: solid 1px #fb875e;
	border-radius: 50%;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
}
.hed_right{
	margin-top: 20px;
	font-size: .65rem;
	color: #fff;
	width: 60%;
}
.hed_right p{
	font-size: .8rem;
	padding-top: 5px;
	font-weight: bold;
}
.maixuText{
	position: relative;	
	color: #999;
	font-size: .7rem;
	-webkit-box-flex: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.mx_title {
	padding: 0.6rem;
}
.mx_title b{
	font-weight: normal;
}
.maixuText ul{
	-webkit-box-flex: 1;
	overflow-y: scroll;
	padding:0 0.6rem 3rem .6rem;
	background: #fff;
}
.maixuText ul li{
	font-size: .7rem;	
	border-bottom: solid 1px #eee;
	padding: 15px 0;
	position: relative;
}
.maixuText ul li:last-child{
	border-bottom: none;
}
.maixuText ul li span{
	color: #999;
	display: block;
	float: left;	
	padding-top: 10px;
}
.maixuText ul li .maixu_img{
	display: block;
	float: left;
	padding: 0 15px;
	position: relative;
} 
.maixuText ul li.on .maixu_img i{
	background: url(../../Images/live/1_1.png) no-repeat;
	background-size: cover;
	position: absolute;
	left: 10px;
	top: -6px;
	width: 15px;
	height: 15px;
} 
.maixuText ul li .maixu_img img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.maixuText ul li.on .maixu_img img{
	border: solid 1px #f7c294;
}
.maixuText ul li p{
	color: #333;
	float: left;
	padding-top: 10px;
}
/* .maixuText ul li .icon_lm {
	position: absolute;
	right:0;
	top: 25px;
} */
.maixuText ul li .icon_lm img{
	position: absolute;
	right:0;
	top: 28px;
	width: 15%;
}

.maixuText ul.muike_img{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background: #f6f8f8;
}
.linkMai{
	position: fixed;
	left: 5%;
	bottom: 2%;
	border-radius: 20px;
	width: 90%;
	background: #01b2b6;
	font-size: .85rem;
	color: #fff;
	height: 45px;
	line-height: 46px;
	text-align: center;
}
.linkMai b{
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	background: linear-gradient(48deg,#ffa658, #ff4e14 90%);
	width: 120px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	border-radius: 8px 8px 8px 4px;
	position: absolute;
	right: 5%;
	top: 0;
}
.linkMai:link{
	color: #fff;
}
/**立即抢麦**/
.lianmaiText{
	width: 90%;
	margin: 0 auto;
}
.lianmaiText textarea{
	width: 100%;
	height: 120px;
	border: solid 1px #ccc;
	border-radius: 5px;
	margin-top: 20px;
	padding: 5px 10px;
	font-size: 12px;
	color: #333;
}
.lianmaiText .lm_box{
	padding-top: 30px;
	color: #666;
	font-size: 12px;
}
.lianmaiText .lm_box img{
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-top: -4px;
}
.lianmaiText .lm_box span{
	display: inline-block;
	padding: 0 8px;
}
.lianmaiText .lm_box span em{
	font-style: normal;
	color: #999;	
}
.lianmaiText .lm_box span b{
	font-weight: normal;
	display: inline-block;
	padding: 0 8px;
}
.lianmaiText .lm_box a{
	float: right;
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	border-radius: 5px;
	background: #01b2b6;
	font-size: 14px;
	margin-top: -8px;
}
.appBox{
	text-align: center;
}
/**撤回**/
.chat-state{
	position: absolute;
	top: -88px;
	right: -50px;
	background: rgba(0,0,0,.6);
	width: 140px;
	height: 70px;
	border-radius: 8px;
	display: none;
	z-index: 99;
}
.chat-state:after{
	content: "";
	display: block;
	clear: both;
	width: 0;
	height: 0;
	border-top: 10px solid rgba(0,0,0,.6);
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	position: absolute;
	left: 42%;
	bottom: -10px;
}
.chat-state a{
    display: block;
    width: 50%;
    text-align: center;
    float: left;
	font-size: 12px;
	height: 100%;
	color: #fff;
}
.chat-state a img{
	width: 20px;
	height: 20px;
	margin-left: 25px;
	margin-top: 9px;
	margin-bottom: 2px;
}
.chat-img img{
	width: 40%;
	display: inline-block;
}
.chat-state.removeSex{
	width: 70px;
	right: -10px;
}
.chat-state.removeSex .fuzhi_btn{
	width: 100%;
}
/*测币不足*/
.cebi-popu{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 6000;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
}
.cebiBox{
	width: 60%;
	margin: 0 auto;
	height: 120px;
	background: #fff;
	position: absolute;
	z-index: 999;
	text-align: center;
	border-radius: 5px;
}
.cebiBox h4{
	font-weight: normal;
	color: #333;
	font-size: .7rem;
	padding-top: 30px;
}
.cebiBtn{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.cebiBtn a{
	display: block;
	float: left;
	width: 50%;
	background: #01b2b6;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 14px;	
}
.cebiBtn a:first-child{
	border-bottom-left-radius: 5px;
}
.cebiBtn a:last-child{
	background: #999;
	border-bottom-right-radius: 5px;
}
/*10S弹窗*/
.lianmaiContent{
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 7rem;
	z-index: 2021;
	text-align: center;
}
.lianmaiContent div{
	font-size: .7rem;
	color: #333;
	padding-top: 1rem;
    padding-bottom: .4rem;
}
.lianmaiContent div span{
	display: inline-block;
	color: #01B2B6;
	padding: 0 8px;
}
.lianmaiContent p{
	font-size: .6rem;
	color: #666;
}
.lianmaiContent a{
	height: 2.4rem;
	line-height: 2.4rem;
	color: #fff;
	font-size: .68rem;
	display: block;
	background: #01B2B6;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.lianmaiContent .lianmaiClose{
	width: 1rem;
	height: 1rem;
	position: absolute;
	right: 20px;
	top: 10px;
}
/*banner 轮播*/
.index_banner .swiper-container {
	height: 7.1rem;
}
.index_banner  .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
/************查看回放*********/
.music-all {
	position: relative;
	width: 100%;
}
.music-box {
	width: 85%;
	height: 10px;
	background: #618588;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
	margin-left: 10%;
	margin-top: -7px;
}
.music-bar{
	width: 0;
	height: 10px;
	background: #01b2b6;
	cursor: pointer;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	position: absolute;
	left: 1px;
	top: 0;
}
.music-yuan{
	content: "";
	display: block;
	clear: both;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: -3px;
	background: #01b2b6;
}
.music-max{
	position: absolute;
	left: 27px;
    bottom: -24px;
}
.music-cur{
	position: absolute;
	right: 13px;
	bottom: -24px;
}
.music-all button{
	position: absolute;
	left: 0;
	top: -2px;
}
.music-play{
	background: url(../../Images/live/icon_kaishi.png) no-repeat;
	background-size: cover;
	width: 0.72rem;
	height: 1.04rem;
}
.music-no{
	background: url(../../Images/live/icon_zanting.png) no-repeat;
	background-size: cover;
	width: 0.8rem;
	height: 1.04rem;
}
.win_content{
	width: 100%;
}
/*图片放大*/
.picture_box{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	opacity: 0;
	overflow: scroll;
}
/* .picture_img{

} */
.picture_img .pic_fix{
	background: rgba(0,0,0,1);
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9990;
}
.picture_img img{
	display: block;
	position: absolute;
	z-index: 9991;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
/*榜单*/
.gift_bill{
	position: absolute;
    right: 10px;
    top: 10px;
	max-width: 46%;
}
.bill_img {
	float: left;
	margin-top: 4px;
	margin-right: 8px;
}
.bill_img img{
	width: 16px;
	height: 19px;
}
.bill_list{
	float: left;
    white-space: nowrap;
	overflow-y:auto;
	max-width: 70%;
}
.bill_list::-webkit-scrollbar{
    display: none;
}
.bill_list ul li {
	width: 34px;
	height: 34px;
	overflow: hidden;
	display: inline-block;
	position: relative;
}
.bill_list ul li img{
	width: 28px;
	height: 28px;
	border-radius: 50%;
}
.bill_list ul li span{
	width: 30px;
	height: 15px;
	line-height: 15.5px; 
	display: table-cell;
	vertical-align:middle;
	border-radius:5px;
	color: #fff;
	font-size: 10px;
	background:rgba(0,0,0,.5);
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
}
.bill_list ul li:nth-child(1) span{
	background:rgba(255,62,0,.8);
}
.bill_list ul li:nth-child(2) span{
	background:rgba(255,119,49,.8);
}
.bill_list ul li:nth-child(3) span{
	background:rgba(254,169,103,.8);
}
/* .bill_list ul li.blii_one span{
	background-color: #FF3E00;
}
.bill_list ul li.blii_two span{
	background-color: #FF7731;
}
.bill_list ul li.blii_three span{
	background-color: #FEA967;
} */
.gift_model .mask{
	background:rgba(0,0,0,.7);
}
.gift_content,
.gift_end{
	background: #fff;
	height: 85%;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 2222;
}
.gift_end{
	height: initial;
}
.gift_content .title,
.gift_end .title{
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	position: relative;
}
.gift_content .title img,
.gift_end .title img{
	float: right;
	width: 12px;
	height: 12px;
	margin: 18px 20px 0 0;
}
.gift_end .title{
	border-bottom: solid 1px #EEEEEE;
}
.list_text{
	position: relative;
	padding-bottom: 60px;
	height: 85%;
}
.list_text .tip_tex{
	background-color: #F7F7F7;
	height:24px;
	line-height: 24px;
	padding: 0 16px;
	font-size: 10px;
}
.list_text .tip_tex span:last-child{
	float: right;
}
.list_text ul {
	padding: 0 16px;
	height: 100%;
	overflow: scroll;
}
.list_text ul li{
	color: #333;
	font-size: 12px;
	overflow: hidden;
}
.list_text ul li .nama_img,
.list_text ul li img,
.txt_name .tex .nama_img img,
.txt_name .tex .imgName img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	position: relative;
	float: left;
}
.list_text ul li .nama_img img,
.txt_name .tex .nama_img img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.list_text ul li .nama_img img.heika,
.txt_name .tex .nama_img img.heika{
	border:2px solid rgba(233,203,153,1);
}
.list_text ul li .nama_img::after,
.txt_name .tex .nama_img::after{
	content: "";
	background: url(../../Images/live/1_1.png) no-repeat;
	background-size: 15px 15px;
	position: absolute;
	left: 0;
	top: -8px;
	width: 15px;
	height: 15px;
}
.list_text .num,
.txt_name .num{
	color: #999;
	font-size: 14px;
	float: left;
	width: 8%;
	padding: 15px 0;
}
.list_text .num span,
.list_text .tex span,
.txt_name .num span,
.txt_name .tex span{
	margin-top: 8px;
}
.list_text .tex,
.txt_name .tex {
	border-bottom: solid 1px #EEEEEE;
	width: 90%;
	padding: 15px 0;
}
.list_text .tex span:nth-child(2){
	margin-left: 10px;
	font-size: 14px;
}
.list_text .tex span:nth-child(3){
	float: right;
	font-size: 12px;
}

.txt_name{
	background-color: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	padding: 0 16px;
}

.txt_name b{
	display: block;
	font-weight: normal;
	font-size: 10px;
	color: #999999;
}
.txt_name  .tex {
	padding: 10px 0;
}
.txt_name  .tex  .nama_img{
	position: relative;
}
.txt_name  .tex span{
	margin-top: -3px;
}
.txt_name  .tex  a{
	width:56px;
	height:28px;
	line-height: 28px;
	background:rgba(1,178,182,1);
	border-radius:4px;
	display: inline-block;
	text-align: center;
	float: left;
	color: #fff;
	margin-left: 10px;
}
.grid_tex{
	font-size: 14px;
	color: #999;
	text-align: center;
	padding: 40px 0 80px 0;
}
.grid_tex img{
	width: 10%;
	display: inline-block;
}
.grid_tex p{
	padding-top: 10px;
	padding-bottom: 30px;
}
.grid_tex a{
	width:60px;
	height:30px;
	line-height: 30px;
	background:rgba(1,178,182,1);
	border-radius:4px;
	color: #fff;
	display: inline-block;
}
.fix_teacher{
	position: fixed;
	left: -100%;
	top: 50%;
	z-index: 2000;
	background:rgba(255,64,107,.9);
	border-radius:18px;
	padding: 5px 15px;
	color: #fff;
	width: 85%;
	opacity: 0;
	transition: all .5s ease;
}
.fix_teacher img{
	width: 6%;
	float: left;
	margin-top: 3px;
}
.fix_teacher img{
	width: 26px;
	height: 26px;
	border-radius: 50%;
}
.master_box img{
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.fix_teacher span{
	float: left;
	padding: 0 10px;
	margin-top: 3px;
}
.fix_card{
	position: fixed;
	left: -100%;
	top: 57%;
	z-index: 2000;
	color: #fff;
	opacity: 0;
	transition: all .5s ease;
	background:rgba(0,0,0,.4);
	display: inline-block;
	padding: 5px 15px;
	border-radius:18px;
	width: 60%;
}
.fix_card span{
	display: block;
	margin-top: 3px;
}
.fix_card span b{
	font-size: .7rem;
	color: #fff;
}
.fix_card img{
	/*width: 22%;*/
	float: left;
	border-radius: 50%;
	margin-right: 10px;
	position: relative;
	border: solid #E9CB99 2px;
}
.fix_card i{
	background: url(../../Images/live/1_1.png) no-repeat;
	background-size: 100% 100%;
	width: 15px;
	height: 15px;
	position: absolute;
	left: 10px;
	top: 0;
}
.fix_card b{
	display: block;
	font-weight: normal;
	color: #ccc;
	font-size: .6rem;
	
}

.master_header_fix{
	width: 3rem !important;
	height: 3rem !important;
	position: absolute;
	left: 50%;
	margin-left: -.9rem;
	top: -1.4rem;
    border: 3px solid #FFFFFF;
}


.iscard_img{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.iscard_img img{
	width: 41px;
	height: 16px;
}

.sounds_pop .mask{
	z-index: 2000;
}
.sounds_box{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	width: 80%;
	min-height: 200px;
	background: #fff;
	z-index: 2002;
	text-align: center;
	border-radius: 12px;
	padding: 0 10px;
}
.sounds_box section{
	position: relative;
}
.sounds_box section .icon_sounds{
	background: url(https://resource.bangbangce.com/GFrQdhRZs72j) center no-repeat;
	background-size: 100% 100%;
	width: 26px;
	height: 26px;
	display: inline-block;
	position: absolute;
	right: 0;
	top: -36px;
}
.sounds_box section .img{
	position: absolute;
	left: 0;
	top: -42px;
	text-align: center;
	width: 100%;
}
.sounds_box section .img i{
	background: url(https://resource.bangbangce.com/kTXrGAyE78eM) center no-repeat;
	background-size: 100% 100%;
	width: 96px;
	height: 96px;
	display: inline-block;
}
.sounds_box section h3{
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	padding-top: 50px;
}
.sounds_box section p{
	color: #919191;
	font-size: 12px;
	padding-top: 10px;
}
.sounds_box section a{
	background: #677EFF;
	display: inline-block;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin-top: .9rem;
	width: 60%;
	border-radius: 24px;
}