html, body { height: 100%; padding: 0; margin: 0; }

body { overflow: auto hidden; color: #1d2129; }
body .tippy-tooltip { background-color: #ffffff; padding: 0; border-radius: 4px; }
body .tippy-content { padding: 0; box-shadow: 0 -3px 6px 0 rgba(29, 33, 41, 0.1); }
body .tippy-content .qrcode { width: 140px; height: 140px; }
body .tippy-arrow { border-top-color: #ffffff !important; bottom: -16px !important; }
body .nb-frame-chat-box { display: none !important; }

body div { box-sizing: border-box; }

body img { display: block; }

.index { height: 100%; overflow-y: auto; position: relative; }

.index .header { width: 100%; height: 60px; background-color: #ffffff; position: sticky; top: 0; left: 0; z-index: 2; }

.index .header__inner { width: 1000px; height: 60px; margin: 0 auto; display: flex; justify-content: space-between; }

.index .header__inner > div { display: flex; align-items: center; }

.index .header__inner .left { height: 100%; }

.index .header__inner .left img { height: 25px; object-fit: contain; }

.index .header__inner .right { height: 100%; gap: 40px; line-height: 20px; font-size: 14px; }

.index .header--icon { width: 48px; height: 48px; }

.index .header--text { font-size: 32px; line-height: 40px; }

.index .header--navbar { position: relative; }

.index .header--navbar-item { cursor: pointer; }

.index .header--navbar--indicator { height: 4px; background-color: #1443FF; position: absolute; bottom: 0; transition: all 0.3s; }

.index .content-b { background-color: #ffffff; padding: 140px 0 0 0; }

.index .content-b--title { width: fit-content; margin: 0 auto 60px auto; font-size: 40px; line-height: 58px; }

.index .content-b--main { width: 900px; margin: 0 auto; display: flex; gap: 40px 160px; flex-wrap: wrap; }

.index .content-b--main .item { width: calc((100% - 160px) / 2); display: flex; flex-direction: column; align-items: center; }
.index .content-b--main .item:first-child .item--icon img { width: 56px; height: 56px; }

.index .content-b--main .item--icon { width: 88px; height: 88px; background-image: url("../../inithtml/static/image/bg2.png"); background-size: cover; border-radius: 50%; margin: 0 auto 20px auto; display: flex; justify-content: center; align-items: center; }
.index .content-b--main .item--icon img { width: 40px; height: 40px; }

.index .content-b--main .item--title { font-size: 24px; line-height: 36px; margin-bottom: 8px; }

.index .content-b--main .item--sub-title { font-size: 14px; line-height: 20px; text-align: center; }

.index .content-c { background-color: #FFFFFF; padding: 140px 0 0 0; }

.index .content-c--title { width: fit-content; margin: 0 auto 60px auto; font-size: 40px; line-height: 58px; }

.index .content-c--main { width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 20px; }

.index .content-c--main .item { width: calc((100% - 40px) / 3); height: 220px; background-size: cover; }

.index .content-c--main .item__inner { width: 100%; height: 100%; background-color: rgba(29, 33, 41, 0.7); font-size: 24px; color: #FFFFFF; text-align: center; line-height: 220px; }

.index .content-c--main .item__inner div { display: inline-block; line-height: 36px; }

.index .content-d { background-color: #FFFFFF; padding: 140px 0 0 0; }

.index .content-d--title { width: fit-content; margin: 0 auto 60px auto; font-size: 40px; line-height: 58px; }

.index .content-d--main { width: 1000px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 20px; }

.index .content-d--main .item { width: calc((100% - 40px) / 3); height: 338px; background-color: #FFFFFF; border: 1px solid #DBDEE4; border-radius: 8px; display: flex; justify-content: center; align-items: center; transition: all 0.3s; }

.index .content-d--main .item.hidden { height: 0; opacity: 0; visibility: hidden; }

.index .content-d--main .item__inner { width: 272px; height: 290px; background-size: cover; }

.index .content-d--expand { width: fit-content; margin: 40px auto 0 auto; display: flex; align-items: center; gap: 10px; font-size: 14px; color: #9096A0; line-height: 20px; cursor: pointer; }

.index .content-d--expand img { width: 16px; height: 16px; transition: all 0.3s; }

.index .content-d--expand.expanded img { transform: rotate(180deg); }

.index .content-e { padding: 140px 0 0 0; }

.index .content-e--title { width: fit-content; margin: 0 auto 80px auto; font-size: 40px; line-height: 58px; }

.index .content-e--item { height: 600px; display: flex; justify-content: center; align-items: center; gap: 150px; }

.index .content-e--item:nth-child(2n + 1) { background-color: #F2F5FA; }

.index .content-e--item .left { width: 220px; }

.index .content-e--item .left div:nth-child(1) { font-size: 24px; line-height: 36px; }

.index .content-e--item .left div:nth-child(2) { margin: 10px 0 20px 0; font-size: 14px; line-height: 20px; }

.index .content-e--item .left div:nth-child(3) { width: 100px; height: 4px; background-color: #1443FF; }

.index .content-e--item .right { width: 310px; height: 460px; background-size: cover; }

.index .content-a .item { width: 100%; height: 480px; background-image: url("../../inithtml/static/image/douyinbanner.jpg"); background-size: cover; }
.index .content-a .item__inner { width: fit-content; height: 100%; margin: 0 auto; display: flex; justify-content: center; position: relative; }
.index .content-a .item-left { width: 360px; height: 100%; padding-top: 172px; margin-right: 100px; }
.index .content-a .item-left .title { margin-bottom: 40px; font-size: 40px; line-height: 58px; }
.index .content-a .item-left .button { width: 160px; height: 42px; border: none; border-radius: 4px; font-size: 14px; color: #FFFFFF; line-height: 20px; cursor: pointer; }
.index .content-a .item-right { width: 460px; object-fit: contain; align-self: center; }
.index .content-a .item.dou-yin .button { background: linear-gradient(90.87deg, #1443ff 13.24%, #f200f2 101.36%); }
.index .content-a .item.dou-yin .button:hover { background: linear-gradient(90.87deg, #4369ff 13.24%, #f533f5 101.36%); }
.index .content-a .item.dou-yin .button:active { background: linear-gradient(90.87deg, #123ce6 13.24%, #da00da 101.36%); }
.index .content-a .item.wechat .button { background: linear-gradient(90.87deg, #10de67 13.24%, #00a735 101.36%); }
.index .content-a .item.wechat .button:hover { background: linear-gradient(90.87deg, #40e585 13.24%, #0ec85d 101.36%); }
.index .content-a .item.wechat .button:active { background: linear-gradient(90.87deg, #33b95d 13.24%, #009630 101.36%); }
.index .content-a .swiper-pagination { margin: 0 -8px; left: calc((100% - 920px) / 2); bottom: 28px; text-align: unset; }
.index .content-a .swiper-pagination-bullet { width: 64px; height: 4px; background-color: rgba(255, 255, 255, 0.5); border-radius: unset; margin: 0 8px; opacity: unset; }
.index .content-a .swiper-pagination-bullet-active { background-color: #ffffff; }
.index .footer { height: 210px; background-color: #ffffff; font-size: 14px; line-height: 20px; display: flex; justify-content: center; align-items: center; }
.index .footer__inner { width: 1000px; height: 100%; display: flex; justify-content: space-between; }
.index .footer__inner .left { padding: 46px 0 0 0; }
.index .footer__inner .left img { height: 34px; margin-bottom: 12px; }
.index .footer__inner .left > div { font-size: 14px; color: #9096A0; line-height: 20px; }
.index .footer__inner .left .link { display: inline-block; text-decoration: none; font-size: 14px; color: #495770; line-height: 20px; }
.index .footer__inner .left .link + .link { margin-left: 12px; }
.index .footer__inner .left .link-box { margin-bottom: 44px; display: flex; }
.index .footer__inner .left .link-box div { margin-right: 8px; }
.index .footer__inner .left .icp { color: inherit; }
.index .footer__inner .left .icp--wrap { margin-bottom: 4px; font-size: 14px; color: #9096A0; line-height: 20px; }
.index .footer__inner .right { padding: 72px 0 0 0; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.index .footer__inner .right div { font-size: 14px; line-height: 20px; }
.index .footer__inner .right .icon { width: 20px; height: 20px; color: #495770; }
.index .footer__inner .right .icon--box { width: 34px; height: 34px; border: 1px solid #9096A0; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.index .content-f { height: 480px; background-color: #F2F5FA; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.index .content-f .title { margin: 0 0 40px 0; font-size: 40px; line-height: 58px; }
.index .content-f button { width: 200px; height: 48px; background: linear-gradient(90.87deg, #1443ff 13.24%, #f200f2 101.36%); border: none; border-radius: 2px; margin: 0 0 20px 0; font-size: 18px; color: #FFFFFF; line-height: 26px; cursor: pointer; }
.index .content-f button:hover { background: linear-gradient(90.87deg, #4369ff 13.24%, #f533f5 101.36%); }
.index .content-f button:active { background: linear-gradient(90.87deg, #123ce6 13.24%, #da00da 101.36%); }
.index .content-f .number { font-size: 14px; color: #9096A0; line-height: 20px; }
.index .set-top { width: 64px; height: 64px; background-color: #ffffff; border-radius: 50%; box-shadow: 0 0 20px 0 rgba(29, 33, 41, 0.1); display: flex; justify-content: center; align-items: center; position: fixed; right: 30px; bottom: 48px; cursor: pointer; opacity: 0; transition: all 0.3s; z-index: 2; }
.index .set-top img { width: 32px; height: 32px; }