@charset "UTF-8";.guideAppDwonLoad .guideDownLoad-head[data-v-61422369]{display:flex;align-items:center;position:fixed;left:50%;top:0;transform:translate(-50%);z-index:500;width:100%;height:56px;padding:0 16px;box-sizing:border-box}.guideAppDwonLoad .guideDownLoad-head .guideDownLoad-logo[data-v-61422369]{flex-shrink:0;display:block;width:36px;height:36px;margin-right:7px}.guideAppDwonLoad .guideDownLoad-head .guideDownLoad-content[data-v-61422369]{flex:1;text-align:left}.guideAppDwonLoad .guideDownLoad-head .guideDownLoad-content .guideDownLoad-contentTop[data-v-61422369]{font-size:14px;font-family:PingFang SC-Medium;font-weight:500;color:#d7d7d9;line-height:20px}.guideAppDwonLoad .guideDownLoad-head .guideDownLoad-content .guideDownLoad-contentBot[data-v-61422369]{font-size:10px;font-family:PingFang SC-Medium;font-weight:500;color:#a3a3a6;line-height:14px}.guideAppDwonLoad .guideDownLoad-head .guideDownLoad-btn[data-v-61422369]{width:59px;height:28px;text-align:center;font-size:12px;font-family:PingFang SC-Medium;font-weight:500;color:#fff;line-height:28px;background-color:#eb413d;border-radius:4px;cursor:pointer;white-space:nowrap}.guideAppDwonLoad .guideDownLoad-head.dark[data-v-61422369]{background:#222226}.guideAppDwonLoad .guideDownLoad-head.dark .guideDownLoad-content .guideDownLoad-contentTop[data-v-61422369]{color:#d7d7d9}.guideAppDwonLoad .guideDownLoad-head.dark .guideDownLoad-content .guideDownLoad-contentBot[data-v-61422369]{color:#a3a3a6}.guideAppDwonLoad .guideDownLoad-head.light[data-v-61422369]{background:#fff}.guideAppDwonLoad .guideDownLoad-head.light .guideDownLoad-content .guideDownLoad-contentTop[data-v-61422369]{color:#222}.guideAppDwonLoad .guideDownLoad-head.light .guideDownLoad-content .guideDownLoad-contentBot[data-v-61422369]{color:#666}.guideAppDwonLoad .guideDownLoad-bottom[data-v-61422369]{position:fixed;left:50%;bottom:54px;transform:translate(-50%);z-index:500;padding:0 18px;width:auto;height:32px;background-color:#eb413d;border-radius:18px;overflow:hidden;text-align:center;line-height:32px;font-family:PingFang SC-Regular;font-size:12px;color:#fffffd;cursor:pointer;white-space:nowrap}*{margin:0;padding:0;border:0}body,html{margin:0;padding:0;border:0;font-family:PingFang SC,PingFang SC-Medium,SC-Regular,Microsoft YaHei,SimSun,Arial,Tahoma,Helvetica;font-size:14px;font-weight:400;min-height:100%;background:#153A66}.topicPage::-webkit-scrollbar{display:none}#app{min-height:100vh}.unviewport{margin:0 auto}h1,h2,h3,h4,h5,h6{font-size:100%;margin:0}ul,ol{list-style:none}a{text-decoration:none;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none}div{outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none}button,input,select,textarea{outline:none;border:none;padding:0;margin:0;box-shadow:none;-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}th,td{border:none}p{margin:0;font-weight:400}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fast-fade-enter-active,.fast-fade-leave-active{transition:opacity .1s linear}.fast-fade-enter-from,.fast-fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all .8s ease}.slide-fade-leave-active{transition:all .8s cubic-bezier(1,.5,.8,1)}.slide-fade-enter,.slide-fade-leave-to{transform:translateY(-10px);opacity:0}.top-enter-active,.top-leave-active{transition:all .5s ease}.top-enter-from,.top-leave-to{opacity:0;transform:translate(30px)}.slide-enter-active,.slide-leave-active{transition:all .2s ease}.slide-enter-from,.slide-leave-to{transform:translateY(100%)}#app{position:relative;margin:0 auto;box-sizing:border-box;width:100%;background:#153A66;min-height:100vh;font-family:PingFang SC,PingFang SC-Medium;max-width:700px}.gamersky{display:inline-block;width:10px;height:10px;background:url(https://image.gamersky.com/webimg13/db/ff7wiki/icon_Triangle_10x10_White20@2x.png) no-repeat center/10px}.disable-scroll{overflow:hidden}.container{display:flex;flex-direction:column;margin:0 auto;max-width:1140px;width:100%;min-height:100vh;box-sizing:border-box}.container>div{width:100%}.containerPc{background:#18181A;margin:24px auto 0;padding:4px 20px 0}.containerPc .build_overview{display:flex;flex-direction:row}.containerPc .pcOverviewLeft{margin-right:20px;width:640px}.containerPc .pcOverviewRight{width:440px}.gs-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gs-ellipsis-2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.gs-ellipsis-3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}@keyframes loading{to{transform:rotate(-360deg)}}.selectCategoryPopup{display:flex;flex-direction:column}.alertPopup{width:270px;border-radius:12px;overflow:hidden}.alertMask{background:rgba(0,0,0,.4)}:root:root{--van-popup-background: #222226;--van-popup-round-radius: 12px;--van-overlay-background: rgba(0, 0, 0, .6);--van-popup-transition: all .3s;--van-picker-background: transparent;--van-picker-mask-color: linear-gradient(180deg, rgba($color: #222226, $alpha: .9), rgba($color: #222226, $alpha: .4)), linear-gradient(0deg, rgba($color: #222226, $alpha: .9), rgba($color: #222226, $alpha: .4));--van-picker-option-text-color: #d7d7d9;--van-text-color: #d9d7d9;--van-border-color: #313136;--van-cell-background: transparent;--van-collapse-item-content-background: transparent;--van-cell-border-color: #323238}.van-cell:active{background:transparent}.van-collapse:after{display:none}.emojiIcon{display:inline-block;width:16px;height:16px;vertical-align:middle}.appToast{width:172px!important;max-width:172px!important;padding-top:16px!important;padding-bottom:16px!important;min-height:58px!important;box-sizing:border-box!important}.GSCanvasEngine_Canvas{position:absolute;left:0;top:0;right:0;bottom:0}.GSCanvasEngine_Canvas.Controller{pointer-events:none}.SkillLabel{color:#c1aca0!important}.SkillLabelNumber{color:#ffde05!important}.SkilNumber{color:#ff9f1d!important}.SkilImportantWords{color:#fff!important}.build_peakContent{display:flex;flex-direction:column;flex:1;width:100%;box-sizing:border-box}.masteryInfo{position:relative;padding:16px 16px 38px;box-sizing:border-box}.masteryInfo .masteryInfo_header{display:flex;align-items:center;width:100%;height:40px;margin-bottom:12px}.masteryInfo .masteryInfo_header .masteryInfo_cover{flex-shrink:0;display:block;width:40px;height:40px;margin-right:12px}.masteryInfo .masteryInfo_header .masteryInfo_cover.masteryInfo_cover_equip{width:36px;height:auto}.masteryInfo .masteryInfo_header .masteryInfo_titleContent{flex:1;display:flex;flex-direction:column;justify-content:center;height:40px;line-height:16px}.masteryInfo .masteryInfo_header .masteryInfo_titleContent .masteryInfo_name{font-size:18px;color:#d7d7d9;line-height:24px}.masteryInfo .masteryInfo_description{font-size:14px;line-height:22px;color:#d7d7d9;margin-bottom:8px}.masteryInfo .masteryInfo_description :deep(.SkillLabel){color:#c1aca0}.masteryInfo .masteryInfo_description :deep(.SkillLabelNumber){color:#ffde05}.masteryInfo .masteryInfo_description :deep(.SkilNumber){color:#ff9f1d}.masteryInfo .masteryInfo_description :deep(.SkilImportantWords){color:#fff}.masteryInfo .masteryInfo_description .skillEntry{display:block;padding-left:20px;box-sizing:border-box;background:url(//image.gamersky.com/webimg13/db/diablo4/assets/skillEntry-icon.png?sdfd) no-repeat 2px 7px/10px 10px}.masteryInfo .masteryInfo_description .skillEntry:first-of-type{background:url(//image.gamersky.com/webimg13/db/diablo4/assets/yellowStar.png) no-repeat 0 4px/12px 12px}.masteryInfo .masteryInfo_introduce{font-size:14px;color:#ffffff80;line-height:20px;margin-top:12px;padding-left:20px}.masteryInfo .masteryInfo_btn{margin:0 16px;height:40px;background:rgb(176,153,113);color:#222;font-size:16px;font-weight:700;border-radius:8px;text-align:center;line-height:40px}.masteryInfo .masteryInfo_btn.disable{background:#29292b;color:#b09971}.masteryInfo .masteryInfo_actionBar{display:flex;height:32px}.masteryInfo .masteryInfo_close{position:absolute;right:16px;top:14px;width:16px;height:16px;background:url(//image.gamersky.com/webimg13/db/diablo4/assets/skillInfoClose-icon.png) no-repeat center/100%}.masteryInfo .affix .affixItem{display:flex;flex-direction:row;align-items:center;font-size:14px;color:#fffc;line-height:22px}.masteryInfo .affix .affixItem i{display:block;margin-right:9px;width:10px;height:10px;background:url(../image/dot.png) no-repeat center/10px}.masteryInfo .gem{margin-top:8px}.masteryInfo .gem .affixItem{display:flex;flex-direction:row;align-items:center;font-weight:700;font-size:14px;color:#fffc;line-height:22px}.masteryInfo .gem .affixItem img{display:block;margin-left:-3px;margin-right:5px;width:20px;height:20px}.pcSkillInfoPopUp,.pcPeakNodeDetaillPopUp{left:unset;right:unset;top:unset;bottom:unset;transform:translate(0)}.pcPeakNodeDetaillPopUp{overflow:visible;background:transparent}.pcSkillInfoPopUp{left:unset;right:unset;top:unset;bottom:unset;transform:translate(0);background:transparent;overflow:visible;transition:opacity .3s}.equipInfoPopup{left:unset;right:unset;top:unset;bottom:unset;transform:translate(0);background:transparent}.equipInfoPopup .equipInfoPopupBox{position:relative;width:220px;padding:24px 20px}.equipInfoPopup .equipInfoPopupBox:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.equipInfoPopup .equipInfoPopupBox.equipInfoBg-legend:before{border-image:url(//image.gamersky.com/webimg13/db/diablo4/assets/powers-popup.png) 110 fill/38px stretch}.equipInfoPopup .equipInfoPopupBox.equipInfoBg-darkGold:before{border-image:url(//image.gamersky.com/webimg13/db/diablo4/assets/dark-gold-popup.png) 110 fill/38px stretch}.equipInfoPopup .equipInfoPopupBox .equipInfo_cover{position:absolute;right:20px;top:16px;display:block;width:48px}.equipInfoPopup .equipInfoPopupBox .equipInfo_header{width:124px;padding-bottom:12px;background:url(//image.gamersky.com/webimg13/db/diablo4/assets/equipInfo_header-icon.png) no-repeat left bottom/auto 6px;margin-bottom:12px}.equipInfoPopup .equipInfoPopupBox .equipInfo_header.equipInfo-dark-gold{color:#f7c99c}.equipInfoPopup .equipInfoPopupBox .equipInfo_header.equipInfo-powers{color:#f8930a}.equipInfoPopup .equipInfoPopupBox .equipInfo_header .equipInfo_name{font-size:15px;line-height:24px}.equipInfoPopup .equipInfoPopupBox .equipInfo_header .equipInfo_type{font-size:11px;line-height:16px}.equipInfoPopup .equipInfoPopupBox .equipInfo_description{font-size:12px;color:#c1aca0;line-height:18px;padding-left:20px;box-sizing:border-box;background:url(//image.gamersky.com/webimg13/db/diablo4/assets/saveOn-icon.png) no-repeat 2px 2px/12px;margin-bottom:8px}.equipInfoPopup .equipInfoPopupBox .equipInfo_description.notStar{background:transparent;padding-left:0}.equipInfoPopup .equipInfoPopupBox .equipInfo_description.notStar .skillEntry{padding-left:20px;box-sizing:border-box;background:url(//image.gamersky.com/webimg13/db/diablo4/assets/affixItem-icon.png) no-repeat 3px 4px/10px}.equipInfoPopup .equipInfoPopupBox .affix{margin-bottom:8px}.equipInfoPopup .equipInfoPopupBox .affix .affixItem{font-size:12px;color:#fffc;line-height:18px;padding-left:20px;box-sizing:border-box;background:url(//image.gamersky.com/webimg13/db/diablo4/assets/affixItem-icon.png) no-repeat 3px 4px/10px}.equipInfoPopup .equipInfoPopupBox .gem .affixItem{display:flex;font-size:12px;color:#fffc;line-height:18px}.equipInfoPopup .equipInfoPopupBox .gem .affixItem div{display:flex;justify-content:center;align-items:center;width:22px;height:22px;background:url(//image.gamersky.com/webimg13/db/diablo4/assets/empty-affix-icon.png) no-repeat center/100%;margin-left:-2px;margin-right:5px;transform:translateY(-2px)}.equipInfoPopup .equipInfoPopupBox .gem .affixItem div img{margin:0}.equipInfoPopup .equipInfoPopupBox .gem .affixItem img{display:block;width:18px;height:18px;margin-right:2px}.equipInfoPopup .equipInfoPopupBox .masteryInfo_introduce{margin-bottom:8px;font-size:12px;color:#ffffff80;line-height:18px}.equipInfoPopup .equipInfoPopupBox.pc_equipInfoPopupBox{padding:48px 40px;width:340px}.equipInfoPopup .equipInfoPopupBox.pc_equipInfoPopupBox.equipInfoBg-legend:before{border-image:url(//image.gamersky.com/webimg13/db/diablo4/assets/powers-popup_pc.png) 46 fill/42px stretch}.equipInfoPopup .equipInfoPopupBox.pc_equipInfoPopupBox.equipInfoBg-darkGold:before{border-image:url(//image.gamersky.com/webimg13/db/diablo4/assets/dark-gold-popup_pc.png) 46 fill/42px stretch}.equipInfoPopup .equipInfoPopupBox.pc_equipInfoPopupBox .equipInfo_cover{width:60px;top:24px;right:39px}.equipInfoPopup .equipInfoPopupBox.pc_equipInfoPopupBox .equipInfo_header{width:174px;background:url(//image.gamersky.com/webimg13/db/diablo4/assets/equipInfo_header-icon_pc.png) no-repeat left bottom/auto 8px;margin-bottom:8px;padding-bottom:20px}.equipInfoPopup .equipInfoPopupBox.pc_equipInfoPopupBox .equipInfo_header .equipInfo_name{font-size:18px}.equipInfoPopup .equipInfoPopupBox.pc_equipInfoPopupBox .equipInfo_header .equipInfo_type{font-size:14px}.equipInfoPopup .equipInfoPopupBox.pc_equipInfoPopupBox .affix .affixItem{font-size:14px;margin-bottom:6px;background:url(//image.gamersky.com/webimg13/db/diablo4/assets/affixItem-icon_pc.png) no-repeat 3px 4px/12px}.equipInfoPopup .equipInfoPopupBox.pc_equipInfoPopupBox .equipInfo_description,.equipInfoPopup .equipInfoPopupBox.pc_equipInfoPopupBox .masteryInfo_introduce{font-size:14px;line-height:20px}.equipInfoPopup .equipInfoPopupBox.pc_equipInfoPopupBox .gem .affixItem{font-size:14px}.build_order{padding:0 16px 34px}.build_order .order_title{display:flex;align-items:center;justify-content:space-between;width:100%;height:44px;font-size:15px;color:#f7c99c;line-height:1;margin-bottom:8px}.build_order .order_title div:last-of-type{width:16px;height:16px;background:url(//image.gamersky.com/webimg13/db/diablo4/assets/skillInfoClose-icon.png) no-repeat center/100%}.build_order .order_box{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.build_order .order_box:last-of-type{margin-bottom:0}.build_order .order_box .order_item{display:flex;align-items:center;justify-content:center;height:28px;border-radius:2px;overflow:hidden;background-color:#2e2e33;font-size:12px;color:#d7d7d9;line-height:1;transition:all .2s}.build_order .order_box .order_item.cur{background-color:#d7d7d9;color:#222226}.build_order .order_box .order_item i{display:block;width:12px;height:12px;background:url(//image.gamersky.com/webimg13/db/diablo4/assets/newTag-icon.png) no-repeat center/100%;margin-left:4px}#app.appNewsMode{border-radius:4px;overflow:hidden}#app .build_detail.newsMode{padding:0}#app .build_detail .build_peakContent.peakMode{padding:0;min-height:450px}#app .build_detail .build_peakContent.peakMode .build_skillPointScreen{padding:0 16px;box-sizing:border-box}#app .build_detail .build_peakContent.peakMode .build_skillPointScreen .build_resetFilter .build_afterHr,#app .build_detail .build_peakContent.peakMode .build_skillPointScreen .build_resetFilter .build_filter{display:none}#app .build_detail .build_peakContent.peakMode .build_peakSections .canvasBox{margin:0}#app .build_detail .build_peakContent.peakMode .fullScreen{display:none}#app .build_detail .masteryMode{width:100%;padding-left:0;padding-right:0;margin-left:0;margin-right:0;margin-bottom:0;border-radius:0}#app .build_detail .equipMode .equipContent{margin:0}#app .build_detail .skillMode .d4_skill_group_wrapper::-webkit-scrollbar{background-color:#222226;height:10px}#app .build_detail .skillMode .d4_skill_group_wrapper::-webkit-scrollbar-track{background-color:#222226}#app .build_detail .skillMode .d4_skill_group_wrapper::-webkit-scrollbar-thumb{background-color:#000;border-radius:5px}#app .build_detail .skillMode .d4_skill_group_wrapper::-webkit-scrollbar-thumb:hover{background-color:#333}