/* video-css */
  .psc-video-player{ position: absolute; width: 100%; padding-top: 56.25%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; font-size: .20rem; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; color: #fff;}
  .psc-video-player video,.psc-video-container{ position: absolute; width: 100%; height: 100%; left: 0; top:0;}

  .psc-video-container{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); font-size: .16rem; }
  .psc-vbtn{ position: absolute; width: 0.66rem; height: .66rem; border-radius: 50%; background: rgba(0,0,0,0.2); left: 50%; top: 50%; margin: -.33rem 0 0 -.33rem; }
  .psc-video-container .psc-vbtn{ display: none;}
  .psc-vbtn i{ position: absolute; width: .32rem; height: .32rem; position: absolute; left: 50%; top: 50%; margin: -.16rem 0 0 -.16rem; background: url(https://yanxuan.nosdn.127.net/14919863056840208.png) no-repeat 0 0; -webkit-background-size: 1.92rem 0.96rem; background-size: 1.92rem 0.96rem; }
  .psc-vbtn .ico-play{ background-position: 0 0; }
  .psc-vbtn .ico-pause{ background-position: -.32rem 0;}
  .psc-vbtn .ico-load{ background-position: -.64rem 0; -webkit-animation: cwSpin 0.8s linear .2s infinite; animation: cwSpin 0.8s linear .2s infinite;}
  .psc-vbtn .ico-replay{ background-position: -.96rem 0;}
  .psc-vbtn .ico-reload{ background-position: -1.28rem 0;}
  .psc-vbtn .ico-wifi{ background-position: -1.6rem 0;}
  .psc-vbtn span{ position: absolute; left: 50%; top: .76rem; white-space: nowrap; -webkit-transform:translate(-50%,0); transform:translate(-50%,0);}

  .psc-video-controls{ position: absolute; width: 100%; height: .48rem; bottom:0; left: 0; -webkit-transform:translate(0, 100%); transform:translate(0, 100%); opacity:0; -webkit-transition: 0.5s ease-in-out; transition:0.5s ease-in-out; z-index: 11;}
  .z-control .psc-video-controls{ -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity:1; }

  .psc-video-poster{ position: absolute; width:100%; height: 100%; top:0; left:0; overflow: hidden; z-index: 21; }
  .psc-video-mask{ position: absolute; width: 100%; height: 100%; top:0; left: 0; background: rgba(0,0,0,0.5); display: none;}
  .psc-video-poster .psc-video-mask{ display: block;}

  .psc-video-now{ position: absolute; width: .84rem; left: 0; bottom:0; color:#fff; line-height: .48rem; text-align: center; }
  .psc-video-all{ position: absolute; width: .64rem; right:.46rem; bottom:0; line-height: .48rem; text-align: center; }
  .psc-video-bar{ position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; bottom:0; height: .48rem; right:1.12rem; left: .84rem;}
  .psc-video-dua{ position: absolute; width: 100%; height: 1px; background: rgba(255,255,255,0.2); border-radius: 1px; bottom:.24rem;}
  .psc-video-pre{ position: absolute; width: 0; height: 100%; left: 0; top:0; border-radius: 1px; background: rgba(255,255,255,0.5);}
  .psc-video-po{ position: absolute; width: .44rem; height: .44rem; top:0; left:0; margin: -0.22rem 0 0 -0.22rem;}
  .psc-video-po i{ position: absolute; width: .16rem; height: .16rem; background: #fff; left:50%; top: 50%; margin: -.08rem 0 0 -.08rem; border-radius: 50%;}
  .psc-video-pas{ position: absolute; width: 0; height: 100%; left: 0; top:0; background: #f8f8f8;}

  .psc-video-full, .psc-video-exfull{ position: absolute; width: .46rem; height: .46rem; right:0; bottom: 0;}
  .psc-video-full::after{ content: ''; width: .32rem; height: .32rem; position: absolute; background: url(https://yanxuan.nosdn.127.net/14919863056840208.png) no-repeat -.96rem -.32rem; -webkit-background-size: 1.92rem 0.96rem; background-size: 1.92rem 0.96rem; left: 50%; top: 50%; margin: -.16rem 0 0 -.16rem;}
  .psc-video-exfull::after{ content: ''; width: .32rem; height: .32rem; position: absolute; background: url(https://yanxuan.nosdn.127.net/14919863056840208.png) no-repeat -.64rem -.32rem; -webkit-background-size: 1.92rem 0.96rem; background-size: 1.92rem 0.96rem; left: 50%; top: 50%; margin: -.16rem 0 0 -.16rem; }

  @-webkit-keyframes cwSpin
  {
    0%{-webkit-transform:rotate(0deg);	}
    100%{-webkit-transform:rotate(360deg); }
  }
  @keyframes cwSpin
  {
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);	}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg); }
  }
    .m-video-wrap { position: absolute; display: block; margin: 0; padding: 0; }