/*
 * @Author: 天吾
 * @Date: 2019-01-23 16:29:55
 * @Last Modified by: 天吾
 * @Last Modified time: 2019-04-27 19:55:52
 */
/*
    size 统一用  sm base lg  表示,  对于不能满足的情况, 仿照衣服尺寸加上 x(EXTRA) 比如  font-size-xlg 表示特大
*/
.gd-video-dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
}
.gd-video-dialog__container {
  position: relative;
  width: 1200px;
  height: 675px;
  margin: auto;
}
.gd-video-dialog__close {
  position: absolute;
  top: -28px;
  left: calc(100% + 16px);
  font-size: 46px;
  font-weight: 200;
  color: #ffffff;
  transform: rotate(45deg);
  cursor: pointer;
}
.gd-video-dialog__player {
  width: 100%;
  height: 100%;
  outline: 0;
  cursor: pointer;
}
.video-fade-enter-active {
  animation: video-fade-in 0.3s;
}
.video-fade-leave-active {
  animation: video-fade-out 0.3s;
}
@keyframes video-fade-in {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes video-fade-out {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}