﻿*{outline:0;margin:0;padding:0;font-family:"微软雅黑"}
html{width:100%;overflow-x:hidden}
body{width:7.5rem !important;font-size:14px;font-family:"微软雅黑";text-align:center;margin:0 auto !important;color:#404040;overflow:hidden;background:#f0f0f0}
table{text-align:center}
a:link{text-decoration:none}
a{color:#9c999c}
li{list-style-type:none}
td{white-space:normal;letter-spacing:1px}
.gray{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.fl{display:block;float:left}
.fr{display:block;float:right}
.footer{background:#fff;width:7.5rem;padding:0 .2rem;box-sizing:border-box}
body{max-width:7.5rem}
.head_3g-shadow{display:none}
.head_3g-top{height:1.04rem}
.MainCont{width:7.5rem;min-height:60vh;overflow:hidden;background:#000 url(../images/pagebg.png) no-repeat top center;background-size:100% auto;position:relative}
.MainCont::before{display:block;position:absolute;z-index:-1;left:0;top:0;content:"";width:100%;height:100%;background:rgba(0,0,0,.4)}
.MainCont .NavItem{width:100%;height:.5rem;background-color:#3d3d3d;filter:drop-shadow(0px 5px 2.5px rgba(0, 0, 0, 0.1));line-height:.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;overflow:hidden}
.MainCont .NavItem a{display:block;font-size:.18rem;color:#fff;margin:0 .05rem;box-sizing:border-box;min-width:.8rem}
.MainCont .NavItem .on{color:#d59643}
.MainCont .PageTag{width:100%;line-height:.5rem;background:#4e4e4e;overflow:hidden}
.MainCont .PageTag a{display:block;float:left;font-size:.18rem;color:#fff;min-width:.8rem;box-sizing:border-box;width:16.66%}
.MainCont .PageTag .on{color:#d59643}
.MainCont .PageTag2{background:rgba(0,0,0,.5);text-align:left;line-height:.5rem}
.MainCont .PageTag2 .TabItem{border-bottom:1px solid rgba(0,0,0,.5);display:flex}
.MainCont .PageTag2 .TabItem a{font-size:.18rem;height:.5rem;line-height:.5rem;display:block;color:#9c999c}
.MainCont .PageTag2 .TabItem .title{width:17%;text-align:center}
.MainCont .PageTag2 .TabItem p{flex:1}
.MainCont .PageTag2 .TabItem p a{color:#fff;float:left;margin:0 .1rem}
.MainCont .PageTag2 .TabItem.on p a.on{color:#d59643}
.MainCont .FilterBtn{text-align:left;border-bottom:1px solid rgba(0,0,0,.5);display:flex}
.MainCont .FilterBtn span{width:17%;text-align:center;color:#9c999c}
.MainCont .FilterBtn a,.MainCont .FilterBtn span{font-size:.18rem;height:.5rem;line-height:.5rem;display:block}
.MainCont .FilterBtn .title{width:17%;text-align:center}
.MainCont .FilterBtn p{flex:1}
.MainCont .FilterBtn p a{float:left;margin:0 .1rem;color:#fff}
.MainCont .FilterBtn p .on{color:#d59643}
.MainCont .JoblList::-webkit-scrollbar{width:.1rem;height:.1rem;border-radius:.1rem;background:none}
.MainCont .JoblList::-webkit-scrollbar-track{background:#000}
.MainCont .JoblList::-webkit-scrollbar-thumb{background:#d59643;border-radius:.1rem;height:.1rem}
.MainCont .SkillList,.MainCont .JoblList{overflow:hidden;width:100%;margin-bottom:.2rem;white-space:nowrap;overflow-x:auto}
.MainCont .SkillList li,.MainCont .JoblList li{width:22%;display:inline-block}
.MainCont .SkillList li img,.MainCont .JoblList li img{width:.8rem;height:.8rem;border-radius:.1rem;background:#000;border:.02rem solid #d59643;object-fit:contain;display:block;margin:.2rem auto}
.MainCont .SkillList li span,.MainCont .JoblList li span{display:block;height:.3rem;line-height:.3rem;font-size:.18rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.MainCont .SkillList{overflow:inherit;white-space:initial}
.MainCont .SkillList li{float:left;width:25%}
.BdList{overflow:hidden;margin:0 .15rem .3rem}
.BdList li{width:100%;height:1.15rem;border-radius:.1rem;background-image:linear-gradient(to bottom, rgba(19, 11, 3, 0.6117647059), rgba(56, 54, 55, 0.8392156863));filter:drop-shadow(0.05rem 0.05rem 0.05rem rgba(0, 0, 0, 0.35));margin-top:.15rem;display:flex}
.BdList li .img{display:block;float:left;width:.85rem;height:.85rem;background-color:rgba(19,18,18,.9);box-sizing:border-box;border-width:.02rem;border-style:solid;border-color:rgba(176,128,56,.9);border-radius:.1rem;margin:.15rem;cursor:pointer}
.BdList li .img>img{max-width:.75rem;max-height:.75rem;height:auto;margin:.05rem auto;display:block}
.BdList li>p:nth-of-type(1){width:1.2rem}
.BdList li p{float:left;flex:1;text-align:center;margin:0 .2rem}
.BdList li p i{color:#cfcfcf;font-size:.14rem;display:block;margin:.3rem 0 .14rem;font-style:normal}
.BdList li p span{display:block;color:#fff;font-size:.16rem;width:100%;height:.25rem;line-height:25px;overflow:hidden}
.BdList li .btn{display:block;width:.85rem;height:.3rem;line-height:.3rem;border-radius:.06rem;background:#fff;color:#333;font-size:.14rem;margin:.45rem .2rem 0 0;float:right;font-weight:bold}
.MoreBtn{width:1.13rem;height:.32rem;line-height:.32rem;background-color:rgba(224,224,224,.99);border-radius:.1rem;text-align:center;font-size:.16rem;color:#333;cursor:pointer;margin:.15rem auto .3rem;display:block}
.BuildTitle{width:100%;height:.5rem;line-height:.5rem;background:#4e4e4e}
.BuildTitle strong{color:#fff;font-weight:bold;margin:0 .2rem;font-size:.16rem;float:left}
.BuildTitle .ShareBtn{display:block;float:right;color:#f2f2f2;font-size:.14rem;cursor:pointer;padding-left:.25rem;background:url(../images/icon_share.png) no-repeat left center;background-size:.22rem;margin-right:.15rem}
.BdDescBody{background-color:rgba(51,51,51,.99);border-radius:.1rem;overflow:hidden;padding:.1rem .15rem;margin:.15rem;box-sizing:border-box;color:#f2f2f2;line-height:.35rem;font-size:.14rem;text-align:left;word-wrap:break-word;word-break:break-all}
.BdDescBody .title{height:.4rem;line-height:.4rem;color:#f2f2f2;font-size:.18rem;font-weight:bold;border-bottom:.01rem solid #6b6b6b;margin-bottom:.1rem}
.BdDescBody p{margin:.1rem 0;font-size:.16rem}
.BdDescBody img{max-width:90%;border-radius:.1rem;margin:.1rem 0}
.ListBox{background:rgba(0,0,0,.5);margin-bottom:.1rem;overflow:hidden}
.MakeBuild{border-radius:0 0 0.1rem 0.1rem;margin:0 auto;width:100%;color:#f2f2f2;padding:0 0.15rem 0;box-sizing:border-box}
.MakeBuild .CareerList{width:100%}
.MakeBuild .CareerList .title{height:0.3rem;line-height:0.3rem;color:#f2f2f2;font-size:0.16rem;border-bottom:0.01rem solid #6b6b6b;margin-top:0.1rem}
.MakeBuild .CareerList .list{width:101%}
.MakeBuild .CareerList .list a{display:block;float:left;width:1.04rem;height:1.24rem;background:inherit;background-color:#555;border-radius:0.1rem;filter:drop-shadow(0.05rem 0.05rem 0.025rem rgba(0, 0, 0, 0.35));margin:0.1rem 0.14rem 0.1rem 0;cursor:pointer}
.MakeBuild .CareerList .list a img{display:block;width:0.8rem;height:0.8rem;object-fit:cover;border:0.01rem solid #d59643;margin:0.12rem auto 0.06rem;border-radius:0.12rem}
.MakeBuild .CareerList .list a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;height:0.2rem;line-height:0.2rem;font-size:0.14rem;color:#fff;text-align:center;width:1rem;margin:0 auto}
.MakeBuild .CareerTab{height:0.4rem;line-height:0.4rem;color:#f2f2f2;font-size:0.16rem;border-bottom:0.01rem solid #6b6b6b;margin-top:0.1rem}
.MakeBuild .CareerTab p{font-size:.16rem;float:left}
.MakeBuild .CareerTab p span{color:#fff;cursor:pointer;margin-right:0.2rem}
.MakeBuild .CareerTab .on{color:#d59643}
.MakeBuild .TabBody{display:block !important}
.MakeBuild .TabBody .title{margin:0.1rem 0.1rem 0;line-height:0.3rem}
.MakeBuild .TabBody .title strong{font-size:0.18rem;font-weight:bold}
.MakeBuild .TabBody .title span{cursor:pointer;font-size:0.16rem}
.MakeBuild .OutfitBody{width:6rem;height:6.2rem;background:inherit;background-color:rgba(119,119,119,.2);border-radius:0.1rem;filter:drop-shadow(0.05rem 0.05rem 0.025rem rgba(0, 0, 0, 0.35));margin:0.15rem auto;position:relative;z-index:2;padding:.2rem .6rem 0}
.MakeBuild .OutfitBody .OutfitInfo{position:relative;z-index:2;width:100%;height:5.6rem}
.MakeBuild .OutfitBody .OutfitInfo .GearItem{width:0.6rem;height:0.6rem;border:0.02rem solid rgba(176,128,56,.94);position:absolute;background-color:#242424;box-sizing:border-box;cursor:pointer;position:absolute;z-index:1}
.MakeBuild .OutfitBody .OutfitInfo .GearItem>img{max-width:90%;max-height:90%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.MakeBuild .OutfitBody .OutfitInfo .GearItem:hover{z-index:999}
.MakeBuild .OutfitBody .OutfitInfo .GearItem:hover .GearInfo{display:block}
.MakeBuild .OutfitBody .OutfitInfo .GearItem .GearInfo{display:none;width:3.2rem;padding:0.1rem 0.15rem;border-radius:0.06rem;background:linear-gradient(180deg, #241822, #0c091e);border:0.01rem solid rgba(179,85,0,.55);position:absolute;top:0;left:50%;transform:translate(-50%, -101%);line-height:0.26rem}
.MakeBuild .OutfitBody .OutfitInfo .GearItem .GearInfo .img{height:0.8rem}
.MakeBuild .OutfitBody .OutfitInfo .GearItem .GearInfo .name{font-weight:bold;font-size:0.18rem}
.MakeBuild .OutfitBody .OutfitInfo .GearItem .GearInfo .tag{color:#888;font-size:0.16rem;margin:0.05rem 0}
.MakeBuild .OutfitBody .OutfitInfo .GearItem .GearInfo .property{font-size:0.16rem;color:#8582a6}
.MakeBuild .OutfitBody .OutfitInfo .GearItem .GearInfo .c_white{color:#fff}
.MakeBuild .OutfitBody .OutfitInfo .GearItem .GearInfo .requirements{color:#aba8be;font-size:0.16rem;margin:0.08rem 0}
.MakeBuild .OutfitBody .OutfitInfo .GearItem .GearInfo .explicitMod{font-size:0.14rem;color:#c7c6cf}
.MakeBuild .OutfitBody .OutfitInfo .GearItem .GearInfo .explicitMod::before{display:inline-block;content:"";width:0.05rem;height:0.05rem;border-radius:50%;background:#c7c6cf;margin:0 0.06rem 0.03rem 0}
.MakeBuild .OutfitBody .OutfitInfo .GearItem .GearInfo .desc{line-height:0.25rem;font-size:0.14rem;margin-top:0.06rem;color:#8582a6}
.MakeBuild .OutfitBody .OutfitInfo .Weapon2,.MakeBuild .OutfitBody .OutfitInfo .Weapon{width:1.3rem;height:2.7rem;top:0.1rem}
.MakeBuild .OutfitBody .OutfitInfo .Weapon2 img,.MakeBuild .OutfitBody .OutfitInfo .Weapon img{width:70%;height:auto;}
.MakeBuild .OutfitBody .OutfitInfo .Helm{width:1.3rem;height:1.3rem;top:0.1rem;left:2.3rem}
.MakeBuild .OutfitBody .OutfitInfo .Helm img{width:70%;height:auto;max-height:inherit}
.MakeBuild .OutfitBody .OutfitInfo .BodyArmour{width:1.3rem;height:2.15rem;top:1.5rem;left:2.3rem}
.MakeBuild .OutfitBody .OutfitInfo .BodyArmour img{width:70%;height:auto;max-height:inherit}
.MakeBuild .OutfitBody .OutfitInfo .Weapon{left:0.1rem}
.MakeBuild .OutfitBody .OutfitInfo .Weapon2{right:0.1rem}
.MakeBuild .OutfitBody .OutfitInfo .Amulet{right:1.55rem;top:1.5rem}
.MakeBuild .OutfitBody .OutfitInfo .Ring1{left:1.55rem;top:2.2rem}
.MakeBuild .OutfitBody .OutfitInfo .Ring2{top:2.2rem;right:1.55rem}
.MakeBuild .OutfitBody .OutfitInfo .Gloves{width:1.3rem;height:1.3rem;top:2.95rem;left:0.85rem}
.MakeBuild .OutfitBody .OutfitInfo .Gloves img{width:70%;height:auto;max-height:inherit}
.MakeBuild .OutfitBody .OutfitInfo .Boots{width:1.3rem;height:1.3rem;top:2.95rem;right:0.85rem}
.MakeBuild .OutfitBody .OutfitInfo .Boots img{width:70%;height:auto;max-height:inherit}
.MakeBuild .OutfitBody .OutfitInfo .Belt{width:1.3rem;height:0.5rem;top:3.75rem;left:2.3rem}
.MakeBuild .OutfitBody .OutfitInfo .Belt img{width:50%;height:auto;max-height:inherit}
.MakeBuild .OutfitBody .OutfitInfo .Red,.MakeBuild .OutfitBody .OutfitInfo .Blue{height:1.2rem;bottom:0}
.MakeBuild .OutfitBody .OutfitInfo .Red{left:1rem}
.MakeBuild .OutfitBody .OutfitInfo .Blue{right:1rem}
.MakeBuild .OutfitBody .OutfitInfo .Charm1,.MakeBuild .OutfitBody .OutfitInfo .Charm2,.MakeBuild .OutfitBody .OutfitInfo .Charm3{bottom:0.3rem}
.MakeBuild .OutfitBody .OutfitInfo .Charm1{left:1.85rem}
.MakeBuild .OutfitBody .OutfitInfo .Charm2{left:2.65rem}
.MakeBuild .OutfitBody .OutfitInfo .Charm3{left:3.45rem}
.MakeBuild .SkillBody{margin:.15rem auto;width:7.2rem; padding-bottom: .03rem;background:inherit;background-color:rgba(51,51,51,.99);border-radius:0.1rem;filter:drop-shadow(0.05rem 0.05rem 0.025rem rgba(0, 0, 0, 0.35))}
.MakeBuild .SkillBody .SkillItems .item{height:0.8rem;margin:0.12rem .15rem 0.14rem;border-radius:.06rem;background-image:linear-gradient(to bottom, #151515, #2b2b2b);cursor:pointer}
.MakeBuild .SkillBody .SkillItems .item .img{width:0.48rem;height:0.48rem;background:inherit;background-color:#242424;box-sizing:border-box;border-width:1px;border-style:solid;border-color:#964d00;margin:0.15rem;display:block;float:left}
.MakeBuild .SkillBody .SkillItems .item .img img{display:block;width:100%;height:100%;object-fit:cover;position:relative;z-index:2}
.MakeBuild .SkillBody .SkillItems .item .name{color:#e2e2e2;overflow:hidden;width:1.2rem;margin:0 0.1rem;line-height:0.8rem;height:0.8rem;float:left;font-size:.16rem}
.MakeBuild .SkillBody .SkillItems .item .skill{float:right;width:3.5rem;height:0.5rem;margin:0.15rem auto}
.MakeBuild .SkillBody .SkillItems .item .skill p{position:relative;width:0.5rem;height:0.5rem}
.MakeBuild .SkillBody .SkillItems .item .skill p::before,.MakeBuild .SkillBody .SkillItems .item .skill p::after{display:block;content:"";position:absolute;width:0.02rem;height:0.25rem;background:#fff;z-index:1;left:50%;top:50%;transform:translate(-50%, -50%)}
.MakeBuild .SkillBody .SkillItems .item .skill p::after{transform:rotate(90deg);top:25%}
.MakeBuild .SkillBody .SkillItems .item .skill:hover p::after,.MakeBuild .SkillBody .SkillItems .item .skill:hover p::before{background:#deb176}
.MakeBuild .SkillBody .SkillItems .item .skill p,.MakeBuild .SkillBody .SkillItems .item .skill span{display:block;float:left;background:#c9c9c9;border-radius:50%;margin:0 0.05rem;overflow:hidden}
.MakeBuild .SkillBody .SkillItems .item .skill p img,.MakeBuild .SkillBody .SkillItems .item .skill span img{display:block;width:100%;height:100%;object-fit:cover;background:#000;position:relative;z-index:2}
.MakeBuild .SkillBody .SkillItems .item .skill span{width:0.35rem;height:0.35rem;margin:0.07rem 0.08rem}
.el-dialog__title{color:#fff;font-size:0.16rem}
.el-dialog{background:#2c2851;box-shadow:0 0.02rem 0.04rem 0 rgba(0,0,0,.15),0 0.12rem 0.16rem 0 rgba(0,0,0,.15);border:0.01rem solid #3f3966;padding:0;margin-top:0;top:50% !important;transform:translateY(-50%) !important}
.el-dialog .line{border-top:0.01rem solid #46416d;width:100%;margin-bottom:0.1rem}
.el-dialog__headerbtn{font-size:0.16rem;width:0.26rem;height:0.26rem;background:#3e3a64;border-radius:0.03rem;border:0.01rem solid #46416d;box-sizing:border-box;margin:0.15rem 0.1rem}
.el-dialog__header{margin:0.15rem 0.15rem 0rem}
.EditFoot{border-top:0.01rem solid #46416d;padding:0.15rem 0.2rem;margin-top:0.05rem}
.EditFoot .btn,.EditFoot .cancelbtn,.EditFoot .deletbtn{background:#3e3a64;border-radius:0.05rem;border:0.01rem solid #46416d;box-sizing:border-box;color:#fff}
.EditFoot .deletbtn{background:#993d2c;border-color:#883627}
.EditFoot .cancelbtn{background:#3a3660;border-color:#4e4974}
.EditFoot .btn{background:#e7c151;border-color:#e5bd44;color:#333}
.el-segmented{margin:0 0.15rem 0.05rem;padding:0;background:#35315a;border-radius:0.06rem;border:0.01rem solid #46416d}
.el-segmented .el-segmented__item:hover{background:none !important}
.el-segmented .el-segmented__item:hover .el-segmented__item-label{color:#fff}
.el-segmented .el-segmented__item-selected{background:#3e3a64;border-radius:0.06rem;border:0.01rem solid #46416d;box-sizing:border-box;color:#fff}
.SelectBox{width:3.68rem;position:relative}
.el-select__input{color:#fff}
.el-dropdown__popper{background:none !important;border:none !important}
.el-dropdown__popper .el-select__wrapper{background-color:#3e3a64 !important;border:0.01rem solid #46416d !important;box-shadow:none !important;border-radius:0.06rem 0.06rem 0 0}
.el-dropdown__popper .el-select__wrapper .el-select__input{background:rgba(36,32,70,.3882352941);border-radius:0.06rem;border:0.01rem solid #eec751;margin:0.02rem 0;height:0.3rem;line-height:0.3rem;padding:0 .1rem;color:#908dab}
.el-dropdown__popper .el-select__wrapper .el-select__placeholder{width:95%;color:#908dab;margin-left:0.12rem;display:none}
.el-popper.is-light>.el-popper__arrow:before{border-color:#3e3a64;background:#3e3a64}
.el-select{margin:0.05rem 0.15rem;color:#fff;justify-content:left;position:relative;outline:none !important}
.el-tooltip__trigger,.el-select__popper{background-color:#35315a !important;border:0.01rem solid #46416d !important;box-sizing:border-box;border-radius:0.06rem;z-index:0;outline:none !important;box-shadow:none !important}
.el-select__placeholder{color:#fff;font-size:.18rem !important}
.el-select-dropdown__item{color:#fff !important;font-weight:bold;border-radius:.06rem;margin:0 .06rem;text-align:left}
.el-select-dropdown__item.is-hovering{background-color:#3e3a64 !important}
.el-select-dropdown__item.is-selected{background-color:#48446e !important;border:0.01rem solid #46416d !important}
.EditTitle{margin:0 0.15rem;color:#fff;line-height:0.3rem}
.EditTitle p,.EditTitle span{font-size:0.18rem;color:#888;text-align:left}
.ClassifyItem{margin:0.05rem 0}
.ClassifyItem span{display:block;float:left;margin:0 0 0.1rem 0.15rem;color:#fff;font-size:0.14rem;cursor:pointer}
.ClassifyItem span::before{display:inline-block;width:0.12rem;height:0.12rem;border-radius:50%;border:0.01rem solid #fff;content:"";vertical-align:middle;margin:0 0.05rem 0 0}
.ClassifyItem .on{color:#d59643}
.ClassifyItem .on::before{background:#deb176}
.el-message-box__message{width:100%}
.el-message-box__message .copy{width:100%;padding:0.06rem 0.1rem;border:0.01rem solid #46416d !important;border-radius:0.06rem;color:#46416d;box-sizing:border-box}
.skillicon{width:0.3rem;height:0.3rem;line-height:.3rem;object-fit:cover;display:inline-block;vertical-align:middle;margin:.03rem .08rem .08rem .02rem}
.SkillEditLi{padding:0 0.32rem 0 0.05rem !important}
.SkillEditLi[aria-disabled=true]{background:#2c2950}
.PassiveTree{overflow:hidden;overflow-y:scroll;height:6.6rem;margin:0.1rem 0}
.PassiveTree iframe{width:99%;height:5.8rem;margin-bottom:0.15rem;background-color:#555;box-sizing:border-box;border-width:0.01rem;border-style:solid;border-color:#797979;overflow:hidden}
.PassiveTree::-webkit-scrollbar{width:0.08rem;height:0.08rem;border-radius:0.1rem}
.PassiveTree::-webkit-scrollbar-track{background-color:#1c1919;border-radius:0.1rem}
.PassiveTree::-webkit-scrollbar-thumb{background-color:#d59643;border-radius:0.1rem}
.PassiveTree::-webkit-scrollbar-thumb:hover{background-color:#deb176}
.PassiveTree .fullscreen{background-color:#181818;width:100%;height:100%;top:0;left:0;right:0;position:fixed;z-index:9999}
.el-message-box__message p,.el-segmented__item-label{font-size:.16rem}
.MakeBuild{text-align:initial !important}
.bdcont{font-size:.2rem}
.BdInfo{font-size:.2rem;margin-left:.1rem;color:#03a72c}