.zx-equipment-icon {
    width: 60px;
    height: 60px;
    /*text-align: center;*/
    border: 1px solid;
    padding-top: 0px;
    padding-left: 0px;
    border-color: #524e52;
    cursor: pointer;
    /*background-position: top;*/
    background-size: contain;
}

.zx-equipment-icon-slot-name {
    color: #454545;
    position: absolute;
    bottom: 0px;
}

.zx-equipment-icon-slot-lv {
    background-color: #000000d9;
    font-weight: bold;
    line-height: 20px;
    position: absolute;
}

.upgrade-button {
    padding: 0px;
    width: 38px;
}

.upgrade-button-text {
    font-size: 14px;
}

.table-item-name {
    font-size: 16px;
    cursor: pointer;
    /*font-weight: bold;*/
}

.table-item-name:hover {
    font-size: 16px;
    cursor: pointer;
    text-decoration: underline;
}

/* 表格自定义样式  */
.table-title-css .layui-table-header,
.table-title-css thead tr {
    background-color: #181818;
    color: #ffffff
}

/* 统计数值 */
.sw-total {
    font-size: 30px;
    font-weight: bold;
    font-family: Barlow;
    font-style: normal;
    color: #ffb800;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    cursor: pointer;
}

.layui-table-page {
    margin-bottom: 0px;
}

/*.background-icon1 {
    background: linear-gradient(rgb(23 23 26 / 95%), rgb(23 23 26)), url(https://zxsj.wanmei.com/images/cover231129/qingyun_ico.png) no-repeat 98% 10px;
}

.background-icon2 {
    background: linear-gradient(rgb(23 23 26 / 95%), rgb(23 23 26)), url(https://zxsj.wanmei.com/images/cover231129/guiwang_ico.png) no-repeat 98% 10px;
}

.background-icon3 {
    background: linear-gradient(rgb(23 23 26 / 95%), rgb(23 23 26)), url(https://zxsj.wanmei.com/images/cover231129/fenxiang_ico.png) no-repeat 98% 10px;
}

.background-icon4 {
    background: linear-gradient(rgb(23 23 26 / 95%), rgb(23 23 26)), url(https://zxsj.wanmei.com/images/cover231129/hehuan_ico.png) no-repeat 98% 10px;
}

.background-icon5 {
    background: linear-gradient(rgb(23 23 26 / 95%), rgb(23 23 26)), url(https://zxsj.wanmei.com/images/cover231129/lingxi_ico.png) no-repeat 98% 10px;
}*/

@media screen and (min-width: 1200px) {
    .item_right .zx-equipment-icon {
        float: right;
    }

    .item_right .zx-equipment-info {
        float: right;
    }

    .item_right .zx-equipment-info1 {
        text-align: right;
    }

    .item_right .zx-equipment-info2 {
        text-align: right;
    }

    .item_right .zx-equipment-info3 {
        text-align: right;
    }

    .item_right .table-item-name {
        text-align: right;
    }

    .stat-col {
        width: 20%;
    }
}

/*分享图*/

.zx-equipment-icon-share {
    width: 50px;
    height: 50px;
    text-align: center;
    border: 1px solid;
    padding-top: 0px;
    border-color: #323232;
}

.layui-layer .zx-equipment-icon-slot-name {
    color: #6a6969;
}

.zx-equipment-info-share {
    line-height: 18px;
    padding-top: 1px;
}

.table-item-name-share {
    font-size: 14px;
}

.item_right .zx-equipment-icon-share {
    float: right;
}

.layui-layer .item_right .zx-equipment-info-share {
    float: right;
}

.layui-layer .item_right .zx-equipment-info1 {
    text-align: right;
}

.layui-layer .item_right .zx-equipment-info2 {
    text-align: right;
}

.layui-layer .item_right .zx-equipment-info3 {
    text-align: right;
    float: right;
}

.layui-layer .item_right li {
    text-align: right;
}

.zx-image-with-border {
    height: 100%;
    width: 100%;
    object-fit: contain;
    border: 2px solid;
}

.zx-equipment-info {
    display: flex;
    flex-direction: column;
    line-height: 18px;
    padding-top: 1px;
}



.zx-equipment-info1 {
    font-size: 12px;
}



.zx-equipment-info2 {
    color: #1eff00;
    font-size: 12px;
}

.zx-equipment-info3 {
    color: #ffd100;
    font-size: 12px;
}

.stat-title {
    color: #9d9d9d;
}

.stat-row {
    clear: both;
    display: flex;
}

.stat-bonus {
    margin-left: 5px;
    font-size: 14px;
    cursor: pointer;
}

.stat-value {
    font-weight: bold;
    /*float: right;*/
    margin-left: auto;
}

.table-item-id {
    font-size: 12px;
    color: #595959;
}


.zx-slot {
    border: 1px solid #ffffff00;
}

/*.zx-slot:hover {
    border: 1px solid green;
}*/

.class-layer-demo-custom .layui-layer-btn {
    padding: 5px 10px 10px;
}

.class-layer-demo-custom .layui-layer-btn a {
    background: #fff;
    border-color: #E9E7E7;
    color: #333;
}

.class-layer-demo-custom .layui-layer-btn .layui-layer-btn0 {
    border-color: #666666;
    background-color: #3c3c3c;
    color: #fff;
}

.about-img-div {
    max-width: 800px;
}

.about-img {
    margin: 10px;
    border: 1px solid #434343;
    width: 100%;
    height: auto;
}


#talent {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: auto;
    width: auto;
    height: 600px;
}

.talent-node {
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    justify-content: space-between;
    background-color: #434343;
    position: absolute;
    z-index: 6;
}

.talent-node:hover {
    border: 1px solid #ffffffcc;
}

.talent-svg {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
}

#talentCanvas {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 600px;
    pointer-events: none;
    /* 防止影响点击 */
}