.catdetail[data-v-539c47dd]{background-color:#fafafa;font-family:PingFangSC-Regular\, PingFang SC}.page[data-v-539c47dd]{position:relative;min-height:calc(100vh - 60px);width:1200px;margin:0 auto;display:flex;flex-direction:column;background-color:transparent;padding:0}.page .topbannerwrap[data-v-539c47dd]{width:100%;background:#fff;box-shadow:0 0 6px 0 hsla(0,0%,66.3%,.18);position:relative;padding:13px 28px 15px 10px;margin-top:25px;display:flex;box-sizing:border-box;align-items:center}.page .topbannerwrap .leftwrap[data-v-539c47dd]{position:relative;flex-basis:290px;width:290px;height:190px;background-color:#d8d8d8;border-radius:4px;overflow:hidden}.page .topbannerwrap .leftwrap img[data-v-539c47dd]{object-fit:cover;width:100%;height:100%;transition:all .3s}.page .topbannerwrap .leftwrap:hover img[data-v-539c47dd]{transform:scale(1.05)}.page .topbannerwrap .rightinfo[data-v-539c47dd]{margin-left:22px;flex:1;display:flex;flex-direction:column;justify-content:flex-start}.page .topbannerwrap .rightinfo .tagName[data-v-539c47dd]{font-size:20px;color:#333;font-weight:600}.page .topbannerwrap .rightinfo .english[data-v-539c47dd]{font-size:18px;color:#333;font-weight:400}.page .topbannerwrap .rightinfo .tagDesc[data-v-539c47dd]{font-size:14px;color:#333;margin-top:12px;min-height:60px}.page .topbannerwrap .rightinfo .navwrap[data-v-539c47dd]{margin-top:20px;display:flex;justify-content:space-between;align-items:center}.page .topbannerwrap .rightinfo .navwrap .navitem[data-v-539c47dd]{box-sizing:border-box;margin-bottom:20px;cursor:pointer;width:95px;height:35px;line-height:35px;border-radius:4px;border:1px solid #449eff;color:#449eff;font-size:13px;text-align:center}.page .topbannerwrap .rightinfo .navwrap .navitem[data-v-539c47dd]:hover{background:#449eff;color:#fff}.page .topbannerwrap .rightinfo .navwrap .navitem[data-v-539c47dd]:last-child{padding-right:0}.page .topbannerwrap .rightinfo .navwrap .navitem .nav-img[data-v-539c47dd]{width:30px;height:30px;border-radius:50%;position:relative;margin-right:10px}.page .topbannerwrap .rightinfo .navwrap .navitem .nav-img img[data-v-539c47dd]{object-fit:cover;vertical-align:middle;position:absolute;width:15px;height:15px;top:50%;left:50%;transform:translate(-50%,-50%)}.page .topbannerwrap .rightinfo .navwrap .navitem .nav-img .nav-title[data-v-539c47dd]{color:#333}.page .piccontent[data-v-539c47dd]{width:100%;margin-top:15px;text-align:center}.page .piccontent .barwrap[data-v-539c47dd]{padding-bottom:20px}.page .piccontent .barwrap .title[data-v-539c47dd]{font-size:16px;font-weight:500;color:#333;text-align:center;height:80px;background:linear-gradient(180deg,#fff,#fafafa);position:relative}.page .piccontent .barwrap .title .titlebg[data-v-539c47dd]{height:50px;width:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.page .piccontent .barwrap .title .label[data-v-539c47dd]{color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.page .piccontent .barwrap .picwrap .colwrap[data-v-539c47dd]{width:100%;height:100%;border-radius:4px;background-color:#fff;border:1px solid #fff;cursor:pointer}.page .piccontent .barwrap .picwrap .colwrap[data-v-539c47dd]:hover{border:1px solid #449eff}.page .piccontent .barwrap .picwrap .picitem[data-v-539c47dd]{height:390px;width:auto;max-width:100%;overflow:hidden;margin-bottom:10px}.page .piccontent .barwrap .picwrap .picitem img[data-v-539c47dd]{object-fit:cover;height:100%}.page .piccontent .btn[data-v-539c47dd]{width:220px;height:40px;line-height:40px;text-align:center;background:#449eff;border-radius:2px;margin:0 auto;cursor:pointer}.page .piccontent .btn span[data-v-539c47dd]{font-size:16px;font-weight:400;color:#fff}.imgdialog .imgwrap[data-v-539c47dd]{overflow:hidden;text-align:center}.imgdialog .imgwrap img[data-v-539c47dd]{max-width:800px}.imgdialog .imgwrapmax[data-v-539c47dd]{overflow:hidden;text-align:center}.imgdialog .imgwrapmax img[data-v-539c47dd]{max-width:100%}