body,html{background-color:#fff!important;color:#333}[data-v-6e4373d2]{position:relative}#main[data-v-6e4373d2]{padding:0;min-width:1320px}#main .container[data-v-6e4373d2]{min-width:1320px}.mainbox[data-v-6e4373d2]{width:100%;height:800px;overflow:hidden}.mainbox .centerbox[data-v-6e4373d2]{z-index:10;color:#fff;text-shadow:0 10px 20px rgba(0,0,0,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none;height:800px;padding-top:258px}.mainbox .centerbox h2[data-v-6e4373d2]{margin-bottom:0;font-weight:700;font-size:40px}.mainbox .centerbox h1[data-v-6e4373d2]{font-weight:900;font-size:64px;margin-top:8px;margin-bottom:0}.mainbox .centerbox h3[data-v-6e4373d2]{font-weight:500;font-size:20px;margin-top:15px;margin-bottom:0}.mainbox .centerbox .btn-box[data-v-6e4373d2]{width:200%;margin-top:36px}.mainbox .centerbox .btn-box button[data-v-6e4373d2]{width:240px;height:68px;display:flex;align-items:center;justify-content:center;background-color:#fff;color:#000;font-weight:500;font-size:20px;margin-right:16px;border:none;outline:none;border-radius:4px}.mainbox .centerbox .btn-box button[data-v-6e4373d2]:hover{background-color:#eee}.mainbox .centerbox .banner-pointer[data-v-6e4373d2]{display:flex;position:absolute;left:50%;transform:translateX(-50%);bottom:20px;align-items:center;justify-content:center}.mainbox .centerbox .banner-pointer .pointer[data-v-6e4373d2]{width:8px;height:8px;background:#fff;border-radius:50%;margin-right:8px;cursor:pointer}.mainbox .centerbox .banner-pointer .pointer.active[data-v-6e4373d2]{background-color:var(--color-primary-2)}.mainbox .centerbox .banner-pointer button[data-v-6e4373d2]{width:100px;opacity:.2;font-size:12px;color:#fff;background-color:rgba(0,0,0,.5);border:none;outline:none;border-radius:16px;line-height:32px;padding:0 16px;position:absolute;left:50%;transform:translateX(-50%);top:-40px;cursor:pointer}.mainbox .centerbox .banner-pointer button[data-v-6e4373d2]:hover{opacity:1}.mainbox .bannerbox[data-v-6e4373d2]{transition:all 2s ease;display:flex;flex-wrap:nowrap}.mainbox .bannerbox .banner[data-v-6e4373d2]{width:100vw;height:800px;opacity:0;transition:all 3s ease}.mainbox .bannerbox .banner.active[data-v-6e4373d2]{opacity:1}.mainbox .bannerbox .banner img[data-v-6e4373d2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.block-title[data-v-6e4373d2]{font-weight:700;font-size:32px;line-height:56px;margin-top:74px;margin-bottom:24px}.block-title .more[data-v-6e4373d2]{font-weight:500;font-size:14px;line-height:24px;position:absolute;right:0;top:50%;transform:translateY(-50%);cursor:pointer}.block-title .more i[data-v-6e4373d2]{color:var(--color-primary-2)}.topicbox[data-v-6e4373d2]{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:20px;grid-template-rows:160px 160px;grid-row-gap:20px}.topicbox .topic[data-v-6e4373d2]{width:100%;height:100%;border-radius:12px;overflow:hidden;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#ccc;transition:all .1s ease;cursor:pointer}.topicbox .topic img[data-v-6e4373d2]{position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:blur(0);transition:all .3s ease}.topicbox .topic p[data-v-6e4373d2]{opacity:0;font-weight:400;font-size:14px;line-height:24px;margin:0;text-shadow:0 10px 20px rgba(0,0,0,.5)}.topicbox .topic:hover img[data-v-6e4373d2]{transform:scale(1.08);opacity:.8}.groupbox[data-v-6e4373d2]{width:100%;height:764px;background:#fff;display:flex;align-items:stretch;justify-content:center}.groupbox .group-list[data-v-6e4373d2]{z-index:10;width:200px;padding:24px 16px;box-shadow:0 4px 30px rgba(124,136,159,.2);overflow-y:auto}.groupbox .group-list[data-v-6e4373d2]::-webkit-scrollbar{width:5px;height:6px}.groupbox .group-list[data-v-6e4373d2]::-webkit-scrollbar-track{background-color:#fff}.groupbox .group-list[data-v-6e4373d2]::-webkit-scrollbar-thumb{background-color:#ededed}.groupbox .group-list .group[data-v-6e4373d2]{width:100%;margin-bottom:4px;height:44px;border-radius:12px;transition:all .1s ease;font-weight:500;font-size:14px;line-height:24px;color:#121212;padding:10px 16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.groupbox .group-list .group.active[data-v-6e4373d2],.groupbox .group-list .group[data-v-6e4373d2]:hover{background:#eaf7f4;color:var(--color-primary-2)}.groupbox .right-list[data-v-6e4373d2]{flex-grow:1;background-color:#f5f5f5;padding:24px 50px}.groupbox .right-list .material-list[data-v-6e4373d2]{padding:0;box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-row-gap:20px;grid-column-gap:20px;place-items:center center}.groupbox .right-list .material-list .item[data-v-6e4373d2]{width:100%;background:#fff;box-shadow:0 4px 20px rgba(124,136,159,.2);border-radius:12px;padding:12px 12px 0 12px;transition:all .2s ease}.groupbox .right-list .material-list .item .item-info[data-v-6e4373d2]{width:100%;position:relative;height:34px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.groupbox .right-list .material-list .item .item-info h4[data-v-6e4373d2]{width:100%;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:34px;flex-shrink:0;text-align:center}.groupbox .right-list .material-list .item .item-info .act-row[data-v-6e4373d2]{width:100%;height:34px;display:flex;align-items:center;justify-content:center;position:absolute;left:0;bottom:-34px;opacity:0;background-color:#fff;transition:all .1s ease-in}.groupbox .right-list .material-list .item .item-info .act-row .btnbox[data-v-6e4373d2]{flex-grow:1;position:relative;display:flex;align-items:center;justify-content:center}.groupbox .right-list .material-list .item .item-info .act-row .btnbox .el-button[data-v-6e4373d2]{width:33%;border-width:0;color:#000;margin-left:0}.groupbox .right-list .material-list .item .item-info .act-row .btnbox .el-button[data-v-6e4373d2]:hover{color:var(--color-primary-2)!important;background-color:#eaf6f4}.groupbox .right-list .material-list .item .item-info .act-row .btnbox .el-button:hover i[data-v-6e4373d2]{background-color:var(--color-primary-2)}.groupbox .right-list .material-list .item .item-info .act-row .btnbox .el-button[data-v-6e4373d2]:focus{background-color:transparent}.groupbox .right-list .material-list .item[data-v-6e4373d2]:hover{box-shadow:0 4px 30px hsla(0,0%,56.9%,.25);transform:scale(1.01)}.groupbox .right-list .material-list .item:hover .item-info .act-row[data-v-6e4373d2]{bottom:0!important;opacity:1!important}.groupbox .right-list .material-list .empty-item[data-v-6e4373d2]{width:100%}.groupbox .right-list .r[data-v-6e4373d2]{width:100%;display:flex;align-items:center;justify-content:center;padding:16px}.qabox .tabbox[data-v-6e4373d2]{display:flex;align-items:center;justify-content:flex-start}.qabox .tabbox .tab[data-v-6e4373d2]{width:64px;font-weight:400;font-size:16px;line-height:28px;color:#000;border-bottom:1px solid #fff;margin-right:56px;cursor:pointer}.qabox .tabbox .tab.active[data-v-6e4373d2]{font-weight:500;color:var(--color-primary-2);border-bottom:1px solid var(--color-primary-2)}.qabox .tabbox .tab[data-v-6e4373d2]:hover{color:var(--color-primary-2)}.qabox .qa[data-v-6e4373d2]{width:100%;background-color:#fafafa;border-top:1px solid #ededed;padding:10px 20px 20px}.qabox .qa .q[data-v-6e4373d2]{font-weight:500;font-size:14px;line-height:24px;color:#070707;margin-top:16px;margin-bottom:0;cursor:pointer}.qabox .qa .q i[data-v-6e4373d2]{color:var(--color-primary-2);margin-right:18px}.qabox .qa .a[data-v-6e4373d2]{font-style:normal;font-weight:400;font-size:14px;line-height:24px;color:#838383;padding-left:36px}.join-banner[data-v-6e4373d2]{margin-top:60px;background:url(https://resources.8kraw.com/raw/joinbg.jpg) no-repeat 50%;background-size:cover;height:340px;color:#fff}.join-banner .join[data-v-6e4373d2]{display:flex;align-items:center;flex-direction:column;justify-content:center}.join-banner .join h2[data-v-6e4373d2]{font-weight:400;font-size:16px;line-height:22px;margin-top:60px;margin-bottom:0}.join-banner .join h1[data-v-6e4373d2]{font-weight:700;font-size:36px;line-height:56px;margin-top:8px;margin-bottom:0}.join-banner .join button[data-v-6e4373d2]{background:#fff;color:#030303;outline:none;border:none;width:240px;height:40px;font-size:16px;margin-top:20px;margin-bottom:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:500;border-radius:4px}.join-banner .join button[data-v-6e4373d2]:hover{background-color:#eee}.join-banner .join h4[data-v-6e4373d2]{font-weight:400;font-size:12px;line-height:17px;color:#ebebeb;margin-top:70px}