body,
div,
p,
ul,
li,
table,
tbody,
tr,
td,
textarea,
form,
input,
h1,
h2,
h3,
h4,
h5,
dl,
dt,
dd,
img,
iframe,
header,
nav,
section,
article,
footer,
figure,
figcaption,
menu {
    margin: 0;
    padding: 0;
    list-style: none
}

body.lock {
    position: fixed;
    width: 100%;
}

@font-face {
    font-family: "agency";
    src: url('https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/all.ttf')
}

@font-face {
    font-family: "AGENCYR";
    src: url('https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/agencyr_0.ttf')
}

@font-face {
    font-family: "HEADLINERNO";
    src: url('https://www.pubgmobile.com/cp/a20201214egyptm/font/kcfont.otf')
}

@font-face {
    font-family: "teko";
    src: url('https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/teko_regular.ttf')
}

@font-face {
    font-family: "noto";
    src: url('https://www.pubgmobile.com/cp/a20201214egyptm/font/NOTOSANSJP-BLACK.OTF')
}

/* 语言适配 */
@font-face {
    font-family: 'all';
    src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/all.ttf") format("truetype");
}


/* 俄语 */

@font-face {
    font-family: 'ru';
    src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/ru.ttf") format("truetype");
}


/* 泰语 */

@font-face {
    font-family: 'th';
    src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/th.ttf") format("truetype");
}


/* 越南语 */

@font-face {
    font-family: 'vi';
    src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/vi.ttf") format("truetype");
}


/* 土耳其语 */

@font-face {
    font-family: 'tr';
    src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/tr.otf") format("truetype");
}


/* 阿拉伯语 */

@font-face {
    font-family: 'ar';
    src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/ar.ttf") format("truetype");
}

html {
    background-color: #050503;
}

body {
    font-size: 12px;
    -webkit-text-size-adjust: none;
    font-family: "teko";
    min-width: 320px;
    background-color: #050503;
}

header,
nav,
section,
article,
footer,
figure,
figcaption {
    display: block
}

ol,
ul {
    margin: 0;
    padding: 0
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

a,
li,
ul,
[onclick] {
    -webkit-tap-highlight-color: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

table,
td,
tr {
    border-collapse: collapse;
    border-spacing: 0
}

em,
strong,
i {
    font-weight: normal;
    font-style: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%
}

a {
    text-decoration: none
}

a img {
    vertical-align: top
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.text-hide {
    text-indent: -9999px;
    overflow: hidden
}

.spr {
    background-image: url(../img/spr.png);
    background-repeat: no-repeat;
    background-size: 100vh;
}

.top-nav {
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #ffb400;
    background-color: rgba(0, 0, 0, 0.56);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    min-width: 320px;
    font-family: "teko";
}

.top-nav.fixed {
    position: fixed;
}

.top-main {
    padding: 0 103px
}

.top-log {
    display: block;
    float: left
}

.top-log a {
    float: left
}

.top-log img {
    display: block;
    width: 128px;
    height: 128px;
    margin-top: 12px;
    border-radius: 25px;
}

.top-tit {
    display: block;
    float: left;
    color: #feab02;
    font-size: 28px;
    padding-left: 15px;
    padding-top: 30px;
    font-weight: normal;
    line-height: 1
}

.top-tit span {
    display: block;
    color: #d9d9d8;
    font-size: 18px;
    line-height: 1
}

.nav-list {
    float: left;
    margin-left: 55px;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.nav-list li {
    display: inline-block;
    margin: 0 12px;
    position: relative
}

.nav-list li a,
.nav-list li span {
    display: block;
    color: #d9d9d8;
    font-size: 22px;
    line-height: 100px;
    white-space: nowrap
}

.nav-list li a:hover,
.nav-list .on a,
.nav-list li span:hover,
.nav-list .on span {
    color: #feab02;
    cursor: pointer
}

.top-main .top-btn a {
    display: inline-block;
    width: 134px;
    height: 34px;
    background: #eaa300;
    border: 1px solid #ffcc57;
    font-size: 22px;
    color: #000
}

.top-main .top-btn {
    position: absolute;
    right: 267px;
    width: 292px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 38px;
    margin-top: 30px
}

.top-main .slec {
    display: none;
    position: absolute;
    width: 136px;
    height: auto;
    right: 267px;
    top: 64px;
    z-index: 2
}

.top-main .slec li {
    width: 136px;
    height: 46px
}

.top-main .slec li a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999rem
}

.top-main .slec li.app-li {
    background: url('../img/app_pc.png') no-repeat center/cover
}

.top-main .slec li.google {
    background: url('../img/google_pc.png') no-repeat center/cover
}

.top-main .slec li.apk-li {
    background: url('../img/apk_pc.png') no-repeat center/cover
}

.nav-list li.slide-icon-c>span::after {
    display: inline-block;
    content: "";
    width: 15px;
    height: 11px;
    background-image: url(../img/slide_icon2.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10px;
    vertical-align: middle;
    margin-top: -3px
}

.nav-list li.slide-icon-d>span::after {
    background-image: url(../img/slide_icon.png)
}

.nav-list .event-second {
    position: absolute;
    z-index: 100;
    background: rgba(0, 0, 0, 1);
    font-size: 22px;
    display: none;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    border-radius: 2px;
    top: 60px;
    left: -5px
}

.nav-list .event-second li {
    border: 1px solid #eaa300;
    margin: 0;
    width: 100%;
    border-bottom: 0;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.nav-list .event-second li:last-of-type {
    border-bottom: 1px solid #eaa300
}

.nav-list span:hover~.event-second,
.nav-list .event-second:hover {
    font-size: 22px;
    height: auto;
    opacity: 1;
    pointer-events: visible
}

.nav-list .event-second a {
    line-height: 22px;
    white-space: nowrap;
    padding: 5px 10px;
    border-radius: 2px;
    font-size: inherit
}

.lang-box {
    float: right;
    height: 23px;
    line-height: 23px;
    text-align: right;
    position: relative;
    top: 38px
}

.lang-drop {
    height: 23px;
    position: relative;
    padding-right: 20px
}

.lang-arrow {
    display: block;
    width: 23px;
    height: 23px;
    background: url(../img/lang_icon.png) no-repeat 0 -240px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.lang-on {
    height: 23px;
    color: #ffb400;
    font-size: 21px;
    line-height: 23px;
    padding-right: 8px
}

.lang-on i {
    display: inline-block;
    width: 27px;
    height: 17px;
    margin-right: 8px;
    background: url(../img/lang_icon.png) no-repeat 0 0;
    vertical-align: top;
    margin-top: 3px;
    display: none
}

.lang-on i.ar {
    background-position: -30px 0
}

.lang-on i.th {
    background-position: 0 -65px
}

.lang-on i.id {
    background-position: -30px -21px
}

.lang-on i.pt {
    height: 17px;
    background-position: -30px -42px
}

.lang-on i.ru {
    background-position: 0 -21px
}

.lang-on i.es {
    background-position: 0 -153px
}

.lang-on i.fr {
    background-position: 0 -109px
}

.lang-on i.tr {
    background-position: 0 -175px
}

.lang-on i.vi {
    background-position: 0 -198px
}

.lang-on i.de {
    background-position: -30px -65px
}

.lang-on i.HK {
    background-position: -30px -87px
}

.lang-on i.TW {
    background-position: -30px -87px
}

.lang-on i.jp {
    background-position: -30px 0
}

.lang-on i.ko {
    background-position: -30px 0
}

.lang-list {
    display: none;
    width: 165px;
    background-color: rgba(0, 0, 0, 0.65);
    border-bottom: 5px solid #ffb400;
    position: absolute;
    right: 0;
    top: 63px;
    z-index: 2
}

.lang-list li {
    height: 32px;
    color: #b9b9b9;
    font-size: 14px;
    font-family: Helvetica;
    text-align: left;
    padding-top: 10px;
    padding-left: 10px;
    border-bottom: 1px solid #333737;
    cursor: pointer
}

.lang-list li:hover {
    color: #ffb400
}

.lang-list li:last-child {
    border-bottom: 0
}

.lang-list li i {
    display: inline-block;
    width: 27px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle;
    background: url(../img/lang_icon.png) no-repeat;
    background-position: 0 0;
    display: none
}

.lang-list li.ar i {
    background-position: -30px 0
}

.lang-list li.en i {
    background-position: 0 0
}

.lang-list li.id i {
    background-position: -30px -21px
}

.lang-list li.pt i {
    height: 17px;
    background-position: -30px -42px
}

.lang-list li.th i {
    background-position: 0 -65px
}

.lang-list li.ru i {
    background-position: 0 -21px
}

.lang-list li.es i {
    background-position: 0 -153px
}

.lang-list li.fr i {
    background-position: 0 -109px
}

.lang-list li.tr i {
    background-position: 0 -175px
}

.lang-list li.vi i {
    background-position: 0 -198px
}

.lang-list li.de i {
    background-position: -30px -65px
}

.lang-list li.HK i {
    background-position: -30px -87px
}

.lang-list li.TW i {
    background-position: -30px -87px
}

.lang-list li.HK i {
    background-position: -30px -87px
}

.lang-list li.TW i {
    background-position: -30px -87px
}

.lang-list li.jp i {
    background-position: -30px -87px
}

.lang-list li.ko i {
    background-position: -30px -87px
}

.nav-list .nav-lang-box {
    display: none
}

.nav-list li span.lang-on {
    display: inline-block;
    padding: 0;
    line-height: 1
}

.special-langlist li i {
    display: inline-block;
    width: 27px;
    height: 16px;
    margin-right: 10px;
    vertical-align: middle;
    background: url(../img/lang_icon.png) no-repeat;
    background-position: 0 0;
    display: none
}

.special-langlist li.ar i {
    background-position: -30px 0
}

.special-langlist li.en i {
    background-position: 0 0
}

.special-langlist li.id i {
    background-position: -30px -21px
}

.special-langlist li.pt i {
    height: 17px;
    background-position: -30px -42px
}

.special-langlist li.th i {
    background-position: 0 -65px
}

.special-langlist li.ru i {
    background-position: 0 -21px
}

.special-langlist li.es i {
    background-position: 0 -153px
}

.special-langlist li.fr i {
    background-position: 0 -109px
}

.special-langlist li.tr i {
    background-position: 0 -175px
}

.special-langlist li.vi i {
    background-position: 0 -198px
}

.special-langlist li.de i {
    background-position: -30px -65px
}

.special-langlist li.HK i {
    background-position: -30px -87px
}

.special-langlist li.TW i {
    background-position: -30px -87px
}

.special-langlist li.jp i {
    background-position: -30px -87px
}

.special-langlist li.ko i {
    background-position: -30px -87px
}

.top-line {
    display: none;
    margin-top: 35px;
    float: left
}

.top-line ul {
    width: 34px;
    margin-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.top-line li {
    width: 100%;
    height: 3px;
    background-color: #d9d9d8;
    text-indent: -9999px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .5s;
    transition: all .5s;
    overflow: hidden
}

.top-line li:not(:first-child) {
    margin-top: 9px
}

.top-line ul.open li:nth-child(1) {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.top-line ul.open li:nth-child(2) {
    opacity: 0
}

.top-line ul.open li:nth-child(3) {
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

body.ar {
    direction: rtl;
    unicode-bidi: bidi-override;
}

.ar .swiper-container,
.ar .pagination,
.ar .footer,
.ar .top-btn {
    direction: ltr
}

.footer {
    position: relative;
    z-index: 2;
    background: #131313
}

.footer:before {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 16px;
    background: url(https://www.pubgmobile.com/cp/a20201214egyptm/images/foot_t.png) no-repeat;
    background-position: center top;
    top: -15px;
    background-size: 100% 100%;
}

.foot_ct {
    padding-bottom: 100px;
    padding-top: 45px;
    padding-left: 100px;
    box-sizing: border-box
}

.foot_icon a {
    display: inline-block;
    text-indent: -9999em;
    background: url(https://www.pubgmobile.com/cp/a20201214egyptm/images/foot_icon.png) no-repeat;
    opacity: .54;
    overflow: hidden
}

.foot_icon a:hover {
    opacity: 1
}

.foot_icon .foot_icon1 {
    width: 23px;
    height: 25px;
    margin-right: 14px;
    vertical-align: middle;
    background-position: 0 0
}

.foot_icon .foot_icon2 {
    width: 27px;
    height: 22px;
    margin-right: 10px;
    vertical-align: middle;
    background-position: -36px -3px
}

.foot_icon .foot_icon3 {
    width: 25px;
    height: 19px;
    margin-right: 14px;
    vertical-align: middle;
    background-position: -114px -3px
}

.foot_icon .foot_icon4 {
    width: 25px;
    height: 26px;
    margin-right: 14px;
    vertical-align: middle;
    background-position: -153px 0
}

.foot_icon .foot_icon5 {
    width: 33px;
    height: 20px;
    vertical-align: middle;
    background-position: -231px -2px
}

.foot_copy {
    margin-top: 14px
}

.copy_left {
    float: left;
    padding-right: 10px;
}

.copy_left img {
    display: inline-block;
    margin-right: 18px;
    opacity: .54
}

.copy_right {
    margin-top: 20px
}

.copy_right p {
    color: #989898;
    font-size: 12px;
    font-family: Arial;
    line-height: 20px;
    opacity: .83
}

.copy_right a {
    text-decoration: none;
    color: #989898
}

.foot_ship {
    color: #989898;
    font-size: 14px;
    font-family: Arial;
    line-height: 24px;
    opacity: .83;
    margin: 20px 0
}

.car_img {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none;
    width: 53%;
    max-width: 800px;
}

.scrollbar-p::-webkit-scrollbar {
    width: 4px;
    height: 1px
}

.scrollbar-p::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 2px #293988;
    -webkit-box-shadow: inset 0 0 0px #293988;
    background: rgba(253, 253, 253, 0.2);
    border-radius: 2px;
}

.scrollbar-p::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
    background: rgba(56, 62, 74, 0);
    border-radius: 2px;
}

@media only screen and (min-width: 1570px) and (max-width:1750px) {
    .top-main {
        padding: 0 30px
    }
    .top-main .top-btn {
        right: 195px
    }
    .top-main .slec {
        right: 195px
    }
    .nav-list {
        margin-left: 20px
    }
}

@media only screen and (max-width: 1570px) {
    .top-main {
        padding: 0 10px
    }
    .top-main .top-btn {
        right: 110px
    }
    .top-main .slec {
        right: 110px
    }
    .nav-list {
        margin-left: 20px
    }
}

@media only screen and (max-width: 1480px) {
    .top-main {
        padding: 0 10px
    }
    .top-main .top-btn {
        right: 175px;
        margin-top: 20px;
    }
    .lang-box {
        top: 26px;
    }
    .top-main .slec {
        right: 175px
    }
    .ar .nav-list {
        overflow: hidden
    }
    .top-nav {
        height: 80px;
    }
    .lang-list {
        top: 55px;
    }
    .top-tit {
        padding-top: 18px;
    }
    .nav-list {
        position: fixed;
        top: 81px;
        bottom: 0;
        right: 0;
        margin-left: 0;
        width: 0;
        -webkit-transition: all .5s;
        transition: all .5s
    }
    .nav-list.show {
        width: 60vw;
        overflow: auto
    }
    .top-line {
        display: block !important;
        margin-top: 24px;
    }
    .nav-list {
        background-color: rgba(0, 0, 0, 0.73)
    }
    .nav-list li {
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .nav-list li a,
    .nav-list li span {
        line-height: 50px;
        padding: 0 20px
    }
    .nav-list .event-second {
        position: static;
        background: 0
    }
    .nav-list .event-second li {
        border: 0;
        padding-left: 20px
    }
    .nav-list .event-second li:last-of-type {
        border: 0
    }
    .nav-list .event-second a {
        padding: 5px 20px
    }
}

@media only screen and (max-width: 1100px) {
    .car_img {
        display: none;
    }
    .foot_ct {
        padding-left: 36px;
    }
}

@media only screen and (max-width: 850px) {
    .footer:before {
        background-size: auto 100%;
    }
    .top-main .top-btn {
        width: 136px
    }
    .foot_ct {
        padding: 40px 0
    }
    .foot_copy {
        margin-top: 10px
    }
    .foot_icon {
        text-align: center
    }
    .foot_ship {
        text-align: center
    }
    .foot_icon>a {
        display: inline-block
    }
    .copy_left {
        float: none;
        margin: 20px auto;
        padding: 0;
        border: 0;
        text-align: center
    }
    .copy_right {
        float: none;
        text-align: center;
        margin: 0 0 10px
    }
    .foot_ship {
        margin: 10px 0
    }
    .top-main .top-line {
        float: right
    }
    .lang-box {
        display: none
    }
    .top-nav {
        height: 50px
    }
    .is-mobile .top-nav {
        position: fixed
    }
    .top-log img {
        width: 40px;
        height: 40px;
        margin-top: 5px
    }
    .top-tit {
        font-size: 16px;
        padding-left: 10px;
        padding-top: 12px;
        line-height: 1
    }
    .top-tit span {
        font-size: 14px;
        line-height: 1
    }
    .nav-list {
        top: 51px
    }
    .nav-list li.slide-icon-c>span::after {
        width: 11px;
        height: 7px
    }
    .nav-list li a,
    .nav-list li span {
        font-size: 16px;
        line-height: 32px
    }
    .nav-list .event-second a {
        font-size: 16px
    }
    .top-main .top-btn {
        width: 234px;
        margin-top: 11px;
        right: 48px;
    }
    .top-main .top-btn a {
        width: 110px;
        font-size: 14px;
        height: 26px;
        line-height: 28px
    }
    .top-main .slec {
        width: 110px;
        top: 41px;
        right: 48px
    }
    .top-main .slec li {
        background-size: 100% 100% !important;
        width: 110px;
        height: 37px
    }
    .top-main .top-line {
        margin-top: 14px
    }
    .top-main .top-line ul {
        width: 28px;
        margin-left: 10px
    }
    .top-main .top-line li:not(:first-child) {
        margin-top: 7px
    }
    .top-main .nav-list .nav-lang-box {
        display: block
    }
    .lang-on i {
        margin-top: 0
    }
    .client .lang-on i {
        margin-top: 3px
    }
}

@media only screen and (max-width: 560px) {
    .top-main .top-btn {
        width: 145px;
        margin-top: 14px;
    }
    .top-main .top-btn a {
        width: 68px;
        font-size: 12px;
        height: 22px;
        line-height: 24px;
    }
    .top-tit {
        font-size: 14px;
        padding-top: 13px;
        padding-left: 8px;
    }
}

.wow {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@keyframes fadeInUp {
    0% {
        -webkit-transform: translate3d(0, 100px, 0);
        opacity: 0;
        transform: translate3d(0, 100px, 0)
    }
    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        -webkit-transform: translate3d(0, -100px, 0);
        opacity: 0;
        transform: translate3d(0, -100px, 0)
    }
    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        -webkit-transform: translate3d(-100px, 0, 0);
        opacity: 0;
        transform: translate3d(-100px, 0, 0)
    }
    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        -webkit-transform: translate3d(100px, 0, 0);
        opacity: 0;
        transform: translate3d(100px, 0, 0)
    }
    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@-webkit-keyframes popIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes popIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes progress {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@keyframes arrowDown {
    0% {
        transform: translateY(0);
        opacity: 0
    }
    50% {
        transform: translateY(50%);
        opacity: 1
    }
    100% {
        transform: translateY(100%);
        opacity: 0
    }
}

.mclass .copy_left img {
    margin-right: 10px;
}

.mclass .foot_ship {
    font-size: 12px;
    margin: 6px 0;
}

.mclass .copy_right p {
    font-size: 12px;
}

.mclass .copy_left {
    margin: 10px auto;
}

.mclass .copy_left img:nth-child(1) {
    width: 70px;
    height: auto;
}

.mclass .copy_left img:nth-child(2) {
    width: 70px;
    height: auto;
}

.mclass .copy_left img:nth-child(3) {
    width: 120px;
    height: auto;
}

@media only screen and (max-width: 375px) {
    .top-tit span {
        font-size: 13px
    }
}

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(26 / 1920 * 100vw);
    line-height: calc(40 / 1920 * 100vw);
    text-align: center;
    color: #f1d579;
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 50%;
    transform: translate(0,-50%);
    left: 0;
    z-index: 30;
    margin-top: calc(350/1920 * 100vw);
    filter: drop-shadow(0 1px 0 #333);
}

#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: "agency";
}

.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(121 / 1920 * 100vw); */
    background-color: #221b13;
    position: relative;
    overflow: hidden;
	height: calc(900 / 1920 * 100vw);
}

.kv {
    background: url(../img/kv.jpg) top/cover no-repeat;
    /* filter: brightness(0.5); */
    position: absolute!important;
    z-index: 1;
    top: 0;
    left: 50%;
	transform: translateX(-50%);
    width: 100vw!important;
    height: calc( 100vw / 1334 * 750 )!important;
    pointer-events: none;
}

.s1-title-box {
    z-index: 2;
    margin: 0 auto;
    width: calc(1164 / 1920 * 100vw);
    height: calc(485 / 1920 * 100vw);
    background: url(../img/s1_title_box.png?v=1.2.0) center/100% no-repeat;
    /* padding-top: calc(0 / 1920 * 100vw); */
    box-sizing: border-box;
    position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	margin-top: calc(-144 / 1920 * 100vw);;
}

.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(1164 / 1920 * 100vw);
    height: calc(485 / 1920 * 100vw);
    background: url(../img/s1_title_en.png) center top/100% no-repeat;
    position: relative;
}

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

.s1-title-tip {
    color: #d3fffe;
	width: 100%;
    line-height: calc(44 / 1920 * 100vw);
    font-size: calc(36 / 1920 * 100vw);
    text-align: center;
    font-family: "agency";
	position: absolute;
	left: 0;
	top: calc(295 / 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-tip1 {
    padding-right: calc(100 / 1920 * 100vw);
}

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

.zh .s1-title-tip1,
.hk .s1-title-tip1 {
    padding-right: calc(130 / 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-tip1 {
    padding-right: calc(120 / 1920 * 100vw);
}


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

.s1-player-btn {
    display: block;
    width: calc(100 / 1920 * 100vw);
    height: calc(100 / 1920 * 100vw);
    margin: 0 auto;
    transform: translate(-52%,0);
    position: absolute;
	left: 50%;
	top: calc(324 / 1920 * 100vw);
    z-index: 1;
}

.s1_next {
    background: url(../img/s1_next.png) center / 100% no-repeat;
    display: block;
    width: calc(90 / 1920 * 100vw);
    height: calc(43 / 1920 * 100vw);
    /* margin-left: calc(533 / 1920 * 100vw);
    margin-top: calc(346 / 1920 * 100vw); */
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
    margin-top: calc(410/1920 * 100vw);
	z-index: 10;
}
.sec2 .s1_next{
    margin-top: calc(400/1920 * 100vw);
}

.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;
	margin: calc(122 / 1920 * 100vw) auto 0;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: calc(-228 / 1920 * 100vw);
}

.sec1 .sec1-right-btn .sec1-button-item {
    width: calc(438 / 1920 * 100vw);
    height: calc(154 / 1920 * 100vw);
    box-sizing: border-box;
    padding-top: calc(46 / 1920 * 100vw);
    color: #262d2f;
    line-height: calc(60 / 1920 * 100vw);
    text-align: center;
    font-size: calc(44 / 1920 * 100vw);
    font-weight: 700;
    text-transform: uppercase;
    background: url(../img/sec1_btn1.png) center top/100% no-repeat;
    margin:0 calc(20 / 1920 * 100vw);
}
.sec1 .sec1-right-btn .sec1-button-item2{
    background: url(../img/sec1_btn2.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(../img/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(../img/btn_bgm1.png) center / 100% no-repeat;
}

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

.sec2 .spritespin {
    position: absolute!important;
    top: 50%;
    margin-bottom: 0;
    width: calc(1000/ 1920 * 100vw)!important;
    height: calc(1000/ 1920 * 100vw)!important;
    /*-webkit-box-reflect: below calc(-155 / 2000 * 100vw) -webkit-linear-gradient(transparent, transparent 25%, rgba(0, 0, 0, 0.2));*/
    margin-left: calc(61/ 2000 * 100vw)!important;
    margin-top: calc(-40/ 2000 * 100vw)!important;
    box-sizing: border-box;
    transition: 1s;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 20;
    /*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));
}

/* new */
.spritespin-img {
    position: absolute!important;
    top: 50%;
    margin-bottom: 0;
     width: calc(1000/ 1920 * 100vw)!important;
    height: calc(1000/ 1920 * 100vw)!important;
    /*-webkit-box-reflect: below calc(-155 / 2000 * 100vw) -webkit-linear-gradient(transparent, transparent 25%, rgba(0, 0, 0, 0.2));*/
    margin-left: calc(61/ 2000 * 100vw)!important;
    margin-top: calc(-40/ 2000 * 100vw)!important;
    box-sizing: border-box;
    transition: 1s;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 20;
    /*clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 56% 96.3%, 44% 96.3%, 0% 95%);*/
}


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


/* sec2 */

.sec2 {
    background: url(../img/s2_bg.jpg?v=1.2.0) center no-repeat;
    background-size: 100% auto;
    position: relative;
}

.sec2-bg::after {
    content: "";
    background: url(../img/s2_bg_bottom.png) center/ 100% 100% no-repeat;
    background-size: calc(1700 / 1920 *100vw) auto;
    position: absolute;
    width: calc(1700 / 1920 *100vw);
    height: calc(900 / 1920 * 100vw);
    bottom: -1px;
    left: calc(120 / 1920 *100vw);
    bottom: calc(-24 / 1920 *100vw);
    /*transform: translate(-50%,0);*/
    transition: all 1s cubic-bezier(0, 0.9, 1, 1.01);
    pointer-events: none;
}

/* .sec2-bg::before {background: url(../img/s2_bg_top.png) center/100% 100% no-repeat;z-index: 1;} */
/*.sec2-bg::after {background: url(../img/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(../img/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(../img/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(310 / 1920 * 100vw);
    height: calc(241 / 1920 * 100vw);
}

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

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

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

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

/* .sec2-egypt-part:nth-child(5) { */
    /* background: url(../img/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(../img/egypt_part_on1.png);}
.sec2-egypt-part.on:nth-child(2) {background-image: url(../img/egypt_part_on2.png);}
.sec2-egypt-part.on:nth-child(3) {background-image: url(../img/egypt_part_on3.png);}
.sec2-egypt-part.on:nth-child(4) {background-image: url(../img/egypt_part_on4.png);}
.sec2-egypt-part.on:nth-child(5) {background-image: url(../img/egypt_part_on5.png);} */

.sec2-egypt-detail {
    background: url(../img/egypt_part_detail1.png) center/cover no-repeat;
    position: absolute;
    top: calc(145 / 1920 * 100vw);
    left: calc(1311 / 1920 * 100vw);
    width: calc(442 / 1920 * 100vw);
    height: calc(701 / 1920 * 100vw);
    opacity: 0;
    z-index: 0;
    transition: none;
    box-sizing: border-box;
    display: flex;
    padding: calc(561 / 1920 * 100vw) calc(35 / 1920 * 100vw) calc(34 / 1920 * 100vw);
    transform: scale(0.5, 0.5);
    justify-content: center;
    align-items: center;
}

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

.sec.right .sec2-egypt-detail {
    left: calc(167 / 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(../img/egypt_detail_img.png) center/cover no-repeat;
    width: calc(301 / 1920 * 100vw);
    height: calc(303 / 1920 * 100vw);
    transform: scale(0);
}
.sprin,.sprinimg{
    display: block;
    width: calc(300 / 1920 * 100vw)!important;
    height: calc(300 / 1920 * 100vw)!important;
    position: absolute!important;
    top: calc(190 / 1920 * 100vw);
    right: calc(130 / 1920 * 100vw);
    z-index: 50;
}
/*.sec2-egypt-detail[data-part="0"]::after {background-image: url(../img/egypt_detail_img1.png);}
.sec2-egypt-detail[data-part="1"]::after {background-image: url(../img/egypt_detail_img2.png);}
.sec2-egypt-detail[data-part="2"]::after {background-image: url(../img/egypt_detail_img3.png);}
.sec2-egypt-detail[data-part="3"]::after {background-image: url(../img/egypt_detail_img4.png);}*/

.sec2-egypt-detail.on::after {
    animation: 1s scale2 linear 200ms;
    transform: scale(1);
    right: calc(310 / 1920 * 100vw);
}
.sec2-egypt-detail.on .sprin,.sec2-egypt-detail.on .sprinimg{
    animation: 1s scale2 linear 200ms;
    transform: scale(1);
    right: calc(310 / 1920 * 100vw);
}
.sec2-egypt-detail.on .sprin:nth-child(2),.sec2-egypt-detail.on .sprinimg:nth-child(2){
    top: calc(210 / 1920 * 100vw);
    right: calc(290 / 1920 * 100vw);
}
.sec2-egypt-detail.on .sprin:nth-child(2),.sec2-egypt-detail.on .sprinimg:nth-child(2){
    width: calc(320 / 1920 * 100vw)!important;
    height: calc(320 / 1920 * 100vw)!important;
    /*top:  calc(180 / 1920 * 100vw)!important;*/
}
.sec2-egypt-detail.on .sprin:nth-child(4),.sec2-egypt-detail.on .sprinimg:nth-child(4){
    width: calc(250 / 1920 * 100vw)!important;
    height: calc(250 / 1920 * 100vw)!important;
    top:  calc(180 / 1920 * 100vw)!important;
}


.sec.right .sec2-egypt-detail::after {
    right: unset;
    left: calc(130 / 1920 * 100vw);
}
.sec2-egypt-detail.on .sprin:nth-child(3),.sec2-egypt-detail.on .sprinimg:nth-child(3){
    width: calc(190 / 1920 * 100vw)!important;
    height: calc(190 / 1920 * 100vw)!important;
    top:  calc(220 / 1920 * 100vw)!important;
    left: calc(380 / 1920 * 100vw);
}

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

.sec.right .sec2-egypt-detail .sprin,.sec.right .sec2-egypt-detail .sprinimg{
    right: unset;
    left: calc(130 / 1920 * 100vw);
}
.sec.right .sec2-egypt-detail .sprin,.sec.right .sec2-egypt-detail .sprinimg{
    animation: 1s scale3 linear 200ms;
    left: calc(310 / 1920 * 100vw);
}
.sec.right .sec2-egypt-detail .sprin:nth-child(4),.sec.right .sec2-egypt-detail .sprinimg:nth-child(4){
    animation: 1s scale3 linear 200ms;
    left: calc(351 / 1920 * 100vw);
}
.sec.right .sec2-egypt-detail .sprin:nth-child(3),.sec.right .sec2-egypt-detail .sprinimg:nth-child(3){
    animation: 1s scale3 linear 200ms;
    left: calc(380 / 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 {
    width: 100%;
    max-height: calc(104 / 1920 * 100vw);
    /* margin: auto; */
    font-size: calc(23 / 1920 * 100vw);
    line-height: calc(28 / 1920 * 100vw);
    color: #e9d18f;
    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);
    text-shadow: #0f1c1a 1px 0 0;
}

.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(https://www.pubgmobile.com/cp/a20201214egyptm/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(../img/s3_bg.jpg) center/cover no-repeat;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.s3_tv {
    width: 100%;
    height: 100%;
    position: relative;
	display: flex;
	justify-content: center;
	box-sizing: border-box;
	padding-top: calc(166 / 1920 *100vw);
}

.s3_tv_item {
	width: calc(263 / 1920 *100vw);
	height: calc(485 / 1920 * 100vw);
	background: url(../img/tv_item.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	margin: 0 calc(22 / 1920 *100vw);
}
.s3_tv_item:nth-child(1){
	background: url(../img/tv_item1.png) no-repeat;
	background-size: 100% 100%;
}
.s3_tv_item:nth-child(2){
	background: url(../img/tv_item2.png) no-repeat;
	background-size: 100% 100%;
}
.s3_tv_item:nth-child(3){
	background: url(../img/tv_item3.png) no-repeat;
	background-size: 100% 100%;
}
.s3_tv_item:nth-child(4){
	background: url(../img/tv_item4.png) no-repeat;
	background-size: 100% 100%;
}
.s3_tv_item:nth-child(5){
	background: url(../img/tv_item5.png) no-repeat;
	background-size: 100% 100%;
}
.s3_tv_item:nth-child(2),.s3_tv_item:nth-child(4){
	margin-top: calc(58 / 1920 *100vw);
}
.s3_tv_item:nth-child(3){
	margin-top: calc(84 / 1920 *100vw);
}

.s3_btn_player {
    display:block;
    position: absolute;
    top: calc(112 / 1920 * 100vw);
    left: 50%;
    transform: translate(-50%, 0);
    width: calc(118/ 1920 * 100vw);
    height: calc(128/ 1920 * 100vw);
    background: url(../img/tv_play.png?v=1.2.0) center / 100% no-repeat;
    z-index: 1;
}
.c3_tv_para{
	width: 100%;
	text-align: center;
	font-size: calc(30 / 1920 *100vw);
	color: #ebd79d;
	line-height: calc(40 / 1920 *100vw);
	position: absolute;
	left: 0;
	top:calc(260 / 1920 *100vw);
    font-weight: bold;
    filter: drop-shadow(0 1px 0 #333);
    box-sizing: border-box;
    /* padding: 0 calc(30 / 1920 *100vw); */
}

@supports (-webkit-background-clip: text) {
    .c3_tv_para {
        background-image: linear-gradient(#f9eab6, #b4a179);
        -webkit-background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
    }
}

/* sec4 */

.sec4 {
    background-color: #e6e6e6;
    background: url(../img/s4_bg.jpg) top center/cover no-repeat;
    box-sizing: border-box;
    position: relative;
	padding-top: 1px;
    height: calc(900 / 1920 * 100vw);
    max-height:100vh;
}

.sec4-title-box {
    height: calc(332 / 1920 * 100vw);
    width: calc(840 / 1920 * 100vw);
    position: absolute;
	left: calc(50 / 1920 * 100vw);
	top: 0;
}

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

.sec4-title-pic {
    display: block;
    height: calc(118 / 1920 * 100vw);
    width: calc(748 / 1920 * 100vw);
	margin: calc(50 / 1920 *100vw) 0 0 calc(78 / 1920 * 100vw);
}

.ar .sec4-title-pic {
}

.sec4-title-gift {
    display: block;
    width: auto;
    color: #64ebc4;
    font-size: calc(36 / 1920 * 100vw);
    line-height: calc(44 / 1920 * 100vw);
    overflow: hidden;
    margin-top: calc(20 / 1920 * 100vw);
    margin-left: calc(75 / 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 {
	display: inline-block;
    height:  calc(64 / 1920 * 100vw);
    color: #ffffff;
    font-size: calc(34 / 1920 * 100vw);
    height: calc(64 / 1920 * 100vw);
    min-width: calc(685 / 1920 * 100vw);
    max-width: calc(810 / 1920 * 100vw);
	margin: calc(20 / 1920 *100vw) 0 0 calc(20 / 1920 *100vw);
	white-space: nowrap;
	background: url(../img/c4_tips.png) no-repeat;
	background-size: 100% 100%;
    box-sizing: border-box;
    /*line-height: calc(30 / 1920 * 100vw);*/
    /*padding-top: calc(6 / 1920 * 100vw);
    padding-bottom: calc(6 / 1920 * 100vw);*/
    padding-right: calc(54 / 1920 *100vw);
    padding-left: calc(54 / 1920 *100vw);
    display: flex;
    align-items: center;
    line-height: 0;
}
.sec4-tip span.spec{
	color: #64ebc4;
	font-weight: bold;
    padding-left:calc(15 / 1920 *100vw);
    padding-right:calc(15 / 1920 *100vw);
}

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

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

.sec4-right-btn {
    width: 100%;
    display: flex;
	/* margin: calc(914 / 1920 * 100vw) auto 0; */
	justify-content: center;
	position: absolute;
	left: 0;
	bottom: calc(50 / 1920 * 100vw);
}

.sec4 .sec4-right-btn .sec4-button-item {
    width: calc(438 / 1920 * 100vw);
    height: calc(154 / 1920 * 100vw);
    box-sizing: border-box;
    padding-top: calc(46 / 1920 * 100vw);
    color: #262d2f;
    line-height: calc(60 / 1920 * 100vw);
    text-align: center;
    font-size: calc(38 / 1920 * 100vw);
    font-weight: 700;
    text-transform: uppercase;
    background: url(../img/sec1_btn1.png) center top/100% no-repeat;
	margin: 0 calc(85 / 1920 * 100vw);
}

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

.sec4 .sec4-right-btn .sec4-button-item1 {
    background: url(../img/sec1_btn1.png) center top/100% no-repeat;
}

.sec4 .sec4-right-btn .sec4-button-item2 {
    background: url(../img/sec1_btn2.png) center top/100% no-repeat;
}

.sec4 .sec4-right-btn2 .sec4-button-item2{
    margin-left: calc(608 / 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(../img/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(../img/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(../img/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);
}
#particle-canvas,#particle-canvas2{
    position: absolute!important;
    top: 50%;
    margin-bottom: 0;
    width: calc(400/ 1920 * 100vw)!important;
    height: calc(262/ 1920 * 100vw)!important;
    margin-left: calc(100/ 2000 * 100vw)!important;
    margin-top: calc(94/ 2000 * 100vw)!important;
    box-sizing: border-box;
    /*transition: 1s;*/
    left: 50%;
    transform: translate(-50%,0);
    pointer-events: none;
    z-index: 30;
    /*transform: rotate(180deg) translate(50%,0);*/
    /*transform-origin: 50% 50%;*/
}
#particle-canvas2{
    z-index: 10;
}


.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(../img/pop_share.png?v=1.3.0) center / 100% no-repeat;
    width: calc(720/1920*100vw);
    height: calc(449/1920*100vw);
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1.2);
}

.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(136 / 1920 * 100vw);
    top: calc(126 / 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(396 / 1920 * 100vw);
    top: calc(126 / 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(../img/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: calc(-12 / 1920 * 100vw);
    top: calc(4 / 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;
}

.img-logo {
    display: block;
    width: 6%;
    height: auto;
    position: absolute;
    top: 9%;
    left: 2%;
    z-index: 9;
}

.down-wrap {
    position: absolute;
    width: 100%;
    bottom: 1.5%;
    left: 0;
    z-index: 2;
    right: 0;
    margin: 0 auto;
}

.apple-btn {
    background-position: 0 9%;
}

.down-spr {
    background: url(../img/downbtn.png);
    background-size: 200%;
}

.down-group {
    display: flex;
    justify-content: center;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.down-group a {
    display: block;
    width: calc(190 / 1920 *100vw);
    height: calc(62 / 1920 *100vw);
    text-indent: -9999px;
}

.apple-btn {
    background-position: 0 9%
}

.goole-btn {
    background-position: -100% 9%;
    display: none !important
}

.apk-btn {
    background-position: 0 -9.2%
}

.ar .apple-btn {
    background-position: 0 .5%
}

.ar .goole-btn {
    background-position: -100% .5%
}

.id .apple-btn {
    background-position: 0 -90.5%
}

.id .goole-btn {
    background-position: -100% -90.5%
}

.pt .apple-btn {
    background-position: 0 -82.4%
}

.pt .goole-btn {
    background-position: -100% -82.4%
}

.th .apple-btn {
    background-position: 0 -74.1%
}

.th .goole-btn {
    background-position: -100% -74.3%
}

.ru .apple-btn {
    background-position: 0 -66.2%
}

.ru .goole-btn {
    background-position: -100% -66.2%
}

.es .apple-btn {
    background-position: 0 -58.1%
}

.es .goole-btn {
    background-position: -100% -58.1%
}

.fr .apple-btn {
    background-position: 0 -49.8%
}

.fr .goole-btn {
    background-position: -100% -50%
}

.tr .apple-btn {
    background-position: 0 -41.8%
}

.tr .goole-btn {
    background-position: -100% -41.8%
}

.vi .apple-btn {
    background-position: 0 -33.6%
}

.vi .goole-btn {
    background-position: -100% -33.6%
}

.de .apple-btn {
    background-position: 0 -25.5%
}

.de .goole-btn {
    background-position: -100% -25.5%
}

.HK .apple-btn {
    background-position: 0 -17.5%
}

.HK .goole-btn {
    background-position: -100% -17.5%
}

.TW .apple-btn {
    background-position: 0 -17.5%
}

.TW .goole-btn {
    background-position: -100% -17.5%
}

.jp .apple-btn {
    background-position: 0 9%
}

.jp .goole-btn {
    background-position: -100% 9%
}

.ko .apple-btn {
    background-position: 0 9%
}

.ko .goole-btn {
    background-position: -100% 9%
}

.down-group.flex .apk-btn .down_tip {
    top: calc(70 / 1920 * 100vw);
}

.down-arrow {
    display: block;
    width: 36px;
    height: 20px;
    background-position: calc(-800 / 1920 *100vw) calc(-40 / 1920 *100vw);
    position: absolute;
    left: 50%;
    bottom: -0.5%;
    margin-left: calc(-960 / 1920 *100vw);
    z-index: 12;
    animation: arrowDown 2s 0s both infinite;
}

.sec-title {
    text-align: center;
    font-size: calc(63 / 1920 *100vw);
    line-height: calc(120 / 1920 *100vw);
    text-transform: uppercase;
}

.s7 {
    height: calc(390 / 2560 * 100vw);
    padding-top: calc(150 / 2560 * 100vw);
}

.s7 .sec-title {
    color: #a2c9ea;
    line-height: calc(90 / 1920 *100vw);
}

.s7 .down-wrap {}

@media only screen and (max-width: 1600px) {
    .down-group .apk-btn .down_tip {
        transform: scale(.8) translateY(calc(-10 / 1920 * 100vw)) translateX(calc(-50 / 1920 * 100vw));
        -webkit-transform: scale(.8) translateY(calc(-10 / 1920 * 100vw)) translateX(calc(-50 / 1920 * 100vw));
    }
    .s7 .down-wrap {}
}

@media only screen and (max-width: 1200px) {
    .down-group {
        -webkit-transform: inherit;
    }
    .down-group a {
        width: calc(190 / 1200 *100vw);
        height: calc(62 / 1200 *100vw);
    }
    .down-group .apk-btn .down_tip {
        /* transform: scale(.8) translateY(-20px) translateX(-45px); */
        /* -webkit-transform: scale(.8) translateY(-20px) translateX(-45px); */
    }
    .down-group.flex .apk-btn .down_tip {
        top: calc(70 / 1200 * 100vw);
    }
    .s7 {
        height: calc(390 / 2560 * 100vw);
        padding-top: calc(80 / 2560 * 100vw);
    }
}

@media only screen and (max-width: 850px) {
    .down-group a {
        width: calc(190 / 1000 *100vw);
        height: calc(62 / 1000 *100vw);
    }
    .ar .apple-btn {
        background-position: 0 .5%
    }
    .id .apple-btn {
        background-position: 0 -91.2%
    }
    .pt .apple-btn {
        background-position: 0 -83%
    }
    .th .apple-btn {
        background-position: 0 -74.9%
    }
    .ru .apple-btn {
        background-position: 0 -66.6%
    }
    .es .apple-btn {
        background-position: 0 -58.4%
    }
    .fr .apple-btn {
        background-position: 0 -50.4%
    }
    .tr .apple-btn {
        background-position: 0 -42%
    }
    .vi .apple-btn {
        background-position: 0 -33.9%
    }
    .de .apple-btn {
        background-position: 0 -25.5%
    }
    .down-group .apk-btn .down_tip {
        transform: scale(.8) translateY(calc(-10 / 750 * 100vw)) translateX(calc(-50 / 750 * 100vw));
        -webkit-transform: scale(.8) translateY(calc(-10 / 750 * 100vw)) translateX(calc(-50 / 750 * 100vw));
    }
    .down-group.flex .apk-btn .down_tip {
        top: calc(70 / 1000 * 100vw);
    }
    .s7 .down-wrap {}
}

@media only screen and (max-width: 700px) {
    .down-group a {
        width: calc(190 / 750 *100vw);
        height: calc(62 / 750 *100vw);
    }
    .down-group.flex .apk-btn .down_tip,
    .mobile .down-group.flex .apk-btn .down_tip {
        top: calc(70 / 750 * 100vw);
    }
}

@media only screen and (max-width: 575px) {
    .down-group a {
        width: calc(190 / 600 *100vw);
        height: calc(62 / 600 *100vw);
    }
    .goole-btn {
        display: none !important
    }
    .down-group.flex .apk-btn .down_tip,
    .mobile .down-group.flex .apk-btn .down_tip {
        top: calc(70 / 600 * 100vw);
    }
    .s7 .down-wrap {}
}

@media only screen and (max-width: 500px) {
    .img-logo {
        width: 15%;
    }
    .s7 {
        height: calc(286 / 750 * 100vw);
        padding-top: calc(80 / 750* 100vw);
    }
    .s7 .sec-title {
        line-height: calc(55 / 750 * 100vw);
        font-size: calc(45 / 750 * 100vw);
        margin: 0;
    }
    .s7 .down-wrap {
        bottom: 31.5%;
    }
    .down-group.flex .apk-btn .down_tip {
        left: 50%;
        transform: scale(0.8) translateX(-60%);
    }
}

@media only screen and (max-width: 475px) {
    .down-wrap {
        bottom: 35.5%;
    }
    .down-arrow {
        bottom: 35.5%;
    }
}

@media only screen and (max-width: 320px) {
    .down-wrap {
        bottom: 34.5%;
    }
}

@media only screen and (min-width: 2100px) {
    .down-group .apk-btn .down_tip {
        transform: scale(1) translateY(12px) translateX(-41px);
        -webkit-transform: scale(1) translateY(12px) translateX(-41px);
    }
    .down-group {
        transform: scale(1.4);
        -webkit-transform: scale(1.4)
    }
}

.mclass .img-logo {
    left: 2%;
}

.mclass .goole-btn {
    display: none !important;
}

.mclass .down-group a {
    transform: translateX(3%);
}

.lang_zh .sec_tip{ font-size: calc(24 / 1920 * 100vw)  }
.lang_hk .sec_tip,.lang_Hk .sec_tip{ font-size: calc(24 / 1920 * 100vw)  }
.lang_tw .sec_tip,.lang_TW .sec_tip{ font-size: calc(24 / 1920 * 100vw)  }
/* lang_en */
.lang_en .wrap,.lang_en .pop {font-family: "all",Arial, Helvetica, sans-serif;}
/* lang_ru */
.lang_ru .wrap,.lang_ru .pop {font-family: "ru",Arial, Helvetica, sans-serif;letter-spacing: 0;}
.lang_ru .c3_tv_para{ font-size: calc(20 / 1920 * 100vw) }
/* lang_de */
.lang_de .wrap,.lang_de .pop {font-family: "all",Arial, Helvetica, sans-serif;}
/* lang_hk */
.lang_hk .wrap,.lang_hk .pop {font-family: "all",Arial, Helvetica, sans-serif;letter-spacing: 0;}
/* lang_tw */
.lang_tw .wrap,.lang_tw .pop {font-family: "all",Arial, Helvetica, sans-serif;letter-spacing: 0;}
/* lang_th */
.lang_th .wrap,.lang_th .pop {font-family: "th",Arial, Helvetica, sans-serif;letter-spacing: 0;}
.lang_th .c3_tv_para{ font-size: calc(20 / 1920 * 100vw) }
/* lang_vi */
.lang_vi .wrap,
.lang_vi .pop {font-family: "vi",Arial, Helvetica, sans-serif;letter-spacing: 0;}
.lang_vi .sec4-tip{ font-size: calc(30 / 1920 * 100vw) }

.lang_vi .c3_tv_para{ font-size: calc(20 / 1920 * 100vw) }
/* lang_id */
.lang_id .wrap,.lang_id .pop {font-family: "all",Arial, Helvetica, sans-serif;}
.lang_id .c3_tv_para{ font-size: calc(28 / 1920 * 100vw) }
/* lang_pt */
.lang_pt .wrap,.lang_pt .pop {font-family: "all",Arial, Helvetica, sans-serif;}
.lang_pt .c3_tv_para{ font-size: calc(28 / 1920 * 100vw) }
/* lang_fr */
.lang_fr .wrap,.lang_fr .pop {font-family: "all",Arial, Helvetica, sans-serif;}
/* lang_es */
.lang_es .wrap,.lang_es .pop {font-family: "all",Arial, Helvetica, sans-serif;}
.lang_es .c3_tv_para{ font-size: calc(24 / 1920 * 100vw) }
/* lang_tr */
.lang_tr .wrap,.lang_tr .dia {font-family: 'tr',Arial, Helvetica, sans-serif;letter-spacing: 0;}
/* lang_ar */
.lang_ar .wrap,.lang_ar .dia {font-family: "ar",Arial, Helvetica, sans-serif;unicode-bidi: bidi-override;direction: rtl;letter-spacing: 0;} 
.lang_ar .c3_tv_para{ font-size: calc(20 / 1920 *100vw) }
.lang_ar .sec4-tip{ direction: rtl; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end; }
.lang_ar .sec4-tip > span:first-child{-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
.lang_ar .sec4-tip span.spec{padding: 0;}
/* lang_my */
.lang_my .wrap,.lang_my .pop {font-family: "all",Arial, Helvetica, sans-serif;}


@media screen and ( min-height : 650px) and (max-height : 900px){
    .sec,.sec2-0,.sec2-bg::after,.sec2-detail,.sec2-item{
        height: calc(1200 / 1920 * 100vw)!important;
    }
	.kv{
		width: calc(1200 / 100vw * 1334)!important;
		height: calc(1200 / 1920 * 100vw)!important;
	}
    .sec2-egypt-list{
        position: relative;
        left: 0;
        top: 15%;
    }
    .sec5 {
        height: auto!important;
    }
    .s1_next,.sec_tip{
        margin: 0;
        top: unset;
        bottom: calc( 30 / 1920 *100vw);
    }
    .sec_tip{
        bottom: calc( 100 / 1920 *100vw);
    }

}

@media screen and ( min-height : 1300px){
    .sec,.sec2-0,.sec2-bg::after,.sec2-detail,.sec2-item{
        height: calc(1200 / 1920 * 100vw)!important;
    }
	.kv{
		width: calc(1200 / 100vw * 1334)!important;
		height: calc(1200 / 1920 * 100vw)!important;
	}
    .sec2-egypt-list{
        position: relative;
        left: 0;
        top: 15%;
    }
    .sec5 {
        height: auto!important;
    }
    .s1_next,.sec_tip{
        margin: 0;
        top: unset;
        bottom: calc( 30 / 1920 *100vw);
    }
    .sec_tip{
        bottom: calc( 100 / 1920 *100vw);
    }

}

@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
  .sec3 {
    padding-left: constant(safe-area-inset-left);
    padding-right: constant(safe-area-inset-right);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
  .s1_next{
    margin-top: calc(380 / 1920 *100vw);
  }
  .sec2 .s1_next{
    margin-top: calc(360 / 1920 *100vw);
  }
  .sec_tip{
    margin-top: calc(320 / 1920 * 100vw);
  }
  /*.sec4-title-box{
    transform: translateX(constant(safe-area-inset-left));
    transform: translateX(env(safe-area-inset-left));
  }*/
}