*{
  margin: 0;
  padding: 0;
}

html{
  min-height: 100vh;
}

body{
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  background:#fff;
  position: relative
}

.wrap-loading{
  font-size: .12rem;
  color: #999;
  position: fixed;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  display: flex;
  flex-flow: column;
  align-items: center;
}

.wrap-loading img{
  width: 1.5rem;
  height: 1.5rem;
}

.title-group{
  margin-top: 1.2rem;
  text-align: center;
  padding: 0 .1rem;
}
.main-title{
  font-size: .38rem;
  line-height: .48rem;
  color: #2A2836;
  font-weight: bolder;
}

.sub-title{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.74rem;
  width: 4.66rem;
  border-radius: 0.4rem;
  background: #E9EDF1;
  margin: auto;
  margin-top: .23rem;
  font-size: .32rem;
  line-height: .74rem;
  color: #3E4952;
}
.sub-title > span {
  display: inline-block;
  width: 4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sub-title::after {
  content: "";
  width: 0.32rem;
  height: 0.32rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAF3SURBVHic7dgxUsJAGMXx/y6NdnABpdEZOkobJXZoxXACPYKllcNJhAsw2ICdUS5AR0EhegGptCKxsNIGMN8uBe/XZuZl35skRUBEREREREREREREZGc4y7DTZvvKQ8My86/cu4n/XPbSdLCwyDMZIGm2qpnzT0DVIm8Nc59n5+njYF40yBschqVz98QrD1DNvb+zCCr8BCRJq5zt+w+Lw2zKf2WVoq9C8Sdgj3LhjC3e2+QbcHbRfiXuKwCweBn1K0VDTL4BOHomORvIoWORU7IIeZtN04PjWtVB3SJvldzRHY/6txZZJgMAvM+mDzFGyB3d8bB/bZVnNgCEH8G6PBgPAOFGCFEeAgwA9iOEKg+BBgC7EUKWh4ADQPERQpeHwAPA/0eIUR4iDACbjxCrPEQaANYfIWZ5iDgArB4hdnmIPAD8jHB4VCsDJ78uODrjYf8m9nlMf4ltIrls1TNKDQDP8jkdDibbOouIiIiIiIiIiIjIzvgGeWOM9hNatOoAAAAASUVORK5CYII=) no-repeat center center/100% 100%;
}

.audio-content{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: .48rem 0;
}

.retreatQuick{
  width: .45rem;
  height: .45rem;
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
  margin-right: .64rem;
}

.fastForward{
  width: .45rem;
  height: .45rem;
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
  margin-left: .64rem;
}

.timesSpe{
  position: absolute;
  left: .4rem;
  top: 50%;
  transform: translateY(-50%);
  width: .96rem;
}
.changeAudio{
  position: absolute;
  right: .4rem;
  top: 50%;
  transform: translateY(-50%);
  width:1.2rem;
}
.changeAudio::after{
  content:"";
  width:0; height:0; 
  display: inline-block;
  border:4px solid #666666;
  border-right-color:transparent ;
  border-bottom-color:transparent ;
  border-left-color:transparent;
  margin:4px 0px 0px 5px;
}
.changeAudio.active::after{
  transform: rotate(180deg);
  margin-top:-4px;
}
.selectBtn{
  height: .48rem;
  border: 1px solid #666666;
  border-radius: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .26rem;
  color: #666;
  cursor: pointer;
}
.selectBtn.disabled{
  opacity: 0.5;
}
.selectBtn.disabled::after{
  display: none;
}
.option-wrap{
  display: none;
  position: absolute;
  bottom: .66rem;
  left: 50%;
  transform: translateX(-50%);
  color: #FFFFFF;
  background-color: #4E4E50;
  width: 1.28rem;
  flex-flow: column;
  align-items: center;
  border-radius: .12rem;
  padding:0.15rem 0rem;
}
.rate-value{
  position: absolute;
  top: -0.14rem;
  left:100%;
  background: #fff;
  font-size: 0.24rem;
  line-height: 1;
  transform: translateX(-80%);
}
.rate-value.hide{
  opacity: 0;
}
.option-wrap.show{
  display: flex;
}
.option-wrap::after{
  content: '';
  position: absolute;
  bottom: -.1rem;
  left: 50%;
  transform: translateX(-50%);
  width: .18rem;
  height: .18rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAABJUlEQVRYR+3WzQ3CMAwF4Gd1ABiBDegG3JEiwgaMwApswApsEBDizAiMABswAMioFUX89yUttIf0bFufXi3FghZ+0kITIor9KzGpmBSbAFsXdyomxSbA1sWdikmxCbB19E4NhzZNEumwg5/rkkQPzrk905+jjBmPRDRVRQ9ATwRdACkzoEqNKrbX/p0IjqcTlpuN24kxdiuCQZXhNffOxFrbPZ+Rwfo1Dw8Zt1it3CT/fS2B5aDMc1v0hmE30AOqwcQeQC+oBmAvoLeoP8Legj6i/gD7CPqK+iHsK6gU9QNYKYhC1QijQDSqBhgN8kJVgHmBvFEBMG9QEOoO5kquiyBQMKp4/o2x2QM6vb8wVLFUxXy9dsWt5H0t0Jen9+QKDRHFhncBckWDksuKtwsAAAAASUVORK5CYII=);
  background-size: 100% 100%;
}
.option {
  width: .96rem;
  height: .48rem;
  font-size: .28rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.option+.option{
  margin-top:0.15rem;
}
.option.select{
  border-radius: .48rem;
  background-color: #327DFA;
  pointer-events: none;
}


.audio-control{
  width: 1.28rem;
  height: 1.28rem;
  border-radius: 50%;
  background-color: #327DFA;
  box-shadow:0px .05rem .25rem rgba(60, 96, 236, .4);
  background-position: center center;
}

.start{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABbCAYAAADZRGMIAAAFFklEQVR4Xu2dSYgdRRjHf/+D4AKiJxEFQS+KeBNUxP2gYI4GRIlI1KDgrnELJCrGDIp4MBGNy8ENxOglqKCCisEF3NCDAUVUxB13cYuW/Mfu5M28mTf16vV7r5f6YJiBqfqq69dfd//r66pqkW0oAoopHULYH1gOHAocCOwN/AO8DGyV9E6MnzaUGQgshHAasBo4eYnOfgLcA9wt6Zc2gFmsDwsCCyEcDDwInDBk578DrpD0yJD1GlO8D1gI4QzgIWCPEXrxLLBK0ucj+Khl1TnAQgjHAy8Au1VwtL40bwA2SQoV+KuFi53AQgj7Ah8D+1R8ZK8C50r6sGK/U3HXC2wDcN2YjuIvYD2wQdLfY2pjIm5ngRXR9f0EWtxeRNsbE2hrLE2UwFYCD4ylhX6n/wJ3AWsk/TahNitrpgS2FVhWmdc4R58B50t6Pq54PUqVwD4CDpnSIVmzXSrphym1P1SzJbCfiuHOUJUrLPwtcLmkxyr0ORZXJbC66KTaC966AXNU/ApcX1fBW0dg5aX0JnBW3QRvnYEZnAXvrf6pi+CtO7Ay2j4AzpHkqJuqNQWYIVnwbvSAfpqCt0nAyshyyug8Sc9NI9SaCKzk9ChwyaQFb5OBGZwzvBa8hjcRazqwEpIvT1+mY8/wtgVYKXid4d04zgxvm4D1Cl5LEEuRyq2NwErB6wzy+qoFb1uBjU3wth1YKXg3eUBfheDtArBKBW+XgJXgnKS8TJI13NDWRWCl4E2a0tBVYMmCt+vASsG7xq/+YgRvBrbrLuZc25KCNwObe9t3hnemELz+u88ysIWfk55RuUzSF/P/nYEtLiwMy9DmTEfNwAYrsZ89r1fSl2WxDGxp6fqSpJMysKVB9ZZwctJzfskRFgfuLUlHZmBxsMpSh0naniMsHprTQzMZWDyweyVdmIHFA3tG0ukZWDywbZKOy8DigT0u6cwMLB7Y7ZKuycDigS2XtCUDiwP2tdeJStqRgcUBWyfp5qz042B5wdrhkv7IwJYGtgM4StLbOVuxNCyXcI7/4d6i+R62MDgv43G21Ws951gG1g/slWKJou9dfZaB7ULi9VbXApsHvZ/MwP4H9jRwQW/ufrFbXNeBfVXMxN4S9wzodoraOforJflSjLYuRtinwApJvrkPbV0C5r2C7gTWSvp9aFJFha4Ae78Qoe+mguqK0vf47ybAuSxH2MjW5ggbKEBTybURmJ96qyXdlwplUL22AYsWoKkw2wLMAvRiSU+mgoit1wZg3gLnqmEFaCyg+eWaDMzZBG+zlSRAuwTM8uCOQoD+mdrx1HpNizAL0LMl+fdUrCnAPJS50ZFVlQBNpd0EYGMRoG0E9mMhQO9P7dw46tU1wp4CLpL0zTg6PYrPugEzoJWSrNhraXUC5kvv6kkJ0NSzUQLzXtIHpToZsd5UBGjqMZfAtgHHpjoZod6MJG+u1hgrgTnJtnaCR+3Mp1/DT02Apva1BHYE8F6qkyHqWYCuKwSot7dqnM0Cs4UQXgOOHmMPaiVAU/vZC+xE4MVURwPqeWKHn36za3WabjuBFVHmffRXVNipJ4o3y57y2AqbD8z76Ps7H8eM2DuvL/RchdoK0NT+zQFWRNmexQvPVQlOvYHu5mIM2Mpvg/QB63kInApYffsrMzHmaLpF0usxhZtaZlFgRbTt7o+iAKcUT9C95nXUIwSL3tuaqKlSTtpAYPMdhhD2Aw6wCunSt4x6OQwFLOWMtK3OfxBxHHrRdNruAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: .38rem .46rem;
}

.pause{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABQCAYAAACzg5PLAAADzUlEQVR4Xu2cO4hdZRSFvwUqKMFCbFTMkPhAQbAULC2EFAmEJER8N0HQZhq18YERQW3ERkEUEkIEQyJERGJhKVhHUEYUVBStfDAoPsAle5w7mRvvnTn73v8fptinnfWvffZ3173nTLPEBpftq4HDwF7gBuDaVfn3wFfAe8A7kn7ayGe7/K3FPpq0jO1dwNPAA8Almyz8N3AMOCrpu+0CZ/19rO7zLHDfvPv8D5jtQ8DbA4wvZvNH3JCkd7cTNNsBKT7QzT74QfuMAbP9JPDinAs/Jum1OT2aHLf9FPD8nGZj+6wBs30AOD2neRw3sEfShw28ZrawfS9wcmaDCwfH9lkBZvsm4IsG5iOL34AbJf3Y0HOwle1bgM8HH9hcuLbPCFj87uzf/FxK8YakR1InGoltx9M7nuwtr5V9ZPtW4LOWzuu8rtnqlNm+Dfi02z624/XhaKcBRyS92cl7oq3t54BnOs08Egn7GLiz04Azkg528p4G7BPgjk4zzwSwb4CdnQacl3R7J+9pwOLl+bpOM88HsHgCXNFpwM+SrurkPQ3Yn8BlnWb+EsDiPaPbJWniv189BtqOWf/08B55FrAk3QJWwOorOTgD9Rs2GNV/wgJWwJIEkvJKWAFLEkjKK2EFLEkgKa+EFbAkgaS8ElbAkgSS8kpYAUsSSMorYQUsSSApr4QVsCSBpLwSVsCSBJLySlgBSxJIyithBSxJICmvhBWwJIGkvBJWwJIEkvJKWAFLEkjKK2EFLEkgKa+EFbAkgaS8ElbAkgSS8kpYAUsSSMorYQUsSSApr4QVsCSBpLwSVsCSBJLySlgBSxJIyithBSxJICmvhBWwJIGkvBJWwJIEkvKtStgysCN5b0Ply5KuHCpuobP9F3BpC68JHstRw7AE3NxpwJKk6PLasst2lFnu7jRwKYBFk9zdnQack7Snk/dEW9sfAXd1mnkugC0Cr3QasCjp1U7e04A9AbzUaeZiAFsAvu40YEHSt528pwFrXU+4fs7CqNLvBHB/48WOS3q4secgO9tRfhklmC2vlX1GwK4H4sf/8kYTfo9m4a2u8xvdu+1oNf6y0S5hs7bP+lrSfcDZBkOiXmufpPcbeM1ssVrge2pmgwsHx/a5uPj2ceDlOYc8Kun1OT2aHG/U7zi2z6Rq5XuA4zO0vEVsD0n6oMm2jUxsPwhEcWX2ZXbiPtPKu6MTMdo3HxowKDqo3wJekPRDoz2b2iTLuzfcZ8O6PdvRXxiFuFHoHW/PUQ8f3+moh49m4XganZX0a9MNO5mt1sPHPvEEnWmffwFtgc1noNI/FQAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: .38rem .46rem;
}

.loading{
  background-image: url(images/loading.gif);
  background-repeat: no-repeat;
  background-size: .48rem .48rem;
}

.cover img{
  display: block;
  width: 3.37rem;
  height: 4.48rem;
  margin: .8rem auto 1.3rem;
  box-shadow:8px 16px 40px rgba(59,63,153,0.28);
  border-radius: .16rem;
}

.content {
  position: relative;
}

.progress-content{
  display: flex;
  justify-content: center;
  align-items: center;
}

.now-time{
  font-size: .24rem;
  color: #8A8FA2;
}

.progress{
  width: 5rem;
  height: .1rem;
  margin: 0 .27rem;
  position: relative;
  background-color: #D8E0FF;
}

.progress-active{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #327DFA;
}

.progress-btn{
  width: .28rem;
  height: .28rem;
  background-color: #327DFA;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  right: 0;
  transform: translate(50%,-50%);
}

.progress-btn::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: .12rem;
  height: .12rem;
  border-radius: 50%;
  background-color: #ffffff;
}

.total-time{
  font-size: .24rem;
  color: #8A8FA2;
}

audio{
  display: none;
}

.logo{
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: .3rem;
}
.logo.hide {
  display: none;
}

.logo img{
  width: 3.5rem;
  height: .44rem;
  padding: .2rem auto;
  margin-top: .3rem;
  display: block;
}

.offline_btn{
  display: none;
  position: fixed;
  width:3.04rem;
  height: .82rem;
  background-color: rgba(0, 0, 0, .8);
  border-radius: .1rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 10;
  transition: .5s;
  text-align: center;
  line-height: .82rem;
  color: #FFFFFF;
  font-size: .24rem;
}

.media-wrap{
  width: 7.5rem;
  flex: 1;
}
.media-wrap.hide {
  display: none;
}
.video-area{
  position: relative;
  width: 100%;
  height: 4.22rem;
  z-index: 1;
}

.video-title{
  color: #2A2836;
  font-size: .38rem;
  text-align: center;
  padding: 0 .1rem;
  margin: .4rem auto .2rem;
}
.video-subtitle{
  color: #8A8FA2;
  font-size: .32rem;
  text-align: center;
  padding: 0 .1rem;
}

#testdiv{
  line-height: 0;
}

#mask_bg {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  position: absolute;
  top: 0px;
  left: 0px;
  right:0px;
  bottom: 0px;
  margin: auto;
  background-color: rgba(0, 0, 0, .8);
}

.go-test{
  width: 5rem;
  height: 1rem;
  padding: 0.2rem .5rem .5rem;
  background-color: white;
  text-align: center;
  font-size: 0.5rem;
  border-radius:15px;
  border: 1px solid #dcdfe6;
  color: grey;
}

.no-audio{
  width: 100%;
  height: 100vw;
  background: url(images/no_audio.png) no-repeat center;
  background-size: cover;
  margin-top: 12vh;
  position: relative;
}

.no-audio-tip{
  font-size: 0.4rem;
  color: #898989;
  position: absolute;
  bottom: -0.5rem;
  left: 0.5rem;
  right: 0.5rem;
  margin: 0;
  text-align: center;
}

.no-audio-tip span{
  color: #1212fb;
  font-weight: bold;
}

@keyframes popupBgAnimation {
  from {background-color: rgba(0, 0, 0, 0);}
  to {background-color: rgba(0, 0, 0, .6);}
}
.popup-select-component {
  z-index: 2;
  display: none;
}
.popup-select-component.show {
  position: fixed;
  display: flex;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  animation: popupBgAnimation 0.5s;
  background-color: rgba(0, 0, 0, .6);
  flex-direction: column;
  justify-content: flex-end;
  
}
.select-container {
  width: 100vw;
  background-color: #fff;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  max-height: 70vh;
  overflow-y: auto;
  height: 50vh;
  padding-top: 0.4rem;
}
.select-container .select-row {
  height: 0.86rem;
  color: #333;
  line-height: 0.863rem;
  border-bottom: 2px solid #f6f6f6;
  padding-left: 0.6rem;
  font-size: 0.3rem;
}
.follow-read-container {
  display: none;
}
.follow-read-container.show {
  display: block;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  background: #F4F6F7;
  padding: 0.4rem 0;
  box-sizing: border-box;
}
.follow-read-item {
  width: 6.7rem;
  padding: 0.2rem 0.23rem;
  box-sizing: border-box;
  background: #fff;
  margin: auto;
  margin-bottom: 0.24rem;
  border-radius: 0.2rem;
}
.follow-read-text {
  font-size: 0.3rem;
  line-height: 0.42rem;
  color: #293957;
  margin-bottom: 0.2rem;
}
.play-component {
  width: 6.3rem;
  height: 0.77rem;
  border-radius: 0.4rem;
  background-color: #EBF4FE;
  display: flex;
  align-items: center;
  color: #244367;
  font-size: 0.28rem;
  line-height: 0.37rem;
  padding: 0 0.3rem;
  box-sizing: border-box;
}
.comp-play-btn {
  width: 0.34rem;
  height: 0.34rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAAAXNSR0IArs4c6QAAArRJREFUeF7tm0GW0kAQhqvCgC71BnoD3TmzGk/g4wawFnyTE2hOAONjL3MDPYFsZNiZG5gjsNVAlQ8k6GQY6G47SadTrDt08vX//1XdEAT53CGAwuMuAQGSU4QAESDHQ0IUIgoRhWgVUuuWeTXiZ9iBN0j0lIFjXrXiRYiJ1l1VONgakMsRP/nZhvcIfHXveZgjWgXTOoCxBuRiQt8B4MWRxU2AKJq/O5tWKICTU1sBcvFx1YMg+HRytj8DEkDszt9irDi+1GF2gJxWx4GHwimlELlmI1tA2HgZmaP5sPXB+HrLF1YPJLORI/niCpBsnWNKsVuljVwDsgNTXb44CmRXjZhvys4Xl4FkNiq1f6kDkFJtVCMgmWCKzZcaAtnlS0Fluq5A9vnCTOHt8Oyzrf6s7kCs54snQHZcmKPOKhjPQlyaKsYvIBa2AT4C2ecLpfhadxvgMxCjfGkAkC2XJTBfq2wDmgJEuUw3DcgWDDN1H+pdGglkY6FOis8PleemAgEC7C0GeJPvVxoLBAHH3wYYCpCsGAuQnBaI+od+NGuqZZJOii8lVPd7QCm7f/c3vO4vhu3ZQ7vhplhm27qrHA00AIjeGay3QBhgxryOjtnjkG18BLIEotD0fyg+AVHOiWPHi14A2dojxb7u6ZiPlomJ16FuTviokCUDR7eD1tj0dN2bPoQBx49SiP7npwYvFGIzJ+oOJKET7bZN27hcZZRPyr0HUnRO1MYypu22jwpJbP+twRRS1Rlipd02ffjCOtXzCX1FgEu9G9Pblut9t/loKwo5n6yvEHCkchsu5EThobqZQEElhbXbKguhOsaKQjaTbV4g+tWGEQD3cpM7lxOlKCSb5N9XzAiDH49T+FLUvkN11XXGWVOIzqQujxUgudURIALkuGFFIaIQUYhWURPL5HD9Bi/AtVShkTgHAAAAAElFTkSuQmCC) no-repeat center center/100% 100%;
}
.comp-play-btn.playing {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAAAXNSR0IArs4c6QAAAl1JREFUeF7tm0FS20AQRbvHEbCEG+AbmB1WNvYJKG6Q7OUqfALwCUwK7eEGlE9gb5DZxTewb4CXCYqnU3JCyqgkedoZQaryvR6N2m/+m9Gihwm/VwQYPF4TAJBcIgAEQKo3CSQECUFCVAcplKlbmdOhHPOHVYuJW2LMkzzT6LHPC9UylQxez71HZ2ztkWUzP0hpNOnz0sfcL3N4TUh4s7oi5st8gUI02U/5fNfiMxAmoEsi+ZSbeykkg2nUuPYFxRuQMhgbhS72Uj7RQukM5fA5kK9EdFz6p0UGSa9x5QOKFyCnN2nHcGO8taAdCncAvX6tTbnpQ00vQD7GMhSSi61AiBZJZJoO4/4MCWP7RESH25/huyTiz9vHvcGxG8Y2i3TLpRjNSv7aO2TuMm+2T00j03UZWzXGS0LasZ1zleMbFdQIZDFVpq8IDIDU8R2ChOSoAgiAVO/dSAgSgoSovm+gDJSBMlBGRQDKQBlVYHDKQBkoA2VUBKAMlFEFBqcMlIEyUEZFAMpAGVVgcMpAGSgDZVQEoAyUUQUGpwyUgTJQRkUAykAZVWDasR0zUcflobq6EIlolkTmxKWGqjFeuhDDWG4L+tCL3rtMInOkKTqMbdanWt7W/XsyJr5+iLivmbtorBcgzg22dbZ2y6r72Asm/wSQrAiHnvT/p/n/ZVXa8eqCaX09JNebznc2pcGuzfnZjYjvgdwX7FNLEvni6yZE9j+8KLMZ06z4bwGdGbHNOi8QCclMfjRmu0IuU8s7kL91+L2fB5DcCgAIgFRLiYQgIUiI6uCCMlCmOjA/ASRl02MmtG+YAAAAAElFTkSuQmCC) no-repeat center center/100% 100%;
}
.comp-cur-time, .comp-total-time {
  width: 1.13rem;
  text-align: center;
}
.comp-play-track {
  position: relative;
  width: 3.07rem;
  height: 0.08rem;
  background: #B6D7FE;
  border-radius: 0.2rem;
}
.comp-play-position {
  position: absolute;
  left: 0%;
  transform: translateX(-0.12rem);
  top: -0.08rem;
  width: 0.24rem;
  border-radius: 50%;
  height: 0.24rem;
  background: white;
  box-sizing: border-box;
  border: 0.04rem solid #3A94FE;
}
.com-play-position.right {
  left: 100%;
}
.nav-btn, .seg-btn {
  z-index: 1;
  display: none;
}
.nav-btn.show {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  bottom: 1.3rem;
  height: 0.74rem;
  padding: 0 0.2rem;
  border-radius: 0.4rem 0px 0px 0.4rem;
  color: #fff;
  font-size: 0.3rem;
  line-height: 0.74rem;
  text-align: center;
  background: linear-gradient( 136deg, #0DAEFF 0%, #0D90FF 100%);
}
.seg-btn.show {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  bottom: 0.4rem;
  height: 0.74rem;
  padding: 0 0.2rem;
  border-radius: 0.4rem 0px 0px 0.4rem;
  color: #fff;
  font-size: 0.3rem;
  line-height: 0.74rem;
  text-align: center;
  background: linear-gradient( 136deg, #0DAEFF 0%, #0D90FF 100%);
}
.nav-btn::after, .seg-btn::after {
  content: "";
  width: 0.28rem;
  height: 0.28rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAF5SURBVFhH7ZY/KIVxFIa/GyEhDMpikJIsDDaJzWS8k9FmMLBZZbGarMqf0WKSxWQxISmDQRmUkpL8+Tznc76u75RblnOu+p56hnvvW++7nF83KfEkTdMxnMKKfhULQ5bwE4Uj7Naf4mDEZTanxjkO6M8xMGAnm1LkDsc14g/lPXgiSwxPOKsxfyhvxX1ZYnjDBY35Q3kFN2SJQY5gTWMxMGAR32WNYRtbNOYP5XP4LEsMxxj3ZFA+gfeyxBD7ZFA+iFeyxBD+ZPRiQz4ZbVg+GX+CAf/uydjTSAwMmMb8L0+OfO7UiC8U9+GprDBca8QXiofxJptQ5BZHNOYHpZP4IAsMZ9ivMT8oreKLLDAcYofG/KB0BT9kgWELmzXmA4VNuCntBrmyVY35QWk7HsgCwyvOa8wPSn87+Uec0ZgflNY7+VGN+UFpefJ1obRxTl6gdDmrLxJz8jmUX2QzasSc/E8YsJtN+Sbm5C2M6MJ1lJd7SL8ucSBJvgA4LoGJ4xGKdAAAAABJRU5ErkJggg==) no-repeat center center/100% 100%;
}
.no-follow-read {
  width: 200px;
  height: 200px;
  margin: auto;
  margin-top: calc(50vh - 150px);
}
.no-follow-read__icon {
  width: 200px;
  height: 200px;
  background: url(images/no_data.png) no-repeat center center/100% 100%;
}
.no-follow-read__text {
  margin-top: -21px;
  text-align: center;
  font-size: 14px;
  color: #a7a7a7;
}
.audio-content-ambient {
  position: absolute;
  bottom: 0.1rem;
  right: 0.4rem;
  width: 1.2rem;
  height: 0.48rem;
  color: #666;
  font-size: 0.26rem;
  line-height: 0.48rem;
  border: 0.01rem solid #666;
  text-align: center;
  border-radius: 0.24rem;
  display: none;
  cursor: pointer;
}
.audio-content-ambient.show {
  display: block;
}
.audio-content-ambient.active {
  color: rgb(163, 3, 3);
  border: 1px solid rgb(163, 3, 3);
}

@charset "UTF-8";
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder{
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAtCAYAAAAgJgIUAAACVUlEQVRYR82YW6tNURiGnzfu5D8obvwdhwuXtClnip+AcuZCSUko7O1U0i6lXCG113ZIQra9ExJtOZ9Nvas5amG255pzjjnnGpdzjdb79H7fGOP7PiVJMguYBywGFgHzgQR4CAwDl4ApSf5Wy1KSJMuBLcBCQP+oWPgesBMYkfS9DgpDvAfm5vz5W2A/sFvS59gghujXZu87n7r2TNKvWDBFIILmfWA7cE7StxggZSCs+w44DmyNAVIWIhhwA1gL3K0SnqoQzpNHadIek/S1THiqQgTNT8BlYLOkF0VBYkEE3VvAeqAj6We/MLEhrPsyDc9RSW/6AakDwro+uqPAOknP80Dqggi6U8AK4PpMSVs3hGF85R8CDkh6neVKExAhPGN2RZJf579WUxBB1E5sBC5K+hI+Ng0RwnMC2CvJOUMbENb1CzwOrJI03hZEiMQIsLJtiA/AkrYh7MjJQYB4MggQ04MAMTEIEKfbhnAxtLRtiAvd96RA35FXFhT5/Tdwu3tRSZ02INzxnQL2SHrcxtsxnXZww5KcD93VlBNupN1YD0lyGBqvJ2z/YWCfJBfB/626nbDoEHBtpm6+LgjbfxVYI2ky79jUAeES7iBwRNKrPIA6EvNO2oHdlPSjH4CYEC5ar7iIDXVjvwCxICZ67C81SqqaEx0nHzBWpAGOdU/47Hu8uKn35isSgt69ZZzwfb/D93/ZoUhVJ9xpbwAmq9ifBfERmJNjpQdlbmq3xbA/C2K1xzzAgoyJrvc/AHbFtD8LYnYKsCxjtn0GOAs8leRCpJb1BzQxL8Am9mKCAAAAAElFTkSuQmCC);
  background-position: center;
  background-repeat: no-repeat;
  display:inline-block;
  width: 100%;
  height: 100%;
  background-size:.22rem .3rem;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  /*content: "\f101";*/
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAtCAYAAAAgJgIUAAACVUlEQVRYR82YW6tNURiGnzfu5D8obvwdhwuXtClnip+AcuZCSUko7O1U0i6lXCG113ZIQra9ExJtOZ9Nvas5amG255pzjjnnGpdzjdb79H7fGOP7PiVJMguYBywGFgHzgQR4CAwDl4ApSf5Wy1KSJMuBLcBCQP+oWPgesBMYkfS9DgpDvAfm5vz5W2A/sFvS59gghujXZu87n7r2TNKvWDBFIILmfWA7cE7StxggZSCs+w44DmyNAVIWIhhwA1gL3K0SnqoQzpNHadIek/S1THiqQgTNT8BlYLOkF0VBYkEE3VvAeqAj6We/MLEhrPsyDc9RSW/6AakDwro+uqPAOknP80Dqggi6U8AK4PpMSVs3hGF85R8CDkh6neVKExAhPGN2RZJf579WUxBB1E5sBC5K+hI+Ng0RwnMC2CvJOUMbENb1CzwOrJI03hZEiMQIsLJtiA/AkrYh7MjJQYB4MggQ04MAMTEIEKfbhnAxtLRtiAvd96RA35FXFhT5/Tdwu3tRSZ02INzxnQL2SHrcxtsxnXZww5KcD93VlBNupN1YD0lyGBqvJ2z/YWCfJBfB/626nbDoEHBtpm6+LgjbfxVYI2ky79jUAeES7iBwRNKrPIA6EvNO2oHdlPSjH4CYEC5ar7iIDXVjvwCxICZ67C81SqqaEx0nHzBWpAGOdU/47Hu8uKn35isSgt69ZZzwfb/D93/ZoUhVJ9xpbwAmq9ifBfERmJNjpQdlbmq3xbA/C2K1xzzAgoyJrvc/AHbFtD8LYnYKsCxjtn0GOAs8leRCpJb1BzQxL8Am9mKCAAAAAElFTkSuQmCC);
  background-position: center;
  background-repeat: no-repeat;
  display:inline-block;
  width: 100%;
  height: 100%;
  background-size:.22rem .3rem;
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  /*content: "\f103";*/
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAtCAYAAAC53tuhAAABIElEQVRYR+2YQS5EYRCEvxJxA6xYcxh3wIoLsGDJgguwwh3GXVizEkcYk5I/IXmZzLzun8yu/+3rVL1Xr7r7T8m2gE3gEDgCdoE34BF4Aj4lmY6TwrS9BdwDB8D6AP8LmACnkj46eElh2j4DrudIf3ka+YWk207iGNP2C7A3Avwqab+TOMa0PQPWRoBnkoa/IHyHFKbt0DiSmgHTJ4WZKiriQPSUiqmikrqknlMg5ZtUUZmrzFXmyqzaaqdFnVI3kOjylfJNqqhmdc3qmtU1qxd0gWqA1HZqCqxqH0cZyFTSRrQKh88TGci0uTpOaFaU+pwDVyM516Wkm84vjjFtbwN3S5K9Z+DkD8lejDnIHVuOeQzsAO/Aw0+e+Z8scynmN2a2jlTINHZiAAAAAElFTkSuQmCC);
  background-position: center;
  background-repeat: no-repeat;
  display:inline-block;
  width: 100%;
  height: 100%;
  background-size:.2rem .3rem;
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAACS0lEQVR4Xu3cMU4bURSF4f8uAJQWegRLMD2RUlAlS2ATiAVELIMNhBIhkT4sAZSa0AJJnYdeBBGyNHM9PhoPMz6U+J0x8/k8GfnyCIBSykfgDNgCon6vx68n4DtwHBE/e3yelVw6SimfgIsVwM3f0AMwi4jbldxpT09SAe+A7Z6un132PCK+ZIve8+MV8O8A7Xs1+RMRG+8ZKPvZKmDJFvX4uAFF3Els4aEaWN9E9iPiRnwRBo0PsYV/A1fAydjfgesrlwJGRN+/Fw7aIPXJDSgKGtCAooAYdwMNKAqIcTfQgKKAGHcDDSgKiHE30ICigBh3Aw0oCohxN9CAooAYdwMNKAqIcTfQgKKAGK8NfAQ2G64z+rmt6JPGK+A34HPDytHPbVMBcUEF3AN+AB/mrjWJua3ok8b/jSxLKbvAV6D+mVv9mszcNhUQF3jma0BRQIy7gQYUBcS4G2hAUUCMu4EGFAXEuBtoQFFAjLuBBhQFxLgbaEBRQIy7gQYUBcS4G7gAYCllBzgFDl6W/z/vbMAE8OXT+uuGkcfMgDlg+9BtgQav9ZJ07LvWOgvcfHae2ls438Ktx4ENaMAF9qGwxFtYwKtRAxpQFBDjbqABRQEx7gYaUBQQ426gAUUBMe4GGlAUEONuoAFFATHuBhpQFBDjbqABc4G5uW3Tub/8QkusGP1H+i1z2yU4ukemANg2t+0u0jExBcC247odObovN2B3s7eJMgXAIbfwrykANp131rqVp+vA/XD0gPU+58479/2/+SvcPXAUEZfP0XEe4uXIloMAAAAASUVORK5CYII=);
  background-position:5px 15px;
  background-repeat: no-repeat;
  display:inline-block;
  width: .72rem;
  height:.8rem;
  background-size:.4rem .4rem;
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;

  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAACl0lEQVR4Xu3dP48NYRQG8OdRSfyLRJQaHT4AWQ1K0aD3KUToNXwAX8JmE/GnUlBQqBSip1JibVR75MiV2Gtn7sx93nkneT1bzzln5jfP3b0779y5xAQ/EXEGwEMAlxftXwK4TfLjBONmbcnS0yPiHIC3AA4v9f4K4EJriFMAPgVwtePEbJG8XvqkzdlvCsBtAIc6Duo7yaNzHnDp2VMARt9Okiw+szTKmH7FDyYiDDjmDCxva0BFD4ABDThKwL8DR3H9u7EBDSgKiOVOoAFFAbHcCTSgKCCWO4EGFAXEcifQgKKAWP47gRFxFsCDxRrGQbFnb3lz1wN71jAmcWwRsG8Nozhii4B9axgGXCHAiPgG4Ehxqf0bBskDlWZVGZOAjwHcqDIN+EzyVKVZVcYk4GkA7wAcn3jibv6VJ/lq4jlV2/95G5OI9wFcAXCi8B4k3CcAt0i+Ltx79nbF/xOZ/Ygq74ABRXADGlAUEMudQAOKAmK5E2hAUUAsdwINKAqI5U6gAUUBsdwJNKAoIJY7gQYUBcRyJ9CAooBY7gQaUBQQy51AA4oCYrkTaEBRQCxvMoERcRPAowluEkjunwDy7oo7JN83BxgR+UiBTTFYQ8p/ALjYIuAXACeHCBTY5kWLgHkvTq3j2qk1qMDJHtZi1Qe+h3UZvNW2AQdb7bvhMwOuD5i3Rm8YcDxg3hKdb2Pukvzw3wGW/pSAAccncE+FAQ24V2DV2xi/hFckxoDiS8qABhQFxHIn0ICigFjuBBpQFBDLnUADigJiuRNoQFFALHcCdcC+Z0DskOx6SPhak1u8nPUEwLUOjeckux5Tb8AUWHyTxBsAx5ZEcg3jfF6GX0uqo6i5BP6FmM+AuLQ47lzDuFcaL3v/Aoem/u/Cms60AAAAAElFTkSuQmCC);
  background-position:5px 15px;
  background-repeat: no-repeat;
  display:inline-block;
  width: .72rem;
  height:.8rem;
  background-size:.4rem .4rem;
}
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  /*content: "\f109";*/
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f10a";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10b";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f10f";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f110";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f111";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f112";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f114";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f117";
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\f118";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f119";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f11a";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f11b";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f11c";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f11f";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f120";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122";
}

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0;
}

.video-js.vjs-16-9 {
  padding-top: 56.25%;
}

.video-js.vjs-4-3 {
  padding-top: 75%;
}

.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  height:.82rem;
  width: .81199999rem;
  display: block;
  position: absolute;
  top: calc(50% - 0.41rem);
  left: calc(50% - 0.41rem);
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06em solid  rgba(255,255, 255, 0.5);
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.5);
  border-radius: 50%;
  transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 2.4rem;
  color: #999999;
  padding-top:3.6rem;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height:0.8rem;
  background-color: #2B333F;
  background-color: rgba(0, 0,0, 0.6);
  z-index:1;
}

.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: .89rem;
  flex: none;
  z-index:1;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.vjs-no-flex .vjs-progress-control {
  width: auto;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.04rem;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  /*margin: 0 10px;*/
  margin-left:0;
  margin-right:0;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  /*font-size: 1.6666666667em;*/
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 0.04rem;
  margin: 0;
  padding: 0;
  width: 0;
  border-radius: 0.08rem;
}

.video-js .vjs-play-progress {
  background-color: #5C7CFF;
  
}
.video-js .vjs-play-progress:before {
  font-size: .2rem;
  position: absolute;
  right: -0.05rem;
  top: -0.08rem;
  z-index: 2;
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 2;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 2;
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 1;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  border-radius: .8rem;
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size:cover;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-using-native-controls .vjs-poster {
  display: none;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.video-js .vjs-time-control {
  flex: none;
  font-size:.24rem;
  line-height:.8rem;
  min-width:.48rem;
  width: auto;
  /*padding-left: 1em;*/
  padding-right:.2rem;
}

.vjs-live .vjs-time-control {
  display: none;
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
  padding-left:.2rem;
  padding-right: .32rem;
}

.vjs-time-divider {
  display: none;
  line-height: 3em;
}

.vjs-live .vjs-time-divider {
  display: none;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
  height:.8rem;
  float: right;
  position: absolute;
  top:0;
  right:0;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
  background: url(images/videoOffline.png) no-repeat;
  background-size: 1.89rem 2.92rem;
  background-color: #252525;
  background-position:center 0.4rem;
}
/*
.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}
*/
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(255,255,255, 0.8);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius:25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
          animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " ";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: auto;
  width: initial;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
  display: none;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
  display: none;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }

  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }

  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }

  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
  background: none;
}

.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
  outline: none;
  background: none;
}
button{
  outline: none;
}
/* 字幕 */
.track-p{
  z-index: 0;
}
.track-row{
  position: absolute;
  width:100%;
  display: inline-block;
  text-align: center;
  min-height:20px;
  padding:4px;
  z-index: 0;
  bottom:.24rem;
}

.track-sent-en{
  margin-bottom:.08rem;
  font-size:.32rem;
  z-index: 0;
  /* -webkit-text-stroke:0.03rem #000;
  -webkit-text-fill-color:#fff;
  font-weight: 700; */
  text-shadow: 0.02rem 0.02rem 0 black, 0.02rem -0.02rem 0 black, -0.02rem -0.02rem 0 black, -0.02rem 0.02rem 0 black,
   0.02rem 0.01rem 0 black, 0.02rem -0.01rem 0 black, -0.02rem -0.01rem 0 black, -0.02rem 0.01rem 0 black, 
   0.02rem 0px 0 black, 0.02rem 0px 0 black, -0.02rem 0px 0 black, -0.02rem 0px 0 black, 
   0.01rem 0.02rem 0 black, 0.01rem -0.02rem 0 black, -0.01rem -0.02rem 0 black, -0.01rem 0.02rem 0 black, 
   0.01rem 0.01rem 0 black, 0.01rem -0.01rem 0 black, -0.01rem -0.01rem 0 black, -0.01rem 0.01rem 0 black,
   0.01rem 0px 0 black, 0.01rem 0px 0 black, -0.01rem 0px 0 black, -0.01rem 0px 0 black, 
   0px 0.02rem 0 black, 0px -0.02rem 0 black, 0px -0.02rem 0 black, 0px 0.02rem 0 black, 
   0px 0.01rem 0 black, 0px -0.01rem 0 black, 0px -0.01rem 0 black, 0px 0.01rem 0 black, 
0px 0px 0 black, 0px 0px 0 black, 0px 0px 0 black, 0px 0px 0 black, 0 0 0 black;
}
.track-sent-cn {
  padding-top:.04rem;
  font-size:.28rem;
  z-index: 0;
  /* -webkit-text-stroke:0.03rem #000;
  -webkit-text-fill-color:#fff;
  font-weight: 700; */
  text-shadow: 0.02rem 0.02rem 0 black, 0.02rem -0.02rem 0 black, -0.02rem -0.02rem 0 black, -0.02rem 0.02rem 0 black,
   0.02rem 0.01rem 0 black, 0.02rem -0.01rem 0 black, -0.02rem -0.01rem 0 black, -0.02rem 0.01rem 0 black, 
   0.02rem 0px 0 black, 0.02rem 0px 0 black, -0.02rem 0px 0 black, -0.02rem 0px 0 black, 
   0.01rem 0.02rem 0 black, 0.01rem -0.02rem 0 black, -0.01rem -0.02rem 0 black, -0.01rem 0.02rem 0 black, 
   0.01rem 0.01rem 0 black, 0.01rem -0.01rem 0 black, -0.01rem -0.01rem 0 black, -0.01rem 0.01rem 0 black,
   0.01rem 0px 0 black, 0.01rem 0px 0 black, -0.01rem 0px 0 black, -0.01rem 0px 0 black, 
   0px 0.02rem 0 black, 0px -0.02rem 0 black, 0px -0.02rem 0 black, 0px 0.02rem 0 black, 
   0px 0.01rem 0 black, 0px -0.01rem 0 black, 0px -0.01rem 0 black, 0px 0.01rem 0 black, 
0px 0px 0 black, 0px 0px 0 black, 0px 0px 0 black, 0px 0px 0 black, 0 0 0 black;
}



/* loading */
.u3-loading{
  position: relative;
  bottom:1.7rem;
  left:calc(50% - .41rem);
  width:.82rem;
  display: inline-block;
  padding-top: 100%;
}
.circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@keyframes rotate{
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@keyframes color {
  100%,
  0% {
    stroke: #fff
  }
  40% {
    stroke: #fff
  }
  66% {
    stroke: #fff
  }
  80%,
  90% {
    stroke: #fff
  }
}

.video-play-img{
  height:.82rem;
  width: .81199999rem;
  display: block;
  position: absolute;
  top: calc(50% - 0.41rem);
  left: calc(50% - 0.41rem);
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06rem solid  rgba(255,255, 255, 0.5);
  /*background-color: #2B333F;*/
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  transition: all 0.4s;
  z-index: 5;
  }

  .vjs-icon-placeholder-test{
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAtCAYAAAAgJgIUAAACVUlEQVRYR82YW6tNURiGnzfu5D8obvwdhwuXtClnip+AcuZCSUko7O1U0i6lXCG113ZIQra9ExJtOZ9Nvas5amG255pzjjnnGpdzjdb79H7fGOP7PiVJMguYBywGFgHzgQR4CAwDl4ApSf5Wy1KSJMuBLcBCQP+oWPgesBMYkfS9DgpDvAfm5vz5W2A/sFvS59gghujXZu87n7r2TNKvWDBFIILmfWA7cE7StxggZSCs+w44DmyNAVIWIhhwA1gL3K0SnqoQzpNHadIek/S1THiqQgTNT8BlYLOkF0VBYkEE3VvAeqAj6We/MLEhrPsyDc9RSW/6AakDwro+uqPAOknP80Dqggi6U8AK4PpMSVs3hGF85R8CDkh6neVKExAhPGN2RZJf579WUxBB1E5sBC5K+hI+Ng0RwnMC2CvJOUMbENb1CzwOrJI03hZEiMQIsLJtiA/AkrYh7MjJQYB4MggQ04MAMTEIEKfbhnAxtLRtiAvd96RA35FXFhT5/Tdwu3tRSZ02INzxnQL2SHrcxtsxnXZww5KcD93VlBNupN1YD0lyGBqvJ2z/YWCfJBfB/626nbDoEHBtpm6+LgjbfxVYI2ky79jUAeES7iBwRNKrPIA6EvNO2oHdlPSjH4CYEC5ar7iIDXVjvwCxICZ67C81SqqaEx0nHzBWpAGOdU/47Hu8uKn35isSgt69ZZzwfb/D93/ZoUhVJ9xpbwAmq9ifBfERmJNjpQdlbmq3xbA/C2K1xzzAgoyJrvc/AHbFtD8LYnYKsCxjtn0GOAs8leRCpJb1BzQxL8Am9mKCAAAAAElFTkSuQmCC);
    background-position: center;
    background-repeat: no-repeat;
    display:inline-block;
    width: 100%;
    height: 100%;
    background-size:.22rem .3rem;
  }
  .video-mask{
    display: inline-block;
    background-color: rgba(0, 0, 0,0);
    z-index: 4;
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom: 0;
  }