mz/unpackage/dist/dev/mp-weixin/pages/live/broadcast.wxss

@import url(https://g.alicdn.com/de/prismplayer/2.7.2/skins/default/aliplayer-min.css);


@charset "UTF-8";
/* 页面左右间距 */
/* 文字尺寸 */
/*文字颜色*/
/* 边框颜色 */
/*颜色*/
/* 图片加载中颜色 */
/* 行为相关颜色 */
/* 功能栏字体大小 */
/*功能栏左侧小图标*/
.container {
  background-color: #FFFFFF;
}
.top {
  width: 100%;
  height: 500rpx;
}
.top .course-video {
  width: 100%;
  height: 60vw;
}
.top .course-video.errorContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background-color: #212121;
  text-align: center;
}
.top .course-video.errorContent .contentText {
  font-size: 32rpx;
  color: #ffffff;
}
.top .course-video.errorContent .contentText .tvImg {
  width: 75rpx;
  height: 64rpx;
  margin-bottom: 25rpx;
}
.uni-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  /* margin-bottom: 100upx; */
}
.foot {
  box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100%;
  height: auto;
  left: 0rpx;
  bottom: 0;
  overflow: hidden;
}
.footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  width: 100%;
  height: 110rpx;
  line-height: 100rpx;
  overflow: hidden;
  background-color: #ffffff;
}
.footer-left {
  width: 80rpx;
  height: 80rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.footer-right {
  background-color: #6786fb;
  width: 130rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  color: #1482d1;
  line-height: 20rpx;
}
.footer-right image {
  width: 50rpx;
  height: 50rpx;
}
.footer-emotion {
  padding: 0rpx 25rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  color: #1482d1;
}
.footer-center {
  border-left: 2rpx solid #cccccc;
  padding-left: 20rpx;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  font-size: 26rpx;
}
.footer-center .input-text {
  font-size: 26rpx;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  background: #fff;
  font-family: verdana !important;
  overflow: hidden;
  border-radius: 15rpx;
}
@font-face {
  font-family: 'iconfont';
  /* project id 1134039 */
  src: url("http://at.alicdn.com/t/font_1134039_uait6xu86bf.eot");
  src: url("http://at.alicdn.com/t/font_1134039_uait6xu86bf.eot?#iefix") format("embedded-opentype"), url("http://at.alicdn.com/t/font_1134039_uait6xu86bf.woff2") format("woff2"), url("http://at.alicdn.com/t/font_1134039_uait6xu86bf.woff") format("woff"), url("http://at.alicdn.com/t/font_1134039_uait6xu86bf.ttf") format("truetype"), url("http://at.alicdn.com/t/font_1134039_uait6xu86bf.svg#iconfont") format("svg");
}
.iconfont {
  font-family: 'iconfont' !important;
  font-size: 18px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon {
  color: #f3b72c !important;
}
.icon-face:before {
  content: '\e71c';
  font-size: 50rpx;
}
.m-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  padding-top: 40rpx;
}
.m-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 120rpx;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
}
.m-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  word-break: break-all;
  font-size: 22rpx;
}
.m-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 120rpx;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
}
.head_icon {
  width: 80rpx;
  height: 80rpx;
  border-radius: 100%;
}
.m-content-head {
  position: relative;
}
.m-content-head-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
}
.m-content-head-customer {
  text-align: left;
  background: #f7f7fb;
  border: 1px #f7f7fb solid;
  border-radius: 20rpx;
  padding: 20rpx 25rpx;
  font-size: 26rpx !important;
  display: inline-block;
}
.m-content-head-customer:before {
  border: 15rpx solid transparent;
  border-right: 15rpx solid #f7f7fb;
  left: -26rpx;
  width: 0;
  height: 0;
  position: absolute;
  content: ' ';
}
.m-content-head-home {
  border: 1rpx white solid;
  font-size: 26rpx !important;
  background: white;
  border-radius: 20rpx;
  padding: 20rpx;
  background-color: #f7f7fb;
}
.m-content-head-home:after {
  border: 15rpx solid transparent;
  border-left: 15rpx solid #f7f7fb;
  top: 20rpx;
  right: -26rpx;
  width: 0;
  height: 0;
  position: absolute;
  content: ' ';
}