@import "../../res.less";
.videopop {
  width: 750px;
  height: 1624px;
  left: 0px;
  top: 0px;
  position: absolute;
  .video_box {
    width: 750px;
    height: 422px;
    left: 0px;
    top: 520px;
    position: absolute;
    
    .video {
      width: 100%;
      height: 100%;
      left: 0px;
      top: 0px;
      position: absolute;
    }

    .play_btn {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }
  }
  .countdown {
    width: 100px;
    height: 63px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 400px;
    color: #fff;
    border: 2px solid rgb(255, 255, 255);
    border-left: none;
    border-radius: 0 21px 21px 0;
    background-color: rgba(70, 0, 0, 0.302);
    box-shadow: inset 0.707px 0.707px 2px 0px rgba(225, 253, 255, 0.83);
    font-size: 37px;
    text-align: center;
    line-height: 63px;
    box-sizing: border-box;
  }
  .close {
    width: 59px;
    height: 61px;
    left: 346px;
    top: 989px;
    position: absolute;
    .sparkBg("common/close.png");
  }
}
