@charset "utf-8";

/*直播*/
.wrap-live{ padding: 0.267rem 0;}
.wrap-live .ggtit{ margin: 0 0.4rem 0.267rem;}
.liveMain{ padding: 0.133rem 0.133rem 0.267rem; background: #fff; border-radius: 0.133rem; margin: 0 0.4rem; position: relative; z-index: 1; overflow: hidden;}
.liveMain .onlinve{ width: 100%; height: 5.92rem; border-radius: 0.133rem; overflow: hidden;
  background: -webkit-linear-gradient(top, #ffe0cf, #fffcf5); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(top, #ffe0cf, #fffcf5); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(top, #ffe0cf, #fffcf5); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom, #ffe0cf, #fffcf5); /* 标准的语法 */}
.liveMain .left-img{ position: absolute; top: 0.133rem; left: 0.133rem; right: 0.133rem; height: 5.92rem; z-index: 80;}
.liveMain #drawPanelContainer{ width: 66%; height: 5.92rem; position: absolute; top: 0; left: 0;}
.liveMain #livePlayerContainer{ width: 30%; position: absolute; height: 5.92rem; top: 0; right: 0;}
.liveMain-video{ height: 5.92rem; background: none; border-radius: 0.133rem; width: 100%; text-align: center;}
.liveMain-video h5{ padding-top: 0.987rem; height: 1.467rem; line-height: 1.467rem; text-align: center; font-size: 0.613rem; color: #EE4420; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.liveMain-video span{ overflow: hidden; display: inline-block; padding: 0 0.4rem; height: 0.853rem; background: #f8d9c9; border-radius: 0.133rem; margin: 0 0 0.4rem; line-height: 0.87rem; font-size: 0.32rem; color: #CB3617;}
.liveMain-video img{ display: inline-block; width: 0.4rem; height: 0.4rem; margin-right: 0.187rem; vertical-align: -0.08rem;}
.liveMain-video a{ display: block; width: 3.68rem; height: 0.88rem; text-align: center; line-height: 0.88rem; border-radius: 0.52rem; margin: 0 auto; font-size: 0.373rem; color: #fff;
  background: -webkit-linear-gradient(left, #EE4420, #FF5B30); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left, #EE4420, #FF5B30); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left, #EE4420, #FF5B30); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #EE4420, #FF5B30); /* 标准的语法 */}
.liveMain-video a.appointment{ background: linear-gradient(90deg, #636363 0%, #5d5c5c 100%);}
.liveMain-list .swiper-container{ padding: 0.667rem 0 0.133rem; width: 8.933rem; height: 2.4rem; margin-top: 0.267rem; background: url(/images/24homePage/day-live/icon_12.png) repeat-x center top; background-size: 0.027rem 0.533rem;}
.liveMain-list .swiper-slide{ width: 7.067rem; height: 2.4rem; position: relative; border-radius: 0.067rem; background: #fff; margin: 0 0.133rem; -webkit-box-shadow:0 0 0.2rem rgba(232,232,232,1); -moz-box-shadow:0 0 0.2rem rgba(232,232,232,1); box-shadow:0 0 0.2rem rgba(232,232,232,1);}
.liveMain-list .swiper-slide .icon{ position: absolute; top: -0.667rem; left: 0.667rem; width: 0.533rem; height: 0.533rem; background:url(/images/24homePage/day-live/icon_14.png) no-repeat center #fff; background-size: 0.267rem 0.267rem;}
.liveMain-list .swiper-slide.on .icon{ background:url(/images/24homePage/day-live/icon_13.png) no-repeat center #fff; background-size: 0.267rem 0.267rem;}
.liveMain-list .swiper-slide dt{ padding: 0.4rem 0 0 0.267rem;}
.liveMain-list .swiper-slide dt img{ display: block; width: 1.253rem; height: 1.253rem; border-radius: 100%;}
.liveMain-list .swiper-slide dd{ position: relative; z-index: 1; padding: 0.293rem 0 0 0.267rem; color: #333; width: 5.067rem;}
.liveMain-list .swiper-slide dd h6{ display: block; width: 100%; height: 0.667rem; line-height: 0.667rem; font-size: 0.373rem; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.liveMain-list .swiper-slide dd .sub,.liveMain-list .swiper-slide dd .name{ width: 3.467rem; height: 0.587rem; line-height: 0.587rem; font-size: 0.32rem; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.liveMain-list .swiper-slide dd a{ position: absolute; bottom: 0; right: 0; display: block; width: 1.6rem; height: 0.693rem; text-align: center; line-height: 0.693rem; border-radius: 0.347rem; font-size: 0.32rem; color: #fff;
  background: -webkit-linear-gradient(left, #EE4420, #FF5B30); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left, #EE4420, #FF5B30); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left, #EE4420, #FF5B30); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #EE4420, #FF5B30); /* 标准的语法 */}
.liveMain-list .swiper-slide dd a.yy-btn,.liveMain-video a.yy-btn {
  background: -webkit-linear-gradient(left, #FF8C49, #FFB263); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left, #FF8C49, #FFB263); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left, #FF8C49, #FFB263); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #FF8C49, #FFB263); /* 标准的语法 */}

/*微信提示弹框*/
.liveWx-bg{ width:100%; height:100%; background:#000; opacity:.7; position:fixed; top:0; left:0; z-index: 98;}
.liveWx-tk{ display: none; width: 8rem; padding: 0.533rem 0; background:#fff; position:fixed; top:50%; left:50%; margin:0 0 0 -4rem; z-index: 99; border-radius: 0.133rem; background: linear-gradient(135deg, #fff3e4 0%, #fff4ec 20%, #ffffff 50%);}
.liveWx-tk .xx{ position: absolute; top: 0.267rem; right: 0.267rem; display:block; width: 0.427rem; height: 0.427rem; background:url(/images/24homePage/day-live/icon_15.png) no-repeat; background-size: 100% 100%;}
.liveWx-tk .ttit{ height: 0.933rem; color:#FF5C51; line-height: 0.933rem; font-size: 0.533rem; font-weight: 700; text-align: center; margin-bottom: 0.133rem;}
.liveWx-tk .tcen{ margin-bottom: 0.507rem; text-align: center; line-height: 0.8rem;}
.liveWx-tk .tcen .sect{ font-size: 0.32rem; color: #666;}
.liveWx-tk .tcen .secb{ font-size: 0.32rem;}
.liveWx-tk .tcen .secb b{ font-size: 0.48rem;}
.liveWx-tk .tbox{ position: relative; z-index: 1; margin: 0 auto; width: 6.24rem; height: 2.24rem; border: 1px solid #eaeaea; background: #f6f8fa; border-radius: 0.213rem;}
.liveWx-tk .tbox-tit{ position: absolute; top: 50%; left: 0; margin-top: -0.4rem; width: 1.467rem; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.347rem; font-weight: 700;}
.liveWx-tk .tbox-con{ padding-top: 0.053rem; margin-left: 1.467rem;}
.liveWx-tk .tbox-con-txt{ line-height: 0.88rem; font-size: 0.293rem; color: #666;}
.liveWx-tk .tbox-con-btn{ position: relative; z-index: 1; display: block; width: 3.067rem; height: 0.907rem; padding-left: 0.907rem; line-height: 0.907rem; font-size: 0.32rem; color: #FF8E35; background: #fff; border: 1px solid #FF8E35; border-radius: 0.467rem;}
.liveWx-tk .tbox-con-btn i{ display: block; position: absolute; top: 50%; left: 0.267rem; margin-top: -0.227rem; width: 0.453rem; height: 0.453rem;}
.liveWx-tk .tbox-con-btn i img{ width: 0.453rem; height: 0.453rem; vertical-align: top;}
.liveWx-tk .jian{ width: 100%; height: 0.613rem; background:url(/images/24homePage/day-live/icon_11.png) no-repeat center; background-size: 0.627rem 0.6rem;}