.tools-page{width:1920px;display:flex;justify-content:center;min-height:100vh}.tools-page>.tools-page-left{z-index:1;position:relative;width:330px;padding-top:124px;margin-right:9px}.tab-side{position:fixed}.tab-side>.cate-top{background-image:url(/poe2cn/style/img/tab-side/cate-top.png);background-repeat:no-repeat;width:330px;height:171px}.tab-side>.cate-middle{background-image:url(/poe2cn/style/img/tab-side/cate-middle.png);background-repeat:repeat-y;width:330px;height:calc(100vh - 460px);overflow-y:scroll}.tab-side>.tab-list{display:flex;flex-direction:column;width:330px;margin:-24px 0}.tab-side>.tab-list::-webkit-scrollbar{display:none}.tab-side>.tab-list>.tab-item{display:flex;flex-direction:column;align-items:center;width:264px;margin:0 auto 8px;cursor:pointer}.tab-side>.tab-list>.tab-item>.category{width:264px;height:44px;padding:0 40px;display:flex;align-items:center;background-image:url("/poe2cn/style/img/tab-side/side-item-bg1.png");background-repeat:no-repeat}.tab-side>.tab-list>.tab-item>.category>.txt{background:linear-gradient(180deg,#67655c 0,#9e9b8b 118.61%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent}.tab-side>.tab-list>.tab-item>.category:hover{background-image:url("/poe2cn/style/img/tab-side/side-item-bg1-active.png")}.tab-side>.tab-list>.tab-item>.category:hover>.txt{background:linear-gradient(180deg,#bcb641 0,#fff4b4 72.17%,#fff9d7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent}.tab-side>.tab-list>.tab-item.active>.category{background-image:url("/poe2cn/style/img/tab-side/side-item-bg1-active.png")}.tab-side>.tab-list>.tab-item.active>.category>.txt{background:linear-gradient(180deg,#bcb641 0,#fff4b4 72.17%,#fff9d7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent}.tab-side>.cate-bottom{background-image:url(/poe2cn/style/img/tab-side/cate-bottom.png);background-repeat:no-repeat;width:330px;height:213px}.tools-page>.tools-page-right{width:901px;display:flex;flex-direction:column;padding:184px 0 78px 0}.tools-page>.tools-page-right>.tools-title-bar{display:flex;align-items:center;margin-bottom:20px}.tools-page>.tools-page-right>.tools-title-bar>.title{font-size:32px;font-weight:400;margin-right:12px}.tools-page>.tools-page-right>.tools-title-bar>.icon-question{display:none}.tools-page>.tools-page-right>.tools-title-bar>.icon-question.active{display:flex;height:40px;width:40px;background-image:url("/poe2cn/style/img/tools/icon-ques.png");background-size:40px 40px}.tools-page>.tools-page-right>.tools-title-bar>.icon-question.active:hover{background-image:url("/poe2cn/style/img/tools/icon-ques-active.png")}.tools-page>.tools-page-right>.rec-tools{width:900px;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:28px}.tools-page>.tools-page-right>.rec-tools>.rec-tools-item{width:447px;height:182px;background-image:url("/poe2cn/style/img/tools/rec-tool-bg.png");background-size:447px 182px;background-repeat:no-repeat;padding:13px 19px 0;margin-bottom:12px}.tools-page>.tools-page-right>.rec-tools>.rec-tools-item:hover>.tool-name>.icon-arrow-right{background-image:url("/poe2cn/style/img/icon-arrow-right.png");background-size:22px 22px;background-repeat:no-repeat}.tools-page>.tools-page-right>.rec-tools>.rec-tools-item:hover>.tool-name>.name{background:linear-gradient(180deg,#a89565 0,#fff4b4 72.17%,#f0e1ac 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent}.tools-page>.tools-page-right>.rec-tools>.rec-tools-item>.tool-name{margin:0 0 9px 13px;display:flex;justify-content:space-between;align-items:center}.tools-page>.tools-page-right>.rec-tools>.rec-tools-item>.tool-name>.name{flex:1;background:linear-gradient(180deg,#7b7361 0,#baa370 72.17%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;font-size:22px;font-weight:400}.tools-page>.tools-page-right>.rec-tools>.rec-tools-item>.tool-name>.icon-arrow-right{width:22px;height:22px;margin-left:3px}.tools-page>.tools-page-right>.rec-tools>.rec-tools-item>.tool-cover{height:112px;width:409px;position:relative}.tools-page>.tools-page-right>.rec-tools>.rec-tools-item>.tool-cover>img{height:112px;width:409px;object-fit:cover}.tools-page>.tools-page-right>.rec-tools>.rec-tools-item>.tool-cover>.rec-item-border{position:absolute;top:0;left:0;width:409px;height:112px;background:url("/poe2cn/style/img/tools/rec-tool-border.png") no-repeat}.tools-page>.tools-page-right>.pre-container{height:275px;width:895px;position:relative;margin-bottom:40px}.tools-page>.tools-page-right>.pre-container>.bg{z-index:0;top:0;right:-67px;position:absolute;height:275px;width:1028px;background-image:url("/poe2cn/style/img/tools/pre-con-bg.png");background-size:1028px 275px}.tools-page>.tools-page-right>.pre-container>.pre-content{position:absolute;top:0;left:0;height:241px;width:895px;z-index:1;display:flex;flex-direction:column;justify-content:space-between;padding:35px 66px 35px 61px}.tools-page>.tools-page-right>.pre-container>.pre-content>.pre-content-frame{width:768px;height:170px;overflow:hidden}.tools-page>.tools-page-right>.pre-container>.pre-content>.pre-content-frame>.pre-content-item{height:26px;display:flex;align-items:center;margin-bottom:10px}.tools-page>.tools-page-right>.pre-container>.pre-content>.pre-content-frame>.pre-content-item:last-child{margin-bottom:0}.tools-page>.tools-page-right>.pre-container>.pre-content>.pre-content-frame>.pre-content-item>.icon-arrow{height:10px;width:10px;background-size:10px 10px;background-image:url("/poe2cn/style/img/arrows.png");background-repeat:no-repeat;flex-shrink:0;margin-right:8px}.tools-page>.tools-page-right>.pre-container>.pre-content>.pre-content-frame>.pre-content-item>.txt{flex:1;color:#ece1b6;font-weight:400;font-size:16px;opacity:70%}.tools-page>.tools-page-right>.pre-container>.pre-content>.pre-content-frame>.pre-content-item>.view-box{width:65px;height:20px;flex-shrink:0;margin:0 16px;color:#717171;font-size:14px;font-weight:400;display:flex;align-items:center;background:url("/poe2cn/style/img/icon-eye.png") no-repeat;background-size:20px 20px;padding-left:22px}.tools-page>.tools-page-right>.pre-container>.pre-content>.pre-content-frame>.pre-content-item>.msg-box{width:65px;height:20px;flex-shrink:0;margin-right:26px;color:#717171;font-size:14px;font-weight:400;display:flex;align-items:center;background:url("/poe2cn/style/img/icon-comment.png") no-repeat;background-size:20px 20px;padding-left:22px}.tools-page>.tools-page-right>.pre-container>.pre-content>.pre-content-frame>.pre-content-item>.date{width:77px;height:17px;flex-shrink:0;color:#8c8c8c;font-size:13px;font-weight:400}.tools-page>.tools-page-right>.pre-container>.pre-content>.pre-content-frame>.pre-content-item:hover>.icon-arrow{background-image:url("/poe2cn/style/img/arrows-active.png")}.tools-page>.tools-page-right>.pre-container>.pre-content>.pre-content-frame>.pre-content-item:hover>.txt{opacity:1}.tools-page>.tools-page-right>.pre-container>.pre-container-footer{z-index:1;left:0;bottom:0;position:absolute;height:40px;width:896px;display:flex;align-items:center;padding:0 15px}.tools-page>.tools-page-right>.pre-container>.pre-container-footer>.placeholder{width:40px;height:16px;flex-shrink:0}.tools-page>.tools-page-right>.pre-container>.pre-container-footer>.page-nav{flex:1;display:flex;align-items:center;justify-content:center}.tools-page>.tools-page-right>.pre-container>.pre-container-footer>.page-nav>.pre{width:24px;height:24px;background-image:url("/poe2cn/style/img/tools/btn-pre.png");background-size:24px 24px;background-repeat:no-repeat;flex-shrink:0}.tools-page>.tools-page-right>.pre-container>.pre-container-footer>.page-nav>.pre:hover{background-image:url("/poe2cn/style/img/tools/btn-pre-active.png")}.tools-page>.tools-page-right>.pre-container>.pre-container-footer>.page-nav>.page{width:90px;height:24px;flex-shrink:0;background-image:url("/poe2cn/style/img/tools/page-nav-bg.png");background-size:90px 24px;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;color:#6f604a;font-size:14px;font-weight:400}.tools-page>.tools-page-right>.pre-container>.pre-container-footer>.page-nav>.next{width:24px;height:24px;background-image:url("/poe2cn/style/img/tools/btn-next.png");background-size:24px 24px;background-repeat:no-repeat;flex-shrink:0}.tools-page>.tools-page-right>.pre-container>.pre-container-footer>.page-nav>.next:hover{background-image:url("/poe2cn/style/img/tools/btn-next-active.png")}.tools-page>.tools-page-right>.pre-container>.pre-container-footer>.all-btn{flex-shrink:0;display:flex;align-items:center}.tools-page>.tools-page-right>.pre-container>.pre-container-footer>.all-btn>.txt{color:#f1e4c2;font-size:14px;font-weight:400;opacity:70%}.tools-page>.tools-page-right>.pre-container>.pre-container-footer>.all-btn>.icon-arrow{flex-shrink:0;margin-left:4px;width:11px;height:11px;background-image:url("/poe2cn/style/img/arrows.png");background-repeat:no-repeat;background-size:11px 11px}.tools-page>.tools-page-right>.pre-container>.pre-container-footer>.all-btn:hover>.txt{opacity:1}.tools-page>.tools-page-right>.pre-container>.pre-container-footer>.all-btn:hover>.icon-arrow{background-image:url("/poe2cn/style/img/arrows-active.png")}