.works[data-v-67f7459b]{min-width:960px;min-height:100vh;background:#000}.works .bgImg[data-v-67f7459b]{width:100%;display:block}.works .mainWrap[data-v-67f7459b]{min-height:514px;background:url(../img/bg.235894e2.png) no-repeat;background-position:top}.works .mainWrap .main[data-v-67f7459b]{max-width:960px;margin:0 auto;padding-top:152px}.works .mainWrap .main .codeBox[data-v-67f7459b]{width:228px;height:316px;border:1px solid hsla(0,0%,100%,.25);position:fixed;top:152px;right:20px;z-index:99}.works .mainWrap .main .codeBox img[data-v-67f7459b]{width:180px;height:178px;display:block;margin-top:25px}.works .mainWrap .main .codeBox .t1[data-v-67f7459b]{margin-top:25px;font-size:32px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fff;line-height:36px}.works .mainWrap .main .codeBox .t2[data-v-67f7459b]{margin-top:8px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:hsla(0,0%,100%,.65);line-height:20px}.works .mainWrap .main .title[data-v-67f7459b]{font-size:72px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fff;line-height:76px;letter-spacing:-2.16px;text-align:center}.works .mainWrap .main .workList[data-v-67f7459b]{margin-top:96px;display:flex;flex-wrap:wrap}.works .mainWrap .main .workList .workItem[data-v-67f7459b]{width:228px;height:300px;position:relative;margin-bottom:16px;overflow:hidden}.works .mainWrap .main .workList .workItem+.workItem[data-v-67f7459b]{margin-left:16px}.works .mainWrap .main .workList .workItem[data-v-67f7459b]:nth-child(4n+1){margin-left:0}.works .mainWrap .main .workList .workItem .workIcon[data-v-67f7459b]{width:103px;height:24px;position:absolute;top:8px;right:8px;z-index:999}.works .mainWrap .main .workList .workItem .imgBox[data-v-67f7459b]{width:100%;height:152px;position:relative}.works .mainWrap .main .workList .workItem .imgBox .btn[data-v-67f7459b]{cursor:pointer;width:125px;height:24px;box-shadow:0 0 8px 0 rgba(0,0,0,.5);border-radius:60px;border:1px solid #fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff;line-height:24px;text-shadow:0 0 8px rgba(0,0,0,.5)}.works .mainWrap .main .workList .workItem .imgBox .btn img[data-v-67f7459b]{width:5px;height:9px;margin-left:5px}.works .mainWrap .main .workList .workItem .imgBox .workImg[data-v-67f7459b]{width:100%;height:100%;display:block;transition:transform .3s}.works .mainWrap .main .workList .workItem .imgBox .workImg[data-v-67f7459b]:hover{transform:scale(1.1)}.works .mainWrap .main .workList .workItem .textBox[data-v-67f7459b]{box-sizing:border-box;height:147px;padding:8px 0;background:#0d0d0d;display:flex;flex-direction:column}.works .mainWrap .main .workList .workItem .textBox .avatarBox[data-v-67f7459b]{padding:0 8px}.works .mainWrap .main .workList .workItem .textBox .avatarBox .wName[data-v-67f7459b]{font-size:14px;font-family:PingFangSC-Light,PingFang SC;font-weight:600;color:#fff;line-height:19px}.works .mainWrap .main .workList .workItem .textBox .avatarBox .pName[data-v-67f7459b]{margin-top:5px;font-size:14px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:300;color:#fff;line-height:20px}.works .mainWrap .main .workList .workItem .textBox .desc[data-v-67f7459b]{box-sizing:border-box;width:212px;flex:1;margin:5px auto 0;font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:hsla(0,0%,100%,.65);line-height:20px;overflow-y:scroll}.works .mainWrap .main .workList .workItem .textBox .desc[data-v-67f7459b]::-webkit-scrollbar{width:4px}.works .mainWrap .main .workList .workItem .textBox .desc[data-v-67f7459b]::-webkit-scrollbar-thumb{background:silver;border-radius:4px}.works .mainWrap .main .copyright[data-v-67f7459b]{color:#666;font-size:12px;height:58px;display:flex;align-items:center;justify-content:center;margin-top:96px}