.join-bg[data-v-0c92f7ba]{background:url(../slices/login-bg.jpg) no-repeat 0 100%;background-size:100% 100%}.join[data-v-0c92f7ba]{padding-top:100px}.join .col1 .des[data-v-0c92f7ba]{margin-top:40px}.join .col1 .des span[data-v-0c92f7ba]{color:var(--highlight-color)}.join .col1 .txt[data-v-0c92f7ba]{display:flex;flex-wrap:wrap;justify-content:space-between}.join .col1 .txt h1[data-v-0c92f7ba]{font-size:36px;margin:0}.join .col1 .txt time[data-v-0c92f7ba]{color:var(--highlight-color);font-size:2rem;font-weight:700}.join .col1 .txt time span[data-v-0c92f7ba]{color:var(--main-color);font-size:21px;font-weight:400}.join .col1 .tabs[data-v-0c92f7ba]{bottom:0;display:flex;font-size:18px;left:0;margin-top:30px;position:relative}.join .col1 .tabs .item[data-v-0c92f7ba]{background-color:#666;border-top:3px solid #666;padding:13px 30px 10px}.join .col1 .tabs .item svg[data-v-0c92f7ba]{height:28px;vertical-align:middle;width:28px}.join .col1 .tabs .item:nth-child(2) svg[data-v-0c92f7ba]{height:30px;width:30px}.join .col1 .tabs .item span[data-v-0c92f7ba]{vertical-align:middle}.join .col1 .tabs .item.current[data-v-0c92f7ba]{border-color:var(--highlight-color);color:var(--highlight-color)}.join .col1 .tabs .item.current[data-v-0c92f7ba],.join .form[data-v-0c92f7ba]{background-color:var(--bg-color)}.join .form .item[data-v-0c92f7ba]{margin-top:20px}.join .form .item label[data-v-0c92f7ba]{display:block;line-height:2}.join .form .item .war[data-v-0c92f7ba]{color:var(--highlight-color);font-size:12px;line-height:1em;margin-top:10px}.join .col2[data-v-0c92f7ba]{margin-left:80px}.join .col2 .box[data-v-0c92f7ba]{background-color:#232323cc;border-radius:4px;height:258px;position:relative;width:388px}.join .col2 .box .tit[data-v-0c92f7ba]{align-items:center;display:flex;justify-content:center;position:relative}.join .col2 .box .tit .btns[data-v-0c92f7ba]{align-items:center;display:flex;left:0;padding-left:15px;padding-top:15px;position:absolute;top:0}.join .col2 .box .tit .btns span[data-v-0c92f7ba]{background-color:#fff;border-radius:10rem;display:block;height:14px;margin-right:8px;width:14px}.join .col2 .box .tit .btns span[data-v-0c92f7ba]:first-of-type{background:#f62e2e}.join .col2 .box .tit .btns span[data-v-0c92f7ba]:nth-of-type(2){background:#f8d017}.join .col2 .box .tit h4[data-v-0c92f7ba]{font-size:15px;font-weight:400;margin:8px}.join .col2 .box .info[data-v-0c92f7ba]{font-size:15px;height:200px;line-height:1.5em;overflow:hidden;padding:10px 20px}.join .col2 .box[data-v-0c92f7ba]:first-child{margin-left:105px}.join .col2 .box[data-v-0c92f7ba]:nth-child(2){margin-left:195px;margin-top:-130px}.join .col2 .box[data-v-0c92f7ba]:last-child{margin-left:0;margin-top:-110px}.join-popup[data-v-0c92f7ba]{align-items:center;background-color:var(--bg-color);box-sizing:border-box;display:flex;flex-direction:column;height:447px;justify-content:center;max-width:600px;padding:1.5rem;width:100%}.join-popup .btn-close[data-v-0c92f7ba]{cursor:pointer;padding:15px;position:absolute;right:0;top:0}.join-popup .btn-close img[data-v-0c92f7ba]{background-color:#ffffff80;height:20px;padding:5px;width:20px}.join-popup .txt1[data-v-0c92f7ba]{font-size:21px;font-weight:700;line-height:1em}.join-popup .txt2[data-v-0c92f7ba]{color:var(--color-gray);line-height:1.5em;margin-top:40px;text-align:center}.join-popup .txt2-1[data-v-0c92f7ba]{color:var(--color-gray);margin-top:75px}.join-popup .txt3[data-v-0c92f7ba]{font-size:36px;font-weight:700;line-height:1em;margin-top:2px}.join-popup .txt4[data-v-0c92f7ba]{color:var(--color-gray);margin-top:15px;text-align:center}.join-popup .btnPay .icon[data-v-0c92f7ba]{background:url(../slices/join/weixin.svg) no-repeat}.join-popup .pic[data-v-0c92f7ba]{margin-top:40px}.join-popup .pic img[data-v-0c92f7ba]{width:98px}.join-popup .qrcode img[data-v-0c92f7ba]{width:120px}.tips[data-v-0c92f7ba]{margin-top:30px}.popover[data-v-0c92f7ba]{text-align:center;z-index:10}.popover .main[data-v-0c92f7ba]{padding:1em}.popover .btn[data-v-0c92f7ba]{height:36px;line-height:36px;margin:20px auto 0;width:100px}.showPayCode[data-v-0c92f7ba]{background-color:var(--bg-color);height:447px;opacity:0;position:fixed;text-align:center;transition:all .5s ease 0s;visibility:hidden;width:349px;z-index:9997}.showPayCode h4[data-v-0c92f7ba]{font-size:21px}.showPayCode h4 img[data-v-0c92f7ba]{margin-right:5px;vertical-align:middle;width:28px}.showPayCode .qrcode[data-v-0c92f7ba]{margin-top:20px}.showPayCode .qrcode img[data-v-0c92f7ba]{height:190px;width:190px}.showPayCode.active[data-v-0c92f7ba]{opacity:1;visibility:visible}.theme-light .join-bg[data-v-0c92f7ba]{background-image:url(../slices/daytonight/join.png)}.theme-light .join .tabs .item[data-v-0c92f7ba]{background-color:var(--bg-color);color:var(--color-gray)}.theme-light .join .tabs .item.current[data-v-0c92f7ba]{background-color:#fff}.theme-light .join .col1 .form[data-v-0c92f7ba]{background:#fff}.theme-light .join .col2 .box[data-v-0c92f7ba]{background-color:#fffc}.theme-light .join .col2 .box .tit .btns span[data-v-0c92f7ba]:nth-of-type(3){background:#29c840}.theme-light .showPayCode[data-v-0c92f7ba]{background:#fff;border:1px solid #b2b2b2}@media screen and (max-width:1280px){.join-bg .join .col2[data-v-0c92f7ba]{display:none}}@media screen and (max-width:768px){.join>.flex[data-v-0c92f7ba]{align-items:flex-start}}