@charset "utf-8";
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
th,
var {
	font-style: normal;
	font-weight: normal;
}

em,
strong {
	font-style: normal;
	display: inline;
}

ul {
	list-style: none;
}

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

q:before,
q:after {
	content: "";
}

input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	-webkit-appearance: none;
}

input,
textarea,
select {
	*font-size: 100%;
}

a {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	color: #fff;
}

* {
	outline: none;
}

img {
	display: block;
	width: 100%;
}

.hide {
	width: 0;
	height: 0;
	overflow: hidden;
	display: block;
	visibility: hidden;
}

.c:before,
.c:after {
	content: "";
	display: table;
}

.c:after {
	clear: both;
}

.c {
	zoom: 1;
}

.pr {
	position: relative;
}

.pa {
	position: absolute;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.db {
	display: block;
	text-indent: -999em;
}

.t {
	text-indent: -9999em;
	display: block;
	overflow: hidden;
}

.gray {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}

.btnFlex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
}

.flex {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
	align-items: center;
}

html {
	font-size: 100px;
}

html,
body {
	color: #fff;
	background-color: #07173b;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 0.2rem;
}
/* 竖屏提示 */
.horizon {
	display: none;
}

@media screen and (orientation: portrait) {
	.horizon {
		display: block;
		font-family: "all";
		text-align: center;
	}

	.horizon {
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.98);
		position: fixed;
		left: 0;
		top: 0;
		z-index: 10001;
	}

	.horizon_box {
		width: 10rem;
		height: 1.5rem;
		line-height: 1.5rem;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -0.75rem;
		margin-left: -5rem;
		font-size: 0.4rem;
		justify-content: center;
	}

	.p-bluebg {
		background: #28659b;
		border: 3px solid #fff;
	}
}

/* 语言适配 */
/* 英语 */
@font-face{
    font-family: 'all';
    src:url('../font/all.ttf') format('truetype');
}
/* 俄语 */
@font-face{
    font-family: 'ru';
    src:url('../font/ru.TTF') format('truetype');
}
/* 泰语 */
@font-face{
    font-family: 'th';
    src:url('../font/th.ttf') format('truetype');
}
/* 越南语 */
@font-face{
    font-family: 'vi';
    src:url('../font/vi.TTF') format('truetype');
}
/* 土耳其语 */
@font-face{
    font-family: 'tr';
    src:url('../font/tr.otf') format('truetype');
}
/* 阿拉伯语 */
@font-face{
    font-family: 'ar';
    src:url('../font/ar.ttf') format('truetype');
}
/* 中文 */
@font-face{
    font-family: 'zh';
    src:url('../font/zh.TTF') format('truetype');
}
/* 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 .tit {background-image: url("../img/tit-ru.png");}
.lang_ru .time {padding-left: 6.6rem;}
.lang_ru .bubble {font-size: 0.22rem;}
/* lang_de */
.lang_de .wrap,.lang_de .pop {font-family: "all",Arial, Helvetica, sans-serif;}
.lang_de .tit {background-image: url("../img/tit-de.png");}
.lang_de .time {padding-left: 6.6rem;}
.lang_de .ms em {font-size: 0.22rem;}
.lang_de .rules {font-size: 0.22rem;}
/* lang_hk */
.lang_hk .wrap,.lang_hk .pop {font-family: 'Microsoft YaHei','Microsoft JhengHei', 'PingFangTC-Regular', sans-serif;letter-spacing: 0;}
.lang_hk .tit {background-image: url("../img/tit-hk.png");}
.lang_hk .time {padding-left: 6.6rem;}
.lang_hk .bubble {font-size: 0.24rem;padding-top: 0.6rem;}
.lang_hk .duih-tit b {font-size: 0.3rem;}
/* lang_tw */
.lang_tw .wrap,.lang_tw .pop {font-family: 'Microsoft YaHei','Microsoft JhengHei', 'PingFangTC-Regular', sans-serif;letter-spacing: 0;}
.lang_tw .tit {background-image: url("../img/tit-tw.png");}
.lang_tw .time {padding-left: 6.8rem;}
.lang_tw .bubble {font-size: 0.24rem;}
.lang_tw .duih-tit b {font-size: 0.3rem;}
/* lang_th */
.lang_th .wrap,.lang_th .pop {font-family: "th",Arial, Helvetica, sans-serif;letter-spacing: 0;}
.lang_th .tit {background-image: url("../img/tit-th.png");}
.lang_th .time {padding-left: 6.8rem;}
/* lang_vi */
.lang_vi .wrap,
.lang_vi .pop {font-family: "vi",Arial, Helvetica, sans-serif;letter-spacing: 0;}
.lang_vi .tit {background-image: url("../img/tit-vi.png");}
.lang_vi .time {padding-left: 6.8rem;}
.lang_vi .ms em {font-size: 0.22rem;}
/* lang_id */
.lang_id .wrap,.lang_id .pop {font-family: "all",Arial, Helvetica, sans-serif;}
.lang_id .tit {background-image: url("../img/tit-id.png");}
.lang_id .time {padding-left: 5.6rem;}
.lang_id .rules {font-size: 0.22rem;}
/* lang_pt */
.lang_pt .wrap,.lang_pt .pop {font-family: "all",Arial, Helvetica, sans-serif;}
.lang_pt .tit {background-image: url("../img/tit-pt.png");}
.lang_pt .time {padding-left: 6.76rem;}
.lang_pt .ms em {font-size: 0.22rem;}
/* lang_fr */
.lang_fr .wrap,.lang_fr .pop {font-family: "all",Arial, Helvetica, sans-serif;}
.lang_fr .tit {background-image: url("../img/tit-fr.png");}
.lang_fr .time {padding-left: 6.76rem;}
.lang_fr .ms em {font-size: 0.18rem;}
.lang_fr .rules {font-size: 0.22rem;}
/* lang_es */
.lang_es .wrap,.lang_es .pop {font-family: "all",Arial, Helvetica, sans-serif;}
.lang_es .tit {background-image: url("../img/tit-es.png");}
.lang_es .time {padding-left: 6.76rem;}
.lang_es .ms em {font-size: 0.22rem;}
.lang_es .rules {font-size: 0.22rem;}
/* lang_tr */
.lang_tr .wrap,.lang_tr .pop {font-family: 'tr',Arial, Helvetica, sans-serif;letter-spacing: 0;}
.lang_tr .tit {background-image: url("../img/tit-tr.png");}
.lang_tr .time {padding-left: 6.76rem;}
/* lang_ms */
.lang_ms .wrap,.lang_ms .pop {font-family: "all",Arial, Helvetica, sans-serif;letter-spacing: 0;}
.lang_ms .tit {background-image: url("../img/tit-ms.png");}
.lang_ms .time {padding-left: 6.76rem;}
/* lang_zh */
.lang_zh .wrap,.lang_zh .pop {font-family: 'zh', 'Microsoft YaHei', 'Microsoft JhengHei', 'PingFangTC-Regular', sans-serif;letter-spacing: 0;}
.lang_zh .tit {background-image: url("../img/tit-zh.png");}
.lang_zh .time {padding-left: 6.76rem;}
/* lang_ar */
.lang_ar .wrap,.lang_ar .pop {font-family: "ar",Arial, Helvetica, sans-serif;unicode-bidi: bidi-override;direction: rtl;letter-spacing: 0;}
.lang_ar .details-change-box{position: absolute;left: 0;}
.lang_ar .details-tit-box{position: absolute;left: 0;}
.lang_ar .details-text{position: absolute;left: -50px;}
.lang_ar .clothes-img-box{left: -20%;}
.lang_ar .clothes-ticon{right: calc(90 / 1920 * 100vw);}
.lang_ar .sec4-prop{position: absolute;}
.lang_ar .sec4-title,.lang_ar .sec5-title{display: inline-block;}
.lang_ar .sec4-main,.lang_ar .sec5-main{text-align: left;}

/* ru字体特殊处理 */
.lang_ru .sec4-clothes-btn a{font-size: calc(32 / 1920 * 100vw);}
.lang_ru .sec5-clothes-btn a{font-size: calc(32 / 1920 * 100vw);}
.lang_ru .kv-title-t1{font-size: calc(48 / 1920 * 100vw);}

/* 重构css写入 */
body{min-width: 100vw}
body,.footer {width: 100%}
img {border-style: none}
.section {color: #aaa;text-indent: -9999px}

.wrap {overflow-y: inherit;overflow-x: hidden;position: absolute;top: 0;left: 0;width: 100%;height: 100vh}
.sec {height: calc(900 / 1920 * 100vw);width: 100%;width: 100vw}
#fullpage {position: fixed !important;top: 0;left: 0;width: 100%;height: 100%;}
.hide {display: none}

.icon-spr{background: url(../images/icon_spr.png) no-repeat;background-size: calc(500 / 1920 * 100vw);}

.sec1 {height: calc(800 / 1920 * 100vw);box-sizing: border-box;position: relative;z-index: 2;}
.sec2 {height: calc(900 / 1920 * 100vw);box-sizing: border-box;position: relative;overflow: hidden;background: url(../images/sec2_bg.jpg) top center/cover no-repeat;}
.sec3 {height: calc(900 / 1920 * 100vw);box-sizing: border-box;position: relative;overflow: hidden;background: url(../images/sec3_bg.jpg) top center/cover no-repeat;}
.sec4 {height: calc(900 / 1920 * 100vw);box-sizing: border-box;position: relative;overflow: hidden;background: url(../images/sec4_bg.jpg) top center/cover no-repeat;}
.sec5 {height: calc(900 / 1920 * 100vw);box-sizing: border-box;position: relative;overflow: hidden;background: url(../images/sec5_bg.jpg) top center/cover no-repeat;}

/* sec1 */
.sec1-bg{width:calc(1920 / 1920 * 100vw);height:calc(800 / 1920 * 100vw);position: absolute;top:0;left: 0;background: url(../images/sec1pc/sec1_bg_002.jpg) top center no-repeat;background-size: 100% 100%;}
.mclass .sec1-bg{background: url(../images/sec1m/sec1_bg_002.jpg) top center no-repeat;background-size: 100% 100%;}
.sec1-bg-spin{width:calc(1920 / 1920 * 100vw)!important;height: calc(800 / 1920 * 100vw)!important;}

.kv-title{width:calc(1240 / 1920 * 100vw);height:calc(394 / 1920 * 100vw);position: absolute;top:calc(220 / 1920 * 100vw);left:50%;margin-left: calc(-620 / 1920 * 100vw);background: url(../images/kv_title.png) no-repeat;background-size: 100% 100%;z-index: 6;}
.kv-title-t1{width:calc(1240 / 1920 * 100vw);padding:0 calc(60 / 1920 * 100vw);box-sizing: border-box; line-height:calc(60 / 1920 * 100vw);position: absolute;top:calc(121 / 1920 * 100vw);left: 0;text-align: center;font-size: calc(60 / 1920 * 100vw);font-weight: bold;color: #c9ae83;}
.lang_ar .kv-title-t1{height: calc(80/1920 * 100vw);}
@supports (-webkit-background-clip: text) {
    .kv-title-t1{background: linear-gradient(180deg, #f6efd8 0%, #d5b073 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
}
.kv-title-t2{width:calc(455 / 1920 * 100vw);line-height:calc(34 / 1920 * 100vw);position: absolute;top:calc(228 / 1920 * 100vw);left: calc(96 / 1920 * 100vw);text-align: center;font-size: calc(34 / 1920 * 100vw);color: #b59055;font-weight: bold;}
.kv-title-t3{width:calc(455 / 1920 * 100vw);line-height:calc(34 / 1920 * 100vw);position: absolute;top:calc(228 / 1920 * 100vw);right: calc(96 / 1920 * 100vw);text-align: center;font-size: calc(34 / 1920 * 100vw);color: #b59055;font-weight: bold;}

/* .btn-play{display: block;width:calc(138 / 1920 * 100vw);height:calc(145 / 1920 * 100vw);position: absolute;bottom: 0;left:50%;margin-left: calc(-69 / 1920 * 100vw);background-position:calc(0 / 1920 * 100vw)  calc(-89 / 1920 * 100vw);} */
.btn-play{display: block;width:calc(138 / 1920 * 100vw);height:calc(145 / 1920 * 100vw);position: absolute;bottom: 0;left:50%;margin-left: calc(-69 / 1920 * 100vw);background: url(../images/btn-show-new.png) no-repeat 0 0/100% 100%;}
.btn-play:hover{text-decoration:none;  -webkit-filter: brightness(1.2); filter: brightness(1.2);}
:root{
	--jindu: 0%;
	--jindu2: 5%;
}
.btn-play::after{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;filter: brightness(2);-webkit-mask-image:linear-gradient(to right bottom, rgba(255,255,255,0) var(--jindu),#fff,rgba(255,255,255,0) var(--jindu2));-webkit-mask-size:100% 100%;background: url(../images/btn-show-new.png) no-repeat 0 0/100% 100%;}

.go-share{width:100%;height:calc(84 / 1920 * 100vw);padding-top:calc(644 / 1920 * 100vw);margin:0 auto;position: relative;z-index: 5;display: flex;justify-content: center;}
.go-share a{display: block;width:calc(265 / 1920 * 100vw);height:calc(96 / 1920 * 100vw);color: #041222; font-weight: bold; font-size: calc(32 / 1920 * 100vw); line-height: calc(96 / 1920 * 100vw);text-align: center;margin:0 calc(80 / 1920 * 100vw);}
.go-share a:hover{text-decoration:none;  -webkit-filter: brightness(1.2); filter: brightness(1.2);}
.btn-go{background: url(../images/btn_bicon1.png) no-repeat;background-size: 100% 100%;}
.btn-share{background: url(../images/btn_bicon2.png) no-repeat;background-size: 100% 100%;}

.transition-bmask{width:calc(1920 / 1920 * 100vw);height:calc(225 / 1920 * 100vw);position: absolute;bottom:calc(-120 / 1920 * 100vw);left:50%;margin-left: calc(-960 / 1920 * 100vw);background: url(../images/transition_bmask.png) no-repeat;background-size: 100% 100%;z-index: 3;pointer-events: none;}

/* sec2 */
/* .sec2-figure{width:calc(380 / 1920 * 100vw);height: calc(731 / 1920 * 100vw);position: absolute;top:calc(98 / 1920 * 100vw);left: calc(326 / 1920 * 100vw);z-index: 3;} */
.sec2-decorate{width:calc(582 / 1920 * 100vw);height: calc(409 / 1920 * 100vw);position: absolute;top:calc(185 / 1920 * 100vw);left: calc(813 / 1920 * 100vw);background: url(../images/sec2_decorate.png) no-repeat;background-size: 100% 100%;pointer-events: none;}
.sec2-figure{width:calc(1028 / 1920 * 100vw);height: calc(1028 / 1920 * 100vw);position: absolute;top:calc(-90 / 1920 * 100vw);left: calc(8 / 1920 * 100vw);z-index: 6;}
.figure-spin-img{display: block; width:calc(1028 / 1920 * 100vw);height: calc(1028 / 1920 * 100vw);position: absolute;top:calc(5 / 1920*100vw);left: calc(9 / 1920*100vw);transform: scale(1.22);}
.figure-spin{width:calc(1028 / 1920 * 100vw)!important;height: calc(1028 / 1920 * 100vw)!important;cursor: pointer;}
.sec2 .spritespin-canvas{transform: scale(1.22);}
/* margin-top: calc(-15 / 1920 * 100vw); */
.sec2-lr-arrows{width:calc(604 / 1920 * 100vw);height: calc(33 / 1920 * 100vw);position: absolute;bottom:calc(80 / 1920 * 100vw);left: calc(252 / 1920 * 100vw);background: url(../images/sec2_lr_arrows.png) no-repeat;background-size: 100% 100%;}

.sec2-clothes{width: 100%;height:100%;position: relative;z-index: 5;}
.clothes-details{width:calc(1040 / 1920 * 100vw);height: 100%;position: absolute;top:0;right: 0;z-index: 2;}

.details-change-box{width:calc(313 / 1920 * 100vw);}
.details-change{display: none;width: 100%;position: relative;}
.details-change.on{display: block;}
.details-change3{width:calc(436 / 1920 * 100vw);}
.details-box{width:calc(313 / 1920 * 100vw);padding-top:calc(75 / 1920 * 100vw);margin-bottom: calc(25 / 1920 * 100vw);}
.details-change3 .details-box{width:calc(436 / 1920 * 100vw);}
.details-img{width:calc(313 / 1920 * 100vw);height: auto;margin:0 auto;position: relative;transform-style: preserve-3d;}
.details-change3 .details-img{width:calc(436 / 1920 * 100vw);}
.link-line{position: absolute;background: url(../images/link_line.png) no-repeat;background-size: calc(500 / 1920 * 100vw);}
.link-line1{width:calc(370 / 1920 * 100vw);height: calc(105 / 1920 * 100vw);top:calc(105 / 1920 * 100vw);left: calc(-336 / 1920 * 100vw);background-position: calc(0 / 1920 * 100vw) calc(0 / 1920 * 100vw);}
.link-line2{width:calc(325 / 1920 * 100vw);height: calc(70 / 1920 * 100vw);top:calc(240 / 1920 * 100vw);left: calc(-300 / 1920 * 100vw);background-position: calc(0 / 1920 * 100vw) calc(-155 / 1920 * 100vw);}
.link-line3{width:calc(260 / 1920 * 100vw);height: calc(72 / 1920 * 100vw);top:calc(168 / 1920 * 100vw);left: calc(-249 / 1920 * 100vw);background-position: calc(0 / 1920 * 100vw) calc(-264 / 1920 * 100vw);}
.link-line4{width:calc(390 / 1920 * 100vw);height: calc(166 / 1920 * 100vw);top:calc(245 / 1920 * 100vw);left: calc(-310 / 1920 * 100vw);background-position: calc(0 / 1920 * 100vw) calc(-394 / 1920 * 100vw);}
.link-line5{width:calc(346 / 1920 * 100vw);height: calc(208 / 1920 * 100vw);top:calc(282 / 1920 * 100vw);left: calc(-264 / 1920 * 100vw);background-position: calc(0 / 1920 * 100vw) calc(-621 / 1920 * 100vw);}

.sea-part-img{display: block;width:calc(313 / 1920 * 100vw);height: calc(419 / 1920 * 100vw);position: relative;}
.details-change3 .sea-part-img{width:calc(436 / 1920 * 100vw);height: calc(275 / 1920 * 100vw);}


.details-tit-box{width:calc(650 / 1920 * 100vw);height: calc(36 / 1920 * 100vw);line-height:  calc(36 / 1920 * 100vw);margin-left: calc(-168.5 / 1920 * 100vw); display: flex;justify-content:center;align-items:center;}
.details-tit-box::before{content: '';display:block; width:calc(115 / 1920 * 100vw);height: calc(7 / 1920 * 100vw);background: url(../images/icon_spr.png) no-repeat;background-size: calc(500 / 1920 * 100vw);background-position: calc(-23 / 1920 * 100vw) calc(-271 / 1920 * 100vw);}
.details-tit-box::after{content: '';display: block; width:calc(115 / 1920 * 100vw);height: calc(7 / 1920 * 100vw);background: url(../images/icon_spr.png) no-repeat;background-size: calc(500 / 1920 * 100vw);background-position: calc(-330 / 1920 * 100vw) calc(-271 / 1920 * 100vw);}
.details-tit{max-width:calc(420 / 1920 * 100vw);width:auto;font-size: calc(38 / 1920 * 100vw);margin:0 calc(16 / 1920 * 100vw);color: #c4a679;font-weight: bold;line-height: 1.4;}
@supports (-webkit-background-clip: text) {
    .details-tit{background: linear-gradient(180deg, #f4edd3 0%, #c59e60 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
}

.details-change3 .details-tit-box{margin-left: calc(-107 / 1920 * 100vw);}

.details-text{width:calc(436 / 1920 * 100vw);padding: calc(35 / 1920 * 100vw) 0 0;font-size: calc(38 / 1920 * 100vw);color: #c4b887;line-height: calc(42 / 1920 * 100vw);position: relative;left:calc(-50 / 1920 * 100vw);}
.details-change3 .details-text{left:calc(0 / 1920 * 100vw);}

.clothes-swiper-box{width:calc(415 / 1920 * 100vw);height:calc(800 / 1920 * 100vw);position: absolute;top:calc(20 / 1920 * 100vw);left:calc(460 / 1920 * 100vw);z-index: 2;}
.clothes-ticon-box{width: calc(110 / 1920 * 100vw);height: 100%;position: absolute;right:0;top:0;pointer-events: none;}
.clothes-ticon{width: calc(87 / 1920 * 100vw);height: calc(59 / 1920 * 100vw);background-position: calc(-200 / 1920 * 100vw) calc(-12 / 1920 * 100vw);position: absolute;top:39%;right:calc(-77 / 1920 * 100vw);transition: opacity 0.2s;}

.clothes-ticon2{width: calc(61 / 1920 * 100vw);height: calc(74 / 1920 * 100vw);background-position: calc(-173 / 1920 * 100vw) calc(-106 / 1920 * 100vw);position: absolute;top:50%;margin-top:calc(17 / 1920 * 100vw);right:0;}

.clothes-swiper{width:calc(415 / 1920 * 100vw);height:calc(800 / 1920 * 100vw);position: absolute;top:calc(52 / 1920 * 100vw);left: calc(28 / 1920 * 100vw);z-index: 3;transform: scale(.9);}
.clothes-swiper .swiper-slide{width:calc(240 / 1920 * 100vw);height: calc(240 / 1920 * 100vw);}

.clothes-img-box{width:calc(376 / 1920 * 100vw);height: calc(376 / 1920 * 100vw);position: absolute;top:50%;left: 50%;margin-left:calc(-376/2 / 1920 * 100vw);margin-top: calc(-376/2 / 1920 * 100vw); transform: scale(0.68);transition: all 0.5s;cursor: pointer;}
.swiper-slide-active{pointer-events: none;}
.swiper-slide-active .clothes-img-box{transform: scale(1);margin-left:calc(-258/2 / 1920 * 100vw);}
/* .swiper-slide-active .clothes-ticon{width: calc(61 / 1920 * 100vw);height: calc(74 / 1920 * 100vw);background-position: calc(-173 / 1920 * 100vw) calc(-106 / 1920 * 100vw);position: absolute;top:50%;margin-top:calc(-10 / 1920 * 100vw);right:calc(-162 / 1920 * 100vw);} */
.swiper-slide-active .clothes-ticon{opacity: 0;}

.clothes-mask{width: 100%;height: 100%;position: absolute;top:0;left: 0;background: url(../images/clothes_mask.png) no-repeat;background-size: 100% 100%;z-index: 2;}
.clothes-img{display: block;width:calc(376 / 1920 * 100vw);height: calc(376 / 1920 * 100vw);position: absolute;top:50%;left:50%;margin-left:calc(-376/2 / 1920 * 100vw);margin-top: calc(-376/2 / 1920 * 100vw);}

.sec-bottom-text{min-width:calc(268 / 1920 * 100vw);font-size: calc(26 / 1920 * 100vw);color: #95b7c7;text-align: center;line-height: calc(58 / 1920 * 100vw);padding:0 calc(56 / 1920 * 100vw);position: absolute;bottom: calc(56 / 1920 * 100vw);left:50%;transform: translateX(-50%);z-index: 6;}
.sec-text-bg{width:100%;height: 100%;position: absolute;top:0;left: 0;background: url(../images/sec_text_bg.png) no-repeat;background-size: 100% 100%;}
.sec-bottom-text span{position: relative;z-index: 1;}


/* sec3 */
.sec3-figure{width:calc(1028 / 1920 * 100vw);height: calc(1028 / 1920 * 100vw);position: absolute;top:calc(-90 / 1920 * 100vw);left:50%;margin-left: calc(-514 / 1920 * 100vw);z-index: 3;}
.sec3-figure-img{display: block; width:calc(1028 / 1920 * 100vw);height: calc(1028 / 1920 * 100vw);position: absolute;top:0;left: 0;transform: scale(1.12);}
.sec3-figure-spin{width:calc(1028 / 1920 * 100vw)!important;height: calc(1028 / 1920 * 100vw)!important;cursor: pointer;}
.sec3-figure-spin canvas{transform: scale(1.12);}

/* .sec3-figure{width:calc(568 / 1920 * 100vw);height: calc(887 / 1920 * 100vw);position: absolute; top:calc(14 / 1920 * 100vw);left:50%;margin-left: calc(-408 / 1920 * 100vw);z-index: 2;} */
/* .sec3-figure-img{display: block;width:calc(568 / 1920 * 100vw);height: calc(887 / 1920 * 100vw);} */

.sec3-video{width:calc(1600 / 1920 * 100vw);height:calc(154 / 1920 * 100vw); position: absolute;top:calc(488 / 1920 * 100vw);left:calc(208 / 1920 * 100vw); z-index: 5;transform: scale(.9);}
/* .sec3-video{width:calc(1600 / 1920 * 100vw);height:calc(380 / 1920 * 100vw); position: absolute;top:calc(362 / 1920 * 100vw);left:calc(208 / 1920 * 100vw); z-index: 5;} */
.play-video-box{width:calc(341 / 1920 * 100vw);height:auto;float: left;}
.play-video-box:nth-child(1){margin-left: 0;}
.play-video-box:nth-child(2){margin-left: calc(-60 / 1920 * 100vw);}
.play-video-box:nth-child(3){margin-left: calc(-62 / 1920 * 100vw);}
.play-video-box:nth-child(4){margin-left: calc(-50 / 1920 * 100vw);}
.play-video-box:nth-child(5){margin-left: calc(-64 / 1920 * 100vw);}
/* .play-video-box1{position: relative;top:calc(101 / 1920 * 100vw);} */
.play-video-box1{position: relative;top:calc(-126 / 1920 * 100vw);}
/* .play-video-box2{position: relative;top:calc(126 / 1920 * 100vw);} */
.play-video-box2{position: relative;top:calc(-25 / 1920 * 100vw);}
.play-video{width:calc(154 / 1920 * 100vw);height: calc(154 / 1920 * 100vw);position: relative;margin:0 auto;}
.btn-video-play{display: block;width: 100%;height: 100%;position: absolute;top:0;left: 0;z-index: 3;background: url(../images/btn_video_play.png) no-repeat;background-size: 100% 100%;}
.video-border{display: block;width:calc(341 / 1920 * 100vw);height: calc(341 / 1920 * 100vw);position: absolute;top:50%;left: 50%;margin-top: calc(-170.5 / 1920 * 100vw);margin-left: calc(-170.5 / 1920 * 100vw); background:url(../images/video_border.png) no-repeat;background-size: 100% 100%;z-index: 2;pointer-events: none;}
.play-video.on .video-border{background:url(../images/video_border_on.png) no-repeat;background-size: 100% 100%;}
.play-video:hover .video-border{background: url(../images/video_border_on.png) no-repeat;background-size: 100% 100%;}
.sec3-vimg{display: block;width:calc(341 / 1920 * 100vw);height: calc(341 / 1920 * 100vw);position: absolute;top:50%;left: 50%;margin-top: calc(-170.5 / 1920 * 100vw);margin-left: calc(-170.5 / 1920 * 100vw);pointer-events: none;}
.video-text{width: calc(270 / 1920 * 100vw); position: absolute;top: calc(190 / 1920 * 100vw); left:50%;margin-left: calc(-135 / 1920 * 100vw); font-size: calc(32 / 1920 * 100vw);line-height: calc(44 / 1920 * 100vw); color: #c4b887;text-align: center;}
.play-video.on .video-text{color:#ffefaf;}
.play-video:hover .video-text{color:#ffefaf;}

/* .sec4 */
.sec4-main{width:calc(1273 / 1920 * 100vw);height: 100%; margin:0 auto;position: relative;z-index: 2;padding-top:calc(60 / 1920 * 100vw);box-sizing: border-box;}
.sec4-title{width:calc(760 / 1920 * 100vw);height:calc(54 / 1920 * 100vw);background: url(../images/sec4_title.png) no-repeat;background-size: 100% 100%;}
/* .sec4-tit{width:calc(560 / 1920 * 100vw);height: calc(28 / 1920 * 100vw);position: relative;padding-top:calc(14 / 1920 * 100vw);font-size: calc(24 / 1920 * 100vw);line-height: calc(28 / 1920 * 100vw);color: #ffffff;} */
.sec4-tit{height: calc(42 / 1920 * 100vw);position: relative;padding-top:calc(14 / 1920 * 100vw);font-size: calc(38 / 1920 * 100vw);line-height: calc(42 / 1920 * 100vw);color: #ffffff;}
.sec4-time-box{width: calc(560 / 1920 * 100vw);font-size: calc(30 / 1920 * 100vw);line-height: calc(40 / 1920 * 100vw);color: #e8f0ff;margin-bottom: calc(32 / 1920 * 100vw);}
.when-icon{display: inline-block;font-style: normal;width: calc(25 / 1920 * 100vw);height: calc(25 / 1920 * 100vw);margin-left: calc(4 / 1920 * 100vw); background-position: calc(-303 / 1920 * 100vw) calc(-108 / 1920 * 100vw);position: relative;top:calc(3 / 1920 * 100vw);}

.sec4-prop{width:calc(463 / 1920 * 100vw);height: calc(293 / 1920 * 100vw);background: url(../images/sec4_prop.png) no-repeat;background-size: 100% 100%;position: relative;left: calc(-6 / 1920 * 100vw);}
.sec4-prop-text{width: calc(150 / 1920 * 100vw);line-height: calc(24 / 1920 * 100vw); font-size: calc(22 / 1920 * 100vw);color: #ffffff;text-align: center;position: absolute;}
.sec4-prop-text1{top:calc(212 / 1920 * 100vw);left: calc(214 / 1920 * 100vw);}
.sec4-prop-text2{top:calc(214 / 1920 * 100vw);left: calc(345 / 1920 * 100vw);}
.sec4-prop-text .clock-icon{display: inline-block;font-style: normal;/*width: calc(18 / 1920 * 100vw);*/height: calc(18 / 1920 * 100vw);margin-right: calc(4 / 1920 * 100vw); background-position: calc(-411 / 1920 * 100vw) calc(-185 / 1920 * 100vw);position: relative;top:calc(1 / 1920 * 100vw);padding-left: calc(32/1920 * 100vw);}

.sec4-treasure-hunt{width: calc(550 / 1920 * 100vw);height: calc(264 / 1920 * 100vw);position: absolute;bottom: calc(64 / 1920 * 100vw);left: calc(10 / 1920 * 100vw);}
.treasure-preview-text{width:calc(400 / 1920 * 100vw);height: calc(24 / 1920 * 100vw);position: absolute;top:calc(-28 / 1920 * 100vw);left:calc(50 / 1920 * 100vw);font-size: calc(18 / 1920 * 100vw);text-align: center;line-height: calc(20 / 1920 * 100vw); color: #87cde8;transform: rotate(14deg);}
.btn-treasure-preview{display: block;width: calc(50 / 1920 * 100vw);height: calc(60 / 1920 * 100vw);background-position: calc(-286 / 1920 * 100vw) calc(-166 / 1920 * 100vw);position: absolute;top:calc(-1 / 1920 * 100vw);left:calc(223 / 1920 * 100vw);}
.btn-treasure-hunt{width: calc(320 / 1920 * 100vw);height: calc(153 / 1920 * 100vw);font-size: calc(34 / 1920 * 100vw);text-align: center;line-height: calc(153 / 1920 * 100vw); color: #ffffff; background: url(../images/btn_treasure_hunt.png) no-repeat;background-size: 100% 100%;position: absolute;bottom: calc(38 / 1920 * 100vw);left: calc(-12 / 1920 * 100vw);}
.treasure-hunt-num{width: calc(334 / 1920 * 100vw);text-align: center;position: absolute;left:0;bottom:calc(2 / 1920 * 100vw);}
.treasure-hunt-num span{display: inline-block;padding:0 calc(36 / 1920 * 100vw);font-size: calc(24 / 1920 * 100vw);font-weight: bold; line-height: calc(34 / 1920 * 100vw); color: #9596a4; background: url(../images/treasure_hunt_num.png) no-repeat;background-size: 100% 100%;}

.get-tips-box{width: calc(317 / 1920 * 100vw);height: calc(77 / 1920 * 100vw);background: url(../images/get_tips_bg.png) no-repeat;background-size: 100% 100%;position: absolute;bottom: calc(50 / 1920 * 100vw);right: calc(-83 / 1920 * 100vw);}
.get-tips-num{width: calc(200 / 1920 * 100vw);font-size: calc(22 / 1920 * 100vw);line-height: calc(24 / 1920 * 100vw); color: #848594; position: absolute;bottom: calc(0 / 1920 * 100vw);left: calc(-55 / 1920 * 100vw);text-align: center;pointer-events: none;}
.get-tips-text{display: block; width: calc(180 / 1920 * 100vw);font-size: calc(20 / 1920 * 100vw);line-height: calc(22 / 1920 * 100vw); color: #cdd0d1;position: absolute;bottom: calc(22 / 1920 * 100vw);left: calc(116 / 1920 * 100vw);}

.sec4-seacall{width:calc(700 / 1920 * 100vw);height: auto;position: absolute;bottom: calc(140 / 1920 * 100vw);right: calc(10 / 1920 * 100vw);text-align: center;}
.sec4-time-text{position: relative;top:calc(26 / 1920 * 100vw);display: inline-block;text-align: left;left:calc(58 / 1920 * 100vw);}
.sec4-time{display: inline-block;width:100%;color: #ff9000;font-size: calc(30 / 1920 * 100vw);line-height: calc(34 / 1920 * 100vw);}
.sec4-text{display: inline-block;color: #fff8f8;font-size: calc(32 / 1920 * 100vw);line-height: calc(52 / 1920 * 100vw);font-weight: bold;}
.sec4-text p{color: #00b7d1;font-size: calc(48 / 1920 * 100vw);display: inline-block;}

.sec4-clothes-btn{width: calc(533 / 1920 * 100vw);height: calc(134 / 1920 * 100vw);margin:0 auto;position: relative;top:calc(8 / 1920 * 100vw);display: flex;justify-content: flex-end; align-items: center;}
.sec4-clothes-btn a{display: inline-block;width: calc(258 / 1920 * 100vw);height: calc(105 / 1920 * 100vw);font-size: calc(40 / 1920 * 100vw);color: #ffffff;line-height: calc(105 / 1920 * 100vw);margin-right: calc(16 / 1920 * 100vw);}
.sec4-clothes-btn a:last-child{margin-right: 0;}
.sec4-clothes-btn .btn-checkClothes{background: url(../images/sec4_clothes_btn_go.png) no-repeat;background-size: 100% 100%;}
.sec4-clothes-btn .btn-getClothes{background: url(../images/sec4_clothes_btn_share.png) no-repeat;background-size: 100% 100%;}
.sec4-clothes-btn a:hover{text-decoration:none;  -webkit-filter: brightness(1.2); filter: brightness(1.2);}
.sec4-clothes-text{width: 100%;font-size: calc(22 / 1920 * 100vw);line-height: calc(26 / 1920 * 100vw);color: #cee2eb;position: relative;top:calc(-4 / 1920 * 100vw);}
.sec4-token-icon{display: inline-block;font-style: normal;width: calc(25 / 1920 * 100vw);height: calc(25 / 1920 * 100vw);margin-left: calc(4 / 1920 * 100vw); background-position: calc(-397 / 1920 * 100vw) calc(-114 / 1920 * 100vw);position: relative;top:calc(4 / 1920 * 100vw);}

/* .mclass .sec5{display: none;} */
/* .sec4 */
.sec5-main{width:calc(1273 / 1920 * 100vw);height: 100%; margin:0 auto;position: relative;z-index: 2;padding-top:calc(50 / 1920 * 100vw);box-sizing: border-box;}
.sec5-title{width:calc(619 / 1920 * 100vw);height:calc(56 / 1920 * 100vw);background: url(../images/sec5_title.png) no-repeat;background-size: 100% 100%;}
.sec5-tit{/*width:calc(560 / 1920 * 100vw);*/height: calc(42 / 1920 * 100vw);position: relative;padding-top:calc(14 / 1920 * 100vw);font-size: calc(38 / 1920 * 100vw);line-height: calc(42 / 1920 * 100vw);color: #c1f8ff;}
.sec5-time-box{/*width: calc(560 / 1920 * 100vw);*/font-size: calc(30 / 1920 * 100vw);line-height: calc(40 / 1920 * 100vw);color: #c1f8ff;margin-bottom: calc(32 / 1920 * 100vw);}

.sec5-seacall{width:calc(700 / 1920 * 100vw);height: auto;position: absolute;bottom: calc(120 / 1920 * 100vw);right: calc(10 / 1920 * 100vw);text-align: center;}
.sec5-time-text{position: relative;top:calc(26 / 1920 * 100vw);display: inline-block;text-align: left;left:calc(58 / 1920 * 100vw);}
.sec5-time{display: inline-block;width:100%;color: #ff9000;font-size: calc(30 / 1920 * 100vw);line-height: calc(34 / 1920 * 100vw);}
.sec5-text{display: inline-block;color: #fff8f8;font-size: calc(32 / 1920 * 100vw);line-height: calc(52 / 1920 * 100vw);font-weight: bold;}
.sec5-text p{color: #00b7d1;font-size: calc(48 / 1920 * 100vw);display: inline-block;}

.sec5-clothes-btn{width: calc(564 / 1920 * 100vw);height: calc(103 / 1920 * 100vw);margin:0 auto;position: relative;top:calc(0 / 1920 * 100vw);background: url(../images/sec5_clothes_btn.png) no-repeat;background-size: 100% 100%;display: flex;justify-content: space-between; align-items: center;}
.sec5-clothes-btn a{display: block;width: calc(258 / 1920 * 100vw);height: calc(95 / 1920 * 100vw);font-size: calc(40 / 1920 * 100vw);line-height: calc(80 / 1920 * 100vw);color: #041222;}
.sec5-clothes-btn a:hover{text-decoration:none;  -webkit-filter: brightness(1.2); filter: brightness(1.2);}
.sec5-clothes-text{width: 100%;font-size: calc(22 / 1920 * 100vw);line-height: calc(26 / 1920 * 100vw);color: #cee2eb;position: relative;top:calc(-4 / 1920 * 100vw);}
.sec5-token-icon{display: inline-block;font-style: normal;width: calc(25 / 1920 * 100vw);height: calc(25 / 1920 * 100vw);margin-left: calc(4 / 1920 * 100vw); background-position: calc(-397 / 1920 * 100vw) calc(-114 / 1920 * 100vw);position: relative;top:calc(4 / 1920 * 100vw);}


.bottom-full-height{width:100%;max-height: 100%;height: 100vh;position: absolute;top:50%;left:0;transform: translateY(-50%); pointer-events: none;z-index: 4;}
.bottom-icon{width:calc(132 / 1920 * 100vw);height: calc(41 / 1920 * 100vw);position: absolute;bottom:calc(-50 / 1920 * 100vw);left: 50%;margin-left: calc(-66 / 1920 * 100vw);z-index: 11;animation: floatUpDown 1s infinite linear;}
@keyframes floatUpDown {
    0%{transform: translateY(-5px);}
    50%{transform: translateY(0px);}
    100%{transform: translateY(-5px);}
}
.sec1 .bottom-full-height{top:0;transform: translateY(0);}
.sec1 .bottom-icon{bottom:calc(0 / 1920 * 100vw);}

/* 弹窗pop */
.b-bg{width: 100%;height: 100%;position: fixed;top:0;left: 0;overflow: hidden;background-color: rgba(0,0,0,0.9);z-index: 200;}
.pop-close{width: calc(45 / 1920 * 100vw);height: calc(45 / 1920 * 100vw);position: absolute;right: calc(-45 / 1920 * 100vw);top: 0;text-indent: -999px;overflow: hidden;z-index: 100;background: url(../images/icon_spr.png) no-repeat;background-size: calc(500 / 1920 * 100vw);background-position: calc(-365 / 1920 * 100vw) calc(-1 / 1920 * 100vw);}
.pop-vid{width: 100vw;height: 100vh;position: fixed;left: 0;left: 0;right: 0;margin: 0 auto;top: 0;bottom: 0;background: #000;z-index: 201;}
.pop-vid .pop-close{right: calc(45 / 1920 * 100vw);top: calc(45 / 1920 * 100vw);}
.pop-player{width: 100%!important;height: 100%!important;}
.pop-player video{width: 100%!important;height: 100%!important;}

/* 视频弹窗 */
.pop-share{width: calc(770 / 1920 * 100vw);height: calc(465 / 1920 * 100vw);position: fixed;left: 50%;left: 0;right: 0;margin: calc(-232.5 / 1920 * 100vw) auto;top: 50%;background: url(../images/pop_share_bg.png) no-repeat 0 0/100% 100%;position: relative;}
.facebook-share-btn{width: calc(218 / 1920 * 100vw);height: calc(218 / 1920 * 100vw);position: absolute;top: calc(156 / 1920 * 100vw);left: calc(141 / 1920 * 100vw);}
.twitter-share-btn{width: calc(218 / 1920 * 100vw);height: calc(218 / 1920 * 100vw);position: absolute;top: calc(156 / 1920 * 100vw);right: calc(133 / 1920 * 100vw);}