.live-detail-wrapper {
}

.live-detail-wrapper .team-box {
  position: relative;
}

.live-detail-wrapper .team-box .bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  left: 0;
  top: 0;
}

.live-detail-wrapper .team-box .content {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.live-detail-wrapper .team-box .content.has-face {
  position: relative;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box {
  display: block;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .team {
  margin-top: 0.48rem;
  text-align: center;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .team .team-img {
  width: 0.4rem;
  height: 0.4rem;
  margin-bottom: 0.06rem;
  object-fit: cover;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .team .team-name {
  width: 0.68rem;
  margin-bottom: 0.1rem;
  font-size: 0.11rem;
  font-weight: 600;
  color: #fff;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .host {
  float: left;
  margin-left: 0.16rem;
  font-size: 0;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .guest {
  float: right;
  margin-right: 0.16rem;
  font-size: 0;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .race {
  position: relative;
  display: block;
  margin: 0 auto .3rem;
  padding-top: 0.16rem;
  overflow: hidden;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .race .remarks {
  margin-bottom: 0.11rem;
  font-size: 0.12rem;
  color: #d7d7d7;
  text-align: center;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .race .remarks .time1 {
  margin-right: 0.04rem;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .race .remarks .time2 {
  margin-right: 0.13rem;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .race .remarks .league {
  display: inline-block;
  position: relative;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .race .remarks .league:after {
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  height: 0.1rem;
  background: #d7d7d7;
  left: -0.09rem;
  top: 50%;
  transform: translateY(-50%);
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .race .remarks .top {
  font-size: 0.12rem;
  margin-bottom: .02rem;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .race .remarks .bottom {
  font-size: 0.1rem;
  opacity: 0.8;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .race .score-box {
  width: 100%;
  font-size: 0;
  text-align: center;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .race .score-box .host-score,
.live-detail-wrapper .team-box .content.has-face .has-face-box .race .score-box .guest-score {
  display: inline-block;
  width: 0.45rem;
  font-size: 0.24rem;
  font-weight: bold;
  color: #daaf8b;
  vertical-align: middle;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .race .score-box .host-score {
  text-align: right;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .race .score-box .guest-score {
  text-align: left;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .race .score-box .vs {
  display: inline-block;
  width: 0.1rem;
  height: 0.03rem;
  margin: 0 0.12rem;
  background: #daaf8b;
  vertical-align: middle;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .source-box {
  padding: 0 0.16rem;
  margin-bottom: 0.1rem;
  text-align: center;
  font-size: 0;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .source-box .source-text {
  margin-bottom: .07rem;
  font-size: .10rem;
  color: #D7D7D7;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .source-box .source-list {
  display: inline-block;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .source-box .source-list ul {
  margin-right: -0.08rem;
  margin-bottom: -0.08rem;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .source-box .source-list ul li {
  float: left;
  height: 0.2rem;
  padding: 0 0.06rem;
  margin-right: 0.08rem;
  margin-bottom: 0.08rem;
  line-height: 0.18rem;
  border-radius: 15px;
  border: 1px solid #dd4d30;
  text-align: center;
}

.live-detail-wrapper .team-box .content.has-face .has-face-box .source-box .source-list ul li a {
  font-size: 0.11rem;
  color: #dd4d30;
}

.live-detail-wrapper .tab-container .tab-box {
  margin-bottom: 0.06rem;
  background: #fff;
}

.live-detail-wrapper .tab-container .tab-box .tab {
  font-size: 0;
}

.live-detail-wrapper .tab-container .tab-box .tab .tab-item {
  display: inline-block;
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.15rem;
  font-weight: 400;
  color: #000;
  text-align: center;
}

.live-detail-wrapper .tab-container .tab-box .tab .tab-item a {
  display: inline-block;
  height: 100%;
}

.live-detail-wrapper .tab-container .tab-box .tab .tab-item.active a {
  font-weight: 600;
  border-bottom: 3px solid #dd4d30;
}

.live-detail-wrapper .tab-container .tab-content-box .analysis-content .analysis-card {
  margin-bottom: 0.06rem;
  background: #fff;
  overflow: hidden;
}

.live-detail-wrapper .tab-container .tab-content-box .analysis-content .analysis-card:last-child {
  margin-bottom: 0;
}

.live-detail-wrapper .tab-container .tab-content-box .analysis-content .analysis-card:last-child .content table tr {
  border-bottom: 1px solid #eeeeee !important;
}

.live-detail-wrapper .tab-container .tab-content-box .analysis-content .content table .none-td {
  height: 0 !important;
  padding: .16rem !important;
  line-height: 1 !important;
  color: #8D8D8D !important;
}

.live-detail-wrapper .tab-container .tab-content-box .analysis-content .analysis-card .title {
  margin: 0.14rem 0 0 0;
  font-size: 0;
}

.live-detail-wrapper .tab-container .tab-content-box .analysis-content .analysis-card .title img {
  width: 0.14rem;
  height: 0.14rem;
  margin-left: 0.1rem;
  margin-right: 0.04rem;
  vertical-align: middle;
}

.live-detail-wrapper .tab-container .tab-content-box .analysis-content .analysis-card .title span {
  font-size: 0.14rem;
  font-weight: 600;
  vertical-align: middle;
}

.live-detail-wrapper .tab-container .tab-content-box .analysis-content .analysis-card .content table {
  font-size: 0.12rem;
  font-weight: 400;
  text-align: center;
}

.live-detail-wrapper .tab-container .tab-content-box .analysis-content .analysis-card .content table th {
  color: #999999;
}

.live-detail-wrapper .tab-container .tab-content-box .analysis-content .analysis-card .content table td {
  position: relative;
  color: #000;
}

.live-detail-wrapper .tab-container .tab-content-box .analysis-content .analysis-card .content table td .vs {
  margin: 0 2px;
}

.live-detail-wrapper .tab-container .tab-content-box .analysis-content .analysis-card .content table th,
.live-detail-wrapper .tab-container .tab-content-box .analysis-content .analysis-card .content table td {
  width: 0.75rem;
  height: 0.4rem;
}

.live-detail-wrapper .tab-container .tab-content-box .analysis-content .analysis-card .content table tr {
  border-bottom: 1px solid #eeeeee;
}

.live-detail-wrapper .tab-container .tab-content-box .analysis-content .analysis-card .content table tr:last-child {
  border-bottom: none !important;
}

.live-detail-wrapper .tab-container .tab-content-box .report-content {
  padding: 0.1rem .14rem 0;
  background: #fff;
  font-size: .13rem;
  line-height: .22rem;
  overflow: hidden;
}

.live-detail-wrapper .tab-container .tab-content-box .report-content p {
  margin: 0.1rem 0;
}

.live-detail-wrapper .tab-container .tab-content-box .report-content p:first-child {
  padding-top: 0.08rem;
}

.live-detail-wrapper .tab-container .tab-content-box .report-content p img {
  vertical-align: middle;
}

.live-detail-wrapper .tab-container .tab-content-box .tab-content .none {
  position: relative;
  margin-top: .59rem;
  padding-bottom: .34rem;
  text-align: center;
  font-size: .14rem !important;
  line-height: normal;
}

.live-detail-wrapper .tab-container .tab-content-box .tab-content .none img {
  width: 1.80rem;
  height: 1.44rem;
}

.live-detail-wrapper .tab-container .tab-content-box .tab-content .none span {
  position: absolute;
  font-size: .14rem;
  color: #949494;
  top: 1.28rem;
  left: 50%;
  transform: translateX(-50%);
}

.live-detail-wrapper .block-container {
  padding-top: .36rem;
  padding-bottom: .24rem;
}

.live-detail-wrapper .tab-container .tab-content-box .tab-content img {
  max-width: 100%;
}
 .chat{max-width: 960px;margin: 0 auto;}
.chat .tab{ float:left; width:100%; background:#fff;}
.chat .tab span{ float:left; width:50%; text-align:center; font-size:14px; color:#373737;cursor:pointer; }
.chat .tab span em{ padding:0 10px; display:inline-block;border-bottom:2px solid #fff; line-height:38px;}
.chat .tab span.on em{ color:#FF3552; border-bottom:2px solid #FF3552}
.msgbox{width:100%;  bottom:0px; height:38px; background:#fff;font-size:14px; padding-top:8px;cursor:pointer;}
.emoticon{ width:10%;float:left; height:30px;background: url(../images/bq_icon.png) no-repeat center; background-size:22px; }
.speak{ width:73%;height:28px;float:left;line-height:30px; text-indent:5px; border:1px solid #EEE; border-radius:5px; cursor:pointer;    margin-right: 1%;
}
.sendbot{ float:left; text-align:center; width:14%;line-height:30px; background:#FF3552; color:#fff; border-radius:5px; }
.chatbox{ width: 100%;overflow: hidden;height: 200px;background:rgba(245, 245, 245, 1); overflow-y: scroll;}
.msg{ width:94%; margin:2px 3%; color:#333; overflow-y:scroll; margin-bottom: 10px; }
.boxscroll {
  width: 100%;
  overflow-y: auto;
}
.newmsg{
  background: #FF3551;
  color: #fff;
  display: inline-block;
  width: 80px;
  line-height: 30px;
  position: absolute;
  bottom: 75px;
  left: 50%;
  margin-left: -40px;
  text-align: center;
  border-radius: 20px;
  cursor: pointer;
}
.userMsg {
  line-height: 20px;
  width:100%;float:left; margin-top:4px;  color:#333
}
.userMsg .name {
  color: #007AFF;
  cursor: pointer;
  padding-left: 45px;
}
.userMsg .name.on{
  color: #FF3551;
  padding-left: 0px;
  cursor: default;
}
.userMsg  .text {
  word-break: break-all;
}
.userMsg  .text img.sma{
  max-width:28px;
  vertical-align: top;
  margin-right: 5px;
}
.userMsg  .text img.big{
  max-width:72px;
  vertical-align: top;
}
.userMsg  .text.on{
  color: #FF3551;
}
.LV1 {
  background: url(../images/lv1.png) no-repeat;
  background-size:40px;
  background-position:0px 4px
}
.LV2 {
  background: url(../images/lv2.png) no-repeat;
  background-size:40px;
  background-position:0px 4px
}
.LV3 {
  background: url(../images/lv3.png) no-repeat;
  background-size:40px;
  background-position:0px 4px
}
.LV4 {
  background: url(../images/lv4.png) no-repeat;
  background-size:40px;
  background-position:0px 4px
}
.LV5 {
  background: url(../images/lv5.png) no-repeat;
  background-size:40px;
  background-position:0px 4px
}
.LV6 {
  background: url(../images/lv6.png) no-repeat;
  background-size:40px;
  background-position:0px 4px
}
.LV7 {
  background: url(../images/lv7.png) no-repeat;
  background-size:40px;
  background-position:0px 4px
}
.LV8 {
  background: url(../images/lv8.png) no-repeat;
  background-size:40px;
  background-position:0px 4px
}
.LV9 {
  background: url(../images/lv9.png) no-repeat;
  background-size:40px;
  background-position:0px 4px
}
.LV10 {
  background: url(../images/lv10.png) no-repeat;
  background-size:40px;
  background-position:0px 4px
}
.LV11 {
  background: url(../images/lv11.png) no-repeat;
  background-size:40px;
  background-position:0px 4px
}
.LV12 {
  background: url(../images/lv12.png) no-repeat;
  background-size:40px;
  background-position:0px 4px
}
.LV13 {
  background: url(../images/lv13.png) no-repeat;
  background-size: 40px;
  background-position:0px 4px
}
.LV14 {
  background: url(../images/lv14.png) no-repeat;
  background-size: 40px;
  background-position:0px 4px
}
.LV15{
  background: url(../images/lv15.png) no-repeat;
  background-size: 40px;
  background-position:0px 4px
}
.LV16 {
  background: url(../images/lv16.png) no-repeat;
  background-size: 40px;
  background-position:0px 4px
}
.LV17 {
  background: url(../images/lv17.png) no-repeat;
  background-size: 40px;
  background-position:0px 4px
}
.LV18 {
  background: url(../images/lv18.png) no-repeat;
  background-size: 40px;
  background-position:0px 4px
}
.LV19 {
  background: url(../images/lv19.png) no-repeat;
  background-size: 40px;
  background-position:0px 4px
}
.LV20 {
  background: url(../images/lv20.png) no-repeat;
  background-size: 40px;
  background-position:0px 4px
}
.LV21 {
  background: url(../images/lv21.png) no-repeat;
  background-size: 40px;
  background-position:0px 4px
}
.LV22 {
  background: url(../images/lv22.png) no-repeat;
  background-size: 40px;
  background-position:0px 4px
}
.LV23 {
  background: url(../images/lv23.png) no-repeat;
  background-size: 40px;
  background-position:0px 4px
}
.LV24 {
  background: url(../images/lv24.png) no-repeat;
  background-size: 40px;
  background-position:0px 4px
}
.LV25 {
  background: url(../images/lv25.png) no-repeat;
  background-size: 40px;
  background-position:0px 4px
}
.LV26 {
  background: url(../images/lv26.png) no-repeat;
  background-size: 40px;
  background-position:0px 4px
}
.LV27 {
  background: url(../images/lv27.png) no-repeat;
  background-size: 40px;
  background-position:0px 4px
}
.LV28 {
  background: url(../images/lv28.png) no-repeat;
  background-size: 40px;
  background-position:0px 4px
}
.LV29 {
  background: url(../images/lv29.png) no-repeat;
  background-size: 40px;
  background-position:0px 4px
}
.LV30 {
  background: url(../images/lv30.png) no-repeat;
  background-size: 40px;
  background-position:0px 4px
}
.msg span.name{ color:#007AFF; padding-left:45px; display:inline-block;}
.chatinfo{  width:94%;float:left; background:#fff; margin:20px 3%; border-radius:5px; padding-bottom:20px}
.chatinfo .userinfo {
  width:94%;
  float:left;
  padding:10px 3% 0px 3%
}
.chatinfo .userinfo .userpic {
  width:50px;
  height:50px;
  border-radius:25px;
  float: left;
}
.chatinfo .userinfo .userpic img {
  width: 100%;
  height: 100%;
  border-radius:25px;
}
.chatinfo .userinfo .usertxt {
  float: left;
  width:60%;
  margin-left:5px;
  font-size: 12px;
  color: #999;
}
.chatinfo .userinfo .usertxt .username {
  float: left;
  color:#373737;
  font-size:17px;
  width: 100%;
  line-height:30px;
}
.chatinfo .userinfo .usertxt .count {
  float: left;
  width: 100%;
}

.chatinfo .userinfo  .addfoused {
  float: right;
  width:53px;
  background: url(../images/jia_icon.png) no-repeat left center #FF3552;
  background-size: 12px;
  background-position:16px;
  padding-left: 16px;
  color: #fff;border-radius:14px;
  line-height:28px; text-align:center;
  margin-top:10px;
  cursor:pointer;
}
.chatinfo .userinfo  .tit{
  float: left;
  width: 100%;
  color: #333;
  font-size: 14px;
  padding-bottom:5px
}
.chatinfo .userinfo p{
  float: left;
  width: 100%;
  color: #999;
  font-size: 13px;
}
.chat .tab{ float:left; width:100%; background:#fff;}
.chat .tab span{ float:left;width: 24.6%; text-align:center; font-size:14px; color:#373737;cursor:pointer; }
.chat .tab span.three{ width:33.3%}
.chat .tab span em{ padding:0 10px; display:inline-block;border-bottom:2px solid #fff; line-height:38px;}
.chat .tab span.on em{ color:#FF3552; border-bottom:2px solid #FF3552}
.chat .tab span a {
  padding: 0 10px;
  display: inline-block;
  border-bottom: 2px solid #fff;
  line-height: 38px;
  color: #373737;
}
#alertShow{ width:100%; height:100%; background:rgba(0,0,0,0.4); top:0; display:none;  position:fixed; z-index:99999;  max-width: 750px; }
#alertShow.show{ display:block;}
.alertlive{ width:240px; height:200px; margin:0 auto; border-radius:5px;   background:#fff; margin-top:50%}
.alertlive p{width:100%; float:left; font-size:14px; color:rgba(51, 51, 51, 1);line-height:40px; text-align:center; border-bottom:1px solid rgba(247, 247, 247, 1)}
.alertlive  span{width:100%; float:left; text-align:center; margin-top:12px; cursor:pointer;}
.alertlive em{display:inline-block;font-size:14px; width:110px; color:#fff; line-height:32px; text-align:center;text-align:center; border-radius:16px;border:1px solid rgba(255, 53, 81, 1);background:rgba(255, 53, 81, 1); padding:0 14px; }
.alertlive span i.icon1{ display:inline-block; width:30px;background:url(../images/bfy_gqzb_icon.png) no-repeat center; background-size:16px;height:30px; vertical-align:top; }
.alertlive span i.icon2{ display:inline-block; width:30px;background:url(../images/bfy_zbjieshuo_icon.png) no-repeat center; background-size:18px;height:30px; vertical-align:top; }
.alertlive em.no{ background:rgba(49, 132, 255, 1);border:1px solid rgba(49, 132, 255, 1); }
.alertdown{width:270px; height:146px; margin:0 auto; border-radius:5px;   background:#fff; margin-top:55%}
.alertdown .txt1{width:100%; float:left; font-size:16px; color:#333;line-height:30px; text-align:center; margin-top:20px;}
.alertdown .txt2{width:100%; float:left; font-size:16px; color:#999;line-height:30px; text-align:center; }
.alertdown .down{width:100%; float:left; font-size:16px;text-align:center;margin-top:15px; }
.alertdown .down a{ display:inline-block; padding:0 20px; background:#FF0404; border-radius:5px; color:#fff;line-height:32px; }