/*
*LeeDong
*2021-11-17
***/
* {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

img {
	border: none
}

.ld-video {
	width: 16rem;
	background: #4a4a4a;
	height: 1.8rem;
	/* position: absolute; */
	/* top: 16.6rem; */
	overflow: hidden;
}

.fxb-video {
	width: 15.6rem;
	background: #4a4a4a;
	height: 1.8rem;
	/* position: absolute;
	top: 14rem; */
	overflow: hidden;
	display: none;
}

.ld-interface {
	position: relative;
	width: 16rem;
	display: flex;
}

.ld-content {
	width: 9rem;
	padding: 0.1rem 0.54rem 0.1rem 0.4rem
}

.ld-content-title {
	line-height: 0.7rem;
	font-size: 0.52rem;
	color: #fff;
	height: 0.7rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ld-video div.ld-progress {
	width: 12rem;
	height: 0.1rem;
	margin: 0.1rem 0;
}

.ld-seek-bar {
	background: #fafafa;
	height: 100%;
	width: 100%;
	cursor: pointer;
}

.ld-play-bar {
	background: #4eb9ff;
	width: 0%;
	height: 100%;
	position: relative;
}

.ld-play-btn {
	width: 10px;
	height: 10px;
	background: #2fceb3;
	position: absolute;
	top: -3px;
	right: 0;
	z-index: 999;
	overflow: hidden;
	display: none;
}

.ld-bar {
	height: 0.7rem;
	line-height: 0.7rem;
}

.ld-bar .time {
	color: #fff;
	font-size: 0.54rem;
	font-family: "Times New Roman", Times, serif;
	display: flex;
	justify-content: space-between;
}

.ld-bar .ld-current-time {
	display: inline;
}

div.ld-duration {
	display: inline;
}

.ld-play {
	background: url('8b66d5767319f20d61ae90b825b1ce45fdd73c9bb0a8d64e49a3797becccd396.png') no-repeat;
	background-size: contain;
	width: 1.8rem;
	height: 1.8rem;
	display: block;
}

.ld-pause {
	background: url('23bb123616b28a4e25c260a2da0cdb2217ab069fee93c2b73bbe1a5d45e2195c.png') no-repeat;
	background-size: contain;
	width: 1.8rem;
	height: 1.8rem;
	display: block;
}

.ld-isOpen {
	padding-top: 0.3rem;
	width: 0.75rem;
	height: 1.33rem;
	margin-right: 0.24rem;
}

.ld-isOpen img {
	width: 0.75rem;
	height: 0.63rem;
	outline: none;
}

.fxbAudio {
	background: #444;
	bottom: 0.4rem;
	/* left: 0.2rem; */
	z-index: 999999;
	width: 16rem;
	/* width: 15.6rem; */
	margin: 0 auto;
	position: fixed;
}

.fbxDay {
	text-align: center;
	color: #fff;
	font-size: 0.61rem;
	height: 2rem;
	line-height: 2rem;
	font-weight: bold;
	position: relative;
	width: 14.86rem;
	margin: 0 auto;
	border-bottom: 1px solid #707070;
	color: #75c1ed;
}

.fxbClose {
	position: absolute;
	width: 0.62rem;
	height: 0.62rem;
	right: 0;
	top: 0.6rem;
	cursor: pointer;
	outline: none;
}

.fxbClose img {
	width: 0.62rem;
	height: 0.62rem;
	display: block;
}

.fxbLive {
	height: 16.6rem;
	display: none;
}
/*livePlayer-start*/
.audioLive {
	width: 14.8rem;
	margin: 0 auto;
}

.shiduan, .Livedate, .riqi, .liveNone {
	display: none;
}

.audioBox .audioInfo,.audioBox .currentDate,.audioBox .currentDay,.audioBox .Livehost {
	display: none
}

.onairTime {
	width: 14.8rem;
	margin: 0.8rem 0;
}

.audioBox {
	width: 14.8rem;
	height: 14.6rem;
	background: #444;
	font-size: 0.6rem;
	color: #fff;
	overflow-y: auto;
	position: relative;
}

.audioBoxLd {
	display: flex;
	justify-content: space-between;
	font-size: 0.6rem;
	line-height: 0.8rem;
	height: 0.8rem;
}

.audioBoxLd .autioTit {
	display: flex;
}

.audioBoxLd .autioTit em {
	font-style: normal;
}

.audioBoxLd .autioTit span {
	font-style: normal;
	display: block;
	background: #ff6600;
	color: #fff;
	font-size: 0.52rem;
	text-align: center;
	width: 1.28rem;
	margin-left: 0.2rem;
	display: none;
}

.audioBoxLd .liveActive span {
	display: block;
	height: 0.8rem;
	line-height: 0.8rem;
}

.liveActive .autioTit span {
	display: block;
}

.ld-isBack {
	height: 1.8rem;
	width: 0.524rem;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99999;
}

.ld-isBack img {
	height: 1.8rem;
	width: 0.524rem;
}

.ld-Close-one {
	display: none;
}

.ld-Close-two {
	display: block;
}

.fxb-video div.ld-progress {
	width: 11rem;
	height: 0.1rem;
	margin: 0.1rem 0;
}

.fxb-video .ld-content {
	width: 11rem;
}

.ld-video .fxbLiveChange {
	width: 1.44rem;
	height: 0.74rem;
	line-height:0.74rem;
	text-align: center;
	background: url('eeea07c3595b97d52ea9b78b07b09c902980e3b2990e053085bcca1f77f0a503.png') no-repeat;
	background-size: contain;
	color: #fff;
	font-size: 0.6rem;
	margin-top: 0.4rem;
	margin-left: 0.2rem;
	position: absolute;
    margin: 0;
    top: .43rem;
    right: 2.8rem;
}

.fxb-video .fxbLiveChange {
	width: 1.44rem;
	height: 0.74rem;
	line-height:0.74rem;
	text-align: center;
	background: url('eeea07c3595b97d52ea9b78b07b09c902980e3b2990e053085bcca1f77f0a503.png') no-repeat;
	background-size: contain;
	color: #fff;
	font-size: 0.6rem;
	margin-top: 0.4rem;
	margin-left: 0.2rem;
}

.fxb-video .ld-pause {
	display: none;
}

.video-all{
	position: relative;
}

.ld-on{
	position: fixed;
    bottom: 2.4rem;
    left: 0.2rem;
	background: url('e322dea3180d8e776c6848641c3e95e1bcd231903562566e311050a06e9e016a.png') no-repeat;
	background-size: contain;
    width: 1.78rem;
	height: 0.62rem;
	z-index: 999;
	/* display: none; */
}

.ld-off{
	position: fixed;
	bottom: 2.4rem;
    right: 0.2rem;
	background: url('7d383132c077ec626a9ed2244ee6e9378d678b4bf2c4ea0c50bfb9de52b6ddb0.png') no-repeat;
	background-size: contain;
    width: 1.78rem;
	height: 0.62rem;
	z-index: 999;
}

.fxb-on{
	position: fixed;
    bottom: 2.4rem;
    left: 0.2rem;
    background: red;
	background: url('e322dea3180d8e776c6848641c3e95e1bcd231903562566e311050a06e9e016a.png') no-repeat;
	background-size: contain;
    width: 1.78rem;
	height: 0.62rem;
	display: none;
	z-index: 999;
}

.fxb-off{
	position: fixed;
    bottom: 2.4rem;
    right: 0.2rem;
    background: red;
	background: url('7d383132c077ec626a9ed2244ee6e9378d678b4bf2c4ea0c50bfb9de52b6ddb0.png') no-repeat;
	background-size: contain;
    width: 1.78rem;
	height: 0.62rem;
	display: none;
	z-index: 999;
}


.fxb-on,.ld-on{
    /* IE10、Firefox and Opera，IE9以及更早的版本不支持 */
    /* animation-name: jump2; */                         /* 动画名称 */
    /* animation-duration: 1.5s; */                         /* 动画时长3秒 */
    /* animation-timing-function: ease-in-out; */         /* 动画速度曲线：以低速开始和结束 */
    /* animation-iteration-count: infinite; */            /* 播放次数：无限 */
    /* Safari and Chrome */
    /* -webkit-animation-name: jump2; */                 /* 动画名称 */
    /* -webkit-animation-duration:1.5s; */                 /* 动画时长3秒 */
    /* -webkit-animation-timing-function: ease-in-out; */ /* 动画速度曲线：以低速开始和结束 */
    /* -webkit-animation-iteration-count: infinite; */    /* 播放次数：无限 */
}
@keyframes jump2 {
    from { left: 0.2rem;}                          /* 动画开始时的不透明度 */
    50%  { left: 0.5rem;}                          /* 动画50% 时的不透明度 */
    to   { left: 0.2rem;}                          /* 动画结束时的不透明度 */    
}

.fxb-off,.ld-off{
    /* IE10、Firefox and Opera，IE9以及更早的版本不支持 */
    /* animation-name: jump; */                         /* 动画名称 */
    /* animation-duration: 1.5s; */                         /* 动画时长3秒 */
    /* animation-timing-function: ease-in-out; */         /* 动画速度曲线：以低速开始和结束 */
    /* animation-iteration-count: infinite; */            /* 播放次数：无限 */
    /* Safari and Chrome */
    /* -webkit-animation-name: jump; */                 /* 动画名称 */
    /* -webkit-animation-duration:1.5s; */                 /* 动画时长3秒 */
    /* -webkit-animation-timing-function: ease-in-out; */ /* 动画速度曲线：以低速开始和结束 */
    /* -webkit-animation-iteration-count: infinite; */    /* 播放次数：无限 */
}
@keyframes jump {
    from { right: 0.2rem;}                          /* 动画开始时的不透明度 */
    50%  { right: 0.5rem;}                          /* 动画50% 时的不透明度 */
    to   { right: 0.2rem;}                          /* 动画结束时的不透明度 */    
}





.fxbAudio {bottom: 0;}
.fxbAudio {background: none;background: rgba(0,0,0,0.6);}
.ld-video {background: rgba(0,0,0,0.6);background: none;}
.fxb-video {background: rgba(0,0,0,0.6);width:100%;overflow: visible;}
.ld-play {background: url('7440c4d66612e035ccee2a107760b9354611846593a29749d7c100bcb0867a61.png') no-repeat;background-size: 100% 100%;}
.ld-pause {background: url('7df318fdbdf81d3becf819ea48b5505b3843e515823c855b5e04522d483a8c14.png') no-repeat;background-size: 100% 100%;}
.ld-progress {position: absolute;top:-0.1rem;width: 16rem;margin: 0;left: 0;}
.fxb-video div.ld-progress {width: 16rem;}
.ld-play-bar {background: #ff9000;}
.ld-bar {position: absolute;top:0;left:0;margin-top: -.38rem;width: 16rem;height: 0;}
.ld-bar-box {position: relative;width: 100%;height: 0;}
.ld-bar .time {position: absolute;top: 0;left: 0;height: .76rem;line-height: .76rem;width: 3.8rem;text-align: center;justify-content:flex-start;display:block;font-size: .45rem;color: #fff;padding: 0 .38rem;border-radius: 100px 100px;background-color: #ff9000;}
.ld-content-title {height: 1.8rem;line-height: 1.8rem;}
.fxb-video .fxbLiveChange {position: absolute;margin: 0;top:.43rem;right:1.4rem;}
.fxb-off, .ld-off {width: 1.2rem;z-index: 9999999;background: url('88089562ae4374bd6c5b597adfc7698429f4e03b84dde01dfed246ac2f845308.png') no-repeat center center;background-size: .28rem .59rem;height: 1.8rem;bottom: 0;right:0;}
.fxb-on, .ld-on {width: 1.2rem;z-index: 9999999;background: url('88089562ae4374bd6c5b597adfc7698429f4e03b84dde01dfed246ac2f845308.png') no-repeat center center #ff9000;background-size: .28rem .59rem;height: 1.8rem;bottom: 0;left:1.8rem;
transform: rotate(180deg) scale(1,1);
-ms-transform: rotate(180deg) scale(1,1);
-moz-transform: rotate(180deg) scale(1,1);
-webkit-transform: rotate(180deg) scale(1,1);
-o-transform: rotate(180deg) scale(1,1);
}
.xwIsopen .ld-content-title,.xwIsopen .ld-progress,.xwIsopen .ld-bar,.xwIsopen .fxbLiveChange,.xwIsopen .ld-isOpen {display: none;}
.ld-video {overflow: visible;}
.ld-video div.ld-progress {display: none;}
.ld-video .ld-duration-now {display: inline;display: none;}
.ld-video .ld-bar .time {left: 50% !important;margin-left: -1.58rem !important;width: 2.4rem;}
.ld-isOpen {position: absolute;right:1.4rem;padding-top: 0rem;margin-right: 0rem;top:.3rem}
.fxbLive {background-color: #444;}
.fxb-video div.ld-progress {margin: 0;}
.ld-content {padding: 0rem 0.54rem 0.1rem 0rem;}
.ld-seek-bar {background: none;}
.fxb-video div.ld-progress {width: 10.24rem;left:50%;margin: 0;margin-left: -5.12rem;}
.ld-seek-bar {position: relative;}
.ld-seek-bar::after {position: absolute;content: "";width: 2.88rem;background: #ff9000;height: 100%;top: 0;left: -2.88rem;z-index: -1;}
.fxb-video .ld-bar {display: none;}
.ld-play-timer {position: absolute;top: -.38rem;right: 0;height: .76rem;line-height: .76rem;margin-right: -2.88rem;width: 5rem;text-align: center;justify-content:flex-start;display:block;font-size: .45rem;color: #fff;padding: 0 .38rem;border-radius: 100px 100px;background-color: #ff9000;}