body {
    min-width: 100vw;
}

body,
.footer {
    width: 100%
}

.footer {
    display: none;
}

.auto-img {
    display: block;
    width: 100%;
}

img {
    border-style: none;
}

.pointer {
    cursor: pointer;
}

.uppercase {
    text-transform: uppercase;
}

.top-nav {
    background-color: #000024;
}

.section {
    color: #aaa;
    text-indent: -9999px;
}

.wrap {
    overflow-y: inherit;
    overflow-x: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    /* overflow-y: visible;
    height: auto; */
    bottom: 0px;
    top: unset;
}

.sec {
    height: calc(900 / 1920 * 100vw);
    width: 100%;
    width: 100vw;
}

.sec_tip {
    font-size: calc(23 / 1920 * 100vw);
    line-height: calc(40 / 1920 * 100vw);
    text-align: center;
    color: #ffffff;
    position: absolute;
    width: 100%;
    z-index: 1;
    bottom: calc(80 / 1920 * 100vw);
}

#fullpage {
    /* pointer-events: none; */
    /*   调整：拖拽白边   */
    position: fixed!important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hide {
    display: none;
}

.tag-item {
    display: none;
}

.tag-item.on {
    display: block;
}

.click {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
}

* {
    -webkit-touch-callout: none;
}

.en,
.ru,
.fr,
.es,
.pt,
.id {
    font-family: "AGENCYR";
}

.vi {
    font-family: "noto";
}


/*假如添加了video标签,可能会出现video标签默认置顶的情况,解决这个bug可以通过样式设置来规避;*/

#player-container-id_html5_api {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    /* Chrome 和 Safari */
    -moz-backface-visibility: hidden;
    /* Firefox */
    -ms-backface-visibility: hidden;
    /* Internet Explorer */
    -webkit-perspective: 0;
    -webkit-transform: translate3d(0, 0, 0);
    visibility: visible;
}


/* nav */

.top-nav {
    background-color: rgba(0, 0, 0, 0.1);
    display: none;
}


/* sec1 */

.sec1 {
    box-sizing: border-box;
    padding-top: calc(270 / 1920 * 100vw);
    background-color: #221b13;
    position: relative;
    overflow: hidden;
}

.kv {
    background: url(../images/kv.jpg) top/100% no-repeat;
    filter: brightness(0.5);
    position: absolute!important;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100vw!important;
    height: calc(900 / 1920 * 100vw)!important;
    pointer-events: none;
}

.s1-title-box {
    z-index: 2;
    margin: 0 auto;
    width: calc(1076 / 1920 * 100vw);
    height: calc(324 / 1920 * 100vw);
    background: url(../images/s1_title_box.png) center/100% no-repeat;
    padding-top: calc(0 / 1920 * 100vw);
    box-sizing: border-box;
    position: relative;
}

.version-tip {
    position: absolute;
    top: calc(630 / 1920 * 100vw);
    left: 0;
    width: 100%;
    text-align: center;
    color: #fffffe;
    font-size: calc(40 / 1920 * 100vw);
    text-transform: uppercase;
    line-height: calc(50 / 1920 * 100vw);
    display: none;
}

.version-tip.on {
    display: block;
}

.s1-title-t {
    margin: calc(-10 / 1920 * 100vw) auto calc(-20 / 1920 * 100vw);
    width: calc(1072 / 1920 * 100vw);
    height: calc(178 / 1920 * 100vw);
    background: url(../images/s1_title_en.png) center top/100% no-repeat;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.en .s1-title-t {background-image: url(../images/s1_title_en.png);}
.ms .s1-title-t {background-image: url(../images/s1_title_my.png);}
.ru .s1-title-t {
    background: url(../images/s1_title_ru.png) center 60%/90% no-repeat;
}
.de .s1-title-t {background-image: url(../images/s1_title_de.png);}
.zh .s1-title-t {background-image: url(../images/s1_title_zh.png);}
.hk .s1-title-t {background-image: url(../images/s1_title_hk.png);}
.tw .s1-title-t {background-image: url(../images/s1_title_tw.png);}
.th .s1-title-t {background-image: url(../images/s1_title_th.png);}
.vi .s1-title-t {background: url(../images/s1_title_vi.png) center top/90% no-repeat;}
.id .s1-title-t {background-image: url(../images/s1_title_id.png);}
.pt .s1-title-t {background-image: url(../images/s1_title_pt.png);}
.fr .s1-title-t {background-image: url(../images/s1_title_fr.png);}
.es .s1-title-t {background-image: url(../images/s1_title_es.png);}
.tr .s1-title-t {background-image: url(../images/s1_title_tr.png);}
.ar .s1-title-t {background-image: url(../images/s1_title_ar.png);}

.s1-title-tip {
    color: #7F8E97;
    line-height: calc(35 / 1920 * 100vw);
    font-size: calc(34 / 1920 * 100vw);
    text-align: center;
    font-family: "AGENCYB";
    padding-top: calc(30 / 1920 * 100vw);
}

.s1-title-tip1,
.s1-title-tip2 {
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
}

.s1-title-tip1 {
    text-align: right;
    padding-right: calc(60 / 1920 * 100vw);
    padding-left: calc(60 / 1920 * 100vw);
    text-align: center;
}

.s1-title-tip2 {
    text-align: left;
    padding-left: calc(60 / 1920 * 100vw);
    padding-right: calc(60 / 1920 * 100vw);
    padding-left: calc(60 / 1920 * 100vw);
    text-align: center;
}

.tw .s1-title-tip {
    padding-top: calc(30 / 1920 * 100vw);
    transform: translateX(calc(38 / 1920 * 100vw));
}

.tw .s1-title-tip1 {
    padding-right: calc(100 / 1920 * 100vw);
}

.vi .s1-title-tip1,
.vi .s1-title-tip2 {
    font-size: calc(28 / 1920 * 100vw);
}

.zh .s1-title-tip,
.hk .s1-title-tip {
    padding-top: calc(30 / 1920 * 100vw);
    transform: translateX(calc(20 / 1920 * 100vw));
}

.zh .s1-title-tip1,
.hk .s1-title-tip1 {
    padding-right: calc(130 / 1920 * 100vw);
}

.th .s1-title-tip {
    padding-top: calc(20 / 1920 * 100vw);
    transform: translateX(calc(8 / 1920 * 100vw));
}

.th .s1-title-tip1 {
    padding-right: calc(120 / 1920 * 100vw);
}

.en .s1-title-tip {
    padding-top: calc(30 / 1920 * 100vw);
    transform: translateX(calc(15 / 1920 * 100vw));
}

.en .s1-title-tip1 {
    /* padding-right: calc(120 / 1920 * 100vw); */
}

.de .s1-title-tip {
    padding-top: calc(30 / 1920 * 100vw);
    transform: translateX(calc(20 / 1920 * 100vw));
}

.de .s1-title-tip1 {
    padding-right: calc(120 / 1920 * 100vw);
}

.es .s1-title-tip {
    padding-top: calc(15 / 1920 * 100vw);
    transform: translateX(calc(15 / 1920 * 100vw));
}

.es .s1-title-tip1 {
    padding-right: calc(110 / 1920 * 100vw);
}

.ru .s1-title-tip {
    font-size: calc(25 / 1920 * 100vw);
}

.s1-player-btn {
    display: block;
    width: calc(100 / 1920 * 100vw);
    height: calc(100 / 1920 * 100vw);
    margin: 0 auto;
    transform: translate(calc(13 / 1920 * 100vw), calc(-20 / 1920 * 100vw));
    position: relative;
    z-index: 1;
}

.s1_next {
    background: url(../images/s1_next.png) center / 100% no-repeat;
    display: block;
    width: calc(70 / 1920 * 100vw);
    height: calc(49 / 1920 * 100vw);
    margin-left: calc(520 / 1920 * 100vw);
    margin-top: calc(160 / 1920 * 100vw);
}

.ar .s1_next {
    margin-right: calc(490 / 1920 * 100vw);
    margin-left: unset;
}

.sec1 .sec1-button-item {
    z-index: 1;
    position: relative;
    display: block;
}

.sec1 .sec1-right-btn {
    margin-left: calc(30 / 1920 * 100vw);
    margin-top: calc(-190 / 1920 * 100vw);
    display: flex;
    justify-content: center;
}

.sec1 .sec1-right-btn .sec1-button-item {
    width: calc(254 / 1920 * 100vw);
    height: calc(98 / 1920 * 100vw);
    box-sizing: border-box;
    padding-top: calc(20 / 1920 * 100vw);
    color: #ffffff;
    line-height: calc(60 / 1920 * 100vw);
    text-align: center;
    font-size: calc(27 / 1920 * 100vw);
    font-weight: 700;
    text-transform: uppercase;
    background: url(../images/sec1_btn1.png) center top/100% no-repeat;
}

.ru .sec1 .sec1-right-btn .sec1-button-item {
    font-size: calc(25 / 1920 * 100vw);
}

.zh .sec1 .sec1-right-btn .sec1-button-item {
    box-sizing: border-box;
    padding-top: calc(3 / 1920 * 100vw);
    line-height: calc(98 / 1920 * 100vw);
}

#btn_bgm {
    background: url(../images/btn_bgm2.png) center / 100% no-repeat;
    width: calc(77 / 1920 * 100vw);
    height: calc(77 / 1920 * 100vw);
    position: absolute;
    top: calc(140 / 1920 * 100vw);
    right: calc(120 / 1920 * 100vw);
    display: block;
    z-index: 3;
}

.is_play~#btn_bgm {
    background: url(../images/btn_bgm1.png) center / 100% no-repeat;
}

.sec2 .spritespin {
    top: 0;
    margin-bottom: 0;
    width: calc(1920/ 1920 * 100vw)!important;
    height: calc(1080/ 1920 * 100vw)!important;
    margin-top: calc(-80/ 1920 * 100vw)!important;
    margin-left: calc(-20/ 1920 * 100vw)!important;
    margin: 0 auto;
    box-sizing: border-box;
    transition: 1s;
}
/* new */

.sec2 .spritespin {
    top: 0;
    margin-bottom: 0;
    width: calc(700/ 2000 * 100vw)!important;
    height: calc(900/ 2000 * 100vw)!important;
    -webkit-box-reflect: below calc(-155 / 2000 * 100vw) -webkit-linear-gradient(transparent, transparent 25%, rgba(0, 0, 0, 0.2));
    /* margin-top: calc(-80/ 2000 * 100vw)!important; */
    /* margin-top: calc(-30/ 2000 * 100vw)!important; */
    margin-top: 0!important;
    margin-left: calc(20/ 2000 * 100vw)!important;
    /* margin-left: 0!important; */
    margin: 0 auto;
    box-sizing: border-box;
    transition: 1s;
    left: 50%;
    transform: translateX(-50%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 56% 96.3%, 44% 96.3%, 0% 95%);
    /* background-color: rgb(255 255 255 / 50%); */
}

/* 头部 */

.sec2 .spritespin.scale1 {
    transform: scale(1.3) translateY(calc(240 / 1920 * 100vw));
}


/* 肩膀 */

.sec2 .spritespin.scale2 {
    transform: scale(1.3) translateY(calc(220 / 1920 * 100vw));
}


/* 胸部 */

.sec2 .spritespin.scale3 {
    transform: scale(1.3) translateY(calc(150 / 1920 * 100vw));
}


/* 腹部 */

.sec2 .spritespin.scale4 {
    transform: scale(1.3) translateY(calc(100 / 1920 * 100vw));
}


/* 手掌 */

.sec2 .spritespin.scale5 {
    transform: scale(1.3) translateY(calc(40 / 1920 * 100vw));
}


/* 大腿 */

.sec2 .spritespin.scale6 {
    transform: scale(1.3) translateY(calc(-30 / 1920 * 100vw));
}


/* 膝盖 */

.sec2 .spritespin.scale7 {
    transform: scale(1.3) translateY(calc(-140 / 1920 * 100vw));
}


/* 小腿 */

.sec2 .spritespin.scale8 {
    transform: scale(1.3) translateY(calc(-220 / 1920 * 100vw));
}


/* 脚掌 */

.sec2 .spritespin.scale9 {
    transform: scale(1.3) translateY(calc(-300 / 1920 * 100vw));
}

.spritespin-img {
    padding-top: calc(0 / 1920 * 100vw);
    position: absolute;
    left: 50%;
    top: calc(30 / 1920 * 100vw);
    transform: translateX(-50%);
    width: calc(184/ 750 * 100vw)!important;
    height: calc(336/ 750 * 100vw)!important;
    pointer-events: none;
}
/* new */
.spritespin-img {
    top: 0;
    margin-bottom: 0;
    width: calc(700/ 2000 * 100vw)!important;
    height: calc(900/ 2000 * 100vw)!important;
    margin-top: 0!important;
    margin-left: calc(20/ 2000 * 100vw)!important;
    margin: 0 auto;
    box-sizing: border-box;
    transition: 1s;
    left: 50%;
    transform: translateX(-50%);
}

.spritespin-progress-label {
    padding-top: calc(400 / 1920 * 100vw);
}


/* sec2 */

.sec2 {
    background: url(../images/s2_bg.jpg) center/cover no-repeat;
    position: relative;
}

.sec2-bg::before,
.sec2-bg::after {
    content: "";
    background: url(../images/s2_bg_bottom.png) center/ 100% 100% no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -1px;
    left: 0;
    transition: all 1s cubic-bezier(0, 0.9, 1, 1.01);
    pointer-events: none;
}

.sec2-bg::before {background: url(../images/s2_bg_top.png) center/100% 100% no-repeat;z-index: 1;}
.sec2-bg::after {background: url(../images/s2_bg_bottom.png) center/cover no-repeat;}

.sec2-detail {
    overflow: hidden;
    height: calc(900 / 1920 * 100vw);
    width: 100%;
    z-index: 2;
}

.sec2-item {
    height: calc(900 / 1920 * 100vw);
    width: 100%;
    position: relative;
    overflow: hidden;
}

.sec2-0 {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(900 / 1920 * 100vw);
    width: 100%;
    overflow: hidden;
    z-index: 1;
    /* 法老之外为页面滑动区域 */
    /* clip-path: polygon(30% 0%, 70% 0%, 70% 100%, 30% 100%); */
    transition: all 1s cubic-bezier(0, 0.9, 1, 1.01);
}

.sec2-0::after {
    content: '';
    background: url(../images/s2_mask.png) center/100% no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
/* .sec2.left .sec2-0::after,
.sec2.right .sec2-0::after {
    display: none;
} */

.sec2.left .sec2-0,
.sec2.left .sec2_line_item,
.sec2.left .sec2-egypt-list {
    transform: translateX(calc(-75 / 1920 * 100vw));
}

.sec2.left .sec2-bg::after {transform: translateX(calc(-75 / 1920 * 100vw));}
.sec2.right .sec2-bg::after {transform: translateX(calc(139 / 1920 * 100vw));}

.sec2.right .sec2-0,
.sec2.right .sec2-egypt-list {
    transform: translateX(calc(139 / 1920 * 100vw));
}

.sec2-tip {
    position: absolute;
    top: calc(833 / 1920 * 100vw);
    left: 0;
    width: 100%;
    text-align: center;
    color: #fffffe;
    font-size: calc(23 / 1920 * 100vw);
    text-transform: uppercase;
    line-height: calc(40 / 1920 * 100vw);
    display: none;
}

.sec2-tip.on {
    display: block;
}

.sec2-1 {}

.sec2-line {
    width: calc(728 / 1920 * 100vw);
    height: calc(684 / 1920 * 100vw);
    z-index: 1;
    position: relative;
    margin: calc(85 / 1920 * 100vw) calc(555 / 1920 * 100vw);
    pointer-events: none;
    background: url(../images/egypt_line.png) center/calc(728 / 1920 * 100vw) no-repeat;
    left: calc(25 / 1920 * 100vw);
}

.ar .sec2-line {
    margin-right: calc(595 / 1920 * 100vw);
    margin-left: unset;
    left: unset;
    right: calc(25 / 1920 * 100vw);
}

.sec2-line.hide {
    display: none;
}

.sec2-egypt-list {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.sec2-1 .sec2-line {
    top: 0;
    opacity: 0;
}

.sec2-1.on .sec2-line {
    top: 0;
    opacity: 1;
}

.sec2-egypt-part {
    position: absolute;
    z-index: 1;
    opacity: 0;
    width: calc(259 / 1920 * 100vw);
    height: calc(179 / 1920 * 100vw);
}

.sec2-egypt-part:nth-child(1) {
    /* background: url(../images/egypt_part_off1.png) center/100% 100% no-repeat; */
    top: calc(119 / 1920 * 100vw);
    left: calc(390 / 1920 * 100vw);
}

.sec2-egypt-part:nth-child(2) {
    /* background: url(../images/egypt_part_off2.png) center/100% 100% no-repeat; */
    top: calc(350 / 1920 * 100vw);
    left: calc(340 / 1920 * 100vw);
}

.sec2-egypt-part:nth-child(3) {
    /* background: url(../images/egypt_part_off3.png) center/100% 100% no-repeat; */
    top: calc(578 / 1920 * 100vw);
    left: calc(300 / 1920 * 100vw);
}

.sec2-egypt-part:nth-child(4) {
    /* background: url(../images/egypt_part_off4.png) center/100% 100% no-repeat; */
    top: calc(195 / 1920 * 100vw);
    left: calc(1260 / 1920 * 100vw);
}

.sec2-egypt-part:nth-child(5) {
    /* background: url(../images/egypt_part_off5.png) center/100% 100% no-repeat; */
    top: calc(475 / 1920 * 100vw);
    left: calc(1320 / 1920 * 100vw);
}

.sec2-1.on .sec2-egypt-part {
    opacity: 1;
    animation: 500ms opacity1 linear 1000ms;
/*     animation: 500ms opacity1 linear 1000ms, 0.8s scale1 linear; */
    transform: scale(1, 1);
}

.sec2-1.on .sec2-egypt-part img {
    animation: 0.8s scale1 linear;
}

@keyframes scale1 {
    /* 0% {transform: scaleY(0) scaleX(0)}
    30% {transform: scaleY(0.8) scaleX(0.05)}
    100% {transform: scaleY(1) scaleX(1)} */
    0% {transform: scale(0, 0)}
    30% {transform: scale(0.05, 0.8)}
    100% {transform: scale(1, 1)}
}

.sec2-1.on .sec2-egypt-part.on {
/*     animation: none; */
}

.sec2-1.on .sec2-egypt-part.hide {
    display: block;
    opacity: 0;
    pointer-events: none;
}

/* .sec2-egypt-part.on:nth-child(1) {background-image: url(../images/egypt_part_on1.png);}
.sec2-egypt-part.on:nth-child(2) {background-image: url(../images/egypt_part_on2.png);}
.sec2-egypt-part.on:nth-child(3) {background-image: url(../images/egypt_part_on3.png);}
.sec2-egypt-part.on:nth-child(4) {background-image: url(../images/egypt_part_on4.png);}
.sec2-egypt-part.on:nth-child(5) {background-image: url(../images/egypt_part_on5.png);} */

.sec2-egypt-detail {
    background: url(../images/egypt_part_detail1.png) center/cover no-repeat;
    position: absolute;
    top: calc(145 / 1920 * 100vw);
    left: calc(1235 / 1920 * 100vw);
    width: calc(438 / 1920 * 100vw);
    height: calc(625 / 1920 * 100vw);
    opacity: 0;
    z-index: 0;
    transition: none;
    box-sizing: border-box;
    display: flex;
    padding: calc(460 / 1920 * 100vw) calc(35 / 1920 * 100vw) 0;
    transform: scale(0.5, 0.5);
}

.sec2-egypt-detail[data-part="0"] {background-image: url(../images/egypt_part_detail1.png);}
.sec2-egypt-detail[data-part="1"] {background-image: url(../images/egypt_part_detail2.png);}
.sec2-egypt-detail[data-part="2"] {background-image: url(../images/egypt_part_detail3.png);}
.sec2-egypt-detail[data-part="3"] {background-image: url(../images/egypt_part_detail4.png);}
.sec2-egypt-detail[data-part="4"] {background-image: url(../images/egypt_part_detail5.png);}

.sec.right .sec2-egypt-detail {
    left: calc(255 / 1920 * 100vw);
    transform: scale(0.5, 0.5);
    transform: scale(1,1);
}

.sec2-1.on .sec2-egypt-detail.on {
    transform: scale(1,1);
    opacity: 1;
    z-index: 1;
    /* transition: 2s opacity,0.8s transform; */
    transition: 0.8s transform,2s opacity;
    animation: 500ms opacity1 linear 1000ms;
}

.sec2-egypt-detail::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(190 / 1920 * 100vw);
    right: calc(130 / 1920 * 100vw);
    background: url(../images/egypt_detail_img1.png) center/cover no-repeat;
    width: calc(246 / 1920 * 100vw);
    height: calc(244 / 1920 * 100vw);
    transform: scale(0);
}

.sec2-egypt-detail[data-part="0"]::after {background-image: url(../images/egypt_detail_img1.png);}
.sec2-egypt-detail[data-part="1"]::after {background-image: url(../images/egypt_detail_img2.png);}
.sec2-egypt-detail[data-part="2"]::after {background-image: url(../images/egypt_detail_img3.png);}
.sec2-egypt-detail[data-part="3"]::after {background-image: url(../images/egypt_detail_img4.png);}
.sec2-egypt-detail[data-part="4"]::after {background-image: url(../images/egypt_detail_img5.png);}

.sec2-egypt-detail.on::after {
    animation: 1s scale2 linear 200ms;
    transform: scale(1);
    right: calc(310 / 1920 * 100vw);
}

.sec.right .sec2-egypt-detail::after {
    right: unset;
    left: calc(130 / 1920 * 100vw);
}

.sec.right .sec2-egypt-detail.on::after {
    animation: 1s scale3 linear 200ms;
    left: calc(310 / 1920 * 100vw);
}

@keyframes scale2 {
    0% {transform: scale(0);right: calc(100 / 1920 * 100vw);}
    50% {transform: scale(1);right: calc(100 / 1920 * 100vw);}
    100% {transform: scale(1);right: calc(310 / 1920 * 100vw);}
}

@keyframes scale3 {
    0% {transform: scale(0);left: calc(100 / 1920 * 100vw);}
    50% {transform: scale(1);left: calc(100 / 1920 * 100vw);}
    100% {transform: scale(1);left: calc(310 / 1920 * 100vw);}
}

@keyframes opacity1 {
    0%, 30%, 60%, 100%{
        opacity: 1;
    }
    15%, 45%, 80% {
        opacity: 0.5;
    }
}

.sec2-egypt-detail p {
    max-height: calc(104 / 1920 * 100vw);
    margin: auto;
    font-size: calc(23 / 1920 * 100vw);
    line-height: calc(28 / 1920 * 100vw);
    color: rgba(255, 255, 255, 0.5);
    word-break: break-word;
    text-align: center;
    text-transform: uppercase;
    display: none;
    overflow: auto;
    height: auto;
    min-height: calc(60 / 1920 * 100vw);
    padding-top: calc(4 / 1920 * 100vw);
}

.th .sec2-egypt-detail p {
    font-size: calc(21 / 1920 * 100vw);
    line-height: calc(25 / 1920 * 100vw);
}

.vi .sec2-egypt-detail p,
.ru .sec2-egypt-detail p {
    font-size: calc(18 / 1920 * 100vw);
    line-height: calc(25 / 1920 * 100vw);
    
}

.sec2-egypt-detail p.on {
    display: block;
}

.sec2-2 {
    box-sizing: border-box;
    padding-top: calc(265 / 1920 * 100vw);
}

.swiper-egypt-box {
    position: absolute;
    width: 100%;
    z-index: 2;
}

.swiper-container-egypt {
    width: calc(1785 / 1920 * 100vw);
    height: calc(150/ 1920 * 100vw);
    padding: calc(190/ 1920 * 100vw) calc(67.5/ 1920 * 100vw) calc(30/ 1920 * 100vw);
    margin-left: auto;
    margin-right: auto;
    pointer-events: inherit;
}

.swiper-container-egypt .swiper-slide {
    height: calc(154 / 1920 * 100vw);
    color: #ffffff;
    overflow: inherit;
    position: relative;
}

.sec2-player-item {
    background: url(../images/sec2_player_btn.png) center/cover no-repeat;
    z-index: 2;
    width: calc(357 / 1920 * 100vw);
    height: calc(154 / 1920 * 100vw);
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #ffebc1;
    font-size: calc(34 / 1920 * 100vw);
    line-height: calc(54 / 1920 * 100vw);
    box-sizing: border-box;
    text-transform: uppercase;
    cursor: pointer;
}

.sec2-player-text {
    display: block;
    width: 100%;
    transform: translate(calc(-2 / 1920 * 100vw), calc(4 / 1920 * 100vw));
}

.ru .slide3 .sec2-player-text {
    width: 90%;
}

/* sec3 */

.sec3 {
    background: url(../images/s3_bg.jpg) center/cover no-repeat;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.sec3::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: url(../images/s3_bg_after.png) center top / 100% no-repeat;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.s3_tv {
    width: 100%;
    height: 100%;
    position: relative;
}

#canvas2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/s3_tv_canvas.jpg);
    -webkit-mask-size: 100%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url(../images/s3_tv_mask.png);
}

@keyframes tv1 {
    0% {
      background: url(../images/tv.jpg)  no-repeat;
      background-size: calc(304/ 1400 * 100vw);
      background-position: center 0;
    }
    100% {
      background: url(../images/tv.jpg)  no-repeat;
      background-size: calc(304/ 1400 * 100vw);
      background-position: center calc(-1580 / 1400 * 100vw);
    }
}

@keyframes tv {
    100%, 0%, 9.99% {
      background-position: 50% 0%;
    }
    10%, 19.99% {
      background-position: 50% 11.1%;
    }
    20%, 29.99% {
      background-position: 50% 22.2%;
    }
    30%, 39.99% {
      background-position: 50% 33.3%;
    }
    40%, 49.99% {
      background-position: 50% 44.4%;
    }
    50%, 59.99% {
      background-position: 50% 55.5%;
    }
    60%, 69.99% {
      background-position: 50% 66.6%;
    }
    70%, 79.99% {
      background-position: 50% 77.7%;
    }
    80%, 89.99% {
      background-position: 50% 88.8%;
    }
    90%, 99.99% {
      background-position: 50% 99.9%;
    }
}

@keyframes tv2 {
    0% {
      background: url(../images/tv2.jpg)  no-repeat;
      /* background-size: calc(304/ 1400 * 100vw); */
      background-size: 3.04rem;
      background-position: center 0;
    }
    100% {
      background: url(../images/tv2.jpg)  no-repeat;
      /* background-size: calc(304/ 1400 * 100vw); */
      background-size: 3.04rem;
      background-position: center -15.8rem;
      /* background-position: center calc(-1580 / 1400 * 100vw); */
    }
}
/* 
@keyframes tv3 {
    0% {
      background: url(../images/tv3.jpg)  no-repeat;
      background-size: calc(304/ 1200 * 100vw);
      background-position: center 0;
    }
    100% {
      background: url(../images/tv3.jpg)  no-repeat;
      background-size: calc(304/ 1200 * 100vw);
      background-position: center calc(-1580 / 1200 * 100vw);
    }
}

@keyframes tv4 {
    0% {
      background: url(../images/tv4.jpg)  no-repeat;
      background-size: calc(304/ 1300 * 100vw);
      background-position: center 0;
    }
    100% {
      background: url(../images/tv4.jpg)  no-repeat;
      background-size: calc(304/ 1300 * 100vw);
      background-position: center calc(-1580 / 1300 * 100vw);
    }
}

@keyframes tv5 {
    0% {
      background: url(../images/tv5.jpg)  no-repeat;
      background-size: calc(304/ 1200 * 100vw);
      background-position: center 0;
    }
    100% {
      background: url(../images/tv5.jpg)  no-repeat;
      background-size: calc(304/ 1200 * 100vw);
      background-position: center calc(-1580 / 1400 * 100vw);
    }
} */

.s3_tv_item {
    position: absolute;
    -webkit-mask-size: 100%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    background-repeat: no-repeat;
    background-size: calc(304/ 1400 * 100vw);
}

.s3_tv_item:nth-child(1) {
    width: calc(301/ 1920 * 100vw);
    height: calc(254/ 1920 * 100vw);
    top: calc(200/ 1920 * 100vw);
    left: calc(214/ 1920 * 100vw);
}

.s3_tv_item:nth-child(2) {
    width: calc(303/ 1920 * 100vw);
    height: calc(218/ 1920 * 100vw);
    top: calc(224/ 1920 * 100vw);
    left: calc(521/ 1920 * 100vw);
    animation: tv 1.5s linear 0.1s infinite;
    background-image: url(../images/tv.jpg);
    -webkit-mask-image: url(../images/s3_tv2.png);
    /* background: url(../images/s3_tv2.png) center / 100% no-repeat; */
}

.s3_tv_item:nth-child(3) {
    width: calc(303/ 1920 * 100vw);
    height: calc(200/ 1920 * 100vw);
    top: calc(235/ 1920 * 100vw);
    left: calc(827/ 1920 * 100vw);
}

.s3_tv_item:nth-child(4) {
    width: calc(303/ 1920 * 100vw);
    height: calc(218/ 1920 * 100vw);
    top: calc(223/ 1920 * 100vw);
    left: calc(1133/ 1920 * 100vw);
    /* animation: tv2 1.5s steps(10, end) infinite; */
    animation: tv 1.6s linear 0.2s infinite;
    background-image: url(../images/tv2.jpg);
    -webkit-mask-image: url(../images/s3_tv4.png);
    /* background: url(../images/s3_tv4.png) center / 100% no-repeat; */
}

.s3_tv_item:nth-child(5) {
    width: calc(301/ 1920 * 100vw);
    height: calc(254/ 1920 * 100vw);
    top: calc(202/ 1920 * 100vw);
    left: calc(1438/ 1920 * 100vw);
}

.s3_tv_item:nth-child(6) {
    width: calc(301/ 1920 * 100vw);
    height: calc(252/ 1920 * 100vw);
    top: calc(445/ 1920 * 100vw);
    left: calc(215/ 1920 * 100vw);
    /* animation: tv3 1.5s steps(10, end) infinite; */
    animation: tv 1.65s linear 0.15s infinite;
    background-image: url(../images/tv3.jpg);
    -webkit-mask-image: url(../images/s3_tv6.png);
    /* background: url(../images/s3_tv6.png) center / 100% no-repeat; */
}

.s3_tv_item:nth-child(7) {
    width: calc(303/ 1920 * 100vw);
    height: calc(233/ 1920 * 100vw);
    top: calc(439/ 1920 * 100vw);
    left: calc(520/ 1920 * 100vw);
}

.s3_tv_item:nth-child(8) {
    width: calc(304/ 1920 * 100vw);
    height: calc(225/ 1920 * 100vw);
    top: calc(436/ 1920 * 100vw);
    left: calc(827/ 1920 * 100vw);
    /* animation: tv4 1.5s steps(10, end) infinite; */
    animation: tv 1.8s linear 0.25s infinite;
    background-image: url(../images/tv4.jpg);
    -webkit-mask-image: url(../images/s3_tv8.png);
    /* background: url(../images/s3_tv8.png) center / 100% no-repeat; */
}

.s3_tv_item:nth-child(9) {
    width: calc(303/ 1920 * 100vw);
    height: calc(233/ 1920 * 100vw);
    top: calc(438/ 1920 * 100vw);
    left: calc(1133/ 1920 * 100vw);
}

.s3_tv_item:nth-child(10) {
    width: calc(301/ 1920 * 100vw);
    height: calc(251/ 1920 * 100vw);
    top: calc(444/ 1920 * 100vw);
    left: calc(1438/ 1920 * 100vw);
    /* animation: tv5 1.5s steps(10, end) infinite; */
    animation: tv 1.85s linear infinite;
    background-image: url(../images/tv5.jpg);
    -webkit-mask-image: url(../images/s3_tv10.png);
    /* background: url(../images/s3_tv10.png) center / 100% no-repeat; */
}

.s3_btn_player {
    display:block;
    position: absolute;
    top: 50%;
    left: 52%;
    transform: translate(-50%, -50%);
    width: calc(49/ 1920 * 100vw);
    height: calc(60/ 1920 * 100vw);
    background: url(../images/s3_btn_player.png) center / 100% no-repeat;
    z-index: 1;
}

/* sec4 */

.sec4 {
    background-color: #e6e6e6;
    background: url(../images/s4_bg.jpg) top center/cover no-repeat;
    padding-left: calc(895 / 1920 * 100vw);
    padding-right: calc(365 / 1920 * 100vw);
    box-sizing: border-box;
    position: relative;
    padding-top: calc(5 / 1920 * 100vw);
}

.sec4-title-box {
    height: calc(76 / 1920 * 100vw);
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: calc(100 / 1920 * 100vw);
}

.ar .sec4-title-box {direction: ltr;}

.sec4-title-pic {
    display: block;
    height: calc(52 / 1920 * 100vw);
}

.hk .sec4-title-pic,
.tw .sec4-title-pic,
.zh .sec4-title-pic {
    height: calc(62 / 1920 * 100vw);
}

.ar .sec4-title-pic {
}

.sec4-title-gift {
    display: block;
    width: auto;
    color: #7B96AB;
    font-size: calc(30 / 1920 * 100vw);
    line-height: calc(38 / 1920 * 100vw);
    text-align: center;
    overflow: hidden;
    margin-top: calc(-4 / 1920 * 100vw);
}

.ar .sec4-title-time {
    direction: rtl;
}

.sec4-title-time:nth-child(1) {
    font-weight: 900;
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding: 0 calc(10 / 1920 * 100vw);
    /* height: calc(76 / 1920 * 100vw); */
    /* line-height: calc(76 / 1920 * 100vw); */
}

/* .es .sec4-title-time:nth-child(1),
.th .sec4-title-time:nth-child(1) {
    padding-top: calc(20 / 1920 * 100vw);
} */

.sec4-title-time:nth-child(1)::before,
.sec4-title-time:nth-child(1)::after {
  content: "";
  position: absolute;
  width: 2.65rem;
  height: 1px;
  background: rgba(110, 120, 136, 0.3);
  top: 50%;
  transform: translateY(-50%);
  background-repeat-x: repeat;
}

.sec4-title-time:nth-child(1)::before {
  left: 100%;
}

.sec4-title-time:nth-child(1)::after {
  right: 100%;
}

.sec4-tip {
    color: #C0D5E0;
    font-size: calc(27 / 1920 * 100vw);
    line-height: calc(34 / 1920 * 100vw);
    margin: 0 auto;
    width: calc(600 / 1920 * 100vw);
    height: calc(90 / 1920 * 100vw);
    text-align: center;
}

.ru .sec4-tip {
    line-height: calc(30 / 1920 * 100vw);
    font-size: calc(22 / 1920 * 100vw);
}

.ar .sec4-tip {
    text-align: right;
}

.sec4-button-item {
    z-index: 1;
    position: relative;
    display: block;
}

.sec4-right-btn {
    margin-left: calc(25 / 1920 * 100vw);
    margin-top: calc(10 / 1920 * 100vw);
    display: flex;
    margin-bottom: calc(50 / 1920 * 100vw);
}

.ar .sec4-right-btn {
    margin-top: calc(10 / 1920 * 100vw);
    margin-right: calc(55 / 1920 * 100vw);
    margin-left: 0;
}

.sec4-right-btn .sec4-button-item {
    width: calc(263 / 1920 * 100vw);
    height: calc(75 / 1920 * 100vw);
    box-sizing: border-box;
    margin-right: calc(26 / 1920 * 100vw);
    color: #ffffff;
    line-height: calc(65 / 1920 * 100vw);
    text-align: center;
    font-size: calc(28 / 1920 * 100vw);
    font-weight: 700;
    text-transform: uppercase;
}

.sec4-right-btn .go_now {
    background: url(../images/sec4_btn1.png) center top/100% no-repeat;
    color: #041222;
}

.sec4-right-btn .share {
    background: url(../images/sec4_btn2.png) center top/100% no-repeat;
    color: #041222;
}

.zh .sec4-right-btn .sec4-button-item {
    box-sizing: border-box;
    padding-top: calc(3 / 1920 * 100vw);
}

.sec4-egypt-title {}

.sec4-gift-list {
    height: calc(490 / 1920 * 100vw);
    position: relative;
}

.sec4-gift-list .day {
    color: #d2d6db;
    position: absolute;
    text-align: center;
    width: calc(211 / 1920 * 100vw);
    height: calc(37 / 1920 * 100vw);
    line-height: calc(37 / 1920 * 100vw);
    font-size: calc(32 / 1920 * 100vw);
    transform: translateX(-50%);
    white-space: nowrap;
    background: url(../images/sec4_time_bg.png) center top/100% no-repeat;
}

.sec4-gift-list .day1 {
    left: calc(290 / 1920 * 100vw);
    top: calc(460 / 1920 * 100vw);
}

.sec4-gift-list .day2 {
    left: calc(340 / 1920 * 100vw);
    top: calc(290 / 1920 * 100vw);
}

.sec4-gift-list .day3 {
    left: calc(490 / 1920 * 100vw);
    top: calc(375 / 1920 * 100vw);
}

.sec4-gift-list span {
    position: relative;
    padding-left: calc(40 / 1920 * 100vw);
}

.sec4-gift-list .day span::before {
    display: block;
    content: "";
    position: absolute;
    background: url(../images/sec4_time_icon.png) center top/100% no-repeat;
    width: calc(29 / 1920 * 100vw);
    height: calc(29 / 1920 * 100vw);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.ar .sec4-gift-list {
    margin-right: calc(440 / 1920 * 100vw);
}

@keyframes fly {
    0%,
    100% {
        transform: none;
    }
    50% {
        transform: translateY(calc(10 / 1920 * 100vw));
    }
}

.sec4-more-text {
    color: #472d0c;
    font-size: calc(18 / 1920 * 100vw);
    line-height: calc(100 / 1920 * 100vw);
    width: calc(680 / 1920 * 100vw);
    text-align: center;
    position: relative;
    display: none;
}

.sec4-more-text::after {
    position: absolute;
    content: "";
    display: block;
    left: calc(325 / 1920 * 100vw);
    bottom: calc(20 / 1920 * 100vw);
    background: url(../images/sec4_gift_more.png) center top/100% no-repeat;
    width: calc(30 / 1920 * 100vw);
    height: calc(20 / 1920 * 100vw);
}

.sec4-left-btn {
    display: none;
    justify-content: center;
    padding-top: calc(10 / 1920 * 100vw);
}

.sec4-left-btn.on {
    display: flex;
}

.sec4-left-btn {
    display: none;
    justify-content: center;
    padding-top: calc(10 / 1920 * 100vw);
}

.sec4-left-btn .sec4-button-item {
    width: calc(200 / 1920 * 100vw);
    height: calc(70 / 1920 * 100vw);
    margin: 0 calc(6 / 1920 * 100vw);
    color: #fefefe;
    line-height: calc(70 / 1920 * 100vw);
    text-align: center;
    font-size: calc(25 / 1920 * 100vw);
    display: block;
    text-align: center;
    box-sizing: border-box;
}

.sec4-left-btn .sec4-button-item:nth-child(1) {
    background-color: rgba(62, 113, 138, 0.95);
    border: 2px solid #75ced9;
}

.sec4-left-btn .sec4-button-item:nth-child(2) {
    background-color: rgba(211, 155, 57, 0.95);
    border: 2px solid #ffd248;
}

.ru .sec4-left-btn .sec4-button-item:nth-child(2),
.vi .sec4-left-btn .sec4-button-item:nth-child(2) {
    line-height: calc(30 / 1920 * 100vw);
    padding-top: calc(5 / 1920 * 100vw);
}

.de .sec4-left-btn .sec4-button-item {
    font-size: calc(30 / 1920 * 100vw);
}

.sec4-egypt-title {
    position: absolute;
    left: calc(228 / 1920 * 100vw);
    top: calc(630 / 1920 * 100vw);
    width: calc(530 / 1920 * 100vw);
}

.sec4-egypt-title1 {
    width: calc(415 / 1334 * 100vw);
    height: calc(219 / 1334 * 100vw);
    background: url(../images/sec4_activityoff_en.png) center top/calc(415 / 1334 * 100vw) no-repeat;
    margin-top: calc(-100 / 1920 * 100vw);
    margin-left: calc(-30 / 1920 * 100vw);
    margin-right: calc(-30 / 1920 * 100vw);
}

.en .sec4-egypt-title1 {
    background-image: url(../images/sec4_activityoff_en.png);
}

.ru .sec4-egypt-title1 {
    background-image: url(../images/sec4_activityoff_ru.png);
}

.de .sec4-egypt-title1 {
    background-image: url(../images/sec4_activityoff_de.png);
}

.zh .sec4-egypt-title1 {
    background-image: url(../images/sec4_activityoff_zh.png);
}

.hk .sec4-egypt-title1 {
    background-image: url(../images/sec4_activityoff_hk.png);
}

.tw .sec4-egypt-title1 {
    background-image: url(../images/sec4_activityoff_tw.png);
}

.th .sec4-egypt-title1 {
    background-image: url(../images/sec4_activityoff_th.png);
}

.vi .sec4-egypt-title1 {
    background-image: url(../images/sec4_activityoff_vi.png);
}

.id .sec4-egypt-title1 {
    background-image: url(../images/sec4_activityoff_id.png);
}

.pt .sec4-egypt-title1 {
    background-image: url(../images/sec4_activityoff_pt.png);
}

.fr .sec4-egypt-title1 {
    background-image: url(../images/sec4_activityoff_fr.png);
}

.es .sec4-egypt-title1 {
    background-image: url(../images/sec4_activityoff_es.png);
}

.tr .sec4-egypt-title1 {
    background-image: url(../images/sec4_activityoff_tr.png);
}

.ar .sec4-egypt-title1 {
    background-image: url(../images/sec4_activityoff_ar.png);
}

.sec4-egypt-title2 {
    width: calc(415 / 1334 * 100vw);
    background: url(../images/sec4_activityon_en.png) center top/calc(415 / 1334 * 100vw) no-repeat;
    margin-top: calc(-100 / 1920 * 100vw);
    margin-left: calc(-30 / 1920 * 100vw);
    height: calc(135 / 1334 * 100vw);
    padding: calc(100 / 1334 * 100vw) calc(50 / 1334 * 100vw) 0;
    margin-right: calc(-30 / 1920 * 100vw);
    box-sizing: border-box;
}

.en .sec4-egypt-title2 {
    background-image: url(../images/sec4_activityon_en.png);
}

.ru .sec4-egypt-title2 {
    background-image: url(../images/sec4_activityon_ru.png);
}

.de .sec4-egypt-title2 {
    background-image: url(../images/sec4_activityon_de.png);
}

.zh .sec4-egypt-title2 {
    background-image: url(../images/sec4_activityon_zh.png);
}

.hk .sec4-egypt-title2 {
    background-image: url(../images/sec4_activityon_hk.png);
}

.tw .sec4-egypt-title2 {
    background-image: url(../images/sec4_activityon_tw.png);
}

.th .sec4-egypt-title2 {
    background-image: url(../images/sec4_activityon_th.png);
}

.vi .sec4-egypt-title2 {
    background-image: url(../images/sec4_activityon_vi.png);
}

.id .sec4-egypt-title2 {
    background-image: url(../images/sec4_activityon_id.png);
}

.pt .sec4-egypt-title2 {
    background-image: url(../images/sec4_activityon_pt.png);
}

.fr .sec4-egypt-title2 {
    background-image: url(../images/sec4_activityon_fr.png);
}

.es .sec4-egypt-title2 {
    background-image: url(../images/sec4_activityon_es.png);
}

.tr .sec4-egypt-title2 {
    background-image: url(../images/sec4_activityon_tr.png);
}

.ar .sec4-egypt-title2 {
    background-image: url(../images/sec4_activityon_ar.png);
}

.sec5 {
    height: auto;
}

.mclass .sec5 {}

.footer:before {
    display: none!important;
}

.b-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 200
}

.pop-vid {
    height: 562px;
    position: fixed;
    width: 50%;
    left: 50%;
    left: 0;
    right: 0;
    margin: -281px auto;
    top: 50%;
    background: #000;
    z-index: 201
}

.pop-close {
    width: 45px;
    height: 45px;
    color: #d9d9d8;
    font-size: 40px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
    text-indent: -999px;
    overflow: hidden;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAArBAMAAAAebRy0AAAAElBMVEUAAAD///////////////////8+Uq06AAAABnRSTlMAgE9AbQJS7AZuAAAAkklEQVQ4y4WT0Q1AUAwAG2KAxwJsICZgBfsPQ/pzkfNSH9LWnTzVRhyha9gjxraqvi3vszYLz9ImISsIH1wCOQIpgHAIEhDFMISCiKAILIAjGAfMuwXwr5C4hTtxC1fiFn7xmK52Rs37/fV5fH5/b9Uf97Puv/8XuCLPQzU/njcQyxCkABbAEYQjdPaxt7+9fX8ARNcT+PuPZN4AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 100;
}

.pop-loading {
    font-family: Arial;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 22px;
    text-align: center;
    color: #fff;
    line-height: 3;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pop-loading.loaded {
    display: none
}

.pop-con {
    animation: popIn .5s 0s both
}

.player-container-id-dimensions {
    width: 100%;
    height: 100%;
}


/* 分享弹窗 */

.pop-share {
    background: url(../images/pop_share.png) center / 100% no-repeat;
    width: calc(748/1920*100vw);
    height: calc(458/1920*100vw);
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.ar .pop-share {
    left: -50%;
    transform: translate(50%, -50%);
}

.pop-share .pop-close {
    background: none;
}

.pop-share .facebook-share-btn {
    display: block;
    text-indent: -9999px;
    position: absolute;
    height: calc(180 / 1920* 100vw);
    width: calc(180 / 1920* 100vw);
    left: calc(130 / 1920 * 100vw);
    top: calc(175 / 1920 * 100vw);
}

.pop-share .twitter-share-btn {
    display: block;
    text-indent: -9999px;
    position: absolute;
    height: calc(180 / 1920* 100vw);
    width: calc(180 / 1920* 100vw);
    left: calc(415 / 1920 * 100vw);
    top: calc(175 / 1920 * 100vw);
}


/* 分享弹窗 pc */

.pc.pop-share {
    width: calc(1017/2500*100vw);
    height: calc(588/2500*100vw);
}

.pc.pop-share .facebook-share-btn {
    height: calc(190 / 2500 * 100vw);
    width: calc(190 / 2500 * 100vw);
    left: calc(250 / 2500 * 100vw);
    top: calc(220 / 2500 * 100vw);
}

.pc.pop-share .twitter-share-btn {
    height: calc(190 / 2500 * 100vw);
    width: calc(190 / 2500 * 100vw);
    left: calc(580 / 2500 * 100vw);
    top: calc(220 / 2500 * 100vw);
}

@media only screen and (max-width: 1400px) {
    .pop-vid {
        width: 70%;
        margin: -260px auto;
        height: 520px
    }
}

@media only screen and (max-width: 1000px) {
    .pop-vid {
        width: 100%;
        margin: -200px auto;
        height: 400px
    }
    .pop-close {
        width: 35px;
        height: 35px
    }
}

@media only screen and (max-width: 850px) {
    .pop-vid {
        width: 100%;
        margin: -130px auto;
        height: 260px;
    }
}

@media only screen and (max-width: 575px) {
    .pop-close {
        width: 25px;
        height: 25px;
        right: 0
    }
}

@media only screen and (max-width: 500px) {
    .sec2-egypt-part {
        opacity: 1;
    }
}

.mclass .pop-close {
    width: 35px;
    height: 35px;
    right: 2px;
}

.mclass .pop-vid {
    width: 100%;
    top: 0;
    height: 100%;
    margin: 0% auto;
}

.mclass .pop-video-close {
    right: calc(60 / 1334 * 100vw);
    top: calc(20 / 1334 * 100vw);
    padding: 0;
    border: none;
    font-size: calc(26 / 1334 * 100vw);
    height: calc(60 / 1334 * 100vw);
    width: calc(60 / 1334 * 100vw);
    font-size: 0;
    background: url(../images/pop_close.png) center / calc(60 / 1334 * 100vw) no-repeat;
    filter: drop-shadow(0 0 5vw black);
}

.pop-share .pop-close {
    width: calc(50 / 1920 * 100vw);
    height: calc(50 / 1920 * 100vw);
    right: 0;
    top: calc(20 / 1920 * 100vw);
}

.pc.pop-share .pop-close {
    width: calc(50 / 2500 * 100vw);
    height: calc(50 / 2500 * 100vw);
    right: calc(40 / 2500 * 100vw);
}

.footer:before {
    display: none;
}