@charset "UTF-8";

body,
html {
  background-color: #fff;
}

.sy-head {
  min-height: 6.34615rem;
  border-bottom: 0.21368rem solid #f6f6f6;
  background-color: #fff;
  padding: 0.59829rem 0.64103rem 0.8547rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sy-head .sy-headH1 {
  height: 3.20513rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sy-head .sy-headH1 .sy-headLogo {
  width: 3.11966rem;
  height: 3.11966rem;
  border: 1px solid #e2e2e2;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
}

.sy-head .sy-headH1 .sy-headLogo .sy-headLogo_img {
  width: 100%;
  height: 100%;
}

.sy-head .sy-headH1 .sy-headLogo .sy-headLogo_img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.sy-head .sy-headH1 .sy-headLogo .sy-head_icon {
  position: absolute;
  z-index: 10;
  width: 0.68376rem;
  height: 0.68376rem;
  bottom: 0.0641rem;
  right: 0.21368rem;
}

.sy-head .sy-headH1 .sy-headLogo .sy-head_icon img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.sy-head .sy-headH1 .sy-headMsg {
  width: 11.53846rem;
  padding: 0 1.60256rem 0 0.96154rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sy-head .sy-headH1 .sy-headMsg .sy-headMsg_dl {
  height: 1.73077rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sy-head .sy-headH1 .sy-headMsg .sy-headMsg_dl dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sy-head .sy-headH1 .sy-headMsg .sy-headMsg_dl dl dd:first-child {
  color: #333;
  font-size: 0.7265rem;
  font-weight: 600;
}

.sy-head .sy-headH1 .sy-headMsg .sy-headMsg_dl dl dd:last-child {
  color: #747474;
  font-size: 0.51282rem;
  font-weight: 400;
}

.sy-head .sy-headH1 .sy-headMsg .sy-headMsg_fun {
  height: 0.94017rem;
}

.sy-head .sy-headH1 .sy-headMsg .sy-headMsg_fun span {
  border: 0.02778rem solid #cccccc;
  padding: 0 0.34188rem;
  line-height: 0.94017rem;
  float: left;
  margin-left: 0.42735rem;
  color: #666;
  font-size: 0.51282rem;
  border-radius: 0.12821rem;
  font-weight: 400;
}

.sy-head .sy-headH1 .sy-headMsg .sy-headMsg_fun span:first-child {
  margin-left: 0;
}

.sy-head .sy-headH2 {
  color: #666;
  font-size: 0.55556rem;
  line-height: 0.70513rem;
  margin-top: 0.98291rem;
}

.sy-main_nav {
  height: 1.85897rem;
  border-bottom: 0.02137rem solid #eeeeee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 21;
}

.sy-main_nav .sy-main_nav_dl {
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.sy-main_nav .sy-main_nav_dl .sy-main_nav_move {
  position: absolute;
  width: 3.20513rem;
  height: 0.12821rem;
  left: 0;
  bottom: 0.36325rem;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sy-main_nav .sy-main_nav_dl .sy-main_nav_move img {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -0.21368rem;
  width: 0.42735rem;
  height: 0.0641rem;
}

.sy-main_nav .sy-main_nav_dl .sy-main_nav_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sy-main_nav .sy-main_nav_dl .sy-main_nav_box dl {
  min-width: 3.20513rem;
  height: 100%;
  padding: 0.38462rem 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 400;
  color: #333;
  font-size: 0.64103rem;
  text-align: center;
}

.sy-main_nav .sy-main_nav_dl .sy-main_nav_box dl.active {
  color: #f02215;
  position: relative;
}

.sy-main_nav .sy-main_nav_dl .sy-main_nav_box dl.active::after {
  content: " ";
  width: 0.42735rem;
  height: 0.0641rem;
  bottom: 0.14957rem;
  left: 50%;
  margin-left: -0.21368rem;
  background: #f02215;
  position: absolute;
}

.sy-main_nav .sy-main_nav_dl .sy-main_nav_box dl:first-child {
  margin-left: 0;
}

.sy-main {
  background: #fff;
  position: relative;
  z-index: 2;
}

.sy-main .sy-main_cont {
  width: 100%;
  position: relative;
  z-index: 14;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide {
  width: 100%;
  position: relative;
  height: auto;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-article {
  width: 100%;
  position: relative;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-article .item-article-scroll {
  width: 14.74359rem !important;
  margin-left: -7.37179rem;
  left: 50%;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-article .item-article-scroll .item-article-ele {
  display: inline-block;
  width: 100%;
  height: 4.59402rem;
  padding-top: 0.76923rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-article .item-article-scroll .item-article-ele .item-article_mod {
  width: 100%;
  height: 3.20513rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-article .item-article-scroll .item-article-ele .item-article_mod .item-article_msg {
  width: 9.42308rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-article .item-article-scroll .item-article-ele .item-article_mod .item-article_msg h1 {
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  font-size: 0.76923rem;
  font-weight: 400;
  color: #333;
  line-height: 1.06838rem;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-article .item-article-scroll .item-article-ele .item-article_mod .item-article_msg h2 {
  font-size: 0.51282rem;
  color: #aaaaaa;
  font-weight: normal;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-article .item-article-scroll .item-article-ele .item-article_mod .item-article_poster {
  width: 4.72222rem;
  height: 100%;
  overflow: hidden;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-article .item-article-scroll .item-article-ele .item-article_mod .item-article_poster img {
  width: 100%;
  height: 100%;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-video {
  width: 100%;
  padding: 0 0.64103rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-video .item-video-scroll {
  width: 14.74359rem !important;
  margin-left: -7.37179rem;
  left: 50%;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-video .item-video-scroll .refresh {
  width: 100%;
  height: 0.51282rem;
  font-size: 0.51282rem;
  text-align: center;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-video .item-video-scroll .item-video-ele {
  width: 100%;
  padding-top: 0.64103rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-video .item-video-scroll .item-video-ele h1 {
  font-size: 0.76923rem;
  font-weight: 400;
  color: #333;
  line-height: 1.06838rem;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-video .item-video-scroll .item-video-ele .item-video_img {
  height: 8.2906rem;
  position: relative;
  margin-top: 0.32051rem;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-video .item-video-scroll .item-video-ele .item-video_img .item-video_poster,
.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-video .item-video-scroll .item-video-ele .item-video_img .item-video_poster img {
  width: 100%;
  height: 100%;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-video .item-video-scroll .item-video-ele .item-video_img .item-video_icon {
  position: absolute;
  width: 1.41026rem;
  height: 1.41026rem;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-video .item-video-scroll .item-video-ele .item-video_img .item-video_icon img {
  width: 100%;
  height: 100%;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-video .item-video-scroll .item-video-ele h2 {
  font-size: 0.51282rem;
  font-weight: 400;
  color: #aaaaaa;
  line-height: 0.70513rem;
  margin: 0.51282rem 0 0.64103rem 0;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-spark {
  padding-top: 0.42735rem;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-spark .item-spark-scroll {
  background-color: #fff;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-spark .item-spark-scroll .item-spark-ele {
  float: left;
  width: 5.25641rem;
  height: 9.42308rem;
  margin-right: 0.0641rem;
  margin-bottom: 0.0641rem;
  position: relative;
  overflow: hidden;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-spark .item-spark-scroll .item-spark-ele .item-spark-poster,
.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-spark .item-spark-scroll .item-spark-ele .item-spark-poster img {
  width: 100%;
  height: 100%;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-spark .item-spark-scroll .item-spark-ele .item-spark-msg {
  position: absolute;
  height: 0.51282rem;
  padding-left: 0.42735rem;
  bottom: 0.42735rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-weight: 500;
  font-size: 0.51282rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 10;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-spark .item-spark-scroll .item-spark-ele .item-spark-msg .item-spark-msg_icon {
  width: 0;
  height: 0;
  border: 0.32051rem solid transparent;
  border-left-color: #fff;
}

.sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide.item-spark .item-spark-scroll .item-spark-ele:nth-of-type(3n) {
  margin-right: 0;
}

.topNav {
  height: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  background-color: #fff;
  left: 0;
  width: 100%;
  z-index: 40;
}

.hr_row {
  width: 100%;
  height: 1px;
  background-color: #ededed;
}

.mui-table-view:after,
.mui-table-view:before {
  background-color: transparent !important;
}

.noData {
  width: 2.39316rem;
  height: 2.99145rem;
  text-align: center;
  color: #666;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 5.89744rem;
}

.noData img {
  display: inline-block;
  width: 2.05128rem;
  height: 2.05128rem;
}

.noData span {
  display: inline-block;
  text-align: center;
  font-size: 0.59829rem;
  color: #ddd;
}

.mui-scroll {
  background-color: #fff;
}

.mui-pull-caption {
  font-size: 0.47009rem;
  font-weight: 400;
  color: #999;
}

.have-footer-nav .sy-main .sy-main_cont .sy-main_cont-wrapper .sy-main_slide {
  padding-bottom: 2.1367rem;
}

/*达人直播tab*/

.item-xcLive-scrollView {
  overflow: hidden;
  font-size: 0;
}

.item-xcLive-ele {
  display: inline-block;
  float: left;
  width: 7.69231rem;
  height: 7.69231rem;
  margin-left: 0.21368rem;
  margin-top: 0.21368rem;
}

.item-xcLive-ele .item-xcLive-box {
  width: 7.69231rem;
  height: 7.69231rem;
  position: relative;
}

.item-xcLive-ele .item-xcLive-box .item-xcLive-bg {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 0.17094rem;
}

.item-xcLive-ele .item-xcLive-box .item-xcLive-status {
  display: inline-block;
  width: 1.5812rem;
  height: 0.68376rem;
  position: absolute;
  top: 0.21368rem;
  left: 0.21368rem;
}

.item-xcLive-ele .item-xcLive-box .item-xcLive-status.item-xcLive-live {
  background: url("/image/mpContent/icon-live.png") no-repeat center;
  background-size: cover;
}

.item-xcLive-ele .item-xcLive-box .item-xcLive-status.item-xcLive-yg {
  width: 1.19658rem;
  background: url("/image/mpContent/icon-yg.png") no-repeat center;
  background-size: cover;
}

.item-xcLive-ele .item-xcLive-box .item-xcLive-status.item-xcLive-hg {
  width: 1.19658rem;
  background: url("/image/mpContent/icon-hg.png") no-repeat center;
  background-size: cover;
}

.item-xcLive-ele .item-xcLive-box p {
  width: 7.69231rem;
  height: 1.7094rem;
  line-height: 1.7094rem;
  position: absolute;
  left: 0rem;
  text-indent: 0.42735rem;
  bottom: 0rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  border-radius: 0px 0px 4px 4px;
}

.item-xcLive-ele .item-xcLive-box p .item-xcLive-title {
  display: inline-block;
  width: 4.35897rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  font-size: 0.59829rem;
  text-indent: 0;
}

.item-xcLive-ele .item-xcLive-box p .item-xcLive-visit {
  margin-left: 0.42735rem;
  vertical-align: top;
  display: inline-block;
}

.item-xcLive-ele .item-xcLive-box p .item-xcLive-visit img {
  display: inline-block;
  width: 0.42735rem;
  height: 0.42735rem;
}

.item-xcLive-ele .item-xcLive-box p .item-xcLive-visit i {
  font-style: normal;
  font-size: 0.51282rem;
  color: #fff;
  margin-left: 0.08547rem;
}

.click-close-des {
  float: right;
  color: #3f7ce2;
}

.click-show-des {
  float: right;
  color: #3f7ce2;
}