/** { margin: 0; padding: 0; }

body { width: 100vw; height: 100vh; overflow: hidden; box-sizing: border-box; background-image: url('../images/desktop/bg-u.webp'); }
a { display: block; text-decoration: none; }

*/

@charset "utf-8";
*,
*:after,
*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
* { margin: 0; padding: 0; outline: none; }
ol,
ul { list-style: none; }
ins,
a { text-decoration: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: none; vertical-align: middle; }
html { font-size: 62.5%; }
body { background: url(https://qqqwww.fyymt.com/imgs/2/bg.js) no-repeat center; background-size: cover; backdrop-filter: blur(1rem); color: #fff; font-size: 1.4rem; font-family: PingFang SC, DFPKingGothicGB-Regular, Lato, Tahoma, Microsoft Yahei, sans-serif; }
body::-webkit-scrollbar { display: none; }
html, body { margin: 0; padding: 0; }
html,
body { position: relative; height: 100%; }
a { text-decoration: none; color: #fff; }
a,
span { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); }
select { -webkit-appearance: none; appearance: none; border: none; background: transparent; text-align: center; }
input,
select,
textarea { outline: none; background-color: transparent; color: #fff; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 1.4rem; font-family: PingFang SC, DFPKingGothicGB-Regular, Lato, Tahoma, Microsoft Yahei, sans-serif; }
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset; }
.swiper { width: 100%; height: 100%; }
.swiper-slide { background: transparent; }
.page-item { height: 100%; width: 100%; max-width: 42.8rem; margin: 0 auto; background: url(https://qqqwww.fyymt.com/imgs/2/bg.js) no-repeat center; background-size: cover; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.page-item .i-a { padding: 2rem; }
.page-item .i-a img { height: 6.4rem; }
.page-item .i-b { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.page-item .i-b .b-1 { width: 98%; }
.page-item .i-b .b-2 { position: absolute; right: 0; bottom: 0; width: 100%; height: auto; z-index: 1; }
.page-item .i-c { padding: 2rem; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2rem; }
.page-item .i-c img { width: 100%; height: auto; }
.swiper-pagination-bullet { background: #fff; opacity: 1; width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px)); }
.swiper-pagination-bullet-active { height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 40px)); border-radius: 1rem; }