* {padding: 0;margin: 0;list-style: none;box-sizing: border-box;outline: none;}
::-webkit-scrollbar {display: none;}
html {background-color: #fff;}
body {}
.page {overflow-x: hidden;min-width: 100vw;min-height: 100vh;background: url(../img/bgPC.jpg) no-repeat center / cover,linear-gradient(180deg, #908b88, #b16bb5);}
.page.device_mobile {background-image: linear-gradient(-23deg, #5c0bfa 0%, #b043ff 100%), linear-gradient(#b1b1b1, #b1b1b1);background-blend-mode: normal, normal;}
/* header */
.header .logo {font-weight: 100;margin: 0;padding: 0;font-size: 0rem;}
.device_pc .header {padding: 30px 15%;}
.device_mobile .header {padding: 0;width: 100%;position: absolute;left: 0;top: 35vh;transform: translateY(-50%);}
.device_mobile .header .logo {width: 4.4rem;margin: 0 auto;}
.device_mobile .header .logo img {width: 100%;height: auto;display: block;}
.device_mobile .header .slogan {font-weight: 700;font-family: "宋体";font-size: .56rem;line-height: .48rem;color: #fff;text-align: center;padding: .2rem;margin-top: 1rem;}
/* fotter */
.fotter {position: absolute;bottom: 10px;left: 0;width: 100vw;padding: 20px 0;}
.links {display: flex;justify-content: center;gap: 20px;}
.links a span {text-decoration: underline;font-size: 14px;color: #fff;display: block;white-space: nowrap;}
/* 轮播 s */
.slideBox {margin-left: var(--marLeft);}
.carousel {position: relative;max-width: 300px;margin: auto;overflow: hidden;border-radius: 20px;}
.point {display: flex;align-items: center;justify-content: center;margin-top: 8px;}
.point>div {width: 10px;height: 10px;border-radius: 50%;background: white;margin: 0 2px;cursor: pointer;}
.point>.action {background: rgb(15, 227, 198) !important;}
.carousel-slide {display: flex;}
.carousel-slide img {width: 100%;flex-shrink: 0;}
/* 轮播 e */
.main_pc {display: flex;align-items: center;justify-content: center;--padding: 15%;--gap: .5rem;--marLeft: 30px;gap: var(--gap);padding: 30px var(--padding);--box_width: calc(100% - var(--padding) *2 - var(--gap) - var(--marLeft));}
.main_pc .context {flex: 1;width: 2rem;margin-top: 1rem;}
.pc_slogan {text-align: center;font-size: 0.42rem;color: #fff;font-style: oblique;}
.download_btns {display: flex;align-items: center;justify-content: center;margin-top: 0.8rem;}
.download_btns li a {display: flex;align-items: center;justify-content: center;border: 1px solid #fff;border-radius: 60px;vertical-align: middle;text-align: center;font-size: 0.18rem;color: #fff;text-decoration: none;gap: .2rem;min-width: 1.82rem;height: 0.6rem;line-height: .6rem;padding: 0rem 0.3rem;padding-right: 0.5rem;}
.download_btns li a img {height: 80%;width: auto;max-height: 40px;}
.device_mobile .download_btns {width: 100%;position: absolute;bottom: 70px;left: 0;}
.device_mobile .download_btns li a {width: 160px;height: 35px;line-height: 34px;font-size: 18px;gap: 10px;padding-top: 2px;padding-bottom: 2px;}
@media screen and (max-width: 1200px) {.device_pc .header .logo img {height: calc(0.432rem * 1.8);}
.slideBox {width: calc(var(--box_width) * 0.5);}}