.footer-box[data-v-6e118e53]{background-image:url(/uploads/image/ocdpstatic/diablo_bigfoot.png);background-position:bottom;background-repeat:no-repeat;height:1000px;display:flex;flex-direction:column;align-items:center}.bottom-bg[data-v-6e118e53]{height:210px;width:1200px;margin-top:-120px}.bottom-content[data-v-6e118e53]{text-align:center;margin-top:-100px;font-size:12px}.bottom-content h3[data-v-6e118e53]{padding:160px 0 15px;transition:all .3s;font-weight:400}.bottom-content li[data-v-6e118e53]{display:inline-block;color:#a99877}.bottom-content a[data-v-6e118e53],.bottom-content p[data-v-6e118e53]{color:#a99877;transition:all .3s;text-decoration:none}.bottom-content a[data-v-6e118e53]:hover{color:#fff}.bottom-content p[data-v-6e118e53]{padding:15px}.bottom-content small[data-v-6e118e53]{color:red}.navmenu-wrapper[data-v-49254dbe]{width:1200px;margin:0 auto}.navmenu-component[data-v-49254dbe]{position:relative;z-index:99999;height:42px;background:url(/uploads/image/ocp2025-02-21/1740121584406_dq0n7u.jpg) no-repeat top}.navmenu-component .first-level[data-v-49254dbe]{float:left;width:11.11%;height:42px;position:relative}.navmenu-component .first-level img[data-v-49254dbe]{display:inline-block;vertical-align:-10px}.navmenu-component .fourth-level[data-v-49254dbe],.navmenu-component .second-level[data-v-49254dbe],.navmenu-component .thrid-level[data-v-49254dbe]{position:relative;border:5px solid #0d0d0d;border-left-width:4px;border-right-width:4px;border-bottom:none;border-radius:2px;width:118px;background-color:#12110f}.navmenu-component .first-level-title[data-v-49254dbe]{display:block;height:42px;line-height:42px;text-shadow:0 0 5px #000;color:#f3e6d0;text-align:center;text-decoration:none}.navmenu-component .fourth-level-title[data-v-49254dbe],.navmenu-component .second-level-title[data-v-49254dbe],.navmenu-component .thrid-level-title[data-v-49254dbe]{display:block;padding-left:10px;height:25px;line-height:25px;text-align:left;font-size:12px;color:#a78f70;transition:all .3s;text-decoration:none;width:100%}.navmenu-component .fourth-level-title.has[data-v-49254dbe],.navmenu-component .second-level-title.has[data-v-49254dbe],.navmenu-component .thrid-level-title.has[data-v-49254dbe]{background:url(/uploads/image/ocp2019-03-14/1552531253584_doezj6.jpg) no-repeat 100px #12110f}.navmenu-component .fourth-level-title[data-v-49254dbe]:hover,.navmenu-component .second-level-title[data-v-49254dbe]:hover,.navmenu-component .thrid-level-title[data-v-49254dbe]:hover{background-color:#22201c;width:100%}.navmenu-component .first-level-list[data-v-49254dbe],.navmenu-component .second-level-list[data-v-49254dbe],.navmenu-component .thrid-level-list[data-v-49254dbe]{display:none;padding-bottom:4px;border:1px solid #22201c;border-radius:3px;width:135px;background-color:#0d0d0d;box-shadow:0 0 5px #000}.navmenu-component .second-level-list[data-v-49254dbe],.navmenu-component .thrid-level-list[data-v-49254dbe]{position:absolute;left:100%;top:0;margin:-5px 0 0 5px}.navmenu-component .first-level:hover .first-level-list[data-v-49254dbe],.navmenu-component .first-level:hover .second-level:hover .second-level-list[data-v-49254dbe],.navmenu-component .first-level:hover .second-level:hover .thrid-level:hover .thrid-level-list[data-v-49254dbe]{display:block}.banner-bg[data-v-7ed0e91b]{background-image:url(/uploads/image/ocdpstatic/diablo_banner_bg.png);background-repeat:repeat-x;height:304px}.search-box[data-v-7ed0e91b]{width:1200px;height:300px;display:flex;justify-content:flex-end;align-items:flex-end}.banner-box[data-v-7ed0e91b]{background-image:url(/uploads/image/ocp2025-06-10/1749522208077_d7vik9.png);background-position:50%;background-repeat:no-repeat;height:300px;display:flex;justify-content:center}.txt-box[data-v-7ed0e91b]{background-image:url(/uploads/image/ocdpstatic/diablo_input_bg.png);height:48px;width:322px;margin-bottom:20px;margin-right:20px}.input-txt[data-v-7ed0e91b]{outline-style:none;border:0;background-color:rgba(0,0,0,.6);width:284px;height:43px;line-height:43px;margin-left:3px;margin-top:3px;padding:0 16px;color:#e9c964}input[data-v-7ed0e91b]::-webkit-input-placeholder{color:#bd9b4e}.btn-search[data-v-7ed0e91b]{background-image:url(/uploads/image/ocdpstatic/diablo_btn_bg.png);height:48px;width:131px;margin-bottom:20px;cursor:pointer;color:#e9c964;line-height:48px;text-align:center}.heard-box[data-v-7ed0e91b]{background-image:url(/uploads/image/ocdpstatic/diablo_header_bg.png);background-position:50%;background-repeat:no-repeat;height:150px;display:flex;justify-content:center}.heard-content[data-v-7ed0e91b]{width:1128px;padding:36px;display:flex;justify-content:space-between}.txt-logo[data-v-7ed0e91b]{padding-top:10px;cursor:pointer}.version-box[data-v-7ed0e91b]{background-image:url(/uploads/image/ocdpstatic/diablo_version_bg.png);width:890px;height:74px;margin-top:10px;display:flex;align-items:center}.form-item[data-v-7ed0e91b]{display:flex;align-items:center;padding-left:26px}.form-title[data-v-7ed0e91b]{color:#f0eadb}.form-select[data-v-7ed0e91b]{width:150px}.left-nav-box[data-v-224233cc]{border:1px solid #322c21;width:228px;background-color:#12100c;margin-left:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.menu-title-box[data-v-224233cc]{background-image:url(/uploads/image/ocdpstatic/diablo_menu_bg.png);height:70px;border:2px solid #61513f;display:flex;align-items:center;padding-left:12px}.menu-title-txt[data-v-224233cc]{color:#f0eadb;padding-left:12px;font-size:15px;font-weight:300}.menu-title-img[data-v-224233cc]{height:40px;width:40px}.menu-item[data-v-224233cc]{border-bottom:1px solid #322c21;color:#8a8a8a;height:40px;line-height:40px;padding-left:12px;cursor:pointer}.menu-item[data-v-224233cc]:last-child{border-bottom:unset}.menu-item-active[data-v-224233cc],.menu-item[data-v-224233cc]:hover{background-color:#231e18;color:#fff;transition:.3s}*{padding:0;margin:0}body{background-color:#000}::-webkit-scrollbar,::-webkit-scrollbar-track{background-color:#f5f5f5}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:#999}.skeleton{background:linear-gradient(90deg,#12100c 25%,#1e1a16 37%,#0d0c0b 63%);background-size:400% 100%;-webkit-animation:ant-skeleton-loading 1.4s ease infinite;animation:ant-skeleton-loading 1.4s ease infinite;color:transparent!important}@-webkit-keyframes ant-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes ant-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.type-tab-box{width:100%}.n-tabs .n-tab-pane{border:1px solid #61513f;border-top:0;margin-top:-1px;background-color:#1e1a16}.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--active{border-top:4px solid #61513f;background-color:#1e1a16}.n-tabs-tab--active:after{height:6px;width:6px;background-color:#61513f;position:absolute;top:-3px;content:"";left:calc(50% - 3px);transform:rotate(45deg)}.tab-type-box{display:flex;padding-left:10px;padding-bottom:10px}.tab-type-label{color:#bd9b4e;min-width:42px}.type-item-box{display:flex;flex-wrap:wrap}.type-item-txt{color:#8a8a8a;padding:0 10px;cursor:pointer}.type-item-active,.type-item-txt:hover{color:#fff;transition:.3s}.n-pagination .n-pagination-item{background:var(--item-color-active);color:var(--item-text-color-active);border:var(--item-border-active)}.n-pagination .n-pagination-item:not(.n-pagination-item--disabled).n-pagination-item--active{background-color:var(--item-color);color:var(--item-text-color);border:var(--item-border)}#app{display:flex;justify-content:center;flex-direction:column;background-image:url(/uploads/image/ocdpstatic/diablo_toumingbg.png);background-repeat:repeat-y;background-position:50%}.app-content-box{width:1200px;margin:auto;display:flex;justify-content:flex-start;z-index:10}.app-content{width:100%;padding:24px 44px;background-color:rgba(0,0,0,.6)}.top-btn{height:40px;width:40px;position:fixed;bottom:80px;right:40px;background-size:cover;background-position:50%;text-align:center;line-height:40px;color:#fff;cursor:pointer;background-color:#12100c;border:2px solid #61513f}.top-btn:hover{background-color:#1e1a16;transition:.3s}