 /* 该css中包含 视频弹窗、图片弹窗、视频全屏、投递简历弹窗、animate.css、swiper.min.css */

 /*
插件：视频弹窗
版本：
官网：
*/
 /* 视频弹窗 */

 #hi-video-pop {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 1000;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.7);
     text-align: center;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 #hi-video-pop * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 #hi-video-pop .hi-close {
     position: fixed;
     top: 85%;
     left: 50%;
     z-index: 5;
     margin-left: -25px;
     width: 40px;
     height: 40px;
     color: #fff;
     background: #fff;
     border-radius: 50%;
     transition: .3s;
     cursor: pointer;
 }

 #hi-video-pop .hi-close:after,
 #hi-video-pop .hi-close:before {
     content: "";
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: 5;
     width: 20px;
     height: 2px;
     margin: -1px 0 0 -10px;
     background: #333;
     transition: .3s;
 }

 #hi-video-pop .hi-close:hover {
     background: rgba(7, 98, 203, 1);
 }

 #hi-video-pop .hi-close:hover:after,
 #hi-video-pop .hi-close:hover:before {
     background: #fff;
 }

 #hi-video-pop .hi-close:after {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
 }

 #hi-video-pop .hi-close:before {
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }

 #hi-video-pop .hi-video-box {
     position: fixed;
     left: 0;
     top: 0;
     z-index: 1;
     width: 100%;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 #hi-video-pop .hi-video-box .hi-video-wrap {
     max-width: 90vh;
     border: 2px solid #fff;
 }

 #hi-video-pop .hi-video-box .hi-video-wrap video {
     width: 100%;
     /* height: 100%; */
     max-height: 85vh;
     vertical-align: top;
 }

 @media (max-width: 767px) {
     #hi-video-pop .hi-video-box .hi-video-wrap {
         max-width: 90%;
     }
 }

 /*
  插件：图片弹窗
  版本：
  官网：
  */
 #hi-img-pop {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 1000;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.7);
     text-align: center;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 #hi-img-pop * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 #hi-img-pop .hi-close {
     position: fixed;
     top: 85%;
     left: 50%;
     margin-left: -25px;
     width: 40px;
     height: 40px;
     color: #fff;
     background: #fff;
     border-radius: 50%;
     transition: .3s;
     cursor: pointer;
 }

 #hi-img-pop .hi-close:after,
 #hi-img-pop .hi-close:before {
     content: "";
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: 5;
     width: 20px;
     height: 2px;
     margin: -1px 0 0 -10px;
     background: #333;
     transition: .3s;
 }

 #hi-img-pop .hi-close:hover {
     background: #FF6A00;
 }

 #hi-img-pop .hi-close:hover:after,
 #hi-img-pop .hi-close:hover:before {
     background: #fff;
 }

 #hi-img-pop .hi-close:after {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
 }

 #hi-img-pop .hi-close:before {
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }

 #hi-img-pop img {
     position: fixed;
     left: 50%;
     top: 50%;
     max-width: 90%;
     max-height: 65%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
 }


 /*
  插件：视频全屏
  版本：
  官网：
  */
 #hi-video-pop2 {
     display: none;
     height: 0;
     width: 0;
 }