.wrapper-33GW6CN {
	border-bottom: 1px solid #fff
}

.calendar-1F_kEpS {
	height: 1.0625rem;
	margin: .5625rem 0
}

.date-range-16YSxO0 {
	border: none;
	height: 2.5rem;
	width: 100%;
	font-size: .875rem;
	text-align: center;
	padding-left: .625rem
}

.customMenuPage[data-v-52ff7452] {
	z-index: 999
}

.enterPriseDetailSet[data-v-52ff7452] {
	z-index: 998
}

.coming-soon[data-v-52ff7452] {
	transform: scale(1.2);
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	z-index: 100;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	line-height: 2em;
	padding: 0 3em
}

.coming-soon h2[data-v-52ff7452] {
	margin-bottom: 1em;
	line-height: 1.5em;
	transform: translateY(-20%)
}

.coming-soon p[data-v-52ff7452] {
	transform: translateY(-20%)
}

.button[data-v-52ff7452] {
	bottom: 25%;
	position: absolute;
	width: 50%;
	cursor: pointer
}

.button span[data-v-52ff7452] {
	letter-spacing: 2px
}

.mobile-error[data-v-52ff7452] {
	position: absolute;
	width: 100vw;
	height: 100vh;
	z-index: 999;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (orientation:portrait) {
	.mobile-error[data-v-52ff7452] {
		display: none
	}
}

canvas[data-v-52ff7452] {
	width: 100vw;
	height: 100vh;
	transition: 1s
}

canvas.hidden[data-v-52ff7452] {
	opacity: 0
}

.container-21gSjI1 {
	display: inline-block;
	vertical-align: middle
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b, strong {
	font-weight: bolder
}

code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button, input {
	overflow: visible
}

button, select {
	text-transform: none
}

[type=button], [type=reset], [type=submit], button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner,
	button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring,
	button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox], [type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button
	{
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

[hidden], template {
	display: none
}

@font-face {
	font-family: Sharp-Grotesk black;
	src:
		url(https://background.cowtransfer.com/version/1554196805294/font/SharpGrotesk-Black.18429f2.woff2)
		format("woff2"),
		url(https://background.cowtransfer.com/version/1554196805294/font/SharpGrotesk-Black.abd917e.woff)
		format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Sharp-Grotesk bold;
	src:
		url(https://background.cowtransfer.com/version/1554196805294/font/SharpGrotesk-Bold.8818b7f.woff2)
		format("woff2"),
		url(https://background.cowtransfer.com/version/1554196805294/font/SharpGrotesk-Bold.076fe32.woff)
		format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Sharp-Grotesk book;
	src:
		url(https://background.cowtransfer.com/version/1554196805294/font/SharpGrotesk-Book.289ef1f.woff2)
		format("woff2"),
		url(https://background.cowtransfer.com/version/1554196805294/font/SharpGrotesk-Book.9e45802.woff)
		format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Sharp-Grotesk light;
	src:
		url(https://background.cowtransfer.com/version/1554196805294/font/SharpGrotesk-Light.b1269da.woff2)
		format("woff2"),
		url(https://background.cowtransfer.com/version/1554196805294/font/SharpGrotesk-Light.020cf3a.woff)
		format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Sharp-Grotesk medium;
	src:
		url(https://background.cowtransfer.com/version/1554196805294/font/SharpGrotesk-Medium.02ede2e.woff2)
		format("woff2"),
		url(https://background.cowtransfer.com/version/1554196805294/font/SharpGrotesk-Medium.6231be6.woff)
		format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Sharp-Grotesk semi-bold;
	src:
		url(https://background.cowtransfer.com/version/1554196805294/font/SharpGrotesk-SemiBold.84f23e3.woff2)
		format("woff2"),
		url(https://background.cowtransfer.com/version/1554196805294/font/SharpGrotesk-SemiBold.fc377ce.woff)
		format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: laydate-icon;
	src:
		url(data:font/woff2;base64,d09GMgABAAAAAAPgAA0AAAAACLwAAAOLAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GVgCCUhEICoQ4gzALEgABNgIkAxoEIAWFOAdRGzYHIxE2JK1kkf3zMDZWNn5U08CmUq0v18nSVQJjOXZ531wVOhLZ83j4//367XPvm/muISGWxZOJJWgQ8dVJZpEkZpXoSZPNfPurmY12m7+K+zat7xqZvkNb+ESkc5a6lJzmv18Gru0S4vnTEm0aIWrH6/YicnGqZno0nPvzXNzWLI/N3ZplEex5qVygaMdYYNVewILFIvWK3kF3S/DVRc+EgHfdyhZ4f6v/kj93oB6dSEJWJRRIiPwnupRUp/3pAkdB/PHNiKgmKWV85Ix1k9YYa/fHxXlvJY0lLCJPxFmZtfoD6BTeGrVfYRiqVUvY/TFbXKkAKlkUrBy0Us8lQUxClAlAJCTgOwP4DRl45qhUJFANmtGA43gCKABQEkKW2ztq2urL5ebmaGmJzae43AOXz12iZV71yIUrtVz1W83du3bu8qnO2nn1kYq5LUcrKyMQlrQspZdbV6tXSobUWLO6r6+/nyfwflbtwMSEloHVo6OLPF7rHkBcRFOFbKiQoouYKnawdTktp+j+9FKL0gNBErwY1deyUq1imYHq1VaFG7p87HFcF6qNU9oiadauUpvdBf6CyShurMe3pxsdIDVkfpi3njz21I4t5ZWL/60p4WLQwz9oxRplX62xSEnAH1aaXJ/CVFXWnF3TW1QVfOM9XkYVh6Y29Ap0ty0dbUijJa8AvNojA09qYfELu8AeiFUk9Y3doa8QTvViEPlOU9QDO+d9SHU1OPtTo6P36Bw9VCyorHxAB+ieEQxGGeoLHeDl6Pl7RyjIBwgE3w3HF9c08nc1r9A5vYMqj/LZSXeoEnSoQAHyTeL/A5QKQMwlfzGoEP3Rb4zJAtVmKoGEWrWoAGj1QQA6DBIg1FsiQFJljwBZvWMCFOrdEaCkzicByuqjQYBaA2OXAHXa4oEsihoMwIHQbTwkjTZC1m0fWpDnoKTTSyjr9hNqzYsvrei1Y0xYuai4tEZjcRDGyA3ZchmvR2MFq3MDvv/m/5f3Aglt5BRO0UIVJCvHYVmn2ZzAk8vXUvkKfooLI284abRvDFOphV5CYgSsPTsjmSgHfXTPuKp2WaXW8SmNhofwVHIp4s7yGZ2JRI4ool+JuGwNBlcY7XXnq6bxVq78fV1++Sj/bJwFgur7K5xwnFdxlrGbtLCtsLzc/Mgcv5kEqEUcrBohWRwpchRRKgtj3hL0bGpz73wI9RiO7sLQJQA=)
		format("woff2"),
		url(data:font/woff;base64,d09GRgABAAAAAAXUAAsAAAAACOAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7khJY21hcAAAAYAAAAB0AAABuM8eA5hnbHlmAAAB9AAAAb8AAAI4BkbVmGhlYWQAAAO0AAAALwAAADYOn32WaGhlYQAAA+QAAAAcAAAAJAfeA4dobXR4AAAEAAAAABMAAAAYF+kAAGxvY2EAAAQUAAAADgAAAA4CMAFmbWF4cAAABCQAAAAfAAAAIAEVAF1uYW1lAAAERAAAAVQAAAKdV9IFUHBvc3QAAAWYAAAAOQAAAFI1Vl2SeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sM4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVDyLZm7438AQw9zA0AAUZgTJAQAraQzLeJzFkdsNgCAMRW95GEMcxQmcwQng3y8HYOKugX3w4wRccqC9gZS0ADKAKJxCAugFQfWIS+ZHFPMTLsl3WUHOzpHbGBYFrhapyG4Ui4K8TVqBNiwTrSv912H7PTPte5/IFzk42luOjs6Fq6Oz4eYgfxDcFXd4nGWPMW/TQBiGv9eHnbgkd63tOIljJ7FDfUGBoBiTKIpoFhYQQ1WmwIQURpCqDmFAECGBQEIqO2JBoHZkgK0DIzPiDyDKL2A/uGzQnr7h3ud7pE8vmUR/frAjViOXujSga7RNBKuHhBsRYpn3jR4qsVmpepzJjowLnaTPrqKaWJ6fDfO0ahUsAY4mLsfZUPYNiSv5ljFB5kdAvRHccjZDh73GWk02n6kbxjtUWp1QbF1U1y9MvaztFhclx6k7zquiZZpFwzgjOO5Xfdu01yz13hRB5ah13mihVJfBzVm53XDuvsgfRJtVG1gu4Tba/GC6EWzoeRT4rlMvrJeLtaDcOedhcXy25pai9CfpB931t/GLlUm3xsiGBMIx9tXuGNvGt4naU3sT7JzwpI0RjOOx2sX+WH38x2Pa+8q+sBEJalGbyMUw872CDd+zkksYnMyY4kDIiKu3mItmKroMhzoLne/xSPKueowlDvVXI/VmpXbx9BRYdVnd/s4+sx6tU0wJkQ0rSXNdKs2HWUvfiv8HHQzYJzXnacRxW33gYcolFuq5mos05JhpFK0QHuKJ1sJUYIY7q51UL0+Bv937cGcAeJxjYGRgYABi1R8rHsXz23xl4GZhAIGrB2TOIuj/J1gYmM2BXA4GJpAoAFITC2MAeJxjYGRgYG7438AQw8IAAkCSkQEVsAEARwwCb3icY2FgYGB+ycDAwoCKARKfAQEAAAAAAAB2AIoAngDcARwAAHicY2BkYGBgYwhkYGUAASYg5gJCBob/YD4DABFIAXMAeJx1j7tKA0EYhc/kJm7EQomkHBsRQzYXrFIJgaSwSxHrzWY2F/YSZieBbX0HC5/Gx7Cz8zEET3ZHCYHsMD/fOXP+mX8BXOELAsXX4C5Y4IKq4BLOcGu5TP/ecoX8aLmKOp4s1+g/W3bQwovlOq7xyhtE5ZzqAW+WBZr4sFzCJT4tl+l/W66QfyxXcSMalmtoipZlB1MxtFzHnXh3hlp5Rs3lLJMrP4mDJDZO6GVzmu29MVGLbejpQ+uQp0qnqySWPbd7aI9VrPTfvelu0TcmkIFOIjniAyoME7nRyVr5xl0asxl0OoH1XT+JOOYQGgoeDOscEjNkrCv4SBAjyKthLmQmY6JItv8TE6oFtvm5Ppk65U+pNFLqvZLowUX3ZHpMFecdx/Om2HGKPl3DmSW3ZkdEGtk/ULw1JEts8rM1HZ++i2XetcEAHa7gKO/mb0e/IEZ6MXicY2BigAAuBuyAjZGJkZmRhZGVkY2RnYGxgq0yvxSI2KpK84GIvSIzsTKzMpUDShsyMAAA7YcMcwAAAA==)
		format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Robotolight;
	src:
		url(https://background.cowtransfer.com/version/1554196805294/font/Roboto-Light.fc84e99.woff2)
		format("woff2"),
		url(https://background.cowtransfer.com/version/1554196805294/font/Roboto-Light.fc84e99.woff)
		format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Robotomedium;
	src:
		url(https://background.cowtransfer.com/version/1554196805294/font/Roboto-Medium.d088405.woff2)
		format("woff2"),
		url(https://background.cowtransfer.com/version/1554196805294/font/Roboto-Medium.d088405.woff)
		format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Robotobold;
	src:
		url(https://background.cowtransfer.com/version/1554196805294/font/Roboto-Bold.ee7b96f.woff2)
		format("woff2"),
		url(https://background.cowtransfer.com/version/1554196805294/font/Roboto-Bold.ee7b96f.woff)
		format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Anton;
	src:
		url(https://background.cowtransfer.com/version/1554196805294/font/Anton.b13e626.woff2)
		format("woff2"),
		url(https://background.cowtransfer.com/version/1554196805294/font/Anton.b13e626.woff)
		format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Bungee;
	src:
		url(https://background.cowtransfer.com/version/1554196805294/font/Bungee.c706b48.woff2)
		format("woff2"),
		url(https://background.cowtransfer.com/version/1554196805294/font/Bungee.c706b48.woff)
		format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Playregular;
	src:
		url(https://background.cowtransfer.com/version/1554196805294/font/Play-Regular.18e2f68.woff2)
		format("woff2"),
		url(https://background.cowtransfer.com/version/1554196805294/font/Play-Regular.18e2f68.woff)
		format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Playbold;
	src:
		url(https://oss.9yuntu.cn/resources/website_img/mainpage4/Play-Bold.f0dbb3f.woff2)
		format("woff2"),
		url(https://oss.9yuntu.cn/resources/website_img/mainpage4/Play-Bold.f0dbb3f.woff)
		format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Mondaregular;
	src:
		url(https://oss.9yuntu.cn/resources/website_img/mainpage4/Monda-Regular.1400060.woff2)
		format("woff2"),
		url(https://background.cowtransfer.com/version/1554196805294/font/Monda-Regular.1400060.woff)
		format("woff");
	font-weight: 400;
	font-style: normal
}

html {
	box-sizing: border-box;
	font-family: Playbold, PingFang SC, Arial, serif;
	color: #fff;
	height: 100%;
	overflow: hidden
}

@media ( max-width :1440px) {
	html {
		font-size: .875rem
	}
}

@media ( max-width :1023px) {
	html {
		font-size: .875rem
	}
}

body {
	width: 100vw;
	height: 100vh;
	overflow: hidden
}

.insane_font {
	font-size: 8.125rem
}

@media ( max-width :1023px) {
	.insane_font {
		font-size: 6.125rem
	}
}

h1 {
	font-size: 4rem
}

@media ( max-width :1023px) {
	h1 {
		font-size: 3rem
	}
}

h2 {
	font-size: 2.25rem
}

@media ( max-width :1023px) {
	h2 {
		font-size: 1.5rem
	}
}

h3 {
	font-size: 1.125rem
}

p {
	font-size: .875rem
}

*, :after, :before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	box-sizing: inherit
}

h1, h2, h3, h4, h5, h6, p {
	font-weight: bolder;
	margin: 0
}

ol, ul {
	margin: 0;
	padding: 0;
	list-style: none
}

img {
	display: block
}

.abs-fill {
	left: 0;
	width: 100%
}

.abs-fill, .content-container {
	position: absolute;
	top: 0;
	height: 100%
}

.content-container {
	width: 15%;
	min-width: 210px;
	left: 6%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 99
}

@media ( max-width :1023px) {
	.content-container {
		width: 70% !important;
		left: 20% !important;
		z-index: unset
	}
}

.content-container-left {
	font-family: Mondaregular, sans-serif;
	position: absolute;
	width: 15%;
	height: 100%;
	min-width: 210px;
	top: 0;
	left: 6%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center
}

@media ( max-width :1023px) {
	.content-container-left {
		width: 70%;
		right: 10%;
		left: 19%
	}
}

.content-center {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.close-button {
	position: absolute;
	left: 50%;
	top: 6%;
	transform: translateX(-50%);
	cursor: pointer;
	font-family: Mondaregular, sans-serif;
	z-index: 9
}

@media ( max-width :1023px) {
	.close-button {
		top: 11%
	}
}

.close-icon {
	width: 25px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.close-icon path {
	fill: #fff
}

.close-txt {
	vertical-align: middle
}

.close-text {
	position: absolute;
	right: calc(10% + 194px);
	top: 5.8%;
	z-index: 9;
	text-decoration: underline
}

input {
	width: 100%;
	border: 0;
	border-bottom: 1px solid #fff;
	outline: none;
	background: transparent;
	color: #fff
}

::-webkit-input-placeholder {
	color: #fff;
	text-align: center;
	padding-left: .3125rem
}

::-moz-placeholder {
	color: #fff;
	text-align: center;
	padding-left: .3125rem
}

::-webkit-scrollbar {
	width: 0
}

::-webkit-scrollbar-track {
	background: #f1f1f1
}

::-webkit-scrollbar-thumb {
	background: #888
}

:-ms-input-placeholder {
	color: #fff;
	text-align: center;
	padding-left: .3125rem
}

:-moz-placeholder {
	color: #fff;
	text-align: center;
	padding-left: .3125rem
}

::-webkit-scrollbar-thumb:hover {
	background: #969696
}

.invisible {
	opacity: 0
}

.visible {
	opacity: 1
}

.bg-wrapper {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%
}

.bg-wrapper, .bg-wrapper-pro {
	animation: Gradient 20s ease infinite
}

.bg-wrapper-pro {
	background: linear-gradient(-45deg, #845ec2, #4b4453, #3596b5, #adc5cf);
	background-size: 400% 400%
}

@
keyframes Gradient { 0%{
	background-position: 0 50%
}

50%{
background-position
:
100%
 
50%
}
to {
	background-position: 0 50%
}

}
.blur {
	filter: blur(2px)
}

.animated.duration-500ms {
	animation-duration: .5s
}

.wrapper-1qSCD_U {
	opacity: 0;
	z-index: 8;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.wrapper-1qSCD_U * {
	pointer-events: auto
}

.wrapper-1qSCD_U:after {
	content: ""
}

.wrapper-1qSCD_U .dropText-l91k1Xc, .wrapper-1qSCD_U:after {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 99
}

.wrapper-1qSCD_U .dropText-l91k1Xc {
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 2.25rem;
	background: rgba(0, 0, 0, .5)
}

.wrapper-1qSCD_U.active-301Dwgi:after {
	display: block
}

.wrapper-1qSCD_U.active-301Dwgi .dropText-l91k1Xc {
	display: -ms-flexbox;
	display: flex
}

.cover-232Rnmz {
	right: 10%
}

@media ( max-width :1023px) {
	.cover-232Rnmz {
		right: -100%
	}
}

.cover-232Rnmz.coverAnimation-3FpUi_X {
	animation: coverShowUp-1HsIwG8 .5s .5s;
	animation-fill-mode: forwards
}

.tooltip-2B7o-8w {
	background-color: #000;
	color: #fff;
	border-radius: 12px;
	font-size: .875rem;
	font-family: PingFangSC-Light, PingFang SC;
	line-height: 1.4;
	position: absolute;
	left: 15.5%;
	width: 15%;
	padding: 20px;
	top: 56%;
	opacity: 0;
	z-index: -1;
	transition: opacity .5s;
	text-align: center
}

.tooltip-2B7o-8w :before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 3px;
	transform: rotate(-45deg) translateX(-50%);
	position: absolute;
	left: 50%;
	top: -7px;
	background-color: #000
}

.tooltip-2B7o-8w.show-tooltip-2vElRNs {
	opacity: 1;
	z-index: 1
}

@media ( max-width :1023px) {
	.tooltip-2B7o-8w {
		width: 60%;
		left: 55%;
		transform: translate(-50%, -25%)
	}
}

.add-file-button-sort-2D25O8u {
	max-width: 400px
}

@media ( min-width :1024px) {
	.add-file-button-36XBjRE.add-file-button-needlogin-Aj5Vcuz {
		left: 13%
	}
}

.add-file-button-36XBjRE {
	width: 26%;
	position: absolute;
	left: 15%;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	min-width: 346px;
	transition: all .5s !important;
	letter-spacing: 2px
}

.add-file-button-36XBjRE.hide-1-JQTtS {
	opacity: 0;
	transform: translate(-300%, -50%)
}

.add-file-button-36XBjRE.continue-1bhucvU {
	left: 46.5%
}

.add-file-button-36XBjRE.continue-1bhucvU.active-301Dwgi {
	transform: translateY(-50%)
}

@media ( max-width :1023px) {
	.add-file-button-36XBjRE.continue-1bhucvU {
		left: 55%;
		top: 80%;
		transform: translate(-50%, -50%)
	}
}

.add-file-button-36XBjRE.disable-3bO9N7T {
	cursor: not-allowed;
	opacity: .5;
	pointer-events: none
}

@media ( max-width :1700px) {
	.add-file-button-36XBjRE {
		left: 13%
	}
}

@media ( max-width :1023px) {
	.add-file-button-36XBjRE {
		width: 60%;
		left: 55%;
		min-width: 200px;
		transform: translate(-50%, -50%)
	}
}

.add-file-button-36XBjRE.mobileAnimation-3nvbBFG {
	animation: buttonMoveDown-3IbH6O5 .5s .5s;
	animation-fill-mode: forwards
}

.mobile-file-input-3GIeN6j {
	width: 60%;
	height: 20%;
	position: absolute;
	top: 40%;
	left: 20%;
	opacity: 0;
	z-index: 3
}

.copy-right-2mWZiBV {
	font-size: 12px;
	position: absolute;
	bottom: 16px;
	right: 10%;
	opacity: .5
}

@
keyframes buttonMoveDown-3IbH6O5 { 0%{
	top: 50%
}

to {
	top: 90%
}

}
@
keyframes coverShowUp-1HsIwG8 { 0%{
	right: -100%
}

to {
	right: 0
}

}
.transfer-out-panel .description {
	text-align: center;
	margin-bottom: 120px
}

.transfer-out-panel .description p {
	font-size: 18px;
	line-height: 36px
}

.transfer-out-panel .actions {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column
}

.transfer-out-panel .actions .pro-b {
	width: 100%;
	position: relative;
	margin-bottom: 24px
}

.transfer-out-panel .actions .pro-b p {
	line-height: 1.5em
}

.transfer-out-panel .actions .pro-b .tip {
	position: absolute;
	background: #fff;
	color: #000;
	width: 210px;
	height: 80px;
	border-radius: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 2em;
	top: 50%;
	left: calc(100% + 16px);
	transform: translateY(-50%);
	white-space: unset
}

.transfer-out-panel .actions .pro-b .tip:before {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	background: #fff;
	top: 50%;
	left: -6px;
	transform: translateY(-50%) rotate(45deg);
	border-radius: 4px
}

.transfer-out-panel .actions .pro {
	width: 100%;
	background: #fdda65
}

.transfer-out-panel .actions>button {
	margin-bottom: 24px
}

.back-button {
	left: 35%;
	line-height: 2.14286;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: Playregular, sans-serif
}

@media ( max-width :1024px) {
	.back-button {
		left: 43%
	}
}

@media ( max-width :320px) {
	.back-button {
		left: 30%
	}
}

@media ( max-width :376px) {
	.back-button {
		left: 33%
	}
}

@media ( max-width :420px) {
	.back-button {
		left: 34%
	}
}

.back-button .left-arrow {
	width: 20px;
	display: inline-block;
	margin-right: 10px;
	line-height: 0
}

.back-button .left-arrow path {
	fill: #fff
}

.logo-3GfMGPj {
	height: 100%
}

.dots-2Dg7Sno {
	width: 100%
}

.currentdomain-3NSBgaD {
	color: #8f8f8f
}

.logo-34kUM-d {
	height: 2.75rem
}

@media ( max-width :1023px) {
	.logo-34kUM-d {
		height: 2.5rem
	}
}

.dots-27hTBU8 {
	width: 250px
}

@media ( max-width :1023px) {
	.dots-27hTBU8 {
		width: 200px
	}
}

.login-tip-HZBSqQk {
	padding: .5em 1em;
	border-radius: 5px;
	background: #000;
	font-size: 14px;
	color: #fff;
	white-space: nowrap;
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	transform: translateX(calc(-50% + 16px))
}

.login-tip-HZBSqQk:after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -40%) rotate(45deg);
	border-radius: 4px;
	z-index: -1;
	width: 16px;
	height: 16px;
	background: #000
}

.top-bar-28K9f-q {
	height: 44px;
	position: absolute;
	right: 10%;
	top: 5%;
	z-index: 99;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-align: center;
	align-items: center;
	transition: all .5s
}

.top-bar-28K9f-q.download-page-AbvxNkb {
	right: 25%
}

@media ( max-width :1023px) {
	.top-bar-28K9f-q, .top-bar-28K9f-q.download-page-AbvxNkb {
		top: 3%;
		right: 5%
	}
}

.close-button-3Wgq_mk {
	left: 50%;
	top: 5%;
	transform: translateX(-50%);
	cursor: pointer;
	font-family: PingFangSC-Semibold, PingFang SC;
	z-index: 1
}

.close-button-3Wgq_mk .close-icon-Fk6uQqG {
	width: 25px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.close-button-3Wgq_mk .close-icon-Fk6uQqG path {
	fill: #fff
}

.domain-1a-HlRa {
	object-fit: cover;
	height: 100%;
	width: 100% !important;
	border-radius: 1.25rem;
	border: 1px solid #fff;
	cursor: pointer
}

.headimg-eWvcR6V {
	position: relative
}

.main-account-1JaX5fh {
	padding: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.main-account-1JaX5fh .logo-34kUM-d {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: inline-block;
	margin: 0;
	margin-right: 10px
}

.main-account-1JaX5fh .info-2gDWWOP {
	text-align: left;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden
}

.main-account-1JaX5fh .info-2gDWWOP .nickname-1fakWtW {
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 700;
	line-height: 1em
}

.main-account-1JaX5fh .info-2gDWWOP .expireInfo-2HC7xFu {
	font-size: 14px
}

.main-account-1JaX5fh .info-2gDWWOP .transferHistoryButton-2JQq_sd {
	width: 100px;
	height: 30px;
	background: #fdda65;
	font-weight: 700;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 5px;
	margin-top: .3125rem
}

.main-account-1JaX5fh .info-2gDWWOP .transferHistoryButton-2JQq_sd,
	.subDomainList-1P2Akyh a {
	font-size: 14px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer
}

.subDomainList-1P2Akyh a {
	background: #fff;
	height: 40px;
	padding-left: 20px;
	color: #000;
	border-top: 1px solid #dcdcdc
}

.subDomainList-1P2Akyh a.currentdomain-3NSBgaD {
	color: #888;
	background: #eee
}

.exitAccount-216sPz6 {
	border-top: 1px solid #dcdcdc;
	padding: 10px 0
}

.exitAccount-216sPz6, .exitAccount-216sPz6 .exitButton-rvt2tkt {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.exitAccount-216sPz6 .exitButton-rvt2tkt {
	width: 80px;
	height: 30px;
	color: #888;
	text-decoration: none;
	border: 1px solid #888;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 5px;
	cursor: pointer
}

.dropdown-3IQXOCW {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 4px 8px 3px
		rgba(0, 0, 0, .15);
	background-color: #fff;
	color: #202124;
	border-radius: 5px;
	font-size: .875rem;
	font-family: PingFangSC-Light, PingFang SC;
	line-height: 2;
	width: 300px;
	text-align: center;
	position: absolute;
	top: calc(100% + 8px);
	left: 50%;
	transform: translate(-50%);
	z-index: 9
}

.dropdown-3IQXOCW .profile-V3XGgwh {
	border-bottom: 1px solid #dadce0;
	display: flex;
	display: -ms-flexbox;
	border-radius: 0;
	padding: 16px;
	-ms-flex-flow: column;
	flex-flow: column
}

.dropdown-3IQXOCW .profileContent-3ClQyQ- {
	box-sizing: border-box;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	max-width: 100%
}

.dropdown-3IQXOCW .profileContent-3ClQyQ- .logo-34kUM-d {
	border-radius: 50%;
	display: inline-block;
	margin: 0
}

.dropdown-3IQXOCW .profile-detail-1OwePOr {
	padding: 0 16px;
	-ms-flex-direction: column;
	flex-direction: column;
	text-overflow: ellipsis;
	overflow: hidden
}

.dropdown-3IQXOCW .profile-detail-1OwePOr .profile-name-3CbGtfj {
	font-size: .875rem;
	text-align: left;
	clear: both;
	display: inline-block;
	white-space: nowrap
}

.dropdown-3IQXOCW .profile-detail-1OwePOr .go-to-domain-2M3B7vU {
	color: #5f6368;
	font-size: .875rem;
	letter-spacing: .3px;
	text-decoration: underline;
	display: block;
	cursor: pointer
}

.dropdown-3IQXOCW .menu-JjwO74p .menu-item-Kx5hCz2 {
	font-size: .875rem;
	border-bottom: 1px solid #dadce0;
	cursor: pointer;
	height: 36px;
	line-height: 22px;
	margin: 0;
	overflow: hidden;
	padding: 8px 20px 8px 28px;
	width: 100%;
	-ms-flex-direction: row;
	flex-direction: row;
	display: -ms-flexbox;
	display: flex;
	color: #202124;
	text-decoration: none
}

.dropdown-3IQXOCW .menu-JjwO74p .menu-item-Kx5hCz2:last-child {
	border-bottom: none
}

.dropdown-3IQXOCW .menu-JjwO74p .menu-item-Kx5hCz2:hover {
	background: #dedede
}

.dropdown-3IQXOCW .menu-JjwO74p .menu-item-Kx5hCz2:hover:last-child {
	background: #dedede;
	border-radius: 0 0 12px 12px
}

.dropdown-3IQXOCW :before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 3px;
	transform: rotate(-45deg) translateX(-50%);
	position: absolute;
	left: 50%;
	top: -7px;
	background-color: #fff
}

.domain-wrapper-3DVqbsI {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	height: 38px;
	width: 38px;
	border-radius: 1.25rem;
	object-fit: cover;
	padding: 5px;
	transition: padding .3s;
	position: relative
}

.show-dropdown-2LqNO8H {
	display: block;
	opacity: 1;
	z-index: 1
}

.language-switch-1WDurYI {
	margin-right: 3.125rem;
	margin-left: .9375rem
}

.languages-1jpvxWT {
	margin-right: 3.125rem;
	position: relative
}

.languages-1jpvxWT .current-language-1ROdXk9 {
	font-size: .875rem;
	padding: 0 15px;
	position: relative;
	cursor: pointer
}

@media ( max-width :1023px) {
	.languages-1jpvxWT .current-language-1ROdXk9 {
		font-size: .875rem
	}
}

.languages-1jpvxWT .current-language-1ROdXk9:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #fff;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.tooltip-1WFTK4g {
	background-color: #000;
	color: #fff;
	border-radius: 12px;
	font-size: .875rem;
	font-family: PingFangSC-Light, PingFang SC;
	line-height: 2;
	padding: 5px 0;
	width: 100%;
	position: absolute;
	left: 10%;
	top: 30px;
	opacity: 0;
	transition: opacity .5s;
	pointer-events: none
}

.tooltip-1WFTK4g :before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	transform: rotate(-45deg);
	position: absolute;
	left: 16px;
	top: -3px;
	background-color: #000
}

.tooltip-1WFTK4g.show-tooltip-1ZiN6k2 {
	opacity: 1;
	pointer-events: auto
}

.tooltip-1WFTK4g span {
	display: block;
	text-align: center;
	cursor: pointer
}

.backLayer-oVhr8wq {
	position: fixed
}

.emailUser-1U8vFRG {
	border: 1px solid #fff;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	text-align: center;
	line-height: 1.8;
	text-transform: uppercase;
	font-weight: bolder;
	cursor: pointer
}

.wrapper-3AC54qV {
	position: relative;
	cursor: pointer
}

.wrapper-3AC54qV .switcher-3c9ILbG {
	background-color: #eee;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all .2s ease-in;
	height: 16px;
	width: 40%;
	border-radius: .5625rem
}

@media ( max-width :1023px) {
	.wrapper-3AC54qV .switcher-3c9ILbG {
		height: 16px
	}
}

.switch-2nwF8lE {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	height: 26px;
	width: 50px;
	border-radius: 1.25rem;
	border: 1px solid #eee;
	overflow: hidden;
	position: relative
}

.switch-2nwF8lE .icon-193RXcu {
	height: 100%;
	width: 1.75rem;
	transition: all .2s ease-in
}

.switch-2nwF8lE .chinese-3j1wZNj, .switch-2nwF8lE .english-3t_0EQn {
	padding-top: 4px;
	font-family: Mondaregular, sans-serif;
	background-color: transparent;
	color: #fff;
	text-align: center;
	font-size: 14px;
	-webkit-transform: scale(.75)
}

.fail-note-27euyM0 {
	font-family: Mondaregular, sans-serif;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	background: #333;
	font-size: .875rem;
	line-height: 100%;
	padding: .9375rem 10%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	z-index: 10
}

@media ( max-width :1023px) {
	.fail-note-27euyM0 {
		z-index: 10 !important;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: distribute;
		justify-content: space-around
	}
	.fail-note-27euyM0 p {
		line-height: 1.25em
	}
}

.already-paid-button-1kULy7Y {
	font-family: Mondaregular, sans-serif;
	width: 15%;
	min-width: 250px;
	margin: 0 .9375rem
}

@media ( max-width :1023px) {
	.already-paid-button-1kULy7Y {
		min-width: 150px;
		margin-top: .9375rem
	}
}

.mask-iARE4mq {
	background: #0008;
	width: 100vw;
	height: calc(100vh + 100px);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.mask-iARE4mq img {
	min-width: 20%
}

@media ( max-width :420px) {
	.buttons-3EVkPp0 {
		display: -ms-flexbox;
		display: flex
	}
}

@media ( max-width :320px) {
	.buttons-3EVkPp0 button {
		transform: scale(.7)
	}
}

.close-button-1ScMXaa {
	position: absolute;
	top: -50%;
	left: 30%;
	cursor: pointer;
	font-family: PingFangSC-Semibold, PingFang SC;
	margin-bottom: 1em
}

@media ( max-width :800px) {
	.close-button-1ScMXaa {
		top: -50%;
		left: 30%
	}
}

.close-button-1ScMXaa .close-icon-HCU-EQJ {
	width: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.close-button-1ScMXaa .close-icon-HCU-EQJ path {
	fill: #fff
}

.files-3XQJQzE {
	max-height: 14rem;
	overflow-y: scroll;
	padding-right: 4px;
	font-size: .875rem
}

.files-3XQJQzE li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	padding: .625rem 0;
	position: relative
}

.files-3XQJQzE .percent-2991qFD {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: rgba(0, 0, 0, .2);
	width: 0;
	transition: width .5s
}

.files-3XQJQzE .name-3g_SVCX {
	width: 50%;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.files-3XQJQzE .right-part-2FbhMV- {
	display: -ms-flexbox;
	display: flex;
	width: 43%;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

.files-3XQJQzE .size-3XGD2ZZ {
	opacity: .5
}

.files-3XQJQzE .close-2rp0tG8 {
	height: 1.25rem;
	width: 1.25rem;
	opacity: .5;
	display: block;
	cursor: pointer
}

.files-3XQJQzE .close-2rp0tG8 path {
	fill: #fff
}

.total-size-4g5eUho {
	opacity: .5;
	font-size: .875rem;
	text-align: center;
	margin-top: 3rem;
	margin-bottom: 1.125rem
}

@media ( max-width :1023px) {
	.total-size-4g5eUho {
		margin-top: 1.125rem
	}
}

.continue-add-button-3EX6iV5 {
	width: 60%;
	margin: 0 auto;
	display: block !important
}

.continue-button-2-64tkH {
	width: 60%;
	margin: 1.125rem auto 0
}

@media ( max-width :800px) {
	.continue-button-2-64tkH {
		position: absolute;
		top: 85%;
		left: 18%
	}
}

.continue-add-gc1xEh7, .more-16XLDR1 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.more-16XLDR1 {
	border-radius: 50%;
	width: 45px;
	height: 45px;
	-ms-flex-pack: center;
	justify-content: center;
	transform: scale(.8)
}

.more-16XLDR1 span {
	margin-top: -2px
}

.more-options-a7rjO1m {
	transition: .5s;
	height: 100px
}

.more-options-s-d8ft2lc {
	height: 160px
}

.more-options-a7rjO1m .continue-add-button-3EX6iV5 {
	margin-top: 1.5rem
}

.more-options-a7rjO1m .login-32_C0SH, .more-options-a7rjO1m .upgrade-1bdHAQB
	{
	background: none;
	color: #fff;
	border-radius: 6.25rem;
	font-size: .875rem;
	padding: .3rem 1rem;
	border: 1px solid #fff
}

.more-options-a7rjO1m .login-32_C0SH {
	cursor: pointer
}

.more-options-a7rjO1m li {
	transition: .5s;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	box-sizing: border-box;
	margin: .9375rem 0 0;
	text-align: center;
	position: relative
}

.more-options-a7rjO1m li span {
	line-height: 1.5;
	font-size: .875rem
}

.more-options-a7rjO1m li:last-child {
	margin-top: 1.25rem
}

.needLogin-2aIDuY3:first-child {
	padding-top: .625rem;
	border-top: 1px solid #fff
}

.more-options-a7rjO1m li.email-2Fmwvnp {
	-ms-flex-flow: column;
	flex-flow: column;
	margin: .3125rem 0
}

.more-options-a7rjO1m li.email-2Fmwvnp input {
	line-height: 2;
	font-size: .875rem
}

@
keyframes InUp-IQuHxhv { 0%{
	transform: translateY(-100%);
	opacity: 0
}

to {
	transform: translateY(0);
	opacity: 1
}

}
.more-area[data-v-d9ae79c6] {
	padding-top: 24px
}

.disable[data-v-d9ae79c6] {
	opacity: .7;
	cursor: not-allowed
}

.hidden[data-v-d9ae79c6] {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	padding: 0;
	margin: 0
}

.show[data-v-d9ae79c6] {
	max-height: 300px;
	opacity: 1
}

.block[data-v-d9ae79c6] {
	position: absolute;
	width: 100%;
	border-radius: 8px
}

.block-box[data-v-d9ae79c6] {
	font-family: Mondaregular, sans-serif;
	position: relative;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.block-box[data-v-7ebc1521] {
    font-family: Mondaregular,sans-serif;
}

.clear[data-v-d9ae79c6] {
	clear: both
}

.prompt[data-v-d9ae79c6] {
	position: relative;
	margin-top: 1em;
	padding: .5em 1em;
	overflow: visible;
	background: #222;
	width: 100%;
	line-height: 1.5;
	font-size: .875rem;
	border-radius: 6px;
	z-index: 2
}

.prompt[data-v-d9ae79c6]:after {
	content: "";
	width: 2em;
	height: 2em;
	position: absolute;
	z-index: -1;
	background: #222;
	border-radius: 4px;
	top: 5px;
	left: 50%;
	transform: rotate(45deg) translateX(-50%)
}

.emailCheck[data-v-d9ae79c6] {
	width: 100%
}

.animated.delay-500ms[data-v-d9ae79c6] {
	animation-delay: .5s
}

.animated.duration-500ms[data-v-d9ae79c6] {
	animation-duration: .5s
}

.tip[data-v-d9ae79c6] {
	position: absolute;
	cursor: pointer;
	padding: 1.25rem .9375rem;
	top: -75px;
	text-align: left;
	font-size: .875rem;
	right: -10.3125rem;
	background: #fff;
	border-radius: 16px;
	width: 9.375rem;
	color: #000;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.tip .detail[data-v-d9ae79c6] {
	margin-top: 1rem
}

.tip button[data-v-d9ae79c6] {
	width: 100%;
	margin: 0 auto
}

.tip[data-v-d9ae79c6]:after {
	content: "";
	width: 16px;
	height: 16px;
	background: #fff;
	position: absolute;
	border-radius: 4px;
	left: -7px;
	top: 80px;
	transform: rotate(45deg);
	z-index: -1
}

.emailCheck input[data-v-d9ae79c6] {
	transition: .5s;
	width: 80%
}

.emailCheck input[data-v-d9ae79c6]:focus {
	width: 100%
}

.close-LNyYBLM {
	height: 1.25rem;
	width: 1.25rem;
	opacity: .5;
	display: block;
	cursor: pointer;
	margin-top: -2px
}

.close-LNyYBLM path {
	fill: #fff
}

.wrapper-Zrw443- {
	position: relative;
	cursor: pointer
}

.wrapper-Zrw443- .switcher-13zcbtK {
	background-color: #eee;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all .2s ease-in;
	height: 65%;
	width: 40%;
	border-radius: 1.25rem
}

.switch-3A2npK3 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	height: 1.75rem;
	width: 3.4375rem;
	border-radius: 1.25rem;
	border: 1px solid #eee;
	overflow: hidden;
	position: relative
}

.switch-3A2npK3 .icon-3FmGGCg {
	height: 100%;
	width: 1.75rem;
	transition: all .2s ease-in
}

.switch-3A2npK3 .chinese-2hsfCD7, .switch-3A2npK3 .english-1WlgRkg {
	padding-top: 4px;
	background-color: transparent;
	color: #fff;
	text-align: center;
	font-size: .875rem;
	-webkit-transform: scale(.75);
	font-family: Mondaregular, sans-serif
}

.disableSwitch-3lIJSRD .switcher-13zcbtK {
	background-color: #d9d9d9
}

.disableSwitch-3lIJSRD .switch-3A2npK3 {
	border: 1px solid #d9d9d9
}

.disableSwitch-3lIJSRD .switch-3A2npK3 .chinese-2hsfCD7,
	.disableSwitch-3lIJSRD .switch-3A2npK3 .english-1WlgRkg {
	color: #d9d9d9
}

.small-19MAOKK .switch-3A2npK3 {
	height: 3.125rem;
	width: 8.125rem;
	border-radius: 3.125rem
}

.small-19MAOKK .switch-3A2npK3 .icon-3FmGGCg {
	width: 50%;
	font-size: 1.125rem;
	padding-top: .9375rem
}

.small-19MAOKK .switch-3A2npK3 .switcher-13zcbtK {
	left: 5%
}

.loginButton-1Cxl7rs {
	width: 100%
}

.payment-36ZLY9P {
	text-align: center;
	width: 13%;
	left: 7%
}

@media ( max-width :1023px) {
	.payment-36ZLY9P {
		z-index: 6 !important
	}
}

.payment-36ZLY9P .cost-22geB07 {
	font-family: PingFangSC-Semibold, PingFang SC
}

.payment-36ZLY9P .time-AexUoga {
	margin-top: 1.5625rem
}

.payment-36ZLY9P .message-2hcTCS_ {
	font-size: .875rem;
	margin-bottom: 20px;
	display: block
}

.payment-36ZLY9P .pay-3ShMp-T {
	margin-top: 6.25rem
}

.payment-36ZLY9P .pay-3ShMp-T .pay-buts-2JgqXgO {
	margin-bottom: 1.25rem
}

@media ( max-width :1023px) {
	.payment-36ZLY9P .pay-3ShMp-T {
		margin-top: 1.875rem
	}
}

.payment-36ZLY9P .payment-button-2uZhXnC {
	width: 100%;
	background: #fdda65 !important;
	margin-bottom: 20px
}

.back-button-KOX4JLA {
	line-height: 2.14286;
	cursor: pointer;
	margin-top: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: Playregular, sans-serif
}

.back-button-KOX4JLA .left-arrow-2PcgFeR {
	width: 20px;
	display: inline-block;
	margin-right: 10px;
	line-height: 0
}

.back-button-KOX4JLA .left-arrow-2PcgFeR path {
	fill: #fff
}

.download-link-2Sphlzk {
	margin-bottom: 1em
}

.back-button-7CpH80C {
	position: absolute;
	left: 35%;
	line-height: 2.14286;
	cursor: pointer;
	margin-top: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: Playregular, sans-serif
}

@media ( max-width :1024px) {
	.back-button-7CpH80C {
		left: 43%
	}
}

@media ( max-width :320px) {
	.back-button-7CpH80C {
		left: 30%
	}
}

@media ( max-width :376px) {
	.back-button-7CpH80C {
		left: 33%
	}
}

@media ( max-width :420px) {
	.back-button-7CpH80C {
		left: 34%
	}
}

.back-button-7CpH80C .left-arrow-2aTzh9z {
	width: 20px;
	display: inline-block;
	margin-right: 10px;
	line-height: 0
}

.back-button-7CpH80C .left-arrow-2aTzh9z path {
	fill: #fff
}

.uploading-3NQO2eJ {
	text-align: center
}

@media ( max-width :1023px) {
	.uploading-3NQO2eJ {
		z-index: 9 !important
	}
}

.uploading-3NQO2eJ .percent-2ewCG-Z {
	transition: .5s;
	font-size: 2.25rem;
	font-family: Mondaregular, sans-serif
}

.uploading-3NQO2eJ .percent-2ewCG-Z.finish-3IEY0fW {
	margin-bottom: 20px
}

.uploading-3NQO2eJ .info-1Gqq_uG {
	height: 3.4375rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center
}

.uploading-3NQO2eJ .uploadingInfo-3rzURTy {
	font-size: .875rem
}

.uploading-3NQO2eJ .uploadingInfo-3rzURTy span {
	display: block;
	margin-bottom: .5em
}

.uploading-3NQO2eJ .expire-2bOm7_X {
	margin: 10px;
	text-align: center
}

.uploading-3NQO2eJ .expire-2bOm7_X.disabled-1QCD3Hr {
	opacity: 0
}

@media ( max-width :1023px) {
	.uploading-3NQO2eJ .expire-2bOm7_X {
		margin: .625rem auto
	}
}

.uploading-3NQO2eJ .expire-2bOm7_X span {
	width: 100%;
	font-size: .875rem;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.uploading-3NQO2eJ .link-3Fz9uO_ {
	text-align: center;
	transition: .5s;
	font-family: Mondaregular, sans-serif
}

.uploading-3NQO2eJ .link-3Fz9uO_.disabled-1QCD3Hr {
	opacity: 0
}

@media ( max-width :1023px) {
	.uploading-3NQO2eJ .link-3Fz9uO_ {
		margin: .625rem auto
	}
}

.uploading-3NQO2eJ .link-3Fz9uO_ span {
	width: 100%;
	font-size: .875rem;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.uploading-3NQO2eJ .copy-board-1fNVvQ9 {
	position: relative
}

.uploading-3NQO2eJ .copy-button-1KIRiNa {
	width: 100%
}

.uploading-3NQO2eJ .tooltip-B5G5tev {
	background-color: #000;
	color: #fff;
	border-radius: 12px;
	font-size: .875rem;
	font-family: Mondaregular, sans-serif;
	line-height: 3;
	width: 80%;
	position: absolute;
	left: 10%;
	bottom: -45px;
	opacity: 0;
	z-index: -1;
	transition: opacity .5s
}

.uploading-3NQO2eJ .tooltip-B5G5tev :before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 3px;
	transform: rotate(-45deg) translateX(-50%);
	position: absolute;
	left: 50%;
	top: -7px;
	background-color: #000
}

.uploading-3NQO2eJ .tooltip-B5G5tev.show-tooltip-1dFkEUC {
	opacity: 1;
	z-index: 1
}

.uploading-3NQO2eJ .set-password-M5BGUqx {
	display: block;
	margin-top: 4.6875rem;
	font-size: .875rem;
	font-family: Mondaregular, sans-serif
}

.uploading-3NQO2eJ .set-password-M5BGUqx i {
	font-family: PingFangSC-Regular, PingFang SC;
	font-style: normal;
	display: block
}

.uploading-3NQO2eJ .save-button-1NHGzvJ {
	margin-top: 30px;
	width: 70%
}

.password-input-1G3iQ2_ {
	line-height: 2.77778;
	font-size: .875rem;
	margin-top: 1.25rem;
	text-align: center;
	font-family: Mondaregular, sans-serif
}

@media ( max-width :1023px) {
	.password-input-1G3iQ2_ {
		line-height: 1.66667
	}
}

.backConatinaer-38_Vtkj {
	position: relative
}

.qrcodesholder-1h-pMDH {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row;
	flex-flow: row;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1.25rem 1.25rem 0
}

.qrcodesholder-1h-pMDH .qrcodecomponent-2v9dA8A {
	-ms-flex: 1;
	flex: 1;
	position: relative;
	height: 80px
}

.qrcodetitle-1vOu6yP {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	font-size: .875rem;
	padding-bottom: 1.25rem
}

.qrcode-1ecozSj {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.qrcode-1ecozSj .qrCodeExample-36UeVRz {
	width: 30px;
	height: 30px
}

.backLayer-2rHKOKu {
	position: fixed;
	width: 100%;
	height: 100%
}

.hidden-3XCxBBk {
	visibility: hidden
}

.small-2ZeS1UT {
	transform: scale(.7)
}

.big-3zXCxlg {
	transform: scale(1.3)
}

.tip-2n2PTXD {
	position: absolute;
	cursor: pointer;
	padding: 1.25rem .9375rem;
	top: 50%;
	text-align: left;
	font-size: .875rem;
	right: -10.3125rem;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 4px 8px 3px
		rgba(0, 0, 0, .15);
	width: 9.375rem;
	color: #000;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	transform: translateY(-50%)
}

.tip-2n2PTXD .detail-1ctlnAb {
	margin-top: 1rem
}

.tip-2n2PTXD button {
	width: 100%;
	margin: 0 auto
}

.tip-2n2PTXD:after {
	content: "";
	width: 16px;
	height: 16px;
	background: #fff;
	position: absolute;
	border-radius: 4px;
	left: -7px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	z-index: -1
}

.qrtip-3FSBbb7 {
	position: absolute;
	cursor: pointer;
	padding: 1.25rem .9375rem;
	top: 100%;
	text-align: left;
	font-size: .875rem;
	left: 50%;
	background: #fff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 4px 8px 3px
		rgba(0, 0, 0, .15);
	border-radius: 5px;
	width: 9.375rem;
	color: #000;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	transform: translate(-50%)
}

.qrtip-3FSBbb7 .detail-1ctlnAb {
	margin-top: 1rem
}

.qrtip-3FSBbb7 button {
	width: 100%;
	margin: 0 auto
}

.qrtip-3FSBbb7:after {
	content: "";
	width: 16px;
	height: 16px;
	background: #fff;
	position: absolute;
	border-radius: 4px;
	left: 50%;
	top: -.375rem;
	transform: translate(-50%) rotate(45deg);
	z-index: -1
}

.animated-rA7EdAf.delay500ms-1-b8sbd {
	animation-delay: .5s
}

.animated-rA7EdAf.duration500ms-AwP_Xnk {
	animation-duration: .5s
}

.menu[data-v-db61d7d0] {
	font-size: .875rem;
	list-style: none;
	transform-origin: left top;
	transform: rotate(-90deg) translateX(-50%);
	position: absolute;
	top: 50%;
	left: 0;
	font-family: Playbold, sans-serif;
	z-index: 9;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center
}

@media ( max-width :1023px) {
	.menu[data-v-db61d7d0] {
		font-size: .875rem
	}
}

.menu li[data-v-db61d7d0] {
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	margin: 0 20px;
	cursor: pointer;
	position: relative;
	padding: 0 20px;
	transform: rotate(90deg);
	transform-origin: center;
	letter-spacing: 1px
}

.menu li[data-v-db61d7d0]:before {
	content: "";
	display: block;
	height: 0;
	width: 1px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 0;
	transition: all .3s
}

.menu li.active[data-v-db61d7d0] {
	margin-top: .9375rem
}

.menu li.active[data-v-db61d7d0]:before {
	height: 40%
}

@media ( max-width :1023px) {
	.menu li[data-v-db61d7d0] {
		margin: -100px 10px 0
	}
}

.menu .us>li[data-v-db61d7d0] {
	transform: rotate(-90deg) translateX(10px) !important
}

.menu .us>li[data-v-db61d7d0]:last-child {
	margin-left: 40px
}

.menu .pro-register[data-v-db61d7d0] {
	width: 100px;
	height: 90px;
	background: #fdda65;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	transform: translate(-60%, -50%);
	position: absolute;
	z-index: -1;
	animation: rotate-data-v-db61d7d0 7s linear infinite
}

.menu .pro-register-li[data-v-db61d7d0] {
	color: #000
}

@
keyframes rotate-data-v-db61d7d0 { 0%{
	transform: translate(-65%, -50%) rotate(0)
}

to {
	transform: translate(-65%, -50%) rotate(1turn)
}

}
.iframeContainer[data-v-6431e47f] {
	position: absolute;
	background: #000;
	width: 100%;
	height: 100%;
	top: 0;
	overflow: hidden
}

.iframeContainer iframe[data-v-6431e47f] {
	width: 100%;
	height: 100%;
	cursor: pointer
}

.full-control-area[data-v-6431e47f] {
	position: absolute;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 1;
	width: 80px;
	height: 80px;
	top: 0;
	right: 0;
	overflow: hidden
}

@media ( max-width :1023px) {
	.full-control-area[data-v-6431e47f] {
		top: 0;
		left: 2%
	}
}

.full.cover[data-v-6431e47f] {
	width: 100%;
	height: 100%;
	right: 0
}

.full.cover .full-control-area[data-v-6431e47f] {
	top: 32px;
	right: 32px
}

.mask[data-v-6431e47f] {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	transition: .5s;
	background: transparent;
	pointer-events: none
}

.full.cover .mask[data-v-6431e47f] {
	background: rgba(0, 0, 0, .25)
}

@media ( max-width :1023px) {
	.full.cover .mask[data-v-6431e47f] {
		background: rgba(0, 0, 0, .6)
	}
}

.full-control[data-v-6431e47f] {
	position: absolute;
	width: 95px;
	height: 85px;
	border-radius: 50%;
	top: -10px;
	right: -20px;
	z-index: 1;
	background: #fdda65;
	animation: rotate-data-v-6431e47f 5s linear infinite
}

@
keyframes rotate-data-v-6431e47f { 0%{
	transform: rotate(0)
}

to {
	transform: rotate(1turn)
}

}
@
keyframes scalee-data-v-6431e47f { 0%{
	transform: translateY(-50%) scale(1)
}

to {
	transform: translateY(-50%) scale(1.0125)
}

}
.like-area[data-v-6431e47f] {
	position: absolute;
	width: 64px;
	height: 64px;
	background: #fff;
	pointer-events: none;
	border-radius: 50%;
	top: 0;
	z-index: 9;
	transition: .1s ease
}

.like-area [data-v-6431e47f] {
	pointer-events: none !important
}

.like-area.no-transition[data-v-6431e47f] {
	transition: unset !important
}

.like-area .like-area-icon[data-v-6431e47f] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 50%;
	height: 50%;
	pointer-events: none
}

.like-area .icon-area[data-v-6431e47f] {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden
}

.like-area .link-icon[data-v-6431e47f] {
	transform: translateX(-100%);
	border-radius: 50%
}

.like-area .like-icon[data-v-6431e47f], .like-area .link-icon[data-v-6431e47f]
	{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 48px;
	position: absolute;
	width: 100%;
	height: 100%;
	transition: .5s
}

.like-area .like-icon[data-v-6431e47f] {
	transform: translateX(0)
}

.like-area .like-icon .likednumber[data-v-6431e47f] {
	position: absolute;
	color: #000;
	font-size: .75rem;
	top: 8px
}

.like-area.link .link-icon[data-v-6431e47f] {
	transform: translateX(0)
}

.like-area.link .like-icon[data-v-6431e47f] {
	transform: translateX(100%)
}

.like-area .like-tip[data-v-6431e47f] {
	transform-origin: center center;
	position: absolute;
	padding: .5em 1em;
	background: #fff;
	white-space: nowrap;
	border-radius: 5px;
	color: #000;
	top: calc(100% + 16px);
	left: 50%;
	transform: translateX(-50%)
}

.like-area .like-tip[data-v-6431e47f]:before {
	width: 16px;
	height: 16px;
	position: absolute;
	content: "";
	background: #fff;
	border-radius: 5px;
	z-index: -1;
	top: -20%;
	left: 50%;
	transform: translateX(-50%) rotate(45deg)
}

.full-button[data-v-6431e47f] {
	position: absolute;
	z-index: 10;
	width: 48px;
	height: 48px;
	top: 0;
	right: 0
}

.box-a.big[data-v-6431e47f] {
	bottom: 6px;
	left: 6px;
	width: 28px;
	height: 28px
}

.box-a.small[data-v-6431e47f], .box-a[data-v-6431e47f] {
	bottom: 0;
	left: 0;
	width: 16px;
	height: 16px
}

.box-a[data-v-6431e47f] {
	position: absolute;
	border: 2px solid #fff;
	border-radius: 4px;
	transition: .25s
}

.box-b[data-v-6431e47f] {
	position: absolute;
	bottom: 6px;
	left: 6px;
	border: 2px dashed #fff;
	border-radius: 4px;
	width: 28px;
	height: 28px
}

.bg-mask[data-v-6431e47f] {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .25s
}

.bg-mask img[data-v-6431e47f], .bg-mask video[data-v-6431e47f] {
	object-fit: cover;
	opacity: .5
}

.full-bg-mask[data-v-6431e47f] {
	width: 120vw;
	height: 120vh
}

.cover[data-v-6431e47f] {
	position: absolute;
	width: 65%;
	height: 65%;
	right: 10%;
	top: 50%;
	transform: translateY(-50%);
	transition: all .5s;
	cursor: pointer;
	z-index: 0
}

.cover .cover-bg[data-v-6431e47f] {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 50%;
	transition: all .5s;
	padding-top: 56.25%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) scale(1);
	left: 0;
	background-size: cover;
	box-shadow: 10px 10px 50px rgba(0, 0, 0, .3)
}

@media ( max-width :1023px) {
	.cover .cover-bg[data-v-6431e47f] {
		height: 100%
	}
}

.cover .cover-bg.active[data-v-6431e47f] {
	opacity: 1
}

.cover .cover-bg .video-box[data-v-6431e47f] {
	position: absolute;
	background: #000;
	width: 100%;
	height: 100%;
	top: 0;
	overflow: hidden
}

@media ( max-width :1023px) {
	.cover .cover-bg video[data-v-6431e47f] {
		object-fit: cover !important;
		overflow: hidden !important
	}
}

.cover.full .cover-bg img[data-v-6431e47f], .cover.full .cover-bg video[data-v-6431e47f]
	{
	position: absolute;
	object-fit: cover
}

.cover.un-full .cover-bg img[data-v-6431e47f], .cover.un-full .cover-bg video[data-v-6431e47f]
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover
}

.cover .cover-bg .sound[data-v-6431e47f] {
	width: 48px;
	height: 48px;
	padding: 1em;
	box-sizing: content-box;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 9
}

@media ( max-width :1023px) {
	.cover .cover-bg .sound[data-v-6431e47f] {
		display: none
	}
}

.cover .cover-bg .icon[data-v-6431e47f] {
	width: 80%;
	display: block
}

.cover .cover-bg .icon path[data-v-6431e47f], .cover .cover-bg .icon svg[data-v-6431e47f]
	{
	fill: #fff
}

.cover .promote-button[data-v-6431e47f] {
	position: absolute;
	width: 16%;
	height: 3rem;
	z-index: 999;
	right: 17%;
	bottom: 15%;
	border-radius: 5px;
	background-color: #fdda65 !important
}

.cover .promote-button span[data-v-6431e47f] {
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1
}

.cover .promote-button[data-v-6431e47f]:hover {
	background-color: #fff !important
}

.cover .promote-copy[data-v-6431e47f] {
	position: absolute;
	width: 20%;
	z-index: 999;
	right: 11%;
	bottom: 30%;
	border-radius: 6.25rem;
	font-weight: bolder;
	color: #fff
}

.cover .default-bg[data-v-6431e47f] {
	background-size: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.cover .fade-enter[data-v-6431e47f], .cover .fade-leave-to[data-v-6431e47f]
	{
	opacity: 0
}

@media ( max-width :1340px) {
	.cover[data-v-6431e47f] {
		width: calc(80% - 210px)
	}
}

@media ( max-width :1023px) {
	.cover[data-v-6431e47f] {
		display: none;
		display: block;
		width: calc(100% - 111px);
		height: 60%;
		right: -100%;
		z-index: 0
	}
}

.full.cover .cover-bg[data-v-6431e47f] {
	padding: 0;
	height: 100%
}

.view-1RMMmIH {
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, .75);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99
}

.abs-fill-3MAeA5J {
	overflow: hidden;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.cover-no7rHg6 {
	left: 10%;
	right: auto
}

.cover-no7rHg6.right-vF0v-0w {
	left: 25%
}

@media ( max-width :1023px) {
	.cover-no7rHg6 {
		display: none
	}
}

.notice-2qd5YtJ {
	font-size: 1.25rem
}

.input-notice-2nDu0Gr, .notice-2qd5YtJ {
	text-align: center
}

.wechat-mask-1ZhMht_ {
	width: 100vw;
	height: 100vh;
	background: #000a;
	position: fixed;
	z-index: 99;
	left: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: end;
	align-items: flex-end;
	-ms-flex-pack: center;
	justify-content: center
}

.wechat-mask-1ZhMht_ div {
	border: 1px solid #fff;
	border-radius: 64px;
	padding: .5em 2em;
	margin-bottom: 32px
}

.wechat-mask-1ZhMht_ img {
	position: absolute;
	top: 0;
	right: 0
}

.copy-right-1_UyddK {
	font-size: 12px;
	position: absolute;
	bottom: 16px;
	right: 10%;
	opacity: .5
}

.qrcodesholder-3BDP5RX {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row;
	flex-flow: row;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1.25rem 1.25rem 0
}

.qrcodesholder-3BDP5RX .qrcodecomponent-3rrk4WF {
	-ms-flex: 1;
	flex: 1;
	position: relative;
	height: 3.125rem
}

.qrcodetitle-AOVbJyo {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	font-size: .875rem;
	padding-bottom: 1.25rem
}

.qrcode-1QJkRop {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.qrcode-1QJkRop .qrCodeExample-1wUoK7A {
	width: 30px;
	height: 30px
}

.qrtip-3PmB9ow {
	position: absolute;
	cursor: pointer;
	z-index: 9;
	padding: 1.25rem .9375rem;
	top: 100%;
	text-align: left;
	font-size: .875rem;
	left: 50%;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 4px 8px 3px
		rgba(0, 0, 0, .15);
	width: 9.375rem;
	color: #000;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	transform: translate(-50%)
}

.qrtip-3PmB9ow .detail-2rN99NL {
	margin-top: 1rem
}

.qrtip-3PmB9ow button {
	width: 100%;
	margin: 0 auto
}

.qrtip-3PmB9ow:after {
	content: "";
	width: 16px;
	height: 16px;
	background: #fff;
	position: absolute;
	border-radius: 4px;
	left: 50%;
	top: -.375rem;
	transform: translate(-50%) rotate(45deg);
	z-index: -1
}

.title-3-AZSg5 {
	font-family: Robotoblod, sans-serif;
	display: block;
	text-align: center;
	letter-spacing: 5px;
	margin-bottom: 3.75rem
}

@media ( max-width :1023px) {
	.title-3-AZSg5 {
		margin-bottom: 1.875rem
	}
}

.files-a-xO0yV {
	font-size: .875rem;
	max-height: 21rem;
	overflow-y: scroll
}

.files-a-xO0yV li {
	overflow: hidden;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	padding: .625rem 0
}

.files-a-xO0yV .name-5hidYN3 {
	width: 160px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.files-a-xO0yV .right-part-2AsvT0D {
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 8px
}

.files-a-xO0yV .size-1uIF1_i {
	width: 70px;
	opacity: .5;
	line-height: 2.25rem;
	white-space: nowrap
}

.files-a-xO0yV .download-3WXDmaz {
	height: 1.25rem;
	width: 1.25rem;
	cursor: pointer;
	margin-left: 4px
}

.total-size-3dOXGyy {
	opacity: .5;
	font-size: .875rem;
	text-align: center;
	margin-bottom: 1.125rem
}

@media ( max-width :1023px) {
	.total-size-3dOXGyy {
		margin-top: 1.125rem
	}
}

.buttons-tMwlELj {
	position: relative;
	width: 100%;
	height: 43px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.s-buttons-3wokIfU {
	width: 48px
}

.download-button-1xhkSE- {
	position: absolute;
	display: block !important;
	width: 80%;
	left: 10%;
	margin: 0 auto
}

.download-button-1xhkSE-.zipping-1GFJGKJ {
	opacity: .5
}

.supportButton-2UULzlg {
	margin: 0 auto;
	display: block !important;
	width: 80%;
	left: 10%;
	bottom: 0;
	background: #fdda65 !important;
	color: #000 !important
}

.sendFileNow-5qZSfbx {
	width: 60%;
	left: 15%;
	transform: translate(-300%)
}

.sendFileNow-5qZSfbx .sendFileButton-cwJh7eJ {
	width: 100%
}

.sendFileNow-5qZSfbx .arrow-ch9y15w {
	height: 1.5625rem;
	width: 1.5625rem;
	cursor: pointer;
	position: absolute;
	left: -48px;
	top: 50%;
	transform: rotate(180deg) translateY(50%)
}

.sendFileNow-5qZSfbx .arrow-ch9y15w path {
	fill: #fff
}

.support[data-v-441c2630] {
	position: relative;
	margin-top: .9375rem
}

.tipp[data-v-441c2630] {
	position: absolute;
	cursor: pointer;
	padding: 1.25rem .9375rem;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	font-size: .875rem;
	right: -15.3125rem;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 4px 8px 3px
		rgba(0, 0, 0, .15);
	width: 15.625rem;
	color: #000;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.tipp .detail[data-v-441c2630] {
	white-space: pre-wrap;
	margin-top: 1rem;
	line-height: 1.5
}

.tipp button[data-v-441c2630] {
	width: 100%;
	margin: 0 auto
}

.tipp[data-v-441c2630]:before {
	opacity: 0
}

.tipp[data-v-441c2630]:after {
	content: "";
	width: 16px;
	height: 16px;
	background: #fff;
	position: absolute;
	border-radius: 4px;
	left: -12px;
	top: 50%;
	transform: rotate(45deg) translateY(-50%);
	z-index: -1
}

.welcome[data-v-6592c16c] {
	position: absolute;
	top: 0;
	background: rgba(0, 0, 0, .75);
	width: 100%;
	height: 100%;
	z-index: 99;
	padding-left: 40%
}

@media ( max-width :1023px) {
	.welcome[data-v-6592c16c] {
		padding: 0 40px
	}
}

.info-box[data-v-6592c16c] {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

@media ( max-width :1023px) {
	.info-box[data-v-6592c16c] {
		width: calc(100% - 80px)
	}
}

.title[data-v-6592c16c] {
	font-size: 1.5rem;
	margin-bottom: 12px
}

.title span[data-v-6592c16c] {
	color: #fcdb65
}

.discriptrion[data-v-6592c16c] {
	font-size: 2.25rem;
	color: #fcdb65;
	line-height: 50px;
	white-space: nowrap
}

@media ( max-width :1023px) {
	.discriptrion[data-v-6592c16c] {
		white-space: normal;
		font-size: 1.5rem;
		line-height: 2.1875rem
	}
}

.feature[data-v-6592c16c] {
	margin-top: 12px
}

li[data-v-6592c16c] {
	font-size: 1.25rem;
	margin-bottom: 11px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

li img[data-v-6592c16c] {
	width: 24px;
	height: 24px;
	margin-right: 24px
}

@media ( max-width :1023px) {
	li[data-v-6592c16c] {
		font-size: 1.125rem
	}
}

.next[data-v-6592c16c] {
	cursor: pointer;
	margin-top: 38px;
	width: 175px;
	height: 40px;
	border-radius: 20px;
	font-size: .9375rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	color: #333;
	background: #fcdb65 !important
}

.qrCode[data-v-6592c16c] {
	margin-top: 1.25rem;
	display: inline-block;
	background: #fff;
	border-radius: 50%
}

.qrCode img[data-v-6592c16c] {
	background: #fff;
	width: 7.5rem;
	height: 7.5rem;
	border-radius: 5%
}

.wrapper-1xVRqOx {
	text-align: center
}

.save-button-2gnrNL8 {
	margin: 30px auto 0;
	width: 70%
}

.password-input-1DoH_UZ {
	line-height: 2.77778;
	font-size: 1.125rem;
	margin-top: 5px;
	text-align: center;
	font-family: Mondaregular, sans-serif
}

.input-wrapper-1NWDRxq {
	position: relative
}

.tooltip-3BkFkfg {
	background-color: #000;
	color: #fff;
	border-radius: 12px;
	font-size: .875rem;
	font-family: PingFangSC-Light, PingFang SC;
	line-height: 3;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -40px;
	opacity: 0;
	transition: opacity .5s
}

.tooltip-3BkFkfg :before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 3px;
	transform: rotate(-45deg) translateX(-50%);
	position: absolute;
	left: 50%;
	top: -7px;
	background-color: #000
}

.tooltip-3BkFkfg.show-tooltip-2Lm0FTa {
	opacity: 1
}

.wrapper-3-wz2bf, .wrapper-IFzVygV {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.wrapper-JchqV6a {
	text-align: center;
	width: 30%
}

.title-2I-RN7m {
	font-weight: 700;
	height: 60px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.content-12dmpYy {
	font-size: .875rem;
	margin: 40px 0 20px
}

.homeButton-1CS-ijA {
	width: 40%
}

.drop-3jDQN7C {
	display: inline-block;
	width: 40px;
	height: 40px;
	position: relative;
	margin: 0 8px
}

.drop-3jDQN7C:before {
	content: "";
	border-radius: 50%;
	background: #fff
}

.drop-3jDQN7C .dropAnim-ieBfTUr, .drop-3jDQN7C:before {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.drop-3jDQN7C .dropAnim-ieBfTUr {
	filter: url(#goo)
}

.drop-3jDQN7C .milk-2ZEp18R {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 70px;
	overflow: hidden
}

.drop-3jDQN7C .milk-2ZEp18R .circle-3gOFGBZ {
	position: absolute;
	background: #fff;
	left: 0;
	top: 0;
	width: 100%;
	height: 50%;
	line-height: 100px;
	text-align: center;
	color: #fff;
	border-radius: 100%
}

.drop-3jDQN7C .milk-2ZEp18R .nipple-36u9Q0o {
	position: absolute;
	background: #fff;
	left: 8px;
	border-radius: 5px;
	top: 28px;
	width: 5px;
	height: 20px;
	overflow: hidden;
	transform: scale(1.1)
}

.drop-3jDQN7C .milk-2ZEp18R .nipple1-3Urk0rE {
	top: 22px
}

.drop-3jDQN7C .milk-2ZEp18R .nipple2-JD-YpUT {
	left: 17.5px
}

.drop-3jDQN7C .milk-2ZEp18R .nipple3-3CJODt9 {
	top: 22px;
	right: 8px;
	left: auto
}

.drop-3jDQN7C .milk-2ZEp18R .dropMilk-1hV_mnB {
	position: absolute;
	background: #fff;
	left: 8px;
	top: 10px;
	width: 5px;
	height: 5px;
	border-radius: 3px;
	animation: blob-left-top-anim-1aPSpxD cubic-bezier(.87, 0, 1, 1) 6s
		infinite
}

.drop-3jDQN7C .milk-2ZEp18R .drop2-I-iHwya {
	top: 0;
	left: 17.5px;
	animation-delay: .4s
}

.drop-3jDQN7C .milk-2ZEp18R .drop3-VCmRIBA {
	right: 8px;
	left: auto;
	top: 5px;
	animation-delay: .2s
}

.drop-3jDQN7C:nth-child(2n) {
	margin-left: 0
}

.drop-3jDQN7C:nth-child(2n) .dropMilk-1hV_mnB {
	animation-delay: .5s
}

@
keyframes blob-left-top-anim-1aPSpxD { 0%{
	transform: scale(1.1) translate(0)
}

to {
	transform: scale(.9) translateY(80px)
}

}
.wrapper-3G9M6jT {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.wrapper-3G9M6jT img {
	max-width: 40%;
	box-shadow: 10px 10px 50px rgba(0, 0, 0, .3)
}

@media ( max-width :1023px) {
	.wrapper-3G9M6jT img {
		max-width: 50%
	}
}

.wrapper-3G9M6jT .content-2NTSgRs {
	font-size: 1.125rem;
	position: absolute;
	bottom: 15%
}

.wrapper-1axFodg {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.wrapper-1axFodg img {
	max-width: 40%;
	box-shadow: 10px 10px 50px rgba(0, 0, 0, .3)
}

@media ( max-width :1023px) {
	.wrapper-1axFodg img {
		max-width: 60%
	}
}

.wrapper-1axFodg .content-HtrurBN {
	font-size: 1.125rem;
	position: absolute;
	bottom: 15%
}

.wrapper-2TbWvHB {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.wrapper-2TbWvHB img {
	max-width: 40%;
	box-shadow: 10px 10px 50px rgba(0, 0, 0, .3)
}

@media ( max-width :1023px) {
	.wrapper-2TbWvHB img {
		max-width: 60%
	}
}

.wrapper-2TbWvHB .content-1PnmMOr {
	font-size: 1.125rem;
	position: absolute;
	bottom: 15%
}

.enterpriseWrapper-3XTPB_L {
	width: 40%;
	min-width: 1000px;
	max-width: 100%;
	text-align: center
}

@media ( max-width :768px) {
	.enterpriseWrapper-3XTPB_L {
		min-width: 0;
		width: 80%
	}
}

.title-2yMHuqd .exclamation-3NVK4hF {
	color: #a38eff
}

@media ( max-width :768px) {
	.title-2yMHuqd {
		line-height: 2
	}
}

.items-2dWcQ07 {
	overflow: hidden;
	margin: 5rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: start;
	align-items: start
}

@media ( max-width :768px) {
	.items-2dWcQ07 {
		display: block;
		margin: 1.875rem
	}
}

.items-2dWcQ07 li {
	display: inline-block;
	width: 100%;
	overflow: hidden
}

@media ( max-width :768px) {
	.items-2dWcQ07 li {
		width: 100%;
		float: left
	}
}

.items-2dWcQ07 .desc-1y1YQoq {
	line-height: 20/14
}

.items-2dWcQ07 .icon-1VK-6t8 {
	width: 5.625rem;
	margin: 2.8125rem auto
}

.items-2dWcQ07 .icon-1VK-6t8 span {
	display: block
}

@media ( max-width :768px) {
	.items-2dWcQ07 .icon-1VK-6t8 {
		width: 5.625rem;
		margin: 1.5625rem auto
	}
}

.items-2dWcQ07 .iconText-1CyiwWI {
	line-height: 1;
	margin: 3.125rem auto
}

.items-2dWcQ07 .circleIcon-2w3Xz9w {
	width: 7.5rem;
	margin: 3.125rem auto
}

@media ( max-width :768px) {
	.items-2dWcQ07 .circleIcon-2w3Xz9w {
		width: 5.625rem;
		margin: .9375rem auto
	}
}

.loginButton-2ZKP9gE {
	margin: 1.25rem auto 0;
	width: 15.625rem
}

.comingSoon-2mR0egZ {
	opacity: .2;
	text-align: center;
	margin-top: .3125rem
}

.wrapper-2Nhn7Cz {
	width: 40%;
	min-width: 800px;
	text-align: center;
	height: 100%
}

@media ( max-width :768px) {
	.wrapper-2Nhn7Cz {
		min-width: 0;
		width: 70%
	}
}

.domainContainer-1dnrTUo {
	font-size: 1.125rem;
	margin: 3.75rem 0 5rem
}

@media ( max-width :768px) {
	.domainContainer-1dnrTUo {
		width: 17.5rem;
		font-size: .875rem
	}
}

.tooltip-27SOAz8 {
	margin-bottom: .9375rem;
	position: relative;
	background-color: #000;
	color: #fff;
	border-radius: 12px;
	font-size: .875rem;
	font-family: PingFangSC-Light, PingFang SC;
	line-height: 1.5;
	padding: .9375rem;
	opacity: 0;
	transition: opacity .5s
}

.tooltip-27SOAz8 :before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 3px;
	transform: rotate(-45deg) translateX(-50%);
	position: absolute;
	left: 50%;
	bottom: 0;
	background-color: #000
}

.tooltip-27SOAz8.show-tooltip-29byOQ4 {
	opacity: 1
}

.domainInput-1UxF5t5 {
	float: left;
	width: 25rem;
	position: relative
}

.domainInput-1UxF5t5 input {
	transition: .5s;
	width: 80%
}

.domainInput-1UxF5t5 input:focus {
	outline: none;
	width: 100%
}

.domainInput-1UxF5t5 .tooltip-27SOAz8 {
	position: absolute;
	left: 0;
	top: 150%;
	width: 100%
}

.domainInput-1UxF5t5 .tooltip-27SOAz8 :before {
	top: -7px;
	bottom: auto
}

@media ( max-width :768px) {
	.domainInput-1UxF5t5 {
		width: 100%;
		margin-bottom: .9375rem
	}
}

.notification-2zFpfaK {
	position: absolute;
	bottom: 20px
}

.notification-2zFpfaK .text-3OAAgeU {
	font-size: .875rem;
	opacity: .5
}

.nextButton-39wGVKx {
	width: 11.25rem
}

.enterpriseWrapper-pVY2Awm {
	width: 100%;
	padding: 0 15%;
	min-width: 800px;
	max-width: 100%;
	text-align: center;
	height: 100%
}

@media ( max-width :768px) {
	.enterpriseWrapper-pVY2Awm {
		min-width: 0;
		width: 70%;
		height: 100%;
		padding-top: 40%
	}
}

.domain-3pFt8yR {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 6%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

@media ( max-width :768px) {
	.domain-3pFt8yR {
		top: 10%
	}
}

.domain-3pFt8yR span {
	font-size: .875rem;
	line-height: 1.25rem;
	cursor: pointer
}

.domain-3pFt8yR img {
	display: inline-block;
	margin-left: 3.125rem;
	width: 1.25rem;
	cursor: pointer
}

@media ( max-width :768px) {
	.domain-3pFt8yR img {
		margin-left: .625rem
	}
}

.contentWrapper-TDqmZmD {
	width: 100%
}

@media ( max-width :768px) {
	.contentWrapper-TDqmZmD {
		height: 100%;
		padding-bottom: 3.125rem;
		overflow-y: scroll
	}
}

.summary-2K83BHv {
	display: inline-block;
	font-size: .875rem;
	line-height: 1.5;
	margin: 1.875rem auto 1.25rem
}

.desc-190FnzL {
	font-size: .875rem;
	line-height: 1.2;
	max-width: 400px;
	margin: 0 auto
}

@media ( max-width :768px) {
	.desc-190FnzL {
		display: none
	}
}

.imagesWrapper-1Ax-91F {
	width: 80%;
	margin: 4.375rem auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media ( max-width :768px) {
	.imagesWrapper-1Ax-91F {
		width: 100%;
		margin: 1.5625rem auto;
		display: block
	}
}

.imageItem-3i6Fp6Q {
	width: 32%;
	padding-bottom: 24%;
	background: #fff;
	position: relative;
	overflow: hidden
}

@media ( max-width :768px) {
	.imageItem-3i6Fp6Q {
		width: 100%;
		padding-bottom: 60%;
		margin-bottom: .9375rem
	}
}

.imageItem-3i6Fp6Q .plus-bt9ISBB {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1.25rem
}

.imageItem-3i6Fp6Q .plus-bt9ISBB span {
	display: block
}

.imageItem-3i6Fp6Q .plus-bt9ISBB path {
	fill: #000
}

.imageItem-3i6Fp6Q .cover-AUHDb7k {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover
}

.imageItem-3i6Fp6Q .previewOverlayImg-vPbKiqP {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .7);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	opacity: 0;
	transition: opacity .5s ease-in
}

.imageItem-3i6Fp6Q .previewOverlayImg-vPbKiqP span {
	opacity: 0;
	transition: opacity .5s ease-in .4s
}

.imageItem-3i6Fp6Q .previewOverlayImg-vPbKiqP:hover, .imageItem-3i6Fp6Q .previewOverlayImg-vPbKiqP:hover span
	{
	opacity: 1
}

.closeButton-2EDlD7v {
	width: 2.1875rem;
	height: 2.1875rem;
	background: rgba(0, 0, 0, .7);
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1
}

.closeButton-2EDlD7v .closeIcon-UaHHXjM {
	display: block
}

.closeButton-2EDlD7v .closeIcon-UaHHXjM path {
	fill: #fff
}

.fileSelector-3NHhwJZ {
	position: absolute;
	z-index: -1;
	width: 0;
	height: 0
}

.buttons-1CRs5ry {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

.buttons-1CRs5ry .button-1GKGWhv {
	width: 40%;
	margin: 0 .625rem;
	max-width: 15rem
}

.tooltip-3BTVHPy {
	margin-bottom: .9375rem;
	position: absolute;
	bottom: 100%;
	background-color: #000;
	color: #fff;
	border-radius: 12px;
	font-size: .875rem;
	font-family: PingFangSC-Light, PingFang SC;
	line-height: 3;
	padding: 0 .9375rem;
	opacity: 0;
	transition: opacity .5s
}

.tooltip-3BTVHPy :before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 3px;
	transform: rotate(-45deg) translateX(-50%);
	position: absolute;
	left: 50%;
	bottom: 0;
	background-color: #000
}

.tooltip-3BTVHPy.show-tooltip-p2C8JbP {
	opacity: 1
}

.wrapper-1u_KPVS {
	z-index: 10;
	background: rgba(0, 0, 0, .8)
}

.mask-1gN_8Lr {
	width: 100%;
	height: 100%;
	-ms-flex-flow: column;
	flex-flow: column;
	transform: .5s;
	-ms-flex-pack: center;
	justify-content: center
}

.mask-1gN_8Lr, .tip-3-2dALC {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.tip-3-2dALC {
	color: #fff;
	height: 50px;
	margin-top: 32px
}

.desc-2YDC_5J {
	font-size: .875rem;
	line-height: 20/14;
	width: 400px;
	margin-top: 1.5625rem
}

.save-button-2aX93VL {
	margin-top: 30px;
	width: 20%
}

@media ( max-width :1023px) {
	.save-button-2aX93VL {
		width: 50%
	}
}

.link-input-65pmoEV {
	line-height: 2.77778;
	margin-top: 25px;
	text-align: center;
	width: 30%;
	transition: .5s
}

@media ( max-width :1023px) {
	.link-input-65pmoEV {
		width: 40%;
		line-height: 1.66667
	}
}

.link-input-65pmoEV:focus {
	width: 45%
}

.close-button-1rkTl3J {
	position: absolute;
	left: 50%;
	top: 10%;
	transform: translateX(-50%);
	cursor: pointer;
	font-family: PingFangSC-Semibold, PingFang SC;
	z-index: 1
}

.close-button-1rkTl3J .close-icon-3GAwENc {
	width: 25px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.close-button-1rkTl3J .close-icon-3GAwENc path {
	fill: #fff
}

.button-11KGWkF {
	width: 12.5rem
}

.thumbnailWrapper-2z3oKGF {
	width: 50%;
	margin: 2.5rem auto 0
}

@media ( max-width :1023px) {
	.thumbnailWrapper-2z3oKGF {
		width: 100%
	}
}

.previewContainer-3roVFgS {
	width: 100%;
	padding-bottom: 60%;
	position: relative
}

.cover-Bph0t2U {
	position: absolute;
	width: 65%;
	cursor: pointer;
	height: 70%;
	right: 10%;
	top: 15%;
	z-index: 1;
	box-shadow: 10px 10px 50px rgba(0, 0, 0, .3)
}

.cover-Bph0t2U .cover-bg-2AuykGh {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: opacity .5s;
	background-size: cover;
	overflow: hidden
}

.cover-Bph0t2U .cover-bg-2AuykGh.active-3iElI-t {
	opacity: 1
}

.cover-Bph0t2U .cover-bg-2AuykGh img, .cover-Bph0t2U .cover-bg-2AuykGh video
	{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: cover
}

.add-file-button-ZZkOcM3 {
	width: 26%;
	position: absolute;
	left: 7%;
	top: 50%;
	font-weight: 700;
	transform: translateY(-50%);
	z-index: 2;
	min-width: 346px;
	transition: all .5s !important;
	letter-spacing: 5px
}

.wrapper-1ariC6m {
	text-align: center
}

@media ( max-width :768px) {
	.wrapper-1ariC6m {
		width: 70%
	}
}

.nextButton-2w2mig4 {
	width: 11.25rem;
	margin-top: 1rem
}

.icon-3Tv5hev {
	width: 6.25rem;
	margin: 0 auto 2.5rem
}

.icon-3Tv5hev span {
	display: block
}

.icon-3Tv5hev path {
	fill: #fff
}

.desc-1RAq10m {
	font-size: .875rem;
	line-height: 20/14;
	width: 400px;
	text-align: center;
	margin: 1.875rem 0
}

@media ( max-width :768px) {
	.desc-1RAq10m {
		width: 100%
	}
}

.thumbnailWrapper-3Ai0SdG {
	width: 40%;
	margin: 0 auto;
	position: relative
}

@media ( max-width :768px) {
	.thumbnailWrapper-3Ai0SdG {
		width: 100%
	}
}

.thumbnailWrapper-3Ai0SdG .mask-35IYgcA {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	left: 0;
	top: 0;
	z-index: 9
}

.thumbnailWrapper-3Ai0SdG .mask-35IYgcA span {
	font-size: .875rem
}

.desc-3j3LZgx, .wrapper-NlI61lr {
	text-align: center
}

.desc-3j3LZgx {
	font-size: .875rem;
	line-height: 22/16;
	width: 400px
}

.button-5PqKgRo {
	width: 40%;
	margin: 2.5rem auto 0;
	max-width: 15rem
}

.wrapper-2L8HcY_ {
	z-index: 9;
	background: #000a
}

.wrapper-2L8HcY_ .text-3x9oLum {
	margin-bottom: 1.875rem
}

.wrapper-2L8HcY_ .buttons-OCdie0J {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row
}

.wrapper-2L8HcY_ .button-2sNybt9 {
	width: 8.125rem;
	margin-right: 1.25rem
}

.detail_set-3J3tdeO {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 7.5rem;
	font-family: Playregular, sans-serif;
	overflow-y: scroll;
	overflow-x: hidden
}

.detail_set-3J3tdeO .close-btn-W9px88D {
	right: calc(10% + 194px);
	top: 5%;
	z-index: 9;
	width: 1.5625rem;
	height: 1.5625rem
}

.detail_set-3J3tdeO .close-btn-W9px88D:before {
	position: absolute;
	content: "";
	height: 80%;
	width: 80%;
	border-left: 1px solid #fff;
	transform: rotate(-45deg);
	right: -22%;
	top: -21%
}

.detail_set-3J3tdeO .close-btn-W9px88D:after {
	position: absolute;
	content: "";
	height: 80%;
	width: 80%;
	border-left: 1px solid #fff;
	transform: rotate(-135deg);
	right: 31%;
	top: -21%
}

.fileInfo-1OvG0GQ {
	font-family: Mondaregular, sans-serif
}

.proExpire-3bGwKSW {
	text-align: center;
	padding: 1.25rem
}

.proExpire-3bGwKSW a {
	text-decoration: underline;
	cursor: pointer
}

.expiredOrAlmost-2AYKA3z {
	color: #fdda65
}

.ctab-25OPzFE {
	width: 53.75rem;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column
}

@media ( max-width :1023px) {
	.ctab-25OPzFE {
		width: 90%
	}
}

.view-3gD9Jpr {
	width: 100vw;
	height: 100vh;
	background: #000b;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99
}

.tab[data-v-aec72650] {
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.nav-tab[data-v-aec72650] {
	margin: auto;
	width: 100%
}

.headers[data-v-aec72650] {
	height: 3.125rem;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row
}

.headers .single-tab-header[data-v-aec72650] {
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	height: 3.125rem;
	line-height: 3.125rem;
	font-size: .875rem;
	cursor: pointer
}

@media ( max-width :1023px) {
	.headers .single-tab-header[data-v-aec72650] {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center;
		line-height: 1rem;
		padding: 0 1rem
	}
}

.headers .single-tab-header[data-v-aec72650]:not (:first-child ){
	border-style: solid;
	border-width: 1px 1px 1px 0;
	border-color: hsla(0, 0%, 100%, .3)
}

.headers .single-tab-header[data-v-aec72650]:last-child {
	border-top-right-radius: 1.875rem;
	border-bottom-right-radius: 1.875rem
}

.headers .single-tab-header[data-v-aec72650]:first-child {
	border: 1px solid hsla(0, 0%, 100%, .3);
	border-bottom-left-radius: 1.875rem;
	border-top-left-radius: 1.875rem
}

.headers .single-tab-header.active[data-v-aec72650] {
	background-color: #fff;
	color: #000
}

.buddies[data-v-aec72650] {
	width: 100%;
	-ms-flex: 1;
	flex: 1;
	overflow-y: hidden;
	margin-bottom: 2.8125rem
}

.fileInfo, .search-bar {
	font-family: Mondaregular, sans-serif
}

.history[data-v-e0cf4378] {
	font-size: .875rem;
	height: 100%;
	overflow: hidden;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column
}

.search-bar[data-v-e0cf4378] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 1.875rem
}

.search-bar .search-file[data-v-e0cf4378] {
	-ms-flex: 1;
	flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-align: end;
	align-items: flex-end;
	border-bottom: 1px solid #fff;
	padding-bottom: .625rem
}

.search-bar .search-file .icon[data-v-e0cf4378] {
	height: .9375rem;
	margin-right: .3125rem
}

.search-bar .search-file input[data-v-e0cf4378] {
	border-bottom: none
}

.search-bar .date-range-selector[data-v-e0cf4378] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex: 1;
	flex: 1
}

.scroll-controller[data-v-e0cf4378] {
	max-height: 32.1875rem;
	position: relative;
	width: calc(100% + 14px)
}

.scroll-controller .history-list[data-v-e0cf4378] {
	padding: 25px 0 0;
	width: calc(100% - 14px)
}

.scroll-controller .scroll-content[data-v-e0cf4378] {
	overflow: hidden
}

@media ( min-width :800px) {
	.search-bar[data-v-e0cf4378] {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.search-bar .search-file[data-v-e0cf4378] {
		margin-right: 1.25rem
	}
}

@media ( max-width :800px) {
	.search-bar[data-v-e0cf4378] {
		-ms-flex-direction: column;
		flex-direction: column
	}
	.search-bar .date-range-selector[data-v-e0cf4378], .search-bar .search-file[data-v-e0cf4378]
		{
		margin-bottom: .9375rem
	}
}

.ps__rail-y.ps--clicking[data-v-e0cf4378], .ps__rail-y[data-v-e0cf4378]:hover
	{
	background-color: transparent !important
}

.create-archive-actions[data-v-e0cf4378] {
	position: absolute;
	height: 48px;
	bottom: 16px;
	left: 50%;
	transform: translate(-50%);
	display: -ms-flexbox;
	display: flex;
	z-index: 10
}

.create-archive-actions .cancel[data-v-e0cf4378],
	.create-archive-actions .done[data-v-e0cf4378] {
	width: 140px;
	height: 100%;
	background: #fdda65;
	margin: 0 20px;
	border-radius: 40px;
	font-size: 14px;
	color: #333;
	line-height: 50px;
	text-align: center;
	transition: .25s;
	cursor: pointer
}

.create-archive-actions .cancel.disable[data-v-e0cf4378],
	.create-archive-actions .done.disable[data-v-e0cf4378] {
	background: #eee;
	color: #ccc
}

.create-archive-actions .cancel[data-v-e0cf4378] {
	background: #eee
}

.list[data-v-e0cf4378] {
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	overflow-y: scroll;
	margin-top: 3.125rem
}

.list .oneTransfer[data-v-e0cf4378] {
	margin-bottom: 1.25rem
}

.list .loadMore[data-v-e0cf4378] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding: .9375rem
}

.list .loadMore .loadMoreButton[data-v-e0cf4378] {
	padding: .125rem 1.875rem
}

.list .title-line[data-v-e0cf4378] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.list .archive-selector[data-v-e0cf4378] {
	width: 0;
	height: 30px;
	margin-right: 10px;
	transition: .25s;
	overflow: hidden
}

.list .archive-selector.show[data-v-e0cf4378] {
	width: 30px
}

.list .archive-selector .selector[data-v-e0cf4378] {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 2px solid #fdda65;
	float: right
}

.list .archive-selector .selector.selected[data-v-e0cf4378] {
	background: #fdda65
}

.list .entry[data-v-e0cf4378] {
	-ms-flex: 1;
	flex: 1;
	cursor: pointer;
	border: 1px solid #fff;
	border-radius: 3.125rem;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.list .entry .dateInfo[data-v-e0cf4378], .list .entry[data-v-e0cf4378] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: .25rem
}

.list .entry .dateInfo[data-v-e0cf4378] {
	height: 3.75rem;
	width: 3.75rem;
	float: left;
	background: #fff;
	border-radius: 50%;
	color: #000;
	-ms-flex-pack: center;
	justify-content: center
}

.list .entry .dateInfo .proTransfer[data-v-e0cf4378] {
	background-color: #fdda65
}

.list .entry .dateInfo .dayInfo[data-v-e0cf4378] {
	font-size: 1.5rem
}

.list .entry .dateInfo .monthInfo[data-v-e0cf4378] {
	font-size: .8125rem
}

.list .entry .fileInfo[data-v-e0cf4378] {
	-ms-flex: 1;
	flex: 1;
	margin-left: .25rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-flow: column;
	flex-flow: column;
	overflow: hidden
}

.list .entry .fileInfo .filename[data-v-e0cf4378] {
	float: left;
	font-size: .875rem;
	text-overflow: ellipsis;
	overflow: hidden
}

.list .entry .fileInfo .extra[data-v-e0cf4378] {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	padding: .3125rem 0;
	opacity: .6
}

@media ( max-width :1023px) {
	.list .entry .fileInfo[data-v-e0cf4378] {
		max-width: 60%;
		text-overflow: ellipsis;
		white-space: nowrap
	}
}

.list .entry[data-v-e0cf4378]:hover {
	transition: .5s;
	background: #fff2
}

.list .entry:hover .dateInfo[data-v-e0cf4378] {
	transition: .5s;
	background: #000;
	color: #fff
}

.genericFileInfo[data-v-e0cf4378] {
	width: 50%;
	display: -ms-flexbox;
	display: flex
}

.actions[data-v-e0cf4378] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.actions a[data-v-e0cf4378] {
	height: 1.25rem;
	width: 1.25rem;
	margin-right: 1.25rem;
	cursor: pointer;
	position: relative
}

.actions a img[data-v-e0cf4378] {
	width: 100%;
	height: 100%;
	opacity: .6;
	pointer-events: none !important
}

.actions a img[data-v-e0cf4378]:hover {
	opacity: 1
}

.actions .text[data-v-e0cf4378] {
	margin-right: 1.25rem;
	line-height: 1.5
}

.entryDetail[data-v-e0cf4378] {
	max-height: 0;
	transition: .3s;
	overflow: hidden;
	overflow-y: auto
}

.entryDetail.showTransferFiles[data-v-e0cf4378] {
	max-height: 300px
}

.fileEntry[data-v-e0cf4378] {
	cursor: pointer;
	border: 1px solid hsla(0, 0%, 100%, .2);
	margin: .625rem 0;
	border-radius: 3.125rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	padding: .875rem;
	margin-left: 5rem;
	margin-right: 5rem
}

.yearFilter[data-v-e0cf4378] {
	position: absolute;
	width: 9.375rem;
	transform: translateX(-130%)
}

.yearFilter .oneYear li[data-v-e0cf4378] {
	color: #fdda65;
	list-style: none;
	text-align: right;
	font-size: 1.875rem;
	position: relative;
	margin-bottom: .625rem;
	cursor: pointer
}

.yearFilter .oneYear li img[data-v-e0cf4378] {
	margin-top: .125rem;
	width: 1.875rem;
	height: 3.375rem;
	margin-left: .3125rem
}

.yearFilter .monthOfYear[data-v-e0cf4378] {
	max-height: 0;
	transition: .3s;
	overflow: hidden
}

.yearFilter .monthOfYear.showMonths[data-v-e0cf4378] {
	max-height: 300px
}

.yearFilter .monthOfYear li[data-v-e0cf4378] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end;
	font-size: 1.125rem;
	margin-bottom: 0;
	margin-top: .3125rem
}

.yearFilter .monthOfYear li img[data-v-e0cf4378] {
	width: 1.875rem;
	height: 2.375rem;
	margin-left: .3125rem;
	margin-top: .1875rem
}

.yearFilter .yearBox[data-v-e0cf4378] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.shareWindow[data-v-e0cf4378] {
	height: 18.75rem;
	padding: 2.5rem;
	background: #fff;
	position: absolute;
	right: 0;
	margin-top: .625rem;
	border-radius: .3125rem;
	z-index: 9;
	-ms-flex-flow: column;
	flex-flow: column
}

.shareWindow .qrCodes[data-v-e0cf4378], .shareWindow[data-v-e0cf4378] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.shareWindow .qrCodes[data-v-e0cf4378] {
	-ms-flex-flow: row;
	flex-flow: row
}

.shareWindow .qrCodes .qrCode[data-v-e0cf4378] {
	-ms-flex: 1;
	flex: 1;
	width: 9.375rem;
	height: 9.375rem;
	margin: 0 auto;
	opacity: 1 !important
}

.shareWindow .copyLink[data-v-e0cf4378] {
	margin-top: 1.25rem;
	width: 100%;
	background: #fdda65
}

.tooltip[data-v-e0cf4378] {
	background-color: #000;
	color: #fff;
	border-radius: 12px;
	font-size: .875rem;
	text-align: center;
	font-family: Mondaregular, sans-serif;
	line-height: 3;
	width: 80%;
	position: absolute;
	left: 10%;
	bottom: 15px;
	opacity: 0;
	z-index: -1;
	transition: opacity .5s
}

.tooltip[data-v-e0cf4378] :before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 3px;
	transform: rotate(-45deg) translateX(-50%);
	position: absolute;
	left: 50%;
	top: -7px;
	background-color: #000
}

.tooltip.show-tooltip[data-v-e0cf4378] {
	opacity: 1;
	z-index: 1
}

.date {
	font-weight: 700
}

.domain-wrapper {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	height: 1.875rem;
	width: 1.875rem;
	margin-top: -.5rem;
	overflow: hidden;
	border-radius: 1.25rem;
	object-fit: cover;
	padding: .3125rem;
	transition: padding .3s
}

.domain-wrapper:hover {
	padding: 0
}

.domain-wrapper:hover .dropdown {
	opacity: 1;
	z-index: 1
}

.domain-wrapper:hover img {
	border-radius: 1.5rem
}

.view {
	float: right
}

.view svg {
	width: unset
}

.domain {
	object-fit: cover;
	height: 100%;
	width: 100%;
	border-radius: 1.25rem;
	border: 1px solid #e9e9e9;
	cursor: pointer
}

.rotate-temp {
	transform: rotate(-90deg)
}

.container-rOsfI30 {
	display: inline-block;
	vertical-align: middle
}

svg {
	width: 100%;
	height: 100%
}

path {
	fill: inherit
}

.scroll-wrapper-1S-B2_3 {
	padding-right: 8px;
	padding-top: 16px;
	min-height: 360px
}

.list-group-1RbMBu6 {
	padding-right: 16px
}

.ps__rail-y.ps--clicking, .ps__rail-y:hover {
	background-color: transparent !important
}

.profile-main-loader-1oee5VG {
	margin-top: .625rem
}

.profile-main-loader-1oee5VG .loader-2TKwkee {
	position: relative;
	margin: 0 auto;
	width: 1.25rem;
	height: 1.25rem
}

.profile-main-loader-1oee5VG .loader-2TKwkee:before {
	content: "";
	display: block;
	padding-top: 100%
}

.profile-main-loader-1oee5VG .circular-loader-3O2U6Sa {
	animation: rotate-2LzkcGi 2s linear infinite;
	height: 100%;
	transform-origin: center center;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	margin: auto
}

.profile-main-loader-1oee5VG .loader-path-2MULpTo {
	stroke-dasharray: 150, 200;
	stroke-dashoffset: -10;
	animation: dash-3mgGT-J 1.5s ease-in-out infinite, color-6f6raz0 6s
		ease-in-out infinite;
	stroke-linecap: round
}

@
keyframes rotate-2LzkcGi {
	to {transform: rotate(1turn)
}

}
@
keyframes dash-3mgGT-J { 0%{
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0
}

50%{
stroke-dasharray
:
89
,
200;
stroke-dashoffset
:
-35
}
to {
	stroke-dasharray: 89, 200;
	stroke-dashoffset: -124
}

}
@
keyframes color-6f6raz0 { 0%{
	stroke: #fff
}

40%{
stroke
:
#fff
}
66%{
stroke
:
#fff
}
80%,90%{
stroke
:
#fff
}
}
.disabled[data-v-1876b7fc] {
	opacity: .7
}

.archive-menu-com.disabled[data-v-1876b7fc] {
	opacity: 1
}

.tip[data-v-1876b7fc] {
	position: absolute;
	background: #fff;
	color: #000;
	width: 210px;
	padding: 1.25rem;
	border-radius: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	top: 50%;
	left: 0;
	transform: translate(-100%, -50%)
}

.tip[data-v-1876b7fc]:before {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	background: #fff;
	top: 50%;
	right: -6px;
	transform: translateY(-50%) rotate(45deg);
	border-radius: 4px
}

.getProButton[data-v-1876b7fc] {
	margin-top: 1.25rem;
	width: 100%;
	height: 3rem;
	text-align: center;
	cursor: pointer;
	border: none;
	outline: none;
	border-radius: 4.37rem;
	color: #333;
	font-size: 100%;
	position: relative;
	background: #fdda65;
	-ms-flex-pack: center;
	justify-content: center
}

.archive-menu-com[data-v-1876b7fc], .getProButton[data-v-1876b7fc] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.archive-menu-com[data-v-1876b7fc] {
	position: absolute;
	right: 0;
	bottom: 32px;
	transform: translateX(calc(100% + 16px));
	-ms-flex-flow: column;
	flex-flow: column
}

.label[data-v-1876b7fc] {
	white-space: nowrap;
	background: hsla(0, 0%, 100%, .125);
	padding: .25em .5em;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(calc(100% + 16px), -50%);
	border-radius: 8px
}

.icon[data-v-1876b7fc] {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 1px solid hsla(0, 0%, 100%, .25);
	background: rgba(0, 0, 0, .125);
	position: relative;
	cursor: pointer
}

.icon span[data-v-1876b7fc] {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 5px solid hsla(0, 0%, 100%, .1);
	position: absolute;
	left: 50%;
	top: 50%;
	background: #333;
	transform: translate(-50%, -50%);
	background-clip: content-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.icon span .myfolder[data-v-1876b7fc], .icon span img[data-v-1876b7fc] {
	width: 60%;
	height: 60%
}

li[data-v-1876b7fc] {
	display: -ms-flexbox;
	display: flex;
	margin: 11px;
	position: relative;
	transition: .25s
}

li.disable[data-v-1876b7fc] {
	opacity: .5
}

li:last-child .icon[data-v-1876b7fc] {
	width: 60px;
	height: 60px
}

li:last-child span[data-v-1876b7fc] {
	width: 40px;
	height: 40px
}

.shared[data-v-6c51b52e] {
	background: #3336 !important;
	color: #fff !important
}

.sharedcopy[data-v-6c51b52e] {
	color: #fff !important
}

.sharedicon[data-v-6c51b52e] {
	bottom: 16px !important;
	right: 16px !important
}

.alreadyshared[data-v-6c51b52e] {
	background: #fdda65 !important
}

.sharedBy[data-v-6c51b52e] {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 30px;
	top: 20px
}

.sharedBy .shareByUser[data-v-6c51b52e] {
	border: 1px solid #fff;
	border-radius: 50%;
	width: 100%;
	height: 100%
}

.my-archive-com[data-v-6c51b52e] {
	width: 100%;
	-ms-flex: 1;
	flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	overflow-y: auto;
	padding-top: 50px
}

.grid-item[data-v-6c51b52e] {
	width: 260px;
	padding: 10px;
	border-radius: 8px;
	margin-bottom: 40px;
	position: relative;
	cursor: pointer
}

.grid-item img[data-v-6c51b52e] {
	width: 100%;
	border-radius: 8px
}

.title[data-v-6c51b52e] {
	display: inline-block;
	width: 7.5rem;
	height: 2.5rem;
	padding: .75rem;
	background: #fff;
	color: #353535;
	text-align: center;
	border-top-left-radius: .625rem;
	border-top-right-radius: .625rem;
	font-size: .875rem
}

.noArchive[data-v-6c51b52e] {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	font-size: 2.25rem
}

.delete[data-v-6c51b52e] {
	right: 16px
}

.delete[data-v-6c51b52e], .share[data-v-6c51b52e] {
	position: absolute;
	width: 1.625rem;
	height: 1.625rem;
	bottom: 16px;
	transition: .25s;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.share[data-v-6c51b52e] {
	right: 50px
}

.icon[data-v-6c51b52e] {
	background: #333;
	border-radius: 50%
}

.info[data-v-6c51b52e] {
	background: #fff;
	border-bottom-left-radius: .625rem;
	border-bottom-right-radius: .625rem;
	border-top-right-radius: .625rem;
	height: 7.5rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.filesAmount[data-v-6c51b52e], .transferAmount[data-v-6c51b52e] {
	padding: .1875rem;
	color: #000;
	font-weight: 400;
	font-size: .875rem
}

.name[data-v-6c51b52e] {
	font-size: 1.125rem;
	color: #353535
}

.date[data-v-6c51b52e] {
	font-size: .875rem;
	position: absolute;
	bottom: 16px;
	left: 20px;
	color: #888
}

.folder[data-v-6c51b52e] {
	color: #000;
	padding: 10px;
	background: #fff;
	border-radius: 8px;
	margin-bottom: 20px
}

.pre-view[data-v-6c51b52e] {
	width: 100%;
	height: 120px;
	background: #00f;
	border-radius: 8px;
	margin-bottom: 20px
}

.column[data-v-6c51b52e] {
	-ms-flex: 1;
	flex: 1;
	padding: 8px;
	background-clip: content-box
}

.share-modal-com[data-v-6c51b52e] {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .9);
	position: absolute;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 20
}

.share-modal-com .window[data-v-6c51b52e] {
	width: 500px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	border-radius: 22px
}

.share-modal-com .window .title[data-v-6c51b52e] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

.share-modal-com .window .title .label[data-v-6c51b52e] {
	font-size: .875rem;
	line-height: 65px;
	padding-left: 40px
}

.share-modal-com .window .title .close[data-v-6c51b52e] {
	width: 30px;
	height: 30px;
	background: #666;
	border-radius: 50%;
	margin-right: 20px;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.share-modal-com .window .content[data-v-6c51b52e] {
	font-size: .875rem;
	text-align: center;
	min-height: 159px;
	max-height: 240px;
	overflow-y: auto
}

.sharefolder[data-v-6c51b52e] {
	font-size: .875rem;
	font-weight: bolder;
	color: #fff;
	height: 80px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 40px
}

.sharefolder[data-v-6c51b52e]:last-child {
	border-bottom: 0
}

.sharefolder .name[data-v-6c51b52e] {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #fff;
	line-height: 1.8
}

.sharefolder img[data-v-6c51b52e] {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%
}

.sharefolder .doshare[data-v-6c51b52e] {
	height: 44px;
	width: 100px;
	border-radius: 22px;
	text-align: center;
	background: #fdda65;
	color: #000;
	line-height: 44px;
	cursor: pointer
}

.sharefolder .cancelshare[data-v-6c51b52e] {
	height: 44px;
	width: 100px;
	border-radius: 22px;
	text-align: center;
	background: none;
	color: #fff;
	border: 1px solid #fff;
	line-height: 44px;
	cursor: pointer
}

.option[data-v-6c51b52e] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	padding: 18px 125px;
	font-weight: bolder
}

.option>div[data-v-6c51b52e] {
	width: 100px;
	height: 44px;
	border-radius: 22px;
	font-size: .875rem;
	line-height: 44px;
	text-align: center;
	cursor: pointer
}

.option .confirm[data-v-6c51b52e] {
	background: #fdda65;
	color: #333
}

.option .cancel[data-v-6c51b52e] {
	border: 1px solid #666
}

.archive-detail-com[data-v-495e74ad] {
	width: 100%
}

.title[data-v-495e74ad] {
	display: inline-block;
	min-width: 400px;
	height: 80px;
	padding-left: 60px;
	line-height: 2.7;
	background: hsla(0, 0%, 100%, .1);
	border-top-left-radius: .625rem;
	border-top-right-radius: .625rem;
	font-size: 30px;
	position: relative
}

.title img[data-v-495e74ad] {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: .625rem;
	width: 1.875rem;
	height: 1.875rem;
	cursor: pointer
}

.body[data-v-495e74ad] {
	background: hsla(0, 0%, 100%, .1);
	height: calc(100% - 110px);
	border-top-right-radius: .625rem;
	border-bottom-left-radius: .625rem;
	border-bottom-right-radius: .625rem;
	position: relative;
	padding: .625rem
}

.body .oneTransfer[data-v-495e74ad] {
	margin-bottom: 1.25rem
}

.body .title-line[data-v-495e74ad] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.body .entry[data-v-495e74ad] {
	-ms-flex: 1;
	flex: 1;
	cursor: pointer;
	border: 1px solid #fff;
	border-radius: 3.125rem;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.body .entry .dateInfo[data-v-495e74ad], .body .entry[data-v-495e74ad] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding: .25rem
}

.body .entry .dateInfo[data-v-495e74ad] {
	height: 3.75rem;
	width: 3.75rem;
	float: left;
	background: #fff;
	border-radius: 50%;
	color: #000;
	-ms-flex-pack: center;
	justify-content: center
}

.body .entry .dateInfo .proTransfer[data-v-495e74ad] {
	background-color: #fdda65
}

.body .entry .dateInfo .dayInfo[data-v-495e74ad] {
	font-size: 1.5rem
}

.body .entry .dateInfo .monthInfo[data-v-495e74ad] {
	font-size: .8125rem
}

.body .entry .fileInfo[data-v-495e74ad] {
	-ms-flex: 1;
	flex: 1;
	margin-left: .25rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-flow: column;
	flex-flow: column;
	overflow: hidden
}

.body .entry .fileInfo .filename[data-v-495e74ad] {
	float: left;
	font-size: .875rem;
	text-overflow: ellipsis;
	overflow: hidden
}

.body .entry .fileInfo .extra[data-v-495e74ad] {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	padding: .3125rem 0;
	opacity: .6
}

@media ( max-width :1023px) {
	.body .entry .fileInfo[data-v-495e74ad] {
		max-width: 60%;
		text-overflow: ellipsis;
		white-space: nowrap
	}
}

.body .entry[data-v-495e74ad]:hover {
	transition: .5s;
	background: #fff2
}

.body .entry:hover .dateInfo[data-v-495e74ad] {
	transition: .5s;
	background: #000;
	color: #fff
}

.entryDetail[data-v-495e74ad] {
	max-height: 0;
	transition: .3s;
	overflow: hidden;
	overflow-y: auto
}

.entryDetail.showTransferFiles[data-v-495e74ad] {
	max-height: 300px
}

.fileEntry[data-v-495e74ad] {
	cursor: pointer;
	border: 1px solid hsla(0, 0%, 100%, .2);
	margin: .625rem 0;
	border-radius: 3.125rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	padding: .875rem;
	margin-left: 5rem;
	margin-right: 5rem
}

.shareWindow[data-v-495e74ad] {
	width: 12.5rem;
	height: 18.75rem;
	background: #fff;
	position: absolute;
	right: 0;
	margin-top: .625rem;
	border-radius: .3125rem;
	z-index: 9;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	-ms-flex-pack: center;
	justify-content: center
}

.shareWindow .qrCode[data-v-495e74ad] {
	width: 7.5rem;
	height: 7.5rem;
	margin: 0 auto
}

.shareWindow .copyLink[data-v-495e74ad] {
	margin: 1.25rem;
	width: 80%;
	background: #fdda65
}

.tooltip[data-v-495e74ad] {
	background-color: #000;
	color: #fff;
	border-radius: 12px;
	font-size: .875rem;
	text-align: center;
	font-family: Mondaregular, sans-serif;
	line-height: 3;
	width: 80%;
	position: absolute;
	left: 10%;
	bottom: 15px;
	opacity: 0;
	z-index: -1;
	transition: opacity .5s
}

.tooltip[data-v-495e74ad] :before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 3px;
	transform: rotate(-45deg) translateX(-50%);
	position: absolute;
	left: 50%;
	top: -7px;
	background-color: #000
}

.tooltip.show-tooltip[data-v-495e74ad] {
	opacity: 1;
	z-index: 1
}

.genericFileInfo[data-v-495e74ad] {
	width: 50%;
	display: -ms-flexbox;
	display: flex
}

.actions[data-v-495e74ad] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.actions a[data-v-495e74ad] {
	height: 1.25rem;
	width: 1.25rem;
	margin-right: 1.25rem;
	cursor: pointer;
	position: relative
}

.actions a img[data-v-495e74ad] {
	width: 100%;
	height: 100%;
	opacity: .6;
	pointer-events: none !important
}

.actions a img[data-v-495e74ad]:hover {
	opacity: 1
}

.actions .text[data-v-495e74ad] {
	margin-right: 1.25rem
}

.full-screen-delete[data-v-495e74ad] {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.right-info-3FIS2TQ {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

.right-info-3FIS2TQ .text-1NJzk8c {
	padding-right: .9375rem
}

.right-info-3FIS2TQ .images-VT0mMMI {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: baseline;
	align-items: baseline;
	overflow: hidden;
	height: 1.75rem
}

.right-info-3FIS2TQ .images-VT0mMMI .cover-20FyL-l {
	object-fit: cover
}

.right-info-3FIS2TQ .images-VT0mMMI .video-wrapper-3aUBnGy {
	height: 100%;
	overflow: hidden
}

.right-info-3FIS2TQ .images-VT0mMMI .icon-3g0WIDY {
	padding-right: .3125rem;
	height: 1.75rem;
	width: 2.5rem;
	object-fit: cover;
	cursor: pointer
}

.right-info-3FIS2TQ .images-VT0mMMI .icon-3g0WIDY.active-icon-2BoGN8_ {
	height: 2rem;
	width: 2.8125rem
}

.all-charts-30OOouy {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: .875rem
}

.all-charts-30OOouy .date-range-picker-1hdBAV2 {
	margin-top: 2.5rem;
	margin-bottom: 1.25rem;
	margin-left: 50%;
	transform: translateX(-50%);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

@media ( max-width :1023px) {
	.all-charts-30OOouy .date-range-picker-1hdBAV2 {
		width: 100%
	}
}

.all-charts-30OOouy .nums-1Qe5UTl {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	padding: 1.25rem
}

.all-charts-30OOouy .nums-1Qe5UTl .num-31LbWtm {
	font-size: 3.125rem;
	padding-bottom: .625rem;
	font-weight: 700;
	text-align: center
}

.all-charts-30OOouy .nums-1Qe5UTl .text-1NJzk8c {
	text-align: center
}

.all-charts-30OOouy .nums-1Qe5UTl .click-num-3ZYZQfz {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.all-charts-30OOouy .charts-BNVg5PG {
	width: 100%;
	height: 18.75rem;
	margin-top: .9375rem;
	margin-bottom: .9375rem
}

.all-charts-30OOouy .charts-BNVg5PG .mychart-3Xti9nc {
	border: 1px solid hsla(0, 0%, 100%, .7);
	border-radius: 10px
}

.all-charts-30OOouy .charts-BNVg5PG .bottom-bar-1MwZeU1 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	height: 30%
}

.all-charts-30OOouy .charts-BNVg5PG .bottom-bar-1MwZeU1.clickBar-2sKRAMu
	{
	padding: 0 1.875rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media ( max-width :1023px) {
	.all-charts-30OOouy .charts-BNVg5PG {
		margin-top: 2.1875rem
	}
}

@media ( min-width :500px) {
	.all-charts-30OOouy .nums-1Qe5UTl .num-31LbWtm {
		font-size: 3.125rem
	}
}

@media ( max-width :500px) {
	.all-charts-30OOouy .nums-1Qe5UTl {
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-align: center;
		align-items: center
	}
	.all-charts-30OOouy .nums-1Qe5UTl .num-31LbWtm {
		font-size: 2.1875rem
	}
	.all-charts-30OOouy .nums-1Qe5UTl .click-num-3ZYZQfz {
		margin-bottom: 1.25rem
	}
	.all-charts-30OOouy .charts-BNVg5PG {
		transform: rotate(90deg);
		margin-bottom: 200px
	}
	.all-charts-30OOouy .mychart-3Xti9nc {
		width: 420px
	}
}

.account-detail-1maTvS_ {
	height: 100%;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	font-size: .875rem;
	text-align: center;
	overflow-y: auto
}

.account-detail-1maTvS_ .title-2pAYeSY {
	padding: 5rem 0 1.25rem;
	text-align: center;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.account-detail-1maTvS_ .title-2pAYeSY img {
	position: absolute;
	right: -2.25rem;
	height: .9375rem
}

.account-detail-1maTvS_ .domain-1UacWPt {
	font-family: Playregular, sans-serif;
	padding: 0 0 2.5rem
}

.account-detail-1maTvS_ .domain-1UacWPt .domain-input-2g8r-xz,
	.account-detail-1maTvS_ .domain-1UacWPt .domain-suffix-1xsHLn_ {
	display: none
}

.account-detail-1maTvS_ .profile-66fxA9G {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%
}

.account-detail-1maTvS_ .profile-66fxA9G .group-title-2a9XXPY {
	padding: 0 0 1.25rem
}

.account-detail-1maTvS_ .profile-66fxA9G .images-abtMksA {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.account-detail-1maTvS_ .profile-66fxA9G .file-selector-27EC9dk {
	position: absolute;
	z-index: -1;
	width: 0;
	height: 0
}

.account-detail-1maTvS_ .profile-66fxA9G .profile-image-3xQ-lia {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: filter 1s
}

.account-detail-1maTvS_ .profile-66fxA9G .imageItem-29sGRI3 {
	background: #fff;
	position: relative;
	cursor: pointer;
	overflow: hidden
}

.account-detail-1maTvS_ .profile-66fxA9G .plus-1N6Rzsx {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1.25rem
}

.account-detail-1maTvS_ .profile-66fxA9G span {
	display: block
}

.account-detail-1maTvS_ .profile-66fxA9G path {
	fill: #000
}

.account-detail-1maTvS_ .cover-IJ3haHb {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover
}

.account-detail-1maTvS_ .preview-btn-wrapper-2_VWeZt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%
}

.account-detail-1maTvS_ .preview-btn-wrapper-2_VWeZt .preview-txt-fTW9oy9
	{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: opacity .5s ease-in
}

.account-detail-1maTvS_ .preview-btn-wrapper-2_VWeZt:hover .preview-txt-fTW9oy9
	{
	opacity: 1;
	transition: opacity .5s ease-in .2s
}

.account-detail-1maTvS_ .imageItem-29sGRI3:hover .cover-IJ3haHb,
	.account-detail-1maTvS_ .imageItem-29sGRI3:hover .profile-image-3xQ-lia
	{
	filter: brightness(40%)
}

.account-detail-1maTvS_ .imageItem-29sGRI3:hover .close-btn-3ieUY9Y {
	position: absolute;
	top: .3125rem;
	right: .3125rem;
	height: 1.875rem;
	width: 1.875rem;
	cursor: pointer
}

.account-detail-1maTvS_ .imageItem-29sGRI3:hover .close-btn-3ieUY9Y:before
	{
	position: absolute;
	content: "";
	height: 80%;
	width: 80%;
	border-left: 1px solid #fff;
	transform: rotate(-45deg);
	right: -22%;
	top: -21%
}

.account-detail-1maTvS_ .imageItem-29sGRI3:hover .close-btn-3ieUY9Y:after
	{
	position: absolute;
	content: "";
	height: 80%;
	width: 80%;
	border-left: 1px solid #fff;
	transform: rotate(-135deg);
	right: 31%;
	top: -21%
}

.account-detail-1maTvS_ .buttons-1ajfL2E {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: .9375rem
}

.account-detail-1maTvS_ .buttons-1ajfL2E .finish-3CD8NQL {
	display: none
}

.account-detail-1maTvS_ .pro-users-1DEOsP_ {
	text-decoration: underline;
	cursor: pointer;
	height: 1.75rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	padding: .9375rem .625rem;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: end;
	align-items: flex-end;
	-ms-flex-pack: center;
	justify-content: center
}

.account-detail-1maTvS_ .pro-users-1DEOsP_ .infoContent-3Zq9qnj {
	opacity: 0
}

.account-detail-1maTvS_ .pro-users-1DEOsP_ .unaccepted-9Td2wvm {
	filter: grayscale(100%)
}

.account-detail-1maTvS_ .user-fA-4LBx {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	height: 2.375rem;
	width: 2.375rem;
	object-fit: cover;
	padding: .3125rem;
	margin: 0 .125rem .625rem;
	transition: padding .2s;
	overflow: visible;
	position: relative
}

.account-detail-1maTvS_ .user-fA-4LBx img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	border-radius: .875rem
}

.account-detail-1maTvS_ .user-fA-4LBx:hover .close-btn-3ieUY9Y {
	position: absolute;
	top: -.3125rem;
	right: -.3125rem;
	height: 1rem;
	width: 1rem;
	background-color: #000;
	cursor: pointer;
	border-radius: .5rem;
	z-index: 4
}

.account-detail-1maTvS_ .user-fA-4LBx:hover .close-btn-3ieUY9Y:before {
	position: absolute;
	content: "";
	height: 80%;
	width: 80%;
	border-left: 1px solid #fff;
	transform: rotate(-45deg);
	right: -22%;
	top: -21%
}

.account-detail-1maTvS_ .user-fA-4LBx:hover .close-btn-3ieUY9Y:after {
	position: absolute;
	content: "";
	height: 80%;
	width: 80%;
	border-left: 1px solid #fff;
	transform: rotate(-135deg);
	right: 31%;
	top: -21%
}

.account-detail-1maTvS_ .user-fA-4LBx:hover img {
	border-radius: 1.25rem
}

.tooltip-3J-e5RP {
	background-color: #000;
	color: #fff;
	border-radius: 12px;
	font-size: .875rem;
	font-family: PingFangSC-Light, PingFang SC;
	line-height: 1.4;
	position: absolute;
	width: 350px;
	padding: 5px;
	top: 100%;
	height: 30px;
	opacity: 0;
	z-index: -1;
	transition: opacity .5s;
	text-align: center
}

.tooltip-3J-e5RP :before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 3px;
	transform: rotate(-45deg) translateX(-50%);
	position: absolute;
	left: 50%;
	top: -7px;
	background-color: #000
}

.tooltip-3J-e5RP.show-tooltip-2-Gah6R {
	opacity: 1;
	z-index: 1
}

@media ( max-width :1023px) {
	.tooltip-3J-e5RP {
		width: 60%;
		left: 50%;
		transform: translate(-50%, -25%)
	}
}

@media ( min-width :800px) {
	.buttons-1ajfL2E {
		-ms-flex-direction: row;
		flex-direction: row
	}
	.buttons-1ajfL2E .button-2uT4V-c {
		width: 40%;
		margin: 0 .625rem;
		max-width: 15rem
	}
	.domain-1UacWPt .domain-input-2g8r-xz {
		width: 50%
	}
	.profile-66fxA9G .images-abtMksA {
		margin: 4.375rem auto 1.875rem;
		-ms-flex-direction: row;
		flex-direction: row
	}
	.profile-66fxA9G .explanation-35S-RRY {
		max-width: 28.125rem
	}
	.profile-66fxA9G .imageItem-29sGRI3 {
		-ms-flex: 1;
		flex: 1;
		margin: 0 .3125rem;
		height: 9.0625rem
	}
}

@media ( max-width :800px) {
	.buttons-1ajfL2E {
		-ms-flex-direction: column;
		flex-direction: column
	}
	.buttons-1ajfL2E .button-2uT4V-c {
		width: 90%;
		margin-bottom: .875rem
	}
	.domain-1UacWPt .domain-input-2g8r-xz {
		width: 80%;
		margin-bottom: .875rem
	}
	.profile-66fxA9G .images-abtMksA {
		margin: 2.5rem auto;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.profile-66fxA9G .explanation-35S-RRY {
		max-width: 85%
	}
	.profile-66fxA9G .imageItem-29sGRI3 {
		width: 94%;
		min-height: 10.3125rem;
		margin-bottom: .9375rem
	}
}

.mychart-1j96t-M {
	width: 100%;
	height: 100%
}

.mychart-1j96t-M .main-2QWJMdy {
	height: 70%
}

.tip {
	color: #000;
	font-size: 14px;
	padding: .5em 1em;
	margin-top: 16px;
	line-height: 30px !important;
	display: inline-block;
	white-space: nowrap;
	width: 200px !important;
	top: 100%;
	transform: translateX(-50%)
}

.tip, .tip:before {
	background: #fff;
	border-radius: 5px;
	position: absolute;
	left: 50%
}

.tip:before {
	content: "";
	width: 16px;
	height: 16px;
	top: -6px;
	transform: translateX(-50%) rotate(45deg);
	z-index: -1
}

.emailUser {
	border-radius: 50%;
	height: 100%;
	width: 100%;
	text-transform: uppercase;
	line-height: 1.5;
	border: 1px solid #fff
}

.sub-enterprise-detail-page {
	font-family: Mondaregular, sans-serif
}

.sub-enterprise-detail-page .g-core-image-corp-container {
	background: #0000
}

.sub-enterprise-detail-page .g-crop-image-principal {
	background-image: unset !important;
	background-color: unset !important;
	margin: unset !important
}

.image-mask .mask {
	background: #000a !important;
	cursor: move
}

.g-resize-highlight {
	background: #888 !important
}

.g-resize-bar {
	background: #444 !important;
	bottom: 120px !important
}

.circle-btn {
	cursor: pointer !important
}

.btn-groups {
	width: 100vw;
	pointer-events: none;
	position: absolute !important;
	bottom: 32px !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-pack: center !important;
	justify-content: center !important
}

.btn-groups * {
	pointer-events: auto
}

.g-core-image-corp-container .btn-cancel, .g-core-image-corp-container .btn-upload
	{
	font-family: Playregular, sans-serif;
	min-width: 160px;
	height: 50px !important;
	border-radius: 25px !important;
	border: 1px solid #fff !important;
	background: transparent !important;
	color: #fff !important;
	cursor: pointer !important
}

.g-core-image-corp-container .btn-cancel:first-child,
	.g-core-image-corp-container .btn-upload:first-child {
	margin-right: 96px
}

.g-core-image-corp-container .image-aside, .image-aside {
	top: unset !important;
	right: unset !important;
	bottom: unset !important;
	left: unset !important;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100vw;
	height: 100vh
}

.g-core-image-upload-btn {
	position: absolute !important;
	height: 100% !important;
	width: 100% !important
}

.g-core-image-upload-btn input {
	cursor: pointer
}

.close-button {
	top: 5%
}

.email-account-form {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .9);
	position: absolute;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 20
}

.email-account-form .window {
	width: 500px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	border-radius: 22px
}

.email-account-form .window .title {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

.email-account-form .window .title .label {
	font-size: .875rem;
	line-height: 65px;
	padding-left: 40px
}

.email-account-form .window .title .close {
	width: 30px;
	height: 30px;
	background: #666;
	border-radius: 50%;
	margin-right: 20px;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.email-account-form .window .content {
	font-size: .875rem
}

.email-account-form .window .content input {
	text-align: center;
	width: 320px;
	height: 54px;
	border: none;
	border-bottom: 1px solid #fff;
	font-size: 1.125rem;
	color: #fff;
	border-radius: 0;
	margin-top: 15px;
	padding-left: 10px
}

.email-account-form .window .content input::-webkit-input-placeholder {
	color: #fff;
	text-align: center
}

.email-account-form .window .content .tip {
	font-size: .875rem;
	margin-top: 20px;
	margin-bottom: 20px
}

.email-account-form .window .option {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	padding: 18px 125px;
	font-weight: bolder
}

.email-account-form .window .option>div {
	width: 100px;
	height: 44px;
	border-radius: 22px;
	font-size: .875rem;
	line-height: 44px;
	text-align: center;
	cursor: pointer
}

.email-account-form .window .option .confirm {
	background: #fdda65;
	transition: .25s;
	color: #000
}

.email-account-form .window .option .disable {
	opacity: .5
}

.email-account-form .window .option .cancel {
	border: 1px solid #666
}

.join-pro-D5m8Lb- {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.loginButton-38l9Omj {
	margin: 1.25rem auto 0;
	width: 15.625rem
}

.comingSoon-1U_8LQx {
	opacity: .2;
	text-align: center;
	margin-top: .3125rem
}

.title-1mpxkel {
	width: 70%;
	text-align: center
}

.stepFour[data-v-7ce35bba] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.stepFour p[data-v-7ce35bba] {
	margin: .625rem 0
}

.stepFour h1[data-v-7ce35bba] {
	margin-bottom: 1.25rem
}

.stepFour .button[data-v-7ce35bba] {
	margin-top: 1.25rem
}

.applyButton[data-v-7ce35bba] {
	font-family: PingFangSC-Semibold, PingFang SC, Arial, serif;
	display: block !important;
	margin: 1.25rem auto 0;
	width: 13.75rem;
	text-align: center;
	cursor: pointer;
	border: none;
	padding: 0;
	outline: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: opacity .2s ease-in-out;
	border-radius: 4.37rem;
	color: #333;
	font-size: 100%;
	line-height: 3.15;
	position: relative;
	height: 49px;
	background: #fff
}

@media ( max-width :420px) {
	.applyButton[data-v-7ce35bba] {
		position: fixed;
		bottom: 32px;
		left: calc(50% - 80px)
	}
}

.applyButton.resendButton[data-v-7ce35bba] {
	background: transparent;
	border: 1px solid #fff;
	color: #fff
}

.title-2uPX_sj {
	padding: 1.875rem 0;
	max-width: 75%;
	overflow: hidden;
	text-align: center;
	transition: all .4s
}

.title-2uPX_sj .acc-3yLpDjm {
	display: inline-block;
	min-height: 2.5rem
}

@media ( max-width :768px) {
	.title-2uPX_sj .acc-3yLpDjm {
		min-height: 1.25rem
	}
}

.join-success-z0wdSJd {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	text-align: center
}

@media ( max-width :768px) {
	.join-success-z0wdSJd {
		min-width: 0;
		width: 100%
	}
}

.buttons-3Z0lH-z {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 2.1875rem
}

.buttons-3Z0lH-z .button-3QsENzb {
	width: 15rem;
	margin: 0 .625rem
}

.login-area[data-v-0a7664da], .login[data-v-0a7664da] {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.login-area[data-v-0a7664da] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	-ms-flex-align: center;
	align-items: center
}

.login-area input[data-v-0a7664da] {
	width: 320px;
	font-size: .875rem;
	padding: 7px 0;
	text-align: center;
	margin-top: 40px
}

.login-area input.disable[data-v-0a7664da] {
	opacity: .5
}

.login-area .next[data-v-0a7664da] {
	cursor: pointer;
	font-size: 14px;
	color: #353535;
	background: #fff;
	width: 160px;
	height: 40px;
	border-radius: 20px;
	line-height: 40px;
	text-align: center;
	margin-top: 40px;
	position: relative
}

.tip[data-v-0a7664da] {
	color: #fff;
	font-size: 14px;
	padding: .5em 1em;
	margin-top: 16px;
	line-height: 16px;
	display: inline-block;
	white-space: nowrap;
	top: 100%;
	transform: translateX(-50%)
}

.tip[data-v-0a7664da], .tip[data-v-0a7664da]:before {
	background: #000;
	border-radius: 5px;
	position: absolute;
	left: 50%
}

.tip[data-v-0a7664da]:before {
	content: "";
	width: 16px;
	height: 16px;
	top: -6px;
	transform: translateX(-50%) rotate(45deg);
	z-index: -1
}

.social-login[data-v-0a7664da] {
	margin-top: 40px
}

.social-login .title[data-v-0a7664da] {
	font-size: 16px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.social-login .title .line[data-v-0a7664da] {
	width: 86px;
	height: 1px;
	background: #fff
}

.social-login .title .context[data-v-0a7664da] {
	margin: 0 10px
}

.social-login .icon[data-v-0a7664da] {
	margin-top: 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.social-login .icon .item[data-v-0a7664da] {
	width: 60px;
	height: 60px;
	border-radius: 30px;
	margin-right: 30px;
	cursor: pointer
}

.social-login .icon .item img[data-v-0a7664da] {
	width: 100%;
	height: 100%
}

.social-login .icon .item[data-v-0a7664da]:last-child {
	margin-right: 0
}

.err-tip[data-v-0a7664da] {
	font-size: 24px
}

.layer-2sKvtKD {
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%
}

@media ( max-width :1023px) {
	.layer-2sKvtKD {
		padding-top: 64px
	}
}

.close-button-1V0zLcS {
	position: absolute;
	left: 1%;
	cursor: pointer;
	font-family: PingFangSC-Semibold, PingFang SC
}

@media ( min-width :800px) {
	.close-button-1V0zLcS {
		top: 15%
	}
}

@media ( max-width :800px) {
	.close-button-1V0zLcS {
		top: 1.25rem;
		left: 10%
	}
}

.close-button-1V0zLcS .close-icon-2bR8uS0 {
	width: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

.close-button-1V0zLcS .close-icon-2bR8uS0 path {
	fill: #fff
}

.black-layer-2brd4ef {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent #000 #000
}

.black-layer-2brd4ef.new-layer-1qajLxn {
	border-color: #000
}

@media ( max-width :1023px) {
	.black-layer-2brd4ef {
		border: none;
		background: #000;
		width: 500%;
		height: 100%
	}
}

.new-wrapper-3RFzAUE {
	position: relative;
	height: 100%
}

.message[data-v-40994eaa] {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.about-us[data-v-2a690995] {
	width: 100%;
	height: 100%;
	-ms-flex-flow: column;
	flex-flow: column;
	overflow-y: auto
}

.about-us[data-v-2a690995], .close-button[data-v-2a690995] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.close-button[data-v-2a690995] {
	-ms-flex-pack: center;
	justify-content: center;
	position: static;
	transform: translate(0);
	margin: 48px 0
}

@media ( max-width :1023px) {
	.scroll[data-v-2a690995] {
		width: 100vw
	}
}

.navigation[data-v-2a690995] {
	margin-left: calc(( 100% - 877px)/2)
}

@media ( max-width :1023px) {
	.navigation[data-v-2a690995] {
		margin-left: calc(( 100% - 350px)/2)
	}
}

.content[data-v-2a690995] {
	padding-top: 25px
}

@media ( max-width :1023px) {
	.content[data-v-2a690995] {
		padding-top: 20px
	}
}

@
keyframes scroll-data-v-2a690995 { 0%{
	transform: translateX(0)
}

to {
	transform: translateX(-100%)
}

}
.productions-area[data-v-2a690995] {
	width: 100vw;
	height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

@media ( max-width :1023px) {
	.productions-area[data-v-2a690995] {
		height: 172px;
		margin-top: 20px
	}
}

.productions[data-v-2a690995] {
	width: 2174px;
	position: relative;
	animation: scroll-data-v-2a690995 50s infinite linear;
	white-space: nowrap;
	animation-play-state: paused
}

@media ( max-width :1023px) {
	.productions[data-v-2a690995] {
		width: 977px;
		animation-play-state: running;
		height: 172px
	}
}

.productions-area:hover .productions[data-v-2a690995] {
	animation-play-state: running
}

.productions .product[data-v-2a690995] {
	transition: .25s;
	height: 100%;
	margin-left: 85px;
	display: inline-block
}

@media ( max-width :1023px) {
	.productions .product[data-v-2a690995] {
		zoom: .5;
		margin-left: 40px
	}
}

.ad-click[data-v-2a690995] {
	text-align: center;
	font-size: 30px;
	font-family: Playregular, sans-serif
}

@media ( max-width :1023px) {
	.ad-click[data-v-2a690995] {
		font-size: 15px
	}
}

.ad-click span[data-v-2a690995] {
	font-size: 100px;
	font-family: Playregular, sans-serif
}

@media ( max-width :1023px) {
	.ad-click span[data-v-2a690995] {
		font-size: 70px
	}
}

.infos[data-v-2a690995] {
	display: -ms-flexbox;
	display: flex;
	font-size: 22px;
	margin-top: 20px;
	-ms-flex-pack: center;
	justify-content: center;
	font-family: Playregular, sans-serif;
	position: relative
}

@media ( max-width :1023px) {
	.infos[data-v-2a690995] {
		font-size: 12px;
		margin-bottom: 40px
	}
}

.infos .tips[data-v-2a690995] {
	font-size: 12px;
	color: #d2d2d2;
	font-style: italic;
	position: absolute
}

@media ( max-width :1023px) {
	.infos .tips[data-v-2a690995] {
		font-size: 12px;
		margin-top: 10px;
		position: absolute
	}
}

.infos .info[data-v-2a690995] {
	margin: 0 20px;
	position: relative
}

@media ( max-width :1023px) {
	.infos .info[data-v-2a690995] {
		text-align: center;
		white-space: nowrap;
		width: 33%;
		margin: 0 10px
	}
}

.infos span[data-v-2a690995] {
	font-size: 48px
}

@media ( max-width :1023px) {
	.infos span[data-v-2a690995] {
		font-size: 24px
	}
}

.productions .product[data-v-2a690995]:hover {
	transform: scale(1.1)
}

@media ( max-width :1023px) {
	.productions .product[data-v-2a690995]:hover {
		transform: scale(1)
	}
}

.copy[data-v-2a690995] {
	position: absolute;
	top: 0;
	left: 100%
}

.title[data-v-2a690995] {
	font-size: 66px;
	font-weight: 700;
	text-align: center
}

@media ( max-width :1023px) {
	.title[data-v-2a690995] {
		font-size: 22px
	}
}

.small-title[data-v-2a690995] {
	font-size: 22px;
	font-weight: 400;
	text-align: center;
	line-height: 1.5em;
	margin-top: 20px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	font-family: Playregular, sans-serif
}

@media ( max-width :1023px) {
	.small-title[data-v-2a690995] {
		font-size: 13px;
		margin-top: 10px;
		padding: 0 20px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: column;
		flex-flow: column;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.speed-safe .view-info .info[data-v-2a690995] {
	margin-right: 137px;
	position: relative
}

@media ( max-width :1023px) {
	.speed-safe .view-info .info[data-v-2a690995] {
		margin-right: 16px
	}
}

.speed-safe .view-info .tips[data-v-2a690995] {
	position: absolute;
	font-size: 12px;
	color: #d2d2d2;
	font-style: italic;
	white-space: nowrap
}

.discription[data-v-2a690995] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 25px;
	margin-bottom: 100px
}

@media ( max-width :1023px) {
	.discription[data-v-2a690995] {
		-ms-flex-flow: column;
		flex-flow: column;
		margin-top: 20px
	}
}

.discription p[data-v-2a690995] {
	width: 400px;
	font-size: 16px;
	margin-right: 20px;
	font-weight: 400;
	line-height: 1.5em;
	font-family: Mondaregular, sans-serif
}

@media ( max-width :1023px) {
	.discription p[data-v-2a690995] {
		width: 100%;
		line-height: 18px;
		font-size: 13px;
		padding: 0 20px
	}
}

.discription p[data-v-2a690995]:last-child {
	margin-right: 0
}

.stuff[data-v-2a690995] {
	-ms-flex: 1;
	flex: 1;
	transition: .25s;
	cursor: pointer;
	position: relative
}

.stuff.active[data-v-2a690995] {
	-ms-flex: 2.5;
	flex: 2.5
}

.stuff .stuff-disc[data-v-2a690995] {
	transition: .25s;
	opacity: 0;
	font-size: 22px;
	white-space: nowrap;
	position: absolute;
	top: 0;
	left: 100%;
	font-family: Mondaregular, sans-serif
}

.stuff .stuff-disc .by[data-v-2a690995] {
	position: absolute;
	right: -2em;
	top: 3rem
}

.stuff:first-child .stuff-disc[data-v-2a690995], .stuff:nth-child(2) .stuff-disc[data-v-2a690995]
	{
	left: 100%;
	right: unset
}

.stuff:nth-child(3) .stuff-disc[data-v-2a690995], .stuff:nth-child(4) .stuff-disc[data-v-2a690995]
	{
	left: unset;
	right: 100%
}

.stuff .stuff-disc.show[data-v-2a690995] {
	opacity: 1
}

.stuff img[data-v-2a690995] {
	object-fit: contain;
	width: 100%;
	height: 100%
}

.not-ad[data-v-2a690995] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	-ms-flex-align: center;
	align-items: center
}

.not-ad .title[data-v-2a690995] {
	font-size: 24px;
	margin-bottom: 10px;
	font-family: Playregular, sans-serif;
	font-weight: 400
}

.not-ad .discription[data-v-2a690995] {
	text-align: center;
	width: 700px;
	line-height: 1.5em;
	font-size: 16px;
	font-family: Mondaregular, sans-serif
}

@media ( max-width :1023px) {
	.not-ad .discription[data-v-2a690995] {
		font-size: 13px;
		width: 100%;
		padding: 0 20px
	}
}

.feature-list[data-v-2a690995] {
	margin-top: 50px;
	margin-bottom: 50px;
	-ms-flex-pack: center;
	justify-content: center;
	font-family: Playregular, sans-serif;
	display: -ms-flexbox;
	display: flex
}

@media ( max-width :1023px) {
	.feature-list[data-v-2a690995] {
		margin-top: 20px;
		margin-bottom: 20px;
		-ms-flex-flow: column;
		flex-flow: column;
		-ms-flex-align: center;
		align-items: center
	}
}

.feature-list .feature[data-v-2a690995] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column-reverse;
	flex-flow: column-reverse;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 80px;
	line-height: 2em
}

@media ( max-width :1023px) {
	.feature-list .feature[data-v-2a690995] {
		margin-right: 0;
		margin-bottom: 20px;
		line-height: unset
	}
}

.feature-list .feature[data-v-2a690995]:last-child {
	margin-right: 0
}

.feature-list .feature img[data-v-2a690995] {
	width: 282px;
	height: 138px;
	object-fit: contain
}

@media ( max-width :1023px) {
	.feature-list .feature[data-v-2a690995] {
		font-size: 12px
	}
}

.feature-list .feature .info[data-v-2a690995] {
	margin-bottom: 10px
}

.feature-list .feature .info .title[data-v-2a690995] {
	font-size: 24px;
	text-align: left;
	font-weight: 400
}

.feature-list .feature .info p[data-v-2a690995] {
	font-size: 16px;
	font-weight: 400;
	line-height: 36px
}

@media ( max-width :1023px) {
	.feature-list .feature .info p[data-v-2a690995] {
		font-size: 12px
	}
}

@media ( max-width :1023px) {
	.pro .feature-list[data-v-2a690995] {
		margin-top: 20px;
		margin-bottom: 10px;
		-ms-flex-flow: column;
		flex-flow: column;
		-ms-flex-align: start;
		align-items: flex-start
	}
	.pro .feature-list .feature[data-v-2a690995] {
		margin-bottom: 10px
	}
}

.ads .view-info[data-v-2a690995] {
	margin-top: 50px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.ads .view-info .info[data-v-2a690995] {
	position: relative;
	margin-right: 128px
}

.ads .view-info .info[data-v-2a690995]:last-child {
	margin-right: 0
}

.ads .view-info .info p[data-v-2a690995] {
	font-size: 16px;
	line-height: 36px;
	font-weight: 400
}

.speed-safe .view-info[data-v-2a690995] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 30px
}

@media ( max-width :1023px) {
	.speed-safe .view-info[data-v-2a690995] {
		margin-bottom: 40px
	}
}

.speed-safe .view-info .info[data-v-2a690995]:last-child {
	margin-right: 0
}

.speed-safe .view-info .value[data-v-2a690995] {
	font-family: Playregular, sans-serif;
	line-height: 36px
}

@media ( max-width :1023px) {
	.speed-safe .view-info .value[data-v-2a690995] {
		font-size: 15px
	}
}

.speed-safe .view-info[data-v-2a690995]:last-child {
	margin-right: 0
}

.speed-safe .view-info:last-child .value[data-v-2a690995] {
	font-family: Playregular, sans-serif;
	font-size: 64px;
	padding: 0
}

.speed-safe .view-info span[data-v-2a690995] {
	display: inline-block;
	font-size: 72px;
	margin-top: 40px;
	font-weight: 700;
	font-family: Mondaregular, sans-serif
}

@media ( max-width :1023px) {
	.speed-safe .view-info span[data-v-2a690995] {
		font-size: 36px
	}
}

.speed-safe .view-info .unit[data-v-2a690995] {
	display: inline-block;
	text-align: right
}

.speed-safe .view-info .label[data-v-2a690995] {
	font-size: 22px;
	text-align: center;
	font-family: Playregular, sans-serif;
	margin: 10px 0
}

@media ( max-width :1023px) {
	.speed-safe .view-info .label[data-v-2a690995] {
		font-size: 12px
	}
}

.pro-pic[data-v-2a690995] {
	margin: 0;
	width: 760px;
	height: 420px;
	margin-left: 64px;
	margin-top: 0
}

@media ( max-width :1023px) {
	.pro-pic[data-v-2a690995] {
		width: calc(100% - 20px);
		margin-top: 0;
		margin-left: 10px
	}
}

.prompt[data-v-2a690995] {
	position: absolute;
	top: calc(100% + 16px);
	padding: .5em 1em;
	background: #222;
	font-size: .875rem;
	border-radius: 6px
}

.social-area[data-v-2a690995] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	transition: .25s;
	background: transparent;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 10px
}

.social-area[data-v-2a690995]:hover {
	background: rgba(0, 0, 0, .25)
}

@media ( max-width :1023px) {
	.social-area[data-v-2a690995] {
		height: auto;
		position: unset;
		-ms-flex-flow: row;
		flex-flow: row;
		-ms-flex-pack: center;
		justify-content: center;
		margin: 20px 0;
		background: transparent
	}
	.social-area[data-v-2a690995]:hover {
		background: transparent
	}
}

.social-area .item[data-v-2a690995] {
	position: relative;
	margin: 10px 0
}

@media ( max-width :1023px) {
	.social-area .item[data-v-2a690995] {
		margin: 0 10px
	}
}

.social-area .prompt[data-v-2a690995] {
	width: 500%;
	height: 500%;
	position: absolute;
	display: none;
	transform: translate(calc(-100% - 20px), -50%)
}

@media ( max-width :1023px) {
	.social-area .prompt[data-v-2a690995] {
		top: 0;
		left: 50%;
		transform: translate(-50%, calc(-100% - 20px));
		opacity: 1;
		padding: 5px;
		z-index: 2
	}
	.social-area .prompt.bottom[data-v-2a690995] {
		top: unset;
		bottom: 0;
		transform: translate(-50%, calc(100% + 20px))
	}
}

.social-area .prompt img[data-v-2a690995] {
	width: 100%;
	height: 100%
}

.social-area a:hover .prompt[data-v-2a690995] {
	display: block
}

.features-list[data-v-2a690995] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: start;
	align-items: flex-start;
	overflow: hidden
}

.features-list .feature-list[data-v-2a690995] {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column
}

@media ( max-width :1023px) {
	.features-list .feature-list[data-v-2a690995] {
		width: 50%
	}
}

.features-list .feature-list[data-v-2a690995]:first-child {
	margin-left: 64px
}

@media ( max-width :1023px) {
	.features-list .feature-list[data-v-2a690995]:first-child {
		margin-left: 10px
	}
}

.features-list .feature-list[data-v-2a690995]:last-child {
	margin-left: 200px
}

@media ( max-width :1023px) {
	.features-list .feature-list[data-v-2a690995]:last-child {
		margin-left: 0
	}
}

.features-list .feature-list .feature[data-v-2a690995] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row;
	flex-flow: row
}

.features-list .feature-list .feature img[data-v-2a690995] {
	width: 22px;
	height: 22px;
	margin-right: 8px
}

.features-list .feature-list .feature p[data-v-2a690995] {
	font-size: 16px;
	font-weight: 400;
	font-family: Mondaregular, sans-serif;
	white-space: nowrap
}

@media ( max-width :1023px) {
	.features-list .feature-list .feature p[data-v-2a690995] {
		font-size: 12px
	}
}

.emailstr[data-v-2a690995] {
	display: block
}

.no-margin[data-v-2a690995] {
	margin: 0 !important
}

.button.disable[data-v-2a690995] {
	opacity: .7;
	cursor: not-allowed
}

.applyButton[data-v-2a690995] {
	font-family: PingFangSC-Semibold, PingFang SC, Arial, serif;
	display: block !important;
	margin: 1.25rem auto 0;
	width: 13.75rem;
	text-align: center;
	cursor: pointer;
	border: none;
	padding: 0;
	outline: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: opacity .2s ease-in-out;
	border-radius: 4.37rem;
	color: #333;
	font-size: 100%;
	line-height: 3.25;
	position: relative;
	height: 49px;
	background: #fdda65
}

@media ( max-width :420px) {
	.applyButton[data-v-2a690995] {
		position: fixed;
		bottom: 32px;
		left: calc(50% - 80px)
	}
}

.applyButton.resendButton[data-v-2a690995] {
	background: transparent;
	border: 1px solid #fff;
	color: #fff
}

.email-area[data-v-2a690995] {
	width: 760px;
	margin-left: 64px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-align: center;
	align-items: center;
	background: #fff;
	padding: .5em;
	margin-top: 32px;
	margin-bottom: 64px;
	animation: identifier .5s forwards;
	animation-delay: 1s;
	border-radius: 2em;
	font-family: Mondaregular, sans-serif
}

.email-area .input[data-v-2a690995] {
	-ms-flex: 1;
	flex: 1;
	margin-left: 32px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.email-area input[data-v-2a690995] {
	text-align: center;
	transition: .5s;
	padding: .5em 1em;
	color: #000;
	border-color: #000;
	width: 60%
}

@media ( max-width :420px) {
	.email-area input[data-v-2a690995] {
		width: 260px
	}
}

.email-area input[data-v-2a690995]::-moz-placeholder {
	color: #000 !important;
	opacity: .5
}

.email-area input[data-v-2a690995]::-webkit-input-placeholder {
	color: #000 !important;
	opacity: .5
}

.email-area input[data-v-2a690995]:focus {
	width: 580px;
	width: 70%
}

@media ( max-width :420px) {
	.email-area input[data-v-2a690995]:focus {
		width: 280px
	}
}

.email-area input.error[data-v-2a690995] {
	color: red
}

.email-area input.error[data-v-2a690995]:focus {
	color: #000
}

.email-area .button.applyButton.email[data-v-2a690995] {
	position: relative;
	margin: 0 !important;
	margin-left: 32px !important;
	width: 180px
}

.stuff-list[data-v-2a690995] {
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	-ms-flex-align: end;
	align-items: flex-end;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 50%
}

@media ( max-width :1023px) {
	.stuff-list[data-v-2a690995] {
		width: 100%
	}
}

.contact-us .discription[data-v-2a690995] {
	margin-top: 20px;
	font-size: 22px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%)
}

@media ( max-width :1023px) {
	.contact-us .discription[data-v-2a690995] {
		font-size: 13px
	}
}

.contact-us .discription .text[data-v-2a690995] {
	display: inline;
	position: relative;
	white-space: nowrap
}

.contact-us .discription .by[data-v-2a690995] {
	text-align: right;
	position: absolute;
	transform: translateX(3em);
	margin-top: 10px
}

@media ( max-width :1023px) {
	.contact-us .discription .by[data-v-2a690995] {
		right: 20px
	}
}

a[data-v-2a690995] {
	color: #fff
}

.login[data-v-0ac97e8f] {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.next-area[data-v-0ac97e8f] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 40px;
	position: relative
}

.next-area .next[data-v-0ac97e8f] {
	margin: 0 !important
}

.next-area .forget-password[data-v-0ac97e8f] {
	position: absolute;
	left: calc(100% + 16px);
	white-space: nowrap;
	cursor: pointer;
	font-size: 14px
}

.login-area[data-v-0ac97e8f] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.login-area input[data-v-0ac97e8f] {
	width: 320px;
	font-size: .875rem;
	font-weight: bolder;
	padding: 7px 0;
	text-align: center;
	margin-top: 40px
}

.login-area input.disable[data-v-0ac97e8f] {
	opacity: .5
}

.login-area .next[data-v-0ac97e8f] {
	font-size: .875rem;
	font-weight: bolder;
	color: #353535;
	background: #fff;
	width: 160px;
	height: 40px;
	border-radius: 20px;
	line-height: 40px;
	text-align: center;
	margin-top: 40px;
	cursor: pointer;
	position: relative
}

.tip[data-v-0ac97e8f] {
	color: #fff;
	font-size: 14px;
	padding: .5em 1em;
	margin-top: 16px;
	line-height: 16px;
	display: inline-block;
	white-space: nowrap;
	text-align: center;
	top: 100%;
	transform: translateX(-50%)
}

.tip[data-v-0ac97e8f], .tip[data-v-0ac97e8f]:before {
	background: #000;
	border-radius: 5px;
	position: absolute;
	left: 50%
}

.tip[data-v-0ac97e8f]:before {
	content: "";
	width: 16px;
	height: 16px;
	top: -6px;
	transform: translateX(-50%) rotate(45deg);
	z-index: -1
}

.social-login[data-v-0ac97e8f] {
	margin-top: 3.75rem
}

.social-login .title[data-v-0ac97e8f] {
	font-size: .875rem;
	font-weight: bolder;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.social-login .title .line[data-v-0ac97e8f] {
	width: 86px;
	height: 1px;
	background: #fff
}

.social-login .title .context[data-v-0ac97e8f] {
	margin: 0 10px
}

.social-login .icon[data-v-0ac97e8f] {
	margin-top: 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center
}

.social-login .icon .item[data-v-0ac97e8f] {
	width: 2.1875rem;
	height: 2.1875rem;
	border-radius: 30px;
	margin-right: 30px;
	cursor: pointer
}

.social-login .icon .item img[data-v-0ac97e8f] {
	width: 100%;
	height: 100%;
	cursor: pointer
}

.social-login .icon .item[data-v-0ac97e8f]:last-child {
	margin-right: 0
}

.container-2BlrGuU {
	position: absolute;
	width: 50%;
	height: 100%;
	min-width: 210px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	overflow-y: scroll;
	font-size: .875rem;
	line-height: 2;
	margin-bottom: 1.5625rem;
	max-height: 60%;
	padding: 1.25rem;
	letter-spacing: 1px
}

@media ( max-width :1023px) {
	.container-2BlrGuU {
		width: 80%
	}
}

.container-lAVIVFS {
	width: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-bottom: 1.25rem
}

.container-lAVIVFS button {
	width: 11.25rem
}

@media ( max-width :1023px) {
	.container-lAVIVFS {
		width: 70%
	}
}

.question[data-v-bd8afbec] {
	width: 100vw;
	height: 100vh;
	position: relative
}

.button-box[data-v-bd8afbec] {
	width: 180px;
	height: 50px;
	margin-top: 32px
}

.button[data-v-bd8afbec] {
	width: 180px
}

.out[data-v-bd8afbec] {
	transform: translateX(-100%)
}

.thanks[data-v-bd8afbec] {
	width: 100%;
	height: 100%;
	position: absolute;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	transform: translateX(100%);
	transition: .5s;
	top: 0
}

.thanks.out[data-v-bd8afbec] {
	transform: translateX(0)
}

.controll[data-v-bd8afbec] {
	position: absolute;
	bottom: 48px;
	transition: .5s;
	width: 100vw;
	text-align: center;
	z-index: 9;
	margin: auto
}

.swiper-container[data-v-bd8afbec] {
	transition: .5s;
	height: 100%
}

.socialIcon[data-v-bd8afbec] {
	width: 40px;
	transition: .5s;
	opacity: 1
}

@media ( max-width :1023px) {
	.socialIcon[data-v-bd8afbec] {
		width: 25px
	}
}

a[data-v-bd8afbec] {
	color: #fff
}

.swiper-pagination-bullet-active[data-v-bd8afbec] {
	opacity: 1;
	background: #fff
}

.prompt[data-v-bd8afbec] {
	position: absolute;
	overflow: visible;
	background: #222;
	line-height: 1.5;
	font-size: .875rem;
	border-radius: 6px;
	left: -22%;
	top: -420%;
	display: none
}

.prompt img[data-v-bd8afbec] {
	width: 150px;
	border-radius: 5px
}

.socialArea a:first-child:hover .prompt[data-v-bd8afbec] {
	display: block
}

.swiper-slide[data-v-bd8afbec] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	-ms-flex-pack: center;
	justify-content: center
}

.swiper-slide .question-content[data-v-bd8afbec] {
	width: 60%;
	margin: auto;
	line-height: 1.5
}

.swiper-slide .question-content p[data-v-bd8afbec] {
	transition: .5s;
	font-weight: 700
}

.swiper-slide .question-content label[data-v-bd8afbec] {
	display: block;
	display: -ms-flexbox;
	display: flex;
	margin: 16px 0
}

.swiper-slide .question-content label p[data-v-bd8afbec] {
	margin-left: 16px;
	font-size: 18px
}

.swiper-slide .question-content input[data-v-bd8afbec] {
	width: unset;
	display: inline;
	font-size: 18px;
	font-weight: bolder;
	margin-right: 16px
}

.swiper-slide .question-content input[type=text][data-v-bd8afbec] {
	width: 50% !important;
	margin: 0
}

.swiper-slide .question-content input[type=radio][data-v-bd8afbec] {
	display: none
}

.swiper-slide .question-content input[type=radio]+span[data-v-bd8afbec]
	{
	cursor: pointer;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	border: 3px solid #fff;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	border-radius: 16px;
	position: relative
}

.swiper-slide .question-content input[type=radio]+span[data-v-bd8afbec]:after
	{
	content: "";
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	transform: rotate(-45deg) scale(0);
	opacity: 0;
	transition: .25s
}

.swiper-slide .question-content input[type=radio]:checked+span[data-v-bd8afbec]:after
	{
	opacity: 1;
	transform: rotate(-45deg) scale(1)
}

@media ( max-width :1023px) {
	.swiper-slide .question-content[data-v-bd8afbec] {
		width: 80%
	}
}

.swiper-slide .question-content h1[data-v-bd8afbec] {
	margin-bottom: 32px;
	transition: .5s
}

@media ( max-width :1023px) {
	.swiper-slide .question-content h1[data-v-bd8afbec] {
		margin-bottom: .8em
	}
}

.swiper-slide .question-content h2[data-v-bd8afbec] {
	transition: .5s;
	font-weight: 700
}

.swiper-slide .question-content .highlightContent[data-v-bd8afbec] {
	font-style: italic;
	margin: 1em 0
}

.swiper-slide .question-content .securityContent[data-v-bd8afbec] {
	margin-top: .625rem
}

.swiper-slide .question-content h1[data-v-bd8afbec]:hover, .swiper-slide .question-content h2[data-v-bd8afbec]:hover,
	.swiper-slide .question-content p[data-v-bd8afbec]:hover {
	transform: scale(.98)
}

.v-enter[data-v-bd8afbec], .v-leave-to[data-v-bd8afbec] {
	opacity: 0
}

.discount-percentage[data-v-0ed14754] {
	position: absolute;
	top: .625rem;
	left: .625rem;
	background: #fcdb65;
	border-radius: 3px 0 0 3px;
	color: #000;
	display: inline-block;
	height: 26px;
	line-height: 26px;
	padding: 0 20px 0 23px;
	margin: 0 10px 10px 0;
	text-decoration: none;
	-webkit-transition: color .2s
}

.newFeature[data-v-0ed14754] {
	width: 3.75rem;
	height: 1.875rem;
	border: 2px solid #fff;
	text-align: center;
	font-weight: bolder;
	border-radius: 1.25rem;
	color: #fff;
	font-size: .875rem;
	margin-left: .3125rem
}

.discount-percentage[data-v-0ed14754]:after {
	background: #000;
	border-bottom: 13px solid transparent;
	border-left: 10px solid #fcdb65;
	border-top: 13px solid transparent;
	content: "";
	position: absolute;
	right: 0;
	top: 0
}

.discount-percentage[data-v-0ed14754]:before {
	background: #000;
	border-radius: 10px;
	box-shadow: inset 0 1px rgba(0, 0, 0, .25);
	content: "";
	height: 6px;
	left: 10px;
	position: absolute;
	width: 6px;
	top: 10px
}

.originalPrice[data-v-0ed14754] {
	margin: 0 auto !important
}

.originalPrice.discount[data-v-0ed14754] {
	max-width: 60%
}

.discount-title-margin[data-v-0ed14754] {
	margin-bottom: .78rem !important
}

.button.disable[data-v-0ed14754] {
	opacity: .7;
	cursor: not-allowed
}

.text[data-v-0ed14754] {
	-ms-flex: 1;
	flex: 1
}

.text p[data-v-0ed14754] {
	width: 100%;
	font-weight: bolder;
	text-align: left;
	font-size: 3rem;
	margin-bottom: .9375rem;
	color: #fcdb65
}

.product-intro[data-v-0ed14754] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin-bottom: 5rem
}

.product-intro p[data-v-0ed14754] {
	font-family: Playregular, sans-serif
}

.product-intro div[data-v-0ed14754] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-flow: column;
	flex-flow: column
}

.lastFeature[data-v-0ed14754] {
	margin-right: 0 !important
}

.features[data-v-0ed14754] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 10rem
}

.features>div[data-v-0ed14754] {
	width: 320px;
	margin-right: 1rem
}

.features img[data-v-0ed14754] {
	width: 100%;
	border: 6px solid #eee;
	border-radius: 4px
}

.features img+p[data-v-0ed14754] {
	margin-top: 1.25rem;
	line-height: 1.5em;
	text-align: left;
	font-weight: bolder;
	font-size: 1.125rem
}

.features p+p[data-v-0ed14754] {
	line-height: 1.5em;
	text-align: left;
	font-weight: 400
}

.button.applyButton.email[data-v-0ed14754] {
	margin-bottom: 128px !important;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	font-family: Mondaregular, sans-serif !important
}

.button.applyButton.email.go-email[data-v-0ed14754] {
	margin: unset !important;
	margin-top: 16px !important
}

@media ( max-width :1023px) {
	.proRegister[data-v-0ed14754] {
		display: none
	}
}

.notification[data-v-0ed14754] {
	position: absolute;
	bottom: 20px;
	text-align: center
}

.notification .tooltip[data-v-0ed14754] {
	margin-bottom: .9375rem;
	position: relative;
	background-color: #000;
	color: #fff;
	border-radius: 12px;
	line-height: 1.5;
	padding: .9375rem;
	opacity: 1;
	transition: opacity .5s
}

.notification .tooltip span[data-v-0ed14754] {
	text-align: left;
	display: block
}

.notification .tooltip[data-v-0ed14754] :before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 3px;
	transform: rotate(-45deg) translateX(-50%);
	position: absolute;
	left: 50%;
	bottom: 0;
	background-color: #000
}

.proEntry[data-v-0ed14754] {
	position: absolute;
	right: -180px;
	top: 35vh;
	z-index: 5;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer
}

.proEntry[data-v-0ed14754]:hover {
	animation: left-data-v-0ed14754 .5s ease-in-out infinite alternate
}

.proEntry .waterMask[data-v-0ed14754] {
	width: 280px;
	height: 250px;
	background: #fff;
	border-radius: 50%;
	animation: rotate-data-v-0ed14754 5s linear infinite
}

.proEntry .entryContext[data-v-0ed14754] {
	color: #000;
	transform: rotate(90deg);
	position: absolute;
	left: 2.5rem;
	letter-spacing: .1875rem;
	font-weight: 700;
	animation: entry-context-data-v-0ed14754 5s ease-in-out infinite
}

.accountTypeBox[data-v-0ed14754] {
	-ms-flex: 1;
	flex: 1;
	width: 60%;
	min-width: 75rem;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

.accountTypeBox>li.active[data-v-0ed14754] {
	color: #fff;
	box-shadow: 10px 10px 50px rgba(0, 0, 0, .5)
}

.accountTypeBox>li[data-v-0ed14754] {
	position: relative;
	list-style: none;
	-ms-flex: 1;
	flex: 1;
	margin: 2rem .2rem;
	border-radius: 10px;
	color: #fff;
	padding: 4em;
	transition: .5s;
	background: rgba(0, 0, 0, .8)
}

.accountTypeBox>li .discount[data-v-0ed14754] {
	color: #000;
	background-color: #fdda65;
	padding: .125rem .3125rem;
	margin-left: .3125rem;
	border-radius: 3.125rem
}

.accountTypeBox>li h1[data-v-0ed14754] {
	margin-bottom: 1.25rem
}

.accountTypeBox>li h2[data-v-0ed14754] {
	margin-bottom: 2rem;
	font-family: Mondaregular, sans-serif
}

.accountTypeBox>li h2 .year[data-v-0ed14754] {
	font-size: .875rem
}

.accountTypeBox>li h2.monthPadding[data-v-0ed14754] {
	margin-bottom: 1rem
}

.accountTypeBox>li h2.narrowBottom[data-v-0ed14754] {
	margin-bottom: .5rem;
	font-family: Playregular, sans-serif
}

.accountTypeBox>li h3[data-v-0ed14754] {
	margin-bottom: 2rem;
	font-family: Mondaregular, sans-serif
}

.accountTypeBox>li p[data-v-0ed14754] {
	margin: 1rem 0;
	font-family: Mondaregular, sans-serif
}

.accountTypeBox>li p.feature[data-v-0ed14754] {
	margin: 2rem 0;
	padding-bottom: 1rem;
	border-bottom: 1px solid #d9d9d9
}

.accountTypeBox>li p.important[data-v-0ed14754] {
	color: #fdda65
}

.accountTypeBox>li p.dontHave[data-v-0ed14754] {
	color: #999
}

.accountTypeBox>li p.narrow[data-v-0ed14754] {
	margin: .5rem
}

.accountTypeBox>li .seprateLine[data-v-0ed14754] {
	width: 100%;
	height: 1px;
	margin: 2rem 0
}

.registerPage.bg-wrapper[data-v-0ed14754] {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(-45deg, #09203f, #527795, #0e3263, #537895);
	background-size: 400% 400%;
	animation: Gradient 10s ease infinite;
	z-index: 10;
	text-align: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.stepFour[data-v-0ed14754], .stepThree[data-v-0ed14754], .stepTwo[data-v-0ed14754]
	{
	padding: 180px 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media ( max-width :420px) {
	.stepFour[data-v-0ed14754], .stepThree[data-v-0ed14754], .stepTwo[data-v-0ed14754]
		{
		width: 100%;
		padding-top: 100px
	}
}

.registerPage[data-v-0ed14754] {
	width: 100%;
	background: linear-gradient(-45deg, #2a363b, #355c7d, #61516e, #537895);
	background-size: 400% 400%;
	animation: Gradient 7s ease infinite;
	height: 100vh;
	overflow-y: scroll;
	position: absolute;
	top: 0
}

.registerPage .stepFour[data-v-0ed14754], .registerPage .stepOne[data-v-0ed14754],
	.registerPage .stepTwo[data-v-0ed14754] {
	height: 100vh;
	text-align: center
}

.registerPage .stepFour>h1[data-v-0ed14754], .registerPage .stepOne>h1[data-v-0ed14754],
	.registerPage .stepTwo>h1[data-v-0ed14754] {
	margin-bottom: 2.1875rem
}

.registerPage .stepFour .applyButton[data-v-0ed14754], .registerPage .stepOne .applyButton[data-v-0ed14754],
	.registerPage .stepTwo .applyButton[data-v-0ed14754] {
	font-family: PingFangSC-Semibold, PingFang SC, Arial, serif;
	display: block !important;
	margin: 1.25rem auto 0;
	width: 13.75rem;
	text-align: center;
	cursor: pointer;
	border: none;
	padding: 0;
	outline: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: opacity .2s ease-in-out;
	border-radius: 4.37rem;
	color: #333;
	font-size: 100%;
	line-height: 3.25;
	position: relative;
	height: 49px;
	background: #fdda65
}

@media ( max-width :420px) {
	.registerPage .stepFour .applyButton[data-v-0ed14754], .registerPage .stepOne .applyButton[data-v-0ed14754],
		.registerPage .stepTwo .applyButton[data-v-0ed14754] {
		position: fixed;
		bottom: 32px;
		left: calc(50% - 80px)
	}
}

.registerPage .stepFour .applyButton.resendButton[data-v-0ed14754],
	.registerPage .stepOne .applyButton.resendButton[data-v-0ed14754],
	.registerPage .stepTwo .applyButton.resendButton[data-v-0ed14754] {
	background: transparent;
	border: 1px solid #fff;
	color: #fff
}

@media ( max-width :420px) {
	.registerPage .stepTwo[data-v-0ed14754] {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: column;
		flex-flow: column;
		-ms-flex-align: center;
		align-items: center
	}
}

.registerPage .domainName[data-v-0ed14754], .registerPage .email[data-v-0ed14754]
	{
	width: 100%;
	margin: 3.75rem 0 5rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

@media ( max-width :768px) {
	.registerPage .domainName[data-v-0ed14754], .registerPage .email[data-v-0ed14754]
		{
		width: 17.5rem
	}
}

@
keyframes identifier-data-v-0ed14754 { 0%{
	transform: translate(-50%, 150%);
	opacity: 1
}

to {
	transform: translate(-50%);
	opacity: 1
}

}
.registerPage input[data-v-0ed14754] {
	text-align: center;
	width: 480px;
	transition: .5s;
	padding: .5em 1em
}

@media ( max-width :420px) {
	.registerPage input[data-v-0ed14754] {
		width: 260px
	}
}

.registerPage input[data-v-0ed14754]:focus {
	width: 580px
}

@media ( max-width :420px) {
	.registerPage input[data-v-0ed14754]:focus {
		width: 280px
	}
}

.registerPage .email-area[data-v-0ed14754] {
	position: fixed;
	width: 50%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-align: center;
	align-items: center;
	bottom: .5em;
	left: 50%;
	background: #fff;
	padding: .5em;
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, .7);
	transform: translate(-50%, 150%);
	animation: identifier-data-v-0ed14754 .5s forwards;
	animation-delay: 1s;
	border-radius: 2em;
	font-family: Mondaregular, sans-serif
}

.registerPage .email-area .input[data-v-0ed14754] {
	-ms-flex: 1;
	flex: 1;
	margin-left: 32px
}

.registerPage .email-area input[data-v-0ed14754] {
	color: #000;
	border-color: #000;
	width: 60%
}

.registerPage .email-area input[data-v-0ed14754]::-webkit-input-placeholder
	{
	color: #000 !important;
	opacity: .5
}

.registerPage .email-area input[data-v-0ed14754]::-moz-placeholder {
	color: #000 !important;
	opacity: .5
}

.registerPage .email-area input[data-v-0ed14754]:focus {
	width: 70%
}

.registerPage .email-area input.error[data-v-0ed14754] {
	color: red
}

.registerPage .email-area input.error[data-v-0ed14754]:focus {
	color: #000
}

.registerPage .email-area .button.applyButton.email[data-v-0ed14754] {
	position: relative;
	margin: 0 !important;
	margin-left: 32px !important
}

.registerPage .prompt[data-v-0ed14754] {
	position: absolute;
	top: calc(100% + 16px);
	padding: .5em 1em;
	background: #222;
	font-size: .875rem;
	border-radius: 6px
}

.registerPage .stepThree[data-v-0ed14754] {
	text-align: center
}

@media ( max-width :420px) {
	.registerPage .stepThree[data-v-0ed14754] {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: column;
		flex-flow: column;
		min-width: unset;
		width: 100%
	}
	.registerPage .stepThree .accountTypeBox[data-v-0ed14754] {
		-ms-flex-flow: column;
		flex-flow: column
	}
}

.registerPage .stepFour p[data-v-0ed14754] {
	margin: .625rem 0
}

.registerPage .stepFour h1[data-v-0ed14754] {
	margin-bottom: 1.25rem
}

.registerPage .stepFour .button[data-v-0ed14754] {
	margin-top: 1.25rem
}

.button-area[data-v-0ed14754] {
	height: 80px
}

.socialButton[data-v-0ed14754] {
	cursor: pointer;
	width: 100%;
	margin: 0 auto
}

.socialButton button[data-v-0ed14754] {
	cursor: pointer;
	background-color: #fdda65;
	margin-bottom: 20px
}

.socialButton button[data-v-0ed14754]:hover {
	background-color: #cfb352
}

@media ( max-width :420px) {
	.socialButton[data-v-0ed14754] {
		margin: 16px 0
	}
}

.socialButtonGray[data-v-0ed14754] {
	min-width: 200px;
	margin: 0 auto;
	background-color: #999 !important
}

@media ( max-width :420px) {
	.socialButtonGray[data-v-0ed14754] {
		margin: 16px 0
	}
}

.v-enter[data-v-0ed14754] {
	opacity: 0;
	transform: translateX(50%)
}

.v-leave-to[data-v-0ed14754] {
	opacity: 0;
	transform: translateY(-50%)
}

.v-enter-active[data-v-0ed14754] {
	transition: all .5s ease;
	transition-delay: .5s
}

.v-enter-active .notification[data-v-0ed14754] {
	opacity: 0
}

.v-leave-active[data-v-0ed14754] {
	transition: all .5s ease-out
}

.fade-enter[data-v-0ed14754], .fade-leave-to[data-v-0ed14754],
	.v-leave-active .notification[data-v-0ed14754] {
	opacity: 0
}

.fade-enter-active[data-v-0ed14754], .fade-leave-active[data-v-0ed14754]
	{
	transition: all .5s ease
}

@
keyframes left-data-v-0ed14754 { 0%{
	transform: translateX(0)
}

to {
	transform: translateX(-16px)
}

}
@
keyframes rotate-data-v-0ed14754 { 0%{
	transform: rotate(0)
}

to {
	transform: rotate(1turn)
}

}
@
keyframes entry-context-data-v-0ed14754 { 0%{
	transform: translate(0) rotate(90deg)
}

50%{
transform
:translate
(-5px
,
7
px
)
 
rotate
(90deg)
}
to {
	transform: translate(0) rotate(90deg)
}

}
.registerPage .stepOne[data-v-0ed14754] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 100px 0;
	padding-bottom: 0
}

.registerPage .stepOne .img[data-v-0ed14754] {
	-ms-flex: 2;
	flex: 2;
	margin-left: 5%
}

.registerPage .stepOne .img img[data-v-0ed14754] {
	width: 100%
}

.registerPage .stepOne li[data-v-0ed14754] {
	font-size: 1.25rem;
	margin-bottom: .9375rem;
	display: -ms-flexbox;
	display: flex;
	text-align: left;
	-ms-flex-align: center;
	align-items: center;
	font-weight: bolder;
	font-family: Mondaregular, sans-serif
}

.registerPage .stepOne li .checkImage[data-v-0ed14754] {
	width: 24px;
	height: 24px;
	margin-right: 24px
}

.registerPage .stepOne li .special[data-v-0ed14754] {
	color: #fcdb65;
	font-weight: bolder
}

.registerPage .stepOne li.important[data-v-0ed14754] {
	color: #fcdb65
}

.registerPage .stepOne .feature-box p[data-v-0ed14754] {
	text-align: justify
}

.registerPage .stepOne .feature-box .subTitle[data-v-0ed14754] {
	margin-bottom: .625rem;
	text-align: center
}

.stepOne.beta[data-v-0ed14754] {
	display: block;
	padding-left: 20%;
	padding-right: 20%
}

.stepOne.beta h1[data-v-0ed14754] {
	margin-bottom: 2em
}

.title[data-v-0ed14754] {
	text-align: center;
	margin-top: 9.6rem;
	margin-bottom: 4.8rem
}

@media ( max-width :420px) {
	.title[data-v-0ed14754] {
		margin-top: 5rem;
		margin-bottom: 2rem
	}
}

@media ( max-width :320px) {
	.title[data-v-0ed14754] {
		margin-top: 4.5rem;
		margin-bottom: 1.5rem
	}
}

.feature-box[data-v-0ed14754] {
	margin: auto;
	width: 70%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

@media ( max-width :420px) {
	.feature-box[data-v-0ed14754] {
		width: 95%;
		-ms-flex-flow: column;
		flex-flow: column
	}
}

@media ( max-width :320px) {
	.feature-box[data-v-0ed14754] {
		width: 85%
	}
}

.feature-box>div[data-v-0ed14754] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: center;
	-ms-flex-flow: column;
	flex-flow: column;
	-ms-flex: 1;
	flex: 1;
	margin: 0 1.5rem
}

@media ( max-width :420px) {
	.feature-box>div[data-v-0ed14754] {
		-ms-flex-flow: row;
		flex-flow: row
	}
	.feature-box>div .subTitle+p[data-v-0ed14754] {
		display: none
	}
}

.feature-box>div div[data-v-0ed14754] {
	height: 110px;
	font-weight: 600
}

@media ( max-width :420px) {
	.feature-box>div div[data-v-0ed14754] {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-flow: column;
		flex-flow: column;
		-ms-flex-pack: start;
		justify-content: flex-start;
		height: 80px;
		margin: 4px 0
	}
}

.feature-box>div>.des[data-v-0ed14754] {
	-ms-flex: 1;
	flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-flow: column;
	flex-flow: column
}

@media ( max-width :420px) {
	.feature-box>div>.des[data-v-0ed14754] {
		-ms-flex-flow: row;
		flex-flow: row;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-ms-flex-align: center;
		align-items: center
	}
}

.icon[data-v-0ed14754] {
	width: 100px;
	margin-left: 5px;
	vertical-align: baseline;
	fill: #333
}

@media ( max-width :420px) {
	.icon[data-v-0ed14754] {
		width: 72px;
		margin-right: 24px;
		margin-top: 13px
	}
}

@media ( max-width :320px) {
	.icon[data-v-0ed14754] {
		width: 48px;
		margin-right: 16px;
		margin-top: 20px
	}
}

.icon svg[data-v-0ed14754] {
	fill: inherit;
	display: block
}

.icon path[data-v-0ed14754] {
	fill: inherit
}

.login-area[data-v-0ed14754] {
	-ms-flex: 1;
	flex: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 32px
}

@media ( max-width :420px) {
	.login-area[data-v-0ed14754] {
		-ms-flex-flow: column;
		flex-flow: column;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-ms-flex-align: center;
		align-items: center;
		margin: 0;
		padding-bottom: 32px
	}
}

.SwitchBut[data-v-0ed14754] {
	position: relative
}

.SwitchBut .tip[data-v-0ed14754] {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(calc(100% + 16px), -50%);
	background: #fff;
	color: #000;
	padding: .5em 1em;
	border-radius: 6px;
	font-family: Mondaregular, sans-serif
}

.SwitchBut .tip[data-v-0ed14754]:after {
	width: 16px;
	height: 16px;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-30%, -50%) rotate(45deg);
	border-radius: 4px;
	background: #fff
}

.wrapper[data-v-f36af3c2] {
	background-color: #fff;
	z-index: 99
}

.logo[data-v-f36af3c2] {
	width: 100px;
	position: absolute;
	left: 50%;
	top: 50%;
	transition: .5s;
	transform: translate(-50%, -50%) scale(5)
}

@media ( max-width :1023px) {
	.logo[data-v-f36af3c2] {
		transform: translateX(-40px) scale(2.5)
	}
}

.logo svg[data-v-f36af3c2] {
	overflow: visible
}

.line[data-v-f36af3c2] {
	fill: red
}

@
keyframes draw-data-v-f36af3c2 { 0%{
	transform: rotateY(90deg)
}

50%{
transform
:rotateY(0deg)
}
to {
	transform: rotateY(-90deg)
}

}
@
keyframes hid-data-v-f36af3c2 { 0%{
	opacity: 0
}

50%{
opacity
:
0
}
to {
	opacity: 0
}

}
.wrapper-15sg5d4 {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	text-align: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.wrapper-15sg5d4 svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.wrapper-15sg5d4 .title-3r7IP-w {
	position: relative;
	z-index: 2;
	font-weight: 700
}

@
keyframes step-m-data-v-2f0aee04 { 0%{
	width: 44px;
	transform: translateX(0);
	max-height: 44px;
	padding-bottom: 0;
	overflow: hidden
}

40%{
width
:
44px;transform
:translateX(320px)
;max-height
:
44px;padding-bottom
:
0;overflow
:hidden
}
60%{
width
:
300px;transform
:translateX(310px)
;max-height
:
44px;padding-bottom
:
0;overflow
:hidden
}
70%{
width
:
300px;transform
:translateX(310px)
;max-height
:
44px;padding-bottom
:
0;overflow
:hidden
}
to {
	width: 300px;
	transform: translateX(310px);
	max-height: 280px;
	padding-bottom: 70px;
	overflow: visible
}

}
@
keyframes step-data-v-2f0aee04 { 0%{
	width: 44px;
	transform: translateX(0);
	max-height: 44px;
	padding-bottom: 0;
	overflow: hidden
}

40%{
width
:
44px;transform
:translateX(400px)
;max-height
:
44px;padding-bottom
:
0;overflow
:hidden
}
60%{
width
:
360px;transform
:translateX(390px)
;max-height
:
44px;padding-bottom
:
0;overflow
:hidden
}
70%{
width
:
340px;transform
:translateX(390px)
;max-height
:
44px;padding-bottom
:
0;overflow
:hidden
}
to {
	width: 340px;
	transform: translateX(390px);
	max-height: 280px;
	padding-bottom: 70px;
	overflow: visible
}

}
@
keyframes step-r-m-data-v-2f0aee04 { 0%{
	width: 300px;
	transform: translateX(310px);
	max-height: 280px;
	padding-bottom: 70px;
	overflow: visible
}

30%{
width
:
300px;transform
:translateX(310px)
;max-height
:
44px;padding-bottom
:
0;overflow
:hidden
}
40%{
width
:
300px;transform
:translateX(310px)
;max-height
:
44px;padding-bottom
:
0;overflow
:hidden
}
60%{
width
:
44px;transform
:translateX(340px)
;max-height
:
44px;padding-bottom
:
0;overflow
:hidden
}
to {
	width: 44px;
	transform: translateX(0);
	max-height: 44px;
	padding-bottom: 0;
	overflow: hidden
}

}
@
keyframes step-r-data-v-2f0aee04 { 0%{
	width: 340px;
	transform: translateX(390px);
	max-height: 280px;
	padding-bottom: 70px;
	overflow: visible
}

30%{
width
:
340px;transform
:translateX(390px)
;max-height
:
44px;padding-bottom
:
0;overflow
:hidden
}
40%{
width
:
360px;transform
:translateX(390px)
;max-height
:
44px;padding-bottom
:
0;overflow
:hidden
}
60%{
width
:
44px;transform
:translateX(400px)
;max-height
:
44px;padding-bottom
:
0;overflow
:hidden
}
to {
	width: 44px;
	transform: translateX(0);
	max-height: 44px;
	padding-bottom: 0;
	overflow: hidden
}

}
@
keyframes fadeIn-data-v-2f0aee04 { 0%{
	opacity: 0;
	transform: scale(0)
}

to {
	opacity: 1;
	transform: scale(1)
}

}
@
keyframes fadeOut-data-v-2f0aee04 { 0%{
	opacity: 1;
	transform: scale(1)
}

to {
	opacity: 0;
	transform: scale(0)
}

}
.show[data-v-2f0aee04] {
	animation: fadeIn-data-v-2f0aee04 .5s forwards
}

.hidden[data-v-2f0aee04] {
	animation: fadeOut-data-v-2f0aee04 .5s forwards
}

.close[data-v-2f0aee04] {
	animation: step-r-data-v-2f0aee04 1.5s ease-in-out forwards
}

@media ( max-width :1023px) {
	.close[data-v-2f0aee04] {
		animation: step-r-m-data-v-2f0aee04 1.5s ease-in-out forwards
	}
}

.start[data-v-2f0aee04] {
	animation: step-data-v-2f0aee04 1.5s ease forwards
}

@media ( max-width :1023px) {
	.start[data-v-2f0aee04] {
		animation: step-m-data-v-2f0aee04 1.5s ease forwards
	}
}

.message[data-v-2f0aee04] {
	width: 44px;
	max-height: 44px;
	background: linear-gradient(#fff 85%, hsla(0, 0%, 100%, 0));
	border-radius: 22px;
	position: absolute;
	bottom: 32px;
	right: 100%;
	transition: .5s ease-in-out;
	z-index: 8;
	margin: 0;
	overflow: hidden;
	padding: 1em;
	box-sizing: border-box;
	box-shadow: 10px 10px 50px rgba(0, 0, 0, .3);
	font-family: Mondaregular, sans-serif
}

.message>li[data-v-2f0aee04] {
	list-style: none;
	font-size: 14px;
	color: #000
}

.message>span[data-v-2f0aee04] {
	width: calc(100% + 2px);
	height: 46px;
	display: block;
	position: absolute;
	border-radius: 22px;
	left: -1px;
	bottom: -1px;
	background: linear-gradient(45deg, #f48, #f84)
}

.message>span .i[data-v-2f0aee04] {
	width: 100%;
	fill: #fff
}

.message>span>div[data-v-2f0aee04] {
	width: 44px;
	height: 44px;
	border-radius: 22px;
	position: absolute;
	bottom: 0;
	padding: 10px
}

.icon[data-v-2f0aee04] {
	right: 0
}

.close-but[data-v-2f0aee04] {
	cursor: pointer
}

.message li[data-v-2f0aee04] {
	padding: .75em 0;
	border-bottom: 1px solid #eee;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

li>p[data-v-2f0aee04] {
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	margin-right: .5em;
	padding-right: .5em;
	border-right: 1px solid #eee;
	font-weight: 400
}

.action[data-v-2f0aee04] {
	width: 64px;
	box-sizing: border-box;
	background: #eee;
	padding: .5em 0;
	border-radius: 20px
}

.action[data-v-2f0aee04], .button-wXwM-s5 {
	cursor: pointer;
	overflow: hidden;
	text-align: center
}

.button-wXwM-s5 {
	display: inline-block;
	border: none;
	padding: 0;
	outline: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: opacity .2s ease-in-out;
	border-radius: 4.375rem
}

.button-wXwM-s5 .label-2ncbm2K {
	font-size: .875rem;
	line-height: 3.57143
}

.is-disabled-2iL1cea.button-wXwM-s5 {
	pointer-events: none;
	opacity: .2
}

.is-small-3qY_9By.button-wXwM-s5 {
	border-radius: 1.875rem
}

.is-small-3qY_9By.button-wXwM-s5 .label-2ncbm2K {
	font-size: .875rem;
	line-height: 2.5
}

.is-big-2GslCRN.button-wXwM-s5 {
	border-radius: 6.25rem
}

.is-big-2GslCRN.button-wXwM-s5 .label-2ncbm2K {
	font-size: 2.25rem;
	line-height: 2.85714
}

@media ( max-width :374px) {
	.button-wXwM-s5 .label-2ncbm2K {
		font-size: 14px
	}
}

.button-wXwM-s5 {
	font-family: Playregular, sans-serif
}

@media ( max-width :1023px) {
	.button-wXwM-s5 {
		font-family: Playregular, sans-serif !important
	}
}

.button-wXwM-s5 .icon-3lANMO9 {
	width: 10px;
	height: 10px;
	margin-left: 5px;
	vertical-align: baseline;
	fill: #333
}

.button-wXwM-s5 .icon-3lANMO9 svg {
	fill: inherit;
	display: block
}

.button-wXwM-s5 .icon-3lANMO9 path {
	fill: inherit
}

.button-wXwM-s5.theme-primary-1FzPKWK {
	background: #fff;
	color: #333
}

.button-wXwM-s5.theme-blackline-fH8n97p {
	border: 1px solid #000;
	color: #000
}

.button-wXwM-s5.theme-secondary-3AxG4A0 {
	background: transparent;
	color: #fff;
	border: 1px solid #fff
}

.button-wXwM-s5.theme-secondary-3AxG4A0 svg {
	fill: #fff
}

.button-wXwM-s5.theme-secondary-3AxG4A0 path {
	fill: inherit
}

.button-wXwM-s5 .label-2ncbm2K {
	display: inline-block;
	font-weight: 700;
	vertical-align: middle
}

.button-wXwM-s5.is-disabled-2iL1cea .label-2ncbm2K {
	opacity: .5
}

.button-wXwM-s5.is-big-2GslCRN {
	font-family: Playregular, sans-serif
}

.button-wXwM-s5.is-big-2GslCRN .label-2ncbm2K {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.button-wXwM-s5.is-big-2GslCRN .icon-3lANMO9 {
	width: 18px;
	height: 18px;
	margin-left: 10px;
	margin-top: -1px
}

.button-wXwM-s5.is-big-2GslCRN .icon-3lANMO9 svg {
	display: block
}

@media ( max-width :1023px) {
	.button-wXwM-s5.is-big-2GslCRN .label-2ncbm2K {
		font-size: 1.375rem
	}
}

.day-button-37Bpx2r {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	overflow: hidden;
	border-radius: 4.375rem
}

.icon-18VxnBd {
	height: 4.375rem;
	width: 4.375rem;
	border-radius: 50%;
	background-color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.icon-18VxnBd span {
	width: 15px;
	height: 15px;
	display: block
}

.icon-18VxnBd span svg {
	display: block
}

.icon-18VxnBd span path {
	fill: #333
}

.minus-5zcl12Y {
	float: left
}

.plus-3YEpiKb {
	float: right
}

.days-niCPwqP {
	line-height: 5;
	font-size: .875rem
}

.small-10pCDSn {
	width: 8.125rem;
	margin: 0 auto
}

.small-10pCDSn .icon-18VxnBd {
	height: 1.875rem;
	width: 1.875rem
}

.small-10pCDSn .days-niCPwqP {
	line-height: 2
}

.button-1I0ST79 {
	display: inline-block;
	text-align: center;
	cursor: pointer;
	border: none;
	padding: 0;
	outline: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: opacity .2s ease-in-out;
	border-radius: 4.375rem
}

.button-1I0ST79 .label-3dJTwoe {
	font-size: .875rem;
	line-height: 3.57143
}

.is-disabled-32EmV30.button-1I0ST79 {
	pointer-events: none;
	opacity: .2
}

.is-small-2MQHfNH.button-1I0ST79 {
	border-radius: 1.875rem
}

.is-small-2MQHfNH.button-1I0ST79 .label-3dJTwoe {
	font-size: .875rem;
	line-height: 2.5
}

.is-big-1WECJ-s.button-1I0ST79 {
	border-radius: 6.25rem
}

.is-big-1WECJ-s.button-1I0ST79 .label-3dJTwoe {
	font-size: 2.25rem;
	line-height: 2.85714
}

@media ( max-width :374px) {
	.button-1I0ST79 .label-3dJTwoe {
		font-size: 14px
	}
}

.button-1I0ST79 {
	height: 48px;
	font-family: PingFangSC-Semibold, PingFang SC;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 2em
}

.button-1I0ST79.theme-primary-kOAdqnr {
	background: #fff;
	color: #333
}

.button-1I0ST79.theme-primary-kOAdqnr path {
	fill: #333
}

.button-1I0ST79.theme-secondary-3nb-A94 {
	background: transparent;
	color: #fff;
	border: 1px solid #fff
}

.button-1I0ST79.theme-secondary-3nb-A94 path {
	fill: #fff
}

.button-1I0ST79 .label-3dJTwoe {
	-ms-flex: 1;
	flex: 1;
	display: block;
	box-sizing: border-box;
	text-align: center
}

.button-1I0ST79 .icon-2AYw7Yg {
	height: 2rem;
	width: 2rem;
	position: absolute
}

.button-1I0ST79 .icon-2AYw7Yg svg {
	display: inline-block;
	vertical-align: middle
}

.button-1I0ST79 .icon-2AYw7Yg path {
	fill: #333
}

.button-1I0ST79.is-disabled-32EmV30 .label-3dJTwoe {
	opacity: .5
}

.button-1I0ST79.is-big-1WECJ-s {
	font-family: PingFangSC-Light, PingFang SC
}

.swiper-area-container[data-v-f34053bc] {
	width: 40%;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	position: absolute
}

@media ( max-height :700px) {
	.swiper-area-container[data-v-f34053bc] {
		width: 40%
	}
}

@media ( max-width :1900px) {
	.swiper-area-container[data-v-f34053bc] {
		width: 50%
	}
}

@media ( max-width :1023px) {
	.swiper-area-container[data-v-f34053bc] {
		width: 100%
	}
}

audio[data-v-f34053bc] {
	width: 100%
}

@media ( max-width :1023px) {
	audio[data-v-f34053bc] {
		width: 80vw
	}
}

.swiper-area-2nd-container[data-v-f34053bc] {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	position: relative
}

.swiper-area[data-v-f34053bc] {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute
}

.swiper-area .applyButton[data-v-f34053bc] {
	z-index: 5;
	font-family: PingFangSC-Semibold, PingFang SC, Arial, serif;
	display: block !important;
	margin: 1.25rem auto 0;
	width: 13.75rem;
	text-align: center;
	cursor: pointer;
	border: none;
	padding: 0;
	outline: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: opacity .2s ease-in-out;
	border-radius: 4.37rem;
	color: #333;
	font-size: 100%;
	line-height: 3.15;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 49px;
	background: #fdda65;
	top: 75%
}

@media ( max-width :420px) {
	.swiper-area .applyButton[data-v-f34053bc] {
		position: fixed;
		bottom: 32px;
		left: calc(50% - 80px)
	}
}

.swiper-area .applyButton[data-v-f34053bc]:hover {
	background-color: #fff !important
}

@media ( max-width :1440px) {
	.swiper-area .applyButton[data-v-f34053bc] {
		top: 75%
	}
}

.swiper-container[data-v-f34053bc] {
	overflow: visible;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.context-bottom[data-v-f34053bc], .swiper-controller[data-v-f34053bc] {
	overflow: visible;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center
}

.swiper-slide[data-v-f34053bc] {
	transition: .5s;
	box-sizing: border-box;
	padding: 2em;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 700;
	transform: scale(.8);
	cursor: pointer
}

@media ( max-width :1023px) {
	.swiper-slide[data-v-f34053bc] {
		padding: unset
	}
}

.swiper-slide img[data-v-f34053bc] {
	object-fit: fill
}

.swiper-slide video[data-v-f34053bc] {
	width: 100%
}

.swiper-slide h2[data-v-f34053bc] {
	position: absolute;
	top: 60%
}

@media ( max-width :1440px) {
	.swiper-slide h2[data-v-f34053bc] {
		top: 60%
	}
}

.swiper-slide .sub-title[data-v-f34053bc] {
	position: absolute;
	top: 70%;
	width: 80%;
	font-size: .875rem
}

@media ( max-width :1440px) {
	.swiper-slide .sub-title[data-v-f34053bc] {
		top: 70%
	}
}

.swiper-container video[data-v-f34053bc] {
	width: 100%;
	height: 100%;
	opacity: 1
}

@media ( max-width :1023px) {
	.swiper-container video[data-v-f34053bc] {
		width: 80vw
	}
}

.swiper-container img[data-v-f34053bc] {
	width: 100%;
	height: 100%;
	object-fit: contain;
	opacity: 1
}

.context-bottom[data-v-f34053bc] {
	z-index: 1;
	color: #fff
}

.media[data-v-f34053bc] {
	z-index: 2
}

.context-top[data-v-f34053bc] {
	z-index: 3;
	color: #fff;
	box-shadow: 10px 10px 50px rgba(0, 0, 0, .3)
}

.swiper-button-prev[data-v-f34053bc] {
	transform: rotate(0)
}

.swiper-button-next[data-v-f34053bc] {
	transform: rotate(-180deg)
}

.download[data-v-f34053bc], .swiper-button-next[data-v-f34053bc],
	.swiper-button-prev[data-v-f34053bc] {
	background-image: none;
	position: static;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	padding: 1em;
	margin: 0
}

.download[data-v-f34053bc]:focus, .swiper-button-next[data-v-f34053bc]:focus,
	.swiper-button-prev[data-v-f34053bc]:focus {
	outline: none
}

@media ( max-width :1023px) {
	.download[data-v-f34053bc], .swiper-button-next[data-v-f34053bc],
		.swiper-button-prev[data-v-f34053bc] {
		width: 48px;
		height: 48px;
		padding: .5em
	}
}

.navigation[data-v-f34053bc] {
	width: 100%;
	cursor: pointer
}

.file-name[data-v-f34053bc] {
	position: absolute;
	left: 50%;
	top: -10%;
	transform: translate(-50%)
}

.swiper-controller[data-v-f34053bc] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	z-index: 100;
	left: 50%;
	bottom: 0;
	width: 280px;
	height: 64px;
	transform: translate(-50%, 150%)
}

@media ( max-width :1023px) {
	.swiper-controller[data-v-f34053bc] {
		width: 240px;
		transform: translate(-50%, 200%)
	}
}

.swiper-slide-active[data-v-f34053bc] {
	transform: scale(1.2)
}

.swiper-pagination-bullet-active[data-v-f34053bc] {
	background: #fff
}

.button-15fRiv4 {
	display: inline-block;
	text-align: center;
	cursor: pointer;
	border: none;
	padding: 0;
	outline: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: opacity .2s ease-in-out;
	border-radius: 4.375rem
}

.button-15fRiv4 .label-2Ce8sCa {
	font-size: .875rem;
	line-height: 3.57143
}

.is-disabled-1r0kLyX.button-15fRiv4 {
	pointer-events: none;
	opacity: .2
}

.is-small-1NmpXus.button-15fRiv4 {
	border-radius: 1.875rem
}

.is-small-1NmpXus.button-15fRiv4 .label-2Ce8sCa {
	font-size: .875rem;
	line-height: 2.5
}

.is-big-sUbG0vZ.button-15fRiv4 {
	border-radius: 6.25rem
}

.is-big-sUbG0vZ.button-15fRiv4 .label-2Ce8sCa {
	font-size: 2.25rem;
	line-height: 2.85714
}

@media ( max-width :374px) {
	.button-15fRiv4 .label-2Ce8sCa {
		font-size: 14px
	}
}

.button-15fRiv4 {
	font-family: Playregular, sans-serif;
	font-weight: 700
}

@media ( min-width :1024px) {
	.button-15fRiv4.activeLeft-JV0MKkw {
		transform: translate(-10%, -50%)
	}
	.button-15fRiv4.activeRight-bwHaamF {
		transform: translate(10%, -50%)
	}
}

.button-15fRiv4 .letterWrapper-3T_68ew {
	height: 2.5rem
}

.button-15fRiv4 .icon-1R9QFLF {
	width: 10px;
	height: 10px;
	margin-left: 5px;
	vertical-align: baseline;
	fill: #333
}

.button-15fRiv4 .icon-1R9QFLF svg {
	fill: inherit;
	display: block
}

.button-15fRiv4 .icon-1R9QFLF path {
	fill: inherit
}

.button-15fRiv4.theme-primary-hieGqW_ {
	background: #fff;
	color: #333
}

.button-15fRiv4.theme-secondary-gYQN40t {
	background: transparent;
	color: #fff;
	border: 1px solid #fff
}

.button-15fRiv4.theme-secondary-gYQN40t svg {
	fill: #fff
}

.button-15fRiv4.theme-secondary-gYQN40t path {
	fill: inherit
}

.button-15fRiv4 .label-2Ce8sCa {
	display: inline-block;
	vertical-align: middle
}

.button-15fRiv4.is-disabled-1r0kLyX .label-2Ce8sCa {
	opacity: .5
}

.button-15fRiv4.is-big-sUbG0vZ {
	font-family: Playbold, sans-serif;
	height: 6.25rem
}

.button-15fRiv4.is-big-sUbG0vZ .label-2Ce8sCa {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	overflow: hidden;
	font-size: 2.25rem;
	background: #fff
}

.button-15fRiv4.is-big-sUbG0vZ .icon-1R9QFLF {
	width: 20px;
	height: 20px;
	margin-left: 10px
}

.button-15fRiv4.is-big-sUbG0vZ .icon-1R9QFLF svg {
	display: block
}

.button-15fRiv4.is-big-sUbG0vZ .addFileLabel-1rQHdsX {
	width: 60%;
	position: absolute;
	left: 0;
	height: 100%;
	top: 0;
	background: #fff;
	overflow: hidden;
	transition: width .5s;
	z-index: 1;
	border-radius: 6.25rem
}

.button-15fRiv4.is-big-sUbG0vZ .addFileLabel-1rQHdsX .tooltip-7rPWrFu {
	font-size: .875rem;
	letter-spacing: 0;
	position: absolute;
	left: 50%;
	top: 70%;
	opacity: 0;
	transform: translate(-50%, -50%);
	transition: all .2s linear .2s
}

.button-15fRiv4.is-big-sUbG0vZ .addFileLabel-1rQHdsX .letterWrapper-3T_68ew
	{
	transition: transform .2s linear .2s
}

.button-15fRiv4.is-big-sUbG0vZ .addFileLabel-1rQHdsX.noLogin-1nYQtqX,
	.button-15fRiv4.is-big-sUbG0vZ .addFileLabel-1rQHdsX:hover {
	width: 100%
}

.button-15fRiv4.is-big-sUbG0vZ .addFileLabel-1rQHdsX:hover .letterWrapper-3T_68ew
	{
	transform: translateY(-5px)
}

.button-15fRiv4.is-big-sUbG0vZ .addFileLabel-1rQHdsX:hover .tooltip-7rPWrFu
	{
	margin-top: 5px;
	opacity: 1
}

.button-15fRiv4.is-big-sUbG0vZ .loginLabel-OUII8rr {
	width: 40%;
	position: absolute;
	right: 0;
	height: 100%;
	top: 0;
	overflow: hidden;
	transition: all .5s;
	color: #000;
	background: #f1f1f1;
	z-index: 1;
	border: 8px solid #fff;
	border-radius: 6.25rem;
	font-size: 1.25rem
}

.button-15fRiv4.is-big-sUbG0vZ .loginLabel-OUII8rr .text-2YKUT5X {
	transition: all .2s ease-in-out .2s
}

.button-15fRiv4.is-big-sUbG0vZ .loginLabel-OUII8rr .loginTooltip-S66OhS0
	{
	font-size: .875rem;
	position: absolute;
	left: 50%;
	top: 65%;
	transform: translate(-50%, -50%);
	opacity: 0;
	letter-spacing: 0;
	transition: all .2s ease-in-out .2s
}

.button-15fRiv4.is-big-sUbG0vZ .loginLabel-OUII8rr:hover {
	width: 100%;
	z-index: 3
}

.button-15fRiv4.is-big-sUbG0vZ .loginLabel-OUII8rr:hover .text-2YKUT5X {
	transform: translateY(-8px)
}

.button-15fRiv4.is-big-sUbG0vZ .loginLabel-OUII8rr:hover .loginTooltip-S66OhS0
	{
	opacity: 1;
	margin-top: 8px
}

.button-15fRiv4.is-big-sUbG0vZ .signedInUserInfo-DPWfUMZ {
	display: none
}

.button-15fRiv4.is-big-sUbG0vZ .signedInUserInfo-DPWfUMZ span {
	text-align: left;
	display: block;
	font-size: .875rem;
	padding-left: 15%;
	height: 20px
}

.button-15fRiv4.is-big-sUbG0vZ .signedInUserInfo-DPWfUMZ ul {
	display: block;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-left: 15%
}

.button-15fRiv4.is-big-sUbG0vZ .signedInUserInfo-DPWfUMZ li {
	font-size: .875rem;
	display: inline-block;
	padding-right: .625rem;
	letter-spacing: 0
}

.button-15fRiv4.is-big-sUbG0vZ .signedInUserInfo-DPWfUMZ a {
	color: #606060;
	cursor: pointer;
	text-decoration: none
}

.button-15fRiv4.is-big-sUbG0vZ .signedInUserInfo-DPWfUMZ a:hover {
	color: #000
}

.button-15fRiv4.is-big-sUbG0vZ .signedInLabel-2wJO2Xi {
	width: 23%;
	padding: .3125rem;
	position: absolute;
	right: 0;
	height: 100%;
	top: 0;
	overflow: hidden;
	transition: all .5s;
	color: #000;
	background: #fff;
	z-index: 1;
	border: 8px solid #fff;
	border-radius: 6.25rem;
	font-size: 1.25rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start
}

@media ( max-width :1340px) {
	.button-15fRiv4.is-big-sUbG0vZ .signedInLabel-2wJO2Xi {
		width: 25%
	}
}

@media ( max-width :1024px) {
	.button-15fRiv4.is-big-sUbG0vZ .signedInLabel-2wJO2Xi {
		width: 15%
	}
}

@media ( max-width :667px) {
	.button-15fRiv4.is-big-sUbG0vZ .signedInLabel-2wJO2Xi {
		width: 20%
	}
}

.button-15fRiv4.is-big-sUbG0vZ .signedInLabel-2wJO2Xi img {
	height: 90%;
	border-radius: 6.25rem;
	transition: .2s
}

.button-15fRiv4.is-big-sUbG0vZ .signedInLabel-2wJO2Xi img:hover {
	height: 100%
}

.button-15fRiv4.is-big-sUbG0vZ .signedInLabel-2wJO2Xi:hover {
	width: 100%;
	z-index: 3
}

.button-15fRiv4.is-big-sUbG0vZ .signedInLabel-2wJO2Xi:hover .signedInUserInfo-DPWfUMZ
	{
	display: block
}

.button-15fRiv4.is-big-sUbG0vZ .signedInLabel-2wJO2Xi:hover .text-2YKUT5X
	{
	transform: translateY(-8px)
}

.button-15fRiv4.is-big-sUbG0vZ .addFileLabelFull-2AmWFj2 {
	width: 100%;
	text-align: center
}

@media ( max-width :1023px) {
	.button-15fRiv4.is-big-sUbG0vZ {
		height: 5rem
	}
	.button-15fRiv4.is-big-sUbG0vZ .label-2Ce8sCa {
		font-size: 1.375rem
	}
}

.button-15fRiv4 .letter-oIk4kAO {
	float: left;
	display: block;
	line-height: 2.5rem;
	height: 2.5rem
}

.button-15fRiv4 .fake-2ZGtJYt, .button-15fRiv4 .real-2D0YJ4N {
	position: relative
}

.divideLine-16dwBCp {
	width: 1px;
	height: 35px;
	background: #000;
	margin-right: 5px
}

.about-us-navigation-com[data-v-a37435b0] {
	position: relative;
	display: -ms-inline-flexbox;
	display: inline-flex;
	border: 1px solid hsla(0, 0%, 100%, .25);
	border-radius: 40px;
	cursor: pointer
}

.mask[data-v-a37435b0] {
	position: absolute;
	height: 3.125rem;
	top: 0;
	left: 0;
	background: #fff;
	border-radius: 40px;
	z-index: -1;
	transition: .25s
}

@media ( max-width :1023px) {
	.mask[data-v-a37435b0] {
		width: 70px;
		height: 39px
	}
}

.nav-item[data-v-a37435b0] {
	-ms-flex: 1;
	flex: 1;
	width: 175px;
	font-size: .875rem;
	line-height: 3.125rem;
	text-align: center;
	transition: .25s;
	color: #fff
}

@media ( max-width :1023px) {
	.nav-item[data-v-a37435b0] {
		font-size: 12px;
		width: 70px;
		height: 39px;
		line-height: 39px
	}
}

.nav-item.select[data-v-a37435b0] {
	color: #000
}

.button-11P4MvZ {
	display: inline-block;
	text-align: center;
	cursor: pointer;
	border: none;
	padding: 0;
	outline: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: opacity .2s ease-in-out;
	border-radius: 4.375rem
}

.button-11P4MvZ .label-2pil7yO {
	font-size: .875rem;
	line-height: 3.57143
}

.is-disabled-36ANWj7.button-11P4MvZ {
	pointer-events: none;
	opacity: .2
}

.is-small-2OmSIXC.button-11P4MvZ {
	border-radius: 1.875rem
}

.is-small-2OmSIXC.button-11P4MvZ .label-2pil7yO {
	font-size: .875rem;
	line-height: 2.5
}

.is-big-YNo1raK.button-11P4MvZ {
	border-radius: 6.25rem
}

.is-big-YNo1raK.button-11P4MvZ .label-2pil7yO {
	font-size: 2.25rem;
	line-height: 2.85714
}

@media ( max-width :374px) {
	.button-11P4MvZ .label-2pil7yO {
		font-size: 14px
	}
}

.button-11P4MvZ {
	font-family: PingFangSC-Semibold, PingFang SC
}

@media ( min-width :1024px) {
	.button-11P4MvZ.active-1xYaJDN {
		transform: translate(-10%, -50%)
	}
}

.button-11P4MvZ .icon-3LgS_ti {
	width: 10px;
	height: 10px;
	margin-left: 5px;
	vertical-align: baseline;
	fill: #333
}

.button-11P4MvZ .icon-3LgS_ti svg {
	fill: inherit;
	display: block
}

.button-11P4MvZ .icon-3LgS_ti path {
	fill: inherit
}

.button-11P4MvZ.theme-primary-2mnWKNF {
	background: #fff;
	color: #333
}

.button-11P4MvZ.theme-secondary-17ovXqU {
	background: transparent;
	color: #fff;
	border: 1px solid #fff
}

.button-11P4MvZ.theme-secondary-17ovXqU svg {
	fill: #fff
}

.button-11P4MvZ.theme-secondary-17ovXqU path {
	fill: inherit
}

.button-11P4MvZ .label-2pil7yO {
	display: inline-block;
	vertical-align: middle
}

.button-11P4MvZ.is-disabled-36ANWj7 .label-2pil7yO {
	opacity: .5
}

.button-11P4MvZ.is-big-YNo1raK {
	font-family: PingFangSC-Light, PingFang SC;
	height: 6.25rem
}

.button-11P4MvZ.is-big-YNo1raK .label-2pil7yO {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	height: 2.5rem;
	overflow: hidden;
	font-size: 1.875rem
}

.button-11P4MvZ.is-big-YNo1raK .icon-3LgS_ti {
	width: 20px;
	height: 20px;
	margin-left: 10px
}

.button-11P4MvZ.is-big-YNo1raK .icon-3LgS_ti svg {
	display: block
}

@media ( max-width :1023px) {
	.button-11P4MvZ.is-big-YNo1raK {
		height: 5rem
	}
	.button-11P4MvZ.is-big-YNo1raK .label-2pil7yO {
		font-size: 1.375rem
	}
}

.button-11P4MvZ .letter-39uBEVo {
	float: left;
	display: block;
	line-height: 2.5rem;
	height: 2.5rem
}

.button-11P4MvZ .fake-1hrf6uc, .button-11P4MvZ .real-2nEjqiB {
	position: relative
}

.button-11P4MvZ .letterWrapper-2oFt02D {
	height: 2.5rem
}

.show-fake-letter {
	margin-top: -2.5rem
}

.hide-real-letter {
	margin-top: 2.5rem
}

.text-modal-com[data-v-c338e3a8] {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .9);
	position: absolute;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 20
}

.text-modal-com .window[data-v-c338e3a8] {
	width: 500px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	border-radius: 22px
}

.text-modal-com .window .title[data-v-c338e3a8] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

.text-modal-com .window .title .label[data-v-c338e3a8] {
	font-size: .875rem;
	line-height: 65px;
	padding-left: 40px
}

.text-modal-com .window .title .close[data-v-c338e3a8] {
	width: 30px;
	height: 30px;
	background: #666;
	border-radius: 50%;
	margin-right: 20px
}

.text-modal-com .window .content[data-v-c338e3a8] {
	font-size: 1.125rem;
	line-height: 59px;
	text-align: center;
	font-weight: bolder
}

.text-modal-com .window .option[data-v-c338e3a8] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	padding: 18px 125px;
	font-weight: bolder
}

.text-modal-com .window .option>div[data-v-c338e3a8] {
	width: 100px;
	height: 44px;
	border-radius: 22px;
	font-size: .875rem;
	line-height: 44px;
	text-align: center;
	cursor: pointer
}

.text-modal-com .window .option .confirm[data-v-c338e3a8] {
	background: #fdda65;
	color: #333
}

.text-modal-com .window .option .cancel[data-v-c338e3a8] {
	border: 1px solid #666
}

.folder-modal-com[data-v-0c3b4320] {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .9);
	position: absolute;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 20
}

.folder-modal-com .window[data-v-0c3b4320] {
	width: 500px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	border-radius: 22px
}

.folder-modal-com .window .title[data-v-0c3b4320] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

.folder-modal-com .window .title .label[data-v-0c3b4320] {
	font-size: .875rem;
	line-height: 65px;
	padding-left: 40px
}

.folder-modal-com .window .title .close[data-v-0c3b4320] {
	width: 30px;
	height: 30px;
	background: #666;
	border-radius: 50%;
	margin-right: 20px;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center
}

.folder-modal-com .window .content[data-v-0c3b4320] {
	font-size: .875rem;
	text-align: center;
	min-height: 159px;
	max-height: 240px;
	overflow-y: auto
}

.folder[data-v-0c3b4320] {
	font-size: .875rem;
	font-weight: bolder;
	color: #fff;
	height: 80px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 40px
}

.folder[data-v-0c3b4320]:last-child {
	border-bottom: 0
}

.folder .add[data-v-0c3b4320] {
	height: 44px;
	width: 100px;
	border-radius: 22px;
	text-align: center;
	background: #fdda65;
	color: #000;
	line-height: 44px;
	cursor: pointer
}

.folder .sharedBy[data-v-0c3b4320] {
	height: 30px;
	width: 30px
}

.folder .sharedBy img[data-v-0c3b4320] {
	border-radius: 50%;
	border: 2px solid #fff;
	width: 100%;
	height: 100%
}

.option[data-v-0c3b4320] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	padding: 18px 125px;
	font-weight: bolder
}

.option>div[data-v-0c3b4320] {
	width: 100px;
	height: 44px;
	border-radius: 22px;
	font-size: .875rem;
	line-height: 44px;
	text-align: center;
	cursor: pointer
}

.option .confirm[data-v-0c3b4320] {
	background: #fdda65;
	color: #333
}

.option .cancel[data-v-0c3b4320] {
	border: 1px solid #666
}

.edit-modal-com[data-v-1401c8f8] {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .9);
	position: absolute;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 20
}

.edit-modal-com .window[data-v-1401c8f8] {
	width: 500px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	border-radius: 22px
}

.edit-modal-com .window .title[data-v-1401c8f8] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

.edit-modal-com .window .title .label[data-v-1401c8f8] {
	font-size: .875rem;
	line-height: 65px;
	padding-left: 40px
}

.edit-modal-com .window .title .close[data-v-1401c8f8] {
	width: 30px;
	height: 30px;
	background: #666;
	border-radius: 50%;
	margin-right: 20px;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center
}

.edit-modal-com .window .content[data-v-1401c8f8] {
	font-size: .875rem;
	padding-left: 90px
}

.edit-modal-com .window .content input[data-v-1401c8f8] {
	text-align: left;
	width: 320px;
	height: 54px;
	border: none;
	border-bottom: 1px solid #fff;
	font-size: 1.125rem;
	color: #fff;
	border-radius: 0;
	margin-top: 15px;
	padding-left: 10px
}

.edit-modal-com .window .content input[data-v-1401c8f8]::-webkit-input-placeholder
	{
	color: #fff;
	text-align: left
}

.edit-modal-com .window .content .tip[data-v-1401c8f8] {
	font-size: .875rem;
	margin-top: 20px;
	margin-bottom: 20px
}

.edit-modal-com .window .option[data-v-1401c8f8] {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	padding: 18px 125px;
	font-weight: bolder
}

.edit-modal-com .window .option>div[data-v-1401c8f8] {
	width: 100px;
	height: 44px;
	border-radius: 22px;
	font-size: .875rem;
	line-height: 44px;
	text-align: center;
	cursor: pointer
}

.edit-modal-com .window .option .confirm[data-v-1401c8f8] {
	background: #fdda65;
	transition: .25s;
	color: #000
}

.edit-modal-com .window .option .disable[data-v-1401c8f8] {
	opacity: .5
}

.edit-modal-com .window .option .cancel[data-v-1401c8f8] {
	border: 1px solid #666
}

.subtitle-2UcX9lt {
	margin-bottom: 1.25rem
}

.sender-18UulTI {
	margin-bottom: 3.125rem;
	line-height: 2.15;
	width: 50%;
	font-size: .875rem;
	transition: .5s
}

@media ( max-width :420px) {
	.sender-18UulTI {
		width: 70%
	}
}

.sender-18UulTI.wrong-3H3N3US {
	border-bottom-color: red
}

.sender-18UulTI:focus {
	outline: none;
	width: 60%
}

@media ( max-width :420px) {
	.sender-18UulTI:focus {
		width: 80%
	}
}

input {
	font-family: Mondaregular, sans-serif
}

.feedback-S7XWQm9 {
	resize: none;
	width: 50%;
	padding: 3px;
	font-size: .875rem;
	line-height: 2.15;
	background: none;
	border: none;
	border-bottom: 1px solid #fff;
	color: #fff;
	transition: .5s !important
}

@media ( max-width :420px) {
	.feedback-S7XWQm9 {
		width: 70%
	}
}

.feedback-S7XWQm9:focus {
	outline: none;
	width: 70%
}

@media ( max-width :420px) {
	.feedback-S7XWQm9:focus {
		width: 90%
	}
}

.submit-button-2XquYKa {
	width: 60%;
	margin: 40px auto 0;
	display: block !important
}

.swiper-area-container[data-v-1bf0eaa0] {
	width: 70%;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	position: absolute
}

@media ( max-height :700px) {
	.swiper-area-container[data-v-1bf0eaa0] {
		width: 40%
	}
}

@media ( max-width :1900px) {
	.swiper-area-container[data-v-1bf0eaa0] {
		width: 60%
	}
}

.swiper-area-2nd-container[data-v-1bf0eaa0] {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	position: relative
}

.swiper-area[data-v-1bf0eaa0] {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute
}

.swiper-area .applyButton[data-v-1bf0eaa0] {
	z-index: 5;
	font-family: PingFangSC-Semibold, PingFang SC, Arial, serif;
	display: block !important;
	margin: 1.25rem auto 0;
	width: 13.75rem;
	text-align: center;
	cursor: pointer;
	border: none;
	padding: 0;
	outline: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: opacity .2s ease-in-out;
	border-radius: 4.37rem;
	color: #333;
	font-size: 100%;
	line-height: 3.15;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	height: 49px;
	background: #fdda65;
	top: 75%
}

@media ( max-width :420px) {
	.swiper-area .applyButton[data-v-1bf0eaa0] {
		position: fixed;
		bottom: 32px;
		left: calc(50% - 80px)
	}
}

.swiper-area .applyButton[data-v-1bf0eaa0]:hover {
	background-color: #fff !important
}

@media ( max-width :1440px) {
	.swiper-area .applyButton[data-v-1bf0eaa0] {
		top: 75%
	}
}

.swiper-container[data-v-1bf0eaa0] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.context-bottom[data-v-1bf0eaa0], .swiper-controller[data-v-1bf0eaa0] {
	overflow: visible
}

.swiper-slide[data-v-1bf0eaa0] {
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
	font-weight: 700;
	cursor: pointer
}

.swiper-slide h2[data-v-1bf0eaa0] {
	position: absolute;
	top: 60%
}

@media ( max-width :1440px) {
	.swiper-slide h2[data-v-1bf0eaa0] {
		top: 60%
	}
}

.swiper-slide .sub-title[data-v-1bf0eaa0] {
	position: absolute;
	top: 70%;
	width: 80%;
	font-size: .875rem
}

@media ( max-width :1440px) {
	.swiper-slide .sub-title[data-v-1bf0eaa0] {
		top: 70%
	}
}

.swiper-container img[data-v-1bf0eaa0], .swiper-container video[data-v-1bf0eaa0]
	{
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .6
}

.context-bottom[data-v-1bf0eaa0] {
	z-index: 1;
	color: #fff
}

.media[data-v-1bf0eaa0] {
	z-index: 2
}

.context-top[data-v-1bf0eaa0] {
	z-index: 3;
	color: #fff;
	box-shadow: 10px 10px 50px rgba(0, 0, 0, .3)
}

.swiper-controller[data-v-1bf0eaa0] {
	z-index: 4
}

.standard-button[data-v-fabacf78] {
	cursor: pointer;
	overflow: hidden;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	border-radius: 500px;
	transition: .5s;
	padding: .5em 1.5em;
	font-size: 1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.standard-button[data-v-fabacf78]:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #4444;
	opacity: 0;
	transition: .5s;
	pointer-events: none
}

.disabled[data-v-fabacf78] {
	cursor: not-allowed
}

.disabled[data-v-fabacf78]:after {
	opacity: 1
}

.icon[data-v-fabacf78] {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	transition: .5s
}

.icon span[data-v-fabacf78] {
	width: 100%
}

.icon span path[data-v-fabacf78] {
	fill: #000
}

.label[data-v-fabacf78] {
	margin-left: .5em
}

.theme-normal-light[data-v-fabacf78] {
	background: #fff;
	color: #000
}

.theme-normal-dark[data-v-fabacf78] {
	background: #000;
	color: #fff
}

.small[data-v-fabacf78] {
	min-width: 128px;
	font-size: .875rem
}

.small .icon[data-v-fabacf78] {
	width: 1rem;
	height: 1rem
}

.normal[data-v-fabacf78] {
	min-width: 160px;
	font-size: 1rem
}

.normal .icon[data-v-fabacf78] {
	width: 1.2rem;
	height: 1.2rem
}

.big[data-v-fabacf78] {
	min-width: 200px;
	font-size: 2rem
}

.big .icon[data-v-fabacf78] {
	width: 2.2rem;
	height: 2.2rem
}

.swiper-pagination-bullet-active[data-v-1bf0eaa0] {
	background: #fff
}

.laydate-icon {
	font-family: laydate-icon !important;
	font-size: 14px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

html #layuicss-laydate {
	display: none;
	position: absolute;
	width: 1989px
}

.layui-laydate * {
	margin: 0;
	padding: 0
}

.layui-laydate, .layui-laydate * {
	box-sizing: border-box
}

.layui-laydate {
	position: absolute;
	z-index: 66666666;
	margin: 5px 0;
	border-radius: 2px;
	font-size: 14px;
	animation-duration: .3s;
	animation-fill-mode: both
}

.layui-laydate-main {
	width: 250px
}

.layui-laydate-content td, .layui-laydate-header *, .layui-laydate-list li
	{
	transition-duration: .3s;
	-webkit-transition-duration: .3s
}

@
keyframes laydate-upbit { 0%{
	transform: translate3d(0, 20px, 0);
	opacity: .3
}

to {
	transform: translateZ(0);
	opacity: 1
}

}
.layui-laydate {
	transform: translateX(-50%) !important;
	left: 50% !important
}

.layui-laydate-static {
	position: relative;
	z-index: 0;
	display: inline-block;
	margin: 0;
	animation: none
}

.laydate-ym-show .laydate-next-m, .laydate-ym-show .laydate-prev-m {
	display: none !important
}

.laydate-ym-show .laydate-next-y, .laydate-ym-show .laydate-prev-y {
	display: inline-block !important
}

.laydate-time-show .laydate-set-ym span[lay-type=month],
	.laydate-time-show .laydate-set-ym span[lay-type=year],
	.laydate-time-show .layui-laydate-header .layui-icon, .laydate-ym-show .laydate-set-ym span[lay-type=month]
	{
	display: none !important
}

.layui-laydate-header {
	position: relative;
	line-height: 30px;
	padding: 10px 70px 5px
}

.layui-laydate-header * {
	display: inline-block;
	vertical-align: bottom
}

.layui-laydate-header i {
	position: absolute;
	top: 10px;
	padding: 0 5px;
	color: #999;
	font-size: 18px;
	cursor: pointer
}

.layui-laydate-header i.laydate-prev-y {
	left: 15px
}

.layui-laydate-header i.laydate-prev-m {
	left: 45px
}

.layui-laydate-header i.laydate-next-y {
	right: 15px
}

.layui-laydate-header i.laydate-next-m {
	right: 45px
}

.laydate-set-ym {
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.laydate-set-ym span {
	padding: 0 5px;
	cursor: pointer
}

.laydate-time-text {
	cursor: default !important
}

.layui-laydate-content {
	position: relative;
	padding: 10px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none
}

.layui-laydate-content table {
	border-collapse: collapse;
	border-spacing: 0
}

.layui-laydate-content td, .layui-laydate-content th {
	width: 30px;
	height: 30px;
	padding: 5px;
	text-align: center
}

.layui-laydate-content th {
	font-weight: 400
}

.layui-laydate-content td {
	position: relative;
	cursor: pointer
}

.laydate-day-mark {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 30px;
	font-size: 12px;
	overflow: hidden
}

.laydate-day-mark:after {
	position: absolute;
	content: "";
	right: 2px;
	top: 2px;
	width: 5px;
	height: 5px;
	border-radius: 50%
}

.layui-laydate-footer {
	position: relative;
	height: 46px;
	line-height: 26px;
	padding: 10px 20px
}

.layui-laydate-footer span {
	margin-right: 15px;
	display: inline-block;
	cursor: pointer;
	font-size: 12px
}

.layui-laydate-footer span:hover {
	color: #5fb878
}

.laydate-footer-btns {
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	top: 10px
}

.laydate-footer-btns span {
	height: 26px;
	line-height: 26px;
	margin: 0 0 0 -1px;
	padding: 0 10px;
	background-color: #fff;
	white-space: nowrap;
	vertical-align: top;
	border-radius: 2px
}

.layui-laydate-list {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	background-color: #fff
}

.layui-laydate-list>li {
	position: relative;
	display: inline-block;
	width: 33.3%;
	height: 36px;
	line-height: 36px;
	margin: 3px 0;
	vertical-align: middle;
	text-align: center;
	cursor: pointer
}

.laydate-month-list>li {
	width: 25%;
	margin: 17px 0
}

.laydate-time-list>li {
	height: 100%;
	margin: 0;
	line-height: normal;
	cursor: default
}

.laydate-time-list p {
	position: relative;
	top: -4px;
	line-height: 29px
}

.laydate-time-list ol {
	height: 181px;
	overflow: hidden
}

.laydate-time-list>li:hover ol {
	overflow-y: auto
}

.laydate-time-list ol li {
	width: 130%;
	padding-left: 33px;
	line-height: 30px;
	text-align: left;
	cursor: pointer
}

.layui-laydate-hint {
	position: absolute;
	top: 115px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	line-height: 20px;
	padding: 15px;
	text-align: center;
	font-size: 12px
}

.layui-laydate-range {
	width: 502px
}

.layui-laydate-range .layui-laydate-main {
	display: inline-block;
	vertical-align: middle
}

.layui-laydate-range .laydate-main-list-0 .laydate-next-m,
	.layui-laydate-range .laydate-main-list-0 .laydate-next-y,
	.layui-laydate-range .laydate-main-list-1 .laydate-prev-m,
	.layui-laydate-range .laydate-main-list-1 .laydate-prev-y {
	display: none
}

.layui-laydate-range .laydate-main-list-0 table {
	margin-left: 17px
}

.layui-laydate, .layui-laydate-hint {
	border: 1px solid #d2d2d2;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
	background-color: #fff;
	color: #666
}

.layui-laydate-header i:hover, .layui-laydate-header span:hover {
	color: #5fb878
}

.layui-laydate-content {
	border-top: 0 none;
	border-bottom: 0 none
}

.layui-laydate-content th {
	color: #d2d2d2
}

.layui-laydate-content td {
	color: #666;
	border: 1px solid #d2d2d2
}

.layui-laydate-content td.laydate-selected {
	background-color: rgba(34, 27, 148, .1)
}

.laydate-selected:hover {
	background-color: rgba(34, 27, 148, .1) !important
}

.layui-laydate-content td:hover, .layui-laydate-list li:hover {
	background-color: #eaeaea;
	color: #333
}

.laydate-time-list li ol {
	margin: 0;
	padding: 0;
	border: 1px solid #e2e2e2;
	border-left-width: 0
}

.laydate-time-list li:first-child ol {
	border-left-width: 1px
}

.laydate-time-list>li:hover {
	background: none
}

.layui-laydate-content .laydate-day-next, .layui-laydate-content .laydate-day-prev
	{
	color: #d2d2d2;
	opacity: 0
}

.layui-laydate-content .laydate-day-next {
	border: none
}

.laydate-selected.laydate-day-next, .laydate-selected.laydate-day-prev {
	background-color: #f8f8f8 !important
}

.layui-laydate-footer {
	border-top: 1px solid #e2e2e2
}

.layui-laydate-hint {
	color: #ff5722
}

.laydate-day-mark:after {
	background-color: #5fb878
}

.layui-laydate-content td.layui-this .laydate-day-mark:after {
	display: none
}

.layui-laydate-footer span[lay-type=date] {
	color: #5fb878
}

.layui-laydate .layui-this {
	background-color: rgba(34, 27, 148, .1) !important;
	color: #fff !important
}

.layui-laydate .layui-this:after {
	height: 22px;
	width: 22px;
	background: #221b94;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	border-radius: 15px;
	transform: translate(-50%, -50%)
}

.layui-laydate .laydate-disabled, .layui-laydate .laydate-disabled:hover
	{
	background: none !important;
	color: #d2d2d2 !important;
	cursor: not-allowed !important;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none
}

.laydate-theme-molv {
	border: none
}

.laydate-theme-molv.layui-laydate-range {
	width: 548px
}

.laydate-theme-molv .layui-laydate-main {
	width: 274px
}

.laydate-theme-molv .layui-laydate-header {
	border: none;
	background-color: #221b94
}

.laydate-theme-molv .layui-laydate-header i, .laydate-theme-molv .layui-laydate-header span
	{
	color: #f6f6f6
}

.laydate-theme-molv .layui-laydate-header i:hover, .laydate-theme-molv .layui-laydate-header span:hover
	{
	color: #fff
}

.laydate-theme-molv .layui-laydate-content {
	border: 1px solid #e2e2e2;
	border-top: none;
	border-bottom: none
}

.laydate-theme-molv .laydate-main-list-1 .layui-laydate-content {
	border-left: none
}

.laydate-theme-grid .laydate-month-list>li, .laydate-theme-grid .laydate-year-list>li,
	.laydate-theme-grid .layui-laydate-content td, .laydate-theme-grid .layui-laydate-content thead,
	.laydate-theme-molv .layui-laydate-footer {
	border: 1px solid #e2e2e2
}

.laydate-theme-grid .laydate-selected, .laydate-theme-grid .laydate-selected:hover
	{
	background-color: #f2f2f2 !important;
	color: #221b94 !important
}

.laydate-theme-grid .laydate-selected.laydate-day-next,
	.laydate-theme-grid .laydate-selected.laydate-day-prev {
	color: #d2d2d2 !important
}

.laydate-theme-grid .laydate-month-list, .laydate-theme-grid .laydate-year-list
	{
	margin: 1px 0 0 1px
}

.laydate-theme-grid .laydate-month-list>li, .laydate-theme-grid .laydate-year-list>li
	{
	margin: 0 -1px -1px 0
}

.laydate-theme-grid .laydate-year-list>li {
	height: 43px;
	line-height: 43px
}

.laydate-theme-grid .laydate-month-list>li {
	height: 71px;
	line-height: 71px
}

@media ( max-width :600px) {
	.layui-laydate-range {
		width: 267px
	}
}

.logo-area[data-v-5c8fa576] {
	z-index: 99;
	position: absolute;
	top: 4%;
	left: 2%;
}

@media ( max-width :1023px) {
	.logo-area[data-v-5c8fa576] {
		top: 22px
	}
}

.logo[data-v-5c8fa576] {
	height: auto;
	width: auto;
}

.new-left-menu .menu li[data-v-867adac2] {
	-webkit-writing-mode: unset;
	-ms-writing-mode: unset;
	writing-mode: unset;
	transform: rotate(0);
	margin: 0 8px;
	padding: 8px 16px
}

.new-left-menu .menu li.pro-register-li[data-v-867adac2] {
	background: #fdda65;
	border-radius: 60px
}

.new-left-menu .menu[data-v-867adac2] {
	position: static;
	transform: rotate(0)
}

.menu li[data-v-867adac2] {
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	font-weight: 700;
	margin: 0 20px;
	cursor: pointer;
	position: relative;
	padding: 0 20px;
	transform: rotate(90deg);
	transform-origin: center;
	letter-spacing: 1px
}

.menu li[data-v-867adac2]:before {
	content: "";
	display: block;
	height: 0;
	width: 1px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 0;
	transition: all .3s
}

.menu li.active[data-v-867adac2] {
	margin-top: .9375rem
}

.menu li.active[data-v-867adac2]:before {
	height: 40%
}

@media ( max-width :1023px) {
	.menu li[data-v-867adac2] {
		margin: -100px 10px 0
	}
}

.new-left-menu .menu li[data-v-867adac2] {
	-webkit-writing-mode: unset;
	-ms-writing-mode: vertical-lr;
	writing-mode: unset;
	transform: rotate(0);
	margin: 0 8px;
	padding: 8px 16px
}

.new-left-menu .menu li.pro-register-li[data-v-867adac2] {
	background: #fdda65;
	border-radius: 60px
}

.menu[data-v-867adac2] {
	font-size: .875rem;
	list-style: none;
	transform-origin: left top;
	transform: rotate(-90deg) translateX(-50%);
	position: absolute;
	top: 50%;
	left: 0;
	font-family: Playbold, sans-serif;
	z-index: 9;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center
}

@media ( max-width :1023px) {
	.menu[data-v-867adac2] {
		font-size: .875rem;
		transform: rotate(-90deg) translateX(-50%) translateY(72px)
	}
}

.menu .us>li[data-v-867adac2] {
	transform: rotate(-90deg) translateX(10px) !important
}

.menu .us>li[data-v-867adac2]:last-child {
	margin-left: 40px
}

.menu .pro-register[data-v-867adac2] {
	width: 100px;
	height: 90px;
	background: #fdda65;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	transform: translate(-60%, -50%);
	position: absolute;
	z-index: -1;
	animation: rotate-data-v-867adac2 7s linear infinite
}

.menu .pro-register-li[data-v-867adac2] {
	color: #000
}