.item-info .whtt-container {
    background-image: url(/static/web/image/d4_desc/1477700437.webp), url(/static/web/image/d4_desc/1764126282.webp), url(/static/web/image/d4_desc/1526734248.webp),
        url(/static/web/image/d4_desc/3780277120.webp), url(/static/web/image/d4_desc/202353459.webp), url(/static/web/image/d4_desc/4146987251.webp),
        url(/static/web/image/d4_desc/3758777576.webp), url(/static/web/image/d4_desc/3713853190.webp), url(/static/web/image/d4_desc/1505111514.webp),
        url(/static/web/image/d4_desc/2191061733.webp), url(/static/web/image/d4_desc/3592820536.webp), url(/static/web/image/d4_desc/147656464.webp),
        url(/static/web/image/d4_desc/1927892788.webp), url(/static/web/image/d4_desc/584956099.webp), url(/static/web/image/d4_desc/1305988728.webp),
        url(/static/web/image/d4_desc/4189434499.webp), url(/static/web/image/d4_desc/819645078.webp);
    box-sizing: border-box;
    width: 100%;
    padding: calc(1.35em + 10.5px);
    background-position: left bottom, 64px bottom, right bottom, left 64px, right 64px, left top, 64px top, right top, left 43px bottom 10.5px, left 10.5px bottom 10.5px, right 10.5px bottom 10.5px, left 10.5px top 43px, 43px, right 10.5px top 43px, left 43px top 10.5px, left 10.5px top 10.5px, right 10.5px top 10.5px;
    background-repeat: no-repeat;
    background-size: 64px, calc(100% - 128px) 64px, 64px, 64px calc(100% - 128px), 64px calc(100% - 128px), 64px, calc(100% - 128px) 64px, 64px, calc(100% - 86px) 33px, 33px, 33px, 33px calc(100% - 86px), calc(100% - 86px) calc(100% - 86px), 33px calc(100% - 86px), calc(100% - 86px) 33px, 33px, 33px;
}

.item-info .whtt-container .whtt-name {
    color: #e3e0d9;
    font-family: 'montserrat bold';
    font-size: 1.55em;
    text-align: center
}

.item-info .whtt-container ul li[data-type=legendary] {
    color: #df8020;
    list-style: none;
    margin: 11px 0;
}

.item-info .whtt-container ul li {
    margin: 6px 0;
}

.item-info .whtt-container .whtt-scroll .whtt-core:first-child {
    background-image: url(/static/web/image/d4_desc/4137763948.webp);
    background-repeat: no-repeat;
    padding-top: 4px;
    background-position: top;
    background-size: 303px
}

.item-info .whtt-container .whtt-detail {
    color: #979797
}

.item-info .whtt-container .whtt-name2 {
    text-align: center;
    color: #f3da0b;
    padding: 3px
}

/* 公共样式 */
.item-info .whtt-container .whtt-color-quiet {
    color: dimgray
}

/*  */
.item-info[data-type="9911"] .whtt-container,
.item-info[data-type="10087"] .whtt-container,
.item-info[data-tips*="whtt-flavor"] .whtt-container,
.item-info[data-type="9843"] .whtt-container {
    background-image: url(/static/web/image/d4_desc/1477700437.webp), url(/static/web/image/d4_desc/1764126282.webp),
        url(/static/web/image/d4_desc/1526734248.webp), url(/static/web/image/d4_desc/3780277120.webp), url(/static/web/image/d4_desc/202353459.webp),
        url(/static/web/image/d4_desc/4146987251.webp), url(/static/web/image/d4_desc/3758777576.webp), url(/static/web/image/d4_desc/3713853190.webp),
        url(/static/web/image/d4_desc/4019188336.webp), url(/static/web/image/d4_desc/1112478331.webp), url(/static/web/image/d4_desc/2359306638.webp),
        url(/static/web/image/d4_desc/3139483174.webp), url(/static/web/image/d4_desc/147002314.webp), url(/static/web/image/d4_desc/530989721.webp),
        url(/static/web/image/d4_desc/4129811150.webp), url(/static/web/image/d4_desc/1254623705.webp), url(/static/web/image/d4_desc/2755136684.webp),
        url(/static/web/image/d4_desc/1505111514.webp), url(/static/web/image/d4_desc/2191061733.webp), url(/static/web/image/d4_desc/3592820536.webp),
        url(/static/web/image/d4_desc/147656464.webp), url(/static/web/image/d4_desc/1927892788.webp), url(/static/web/image/d4_desc/584956099.webp),
        url(/static/web/image/d4_desc/1305988728.webp), url(/static/web/image/d4_desc/4189434499.webp), url(/static/web/image/d4_desc/819645078.webp);
    box-sizing: border-box;
    padding: calc(1.35em + 10.5px);
    background-position: left bottom, 64px bottom, right bottom, left 64px, right 64px, left top, 64px top, right top, left 74.5px bottom 10.5px, left 10.5px bottom 10.5px, right 10.5px bottom 10.5px, left 10.5px top 74.5px, 74.5px, right 10.5px top 74.5px, left 74.5px top 10.5px, left 10.5px top 10.5px, right 10.5px top 10.5px, left 43px bottom 10.5px, left 10.5px bottom 10.5px, right 10.5px bottom 10.5px, left 10.5px top 43px, 43px, right 10.5px top 43px, left 43px top 10.5px, left 10.5px top 10.5px, right 10.5px top 10.5px;
    background-repeat: no-repeat;
    background-size: 64px, calc(100% - 128px) 64px, 64px, 64px calc(100% - 128px), 64px calc(100% - 128px), 64px, calc(100% - 128px) 64px, 64px, calc(100% - 149px) 64px, 64px, 64px, 64px calc(100% - 149px), calc(100% - 149px) calc(100% - 149px), 64px calc(100% - 149px), calc(100% - 149px) 64px, 64px, 64px, calc(100% - 86px) 33px, 33px, 33px, 33px calc(100% - 86px), calc(100% - 86px) calc(100% - 86px), 33px calc(100% - 86px), calc(100% - 86px) 33px, 33px, 33px;
    color: #bab0a3;
    font: 16px / 1.45em pt-serif, mrs-eaves-roman-lining, "Times New Roman", Times, serif;
    text-shadow: 0 0 0.1em #000;
    position: relative;
    z-index: 5;
}



.item-info[data-tips*="whtt-flavor"] .whtt-container,
.item-info[data-type="9843"] .whtt-container {
    outline: none;
    color: #bab0a3;
    font: 16px / 1.45em pt-serif, mrs-eaves-roman-lining, "Times New Roman", Times, serif;
    text-shadow: 0 0 0.1em #000;
}

.item-info[data-tips*="whtt-flavor"] .whtt-header-icon,
.item-info[data-type="9843"] .whtt-header-icon {
    background-repeat: no-repeat;
    background-size: contain;
    height: 6.75em;
    inset: 0.35em 1.4em auto auto;
    position: absolute;
    width: 4.5em;
    z-index: 1;
}

.item-info[data-tips*="whtt-flavor"] .whtt-container .whtt-header-text,
.item-info[data-type="9843"] .whtt-container .whtt-header-text {
    margin-right: 3.9em;
    overflow: hidden;
    z-index: 1;
}

.item-info[data-tips*="whtt-flavor"] .whtt-container .whtt-name,
.item-info[data-type="9843"] .whtt-container .whtt-name {
    color: #e3e0d9;
    font-family: 'montserrat bold';
    font: small-caps 500 18px Exocet, Verdana, "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.35em;
    text-transform: uppercase;
}

.item-info[data-tips*="whtt-flavor"] .whtt-container .whtt-item-type,
.item-info[data-type="9843"] .whtt-container .whtt-item-type {
    color: #c7a88e;
    font-size: 1.08em;
}

.item-info[data-tips*="whtt-flavor"] .whtt-container *[data-divider="left"]:before,
.item-info[data-type="9843"] .whtt-container *[data-divider="left"]:before {
    background-image: url(/static/web/image/d4_desc/2998176818.webp);
}

.item-info[data-tips*="whtt-flavor"] .whtt-container .whtt-scroll,
.item-info[data-type="9843"] .whtt-container .whtt-scroll {
    overflow: auto !important;
    position: relative !important;
}

.item-info[data-tips*="whtt-flavor"] .whtt-container .whtt-scroll>:not([data-divider]),
.item-info[data-type="9843"] .whtt-container .whtt-scroll>:not([data-divider]) {
    position: relative;
    z-index: 1;
}

.item-info[data-tips*="whtt-flavor"] .whtt-container .whtt-scroll>:first-child,
.item-info[data-type="9843"] .whtt-container .whtt-scroll>:first-child {
    margin-top: 0;
}

.item-info[data-tips*="whtt-flavor"] .whtt-container .whtt-damage,
.item-info[data-type="9843"] .whtt-container .whtt-damage,
.wowhead-tooltip[data-game="d4"][data-type="d4-item"] .whtt-armor {
    color: #e3e0d9;
    font-size: 1.25em;
}

.item-info[data-tips*="whtt-flavor"] .whtt-container *[data-divider="left"]:before,
.item-info[data-tips*="whtt-flavor"] .whtt-container *[data-divider="full"]:before,
.item-info[data-type="9843"] .whtt-container *[data-divider="left"]:before,
.item-info[data-type="9843"] .whtt-container *[data-divider="full"]:before {
    background-image: url(/static/web/image/d4_desc/4137763948.webp);
}

.item-info[data-tips*="whtt-flavor"] .whtt-container *[data-divider]:before,
.item-info[data-type="9843"] .whtt-container *[data-divider]:before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    content: "";
    display: block;
    margin: .5em 0;
    padding-bottom: 2.9051987768%;
}

.item-info[data-tips*="whtt-flavor"] .whtt-container *[data-divider="left"]:before,
.item-info[data-type="9843"] .whtt-container *[data-divider="left"]:before {
    background-position: left;
    margin-right: auto;
    width: 51.6819571865%;
}

.item-info[data-tips*="whtt-flavor"] .whtt-container ul,
.item-info[data-type="9843"] .whtt-container ul {
    color: inherit !important;
    list-style: none !important;
    margin-bottom: .5em;
    margin-top: 0;
    padding-left: 1.25em;
}

.item-info[data-tips*="whtt-flavor"] .whtt-container ul li,
.item-info[data-type="9843"] .whtt-container ul li {
    margin: 0 !important;
    position: relative;
}

.item-info[data-tips*="whtt-flavor"] .whtt-container ul[data-format="line"],
.item-info[data-type="9843"] .whtt-container ul[data-format="line"] {
    border-left: 2px solid #8c867b;
    margin-left: 0.9em;
    position: relative;
}

.item-info[data-tips*="whtt-flavor"] .whtt-container ul[data-format="line"] li:before,
.item-info[data-type="9843"] .whtt-container ul[data-format="line"] li:before {
    background-image: url(/static/web/image/d4_desc/800866197.webp);
}

.item-info[data-tips*="whtt-flavor"] .whtt-container ul li:before,
.item-info[data-type="9843"] .whtt-container ul li:before {
    background-image: url(/static/web/image/d4_desc/2627966652.webp);
}

.item-info[data-tips*="whtt-flavor"] .whtt-container ul li:before,
.item-info[data-type="9843"] .whtt-container ul li:before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    content: "";
    display: inline-block;
    filter: brightness(0.65);
    height: 1.25em;
    left: -1.25em;
    position: absolute;
    top: .1em;
    width: 1em;
}

.item-info[data-tips*="whtt-flavor"] .whtt-container ul li span,
.item-info[data-type="9843"] .whtt-container ul li span {
    color: inherit;
    font-size: inherit;
}

.item-info[data-tips*="whtt-flavor"] .whtt-container ul li[data-type="unique"]:before,
.item-info[data-type="9843"] .whtt-container ul li:before {
    background-image: url(/static/web/image/d4_desc/3759295089.webp);
    filter: brightness(1);
    background-size: cover;
}

.item-info[data-tips*="whtt-flavor"] .whtt-container .whtt-flavor,
.item-info[data-type="9843"] .whtt-container .whtt-flavor {
    color: #9b9b9b;
    font-style: italic;
}

.item-info[data-tips*="whtt-flavor"] .whtt-container .whtt-detail[data-detail-align="right"],
.item-info[data-type="9843"] .whtt-container .whtt-detail[data-detail-align="right"] {
    text-align: right;
}

.item-info[data-tips*="whtt-flavor"] .whtt-container .whtt-scroll .whtt-color-loud,
.item-info[data-type="9843"] .whtt-container .whtt-scroll .whtt-color-loud {
    color: #e3e0d9;
}

.item-info[data-tips*="whtt-flavor"] .whtt-container .whtt-detail,
.item-info[data-type="9843"] .whtt-container .whtt-detail {
    color: #9b9b9b;
    display: block;
    font-size: .875em;
}

.d4_item_star {
    display: flex;
    align-items: center;
    justify-content: center;
    color: red;
    margin-top: -10px;
}

.d4_item_star img {
    width: 20px;
}

.d4_item--10087,
.d4_item--9911 {
    display: none;
    background: rgba(7, 14, 34, .4);
    box-shadow: 0 0 4px 0px #1770b7;
    padding: 20px;
    border-radius: 5px;
    color: #7073c9;
}

.d4_item--9911 p {
    margin-bottom: 6px;
}

.d4_item--9911 p img {
    vertical-align: middle;
}

.d4_item--10087.display,
.d4_item--9911.display {
    display: block;
}

@font-face {
    font-family: "exocet";
    src: url("https://use.typekit.net/af/0b106c/00000000000000007735b26f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"), url("https://use.typekit.net/af/0b106c/00000000000000007735b26f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"), url("https://use.typekit.net/af/0b106c/00000000000000007735b26f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
}

@font-face {
    font-family: "exocet";
    src: url("https://use.typekit.net/af/688677/00000000000000007735b272/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"), url("https://use.typekit.net/af/688677/00000000000000007735b272/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"), url("https://use.typekit.net/af/688677/00000000000000007735b272/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 900;
    font-stretch: normal;
}

.tk-exocet {
    font-family: "exocet", sans-serif;
}


.item-info .item-title {
    lines: 3 !important;
    display: block;
    text-overflow: ellipsis;
}
.item-info .item-name,
.item-info .item-title span {
    font-size: 20px !important;
    color: #f7c99c !important;
}

.item-info .half-width {
    display: none;
}
.item-info .item-type.c_rare,
.item-info .item-type.c_legendary {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 9px;
}
.item-info .item-type.c_rare::after,
.item-info .item-type.c_legendary::after {
    content: '';
    background-image: url(/static/web/image/d4_desc/headers.webp);
    background-repeat: no-repeat;
    height: 10px;
    background-position-y: -32px;
    background-position-x: -25px;
    all: 1 !important;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}
/* 获取元素的兄弟下一个元素 */
.item-info .half-width + div + div,
.item-info .half-width + div {
    padding-left: 1.5rem;
    margin-bottom: 3px;
    position: relative;
}
.item-info .half-width + div + div::after {
    display: block;
    position: absolute;
    content: " ";
    width: 1.5rem;
    height: 1.5rem;
    top: 0;
    left: -.3125rem;
    margin: 0;
    background: url(/static/web/image/d4_desc/list-icon.webp);
    background-position: -1.5rem 0;
}
.item-info .half-width + div::after {
    display: block;
    position: absolute;
    content: " ";
    width: 1.5rem;
    height: 1.5rem;
    top: 0;
    left: -.3125rem;
    margin: 0;
    background: url(/static/web/image/d4_desc/list-icon.webp);
    background-position: -1.5rem 0;
}

.item-info .d4-color-unique,
.d4-color-uniqueItem {
    color: #f7c99c !important;
}

.item-info .item-type {
    margin-top: .375rem;
}

.item-info .item-desc {
    line-height: 1.5;
    margin-top: .375rem;
    word-break: break-all;
}

.item-info .item-seperator.left {
    background-position-y: -42px;
    margin-left: 0;
}

.item-info .item-seperator {
    background-image: url(/static/web/image/d4_desc/headers.webp);
    background-repeat: no-repeat;
    height: 10px;
    background-position-y: -32px;
    background-position-x: -25px;
    margin: 6px auto;
    all: 1 !important;
}

.item-info .line-affix {
    padding-left: 1.5rem;
    position: relative;
}

.item-info .line-affix:before {
    display: block;
    position: absolute;
    content: " ";
    width: 1.5rem;
    height: 1.5rem;
    top: 0;
    left: -.3125rem;
    margin: 0;
    background: url(/static/web/image/d4_desc/list-icon.webp);
    background-position: -1.5rem 0;
}

.item-info .line-affix.star:before {
    background-position: 0 -1.5rem;
}

.item-info .line-affix.unique {
    padding-left: 1.5rem;
    position: relative;
    color: #f7c99c !important;
}

.item-info .line-affix.unique:before {
    width: 24px;
    height: 24px;
    top: 0;
    left: -5px;
    margin: 0;
    content: " ";
    display: block;
    position: absolute;
    background: url(/static/web/image/d4_desc/3759295089.webp);
    background-size: 100%;
}
.item-info .c_important {
    color: #e3e0d9 !important;
    margin: 0 .125rem;
}

.item-info .c_random {
    color: #aaf !important;
    margin: 0 .125rem;
}

.item-info .item-extra div {
    margin-top: .25rem;
    color: #8a8a8a !important;
    font-style: italic;
}

.item-info .mgt-16 {
    margin-top: .5rem !important;
}

.item-info .c_label {
    color: #ad9d8e !important;
    margin: 0 .125rem;
}

.item-info .c_label:first-child {
    margin: 0;
}

.item-info .text {
    color: #bab0a3;
}




/*poe2 */
.goods .goods-list li .item-info.poe2-item-info {
    padding: 0;
    border: none;
}
.grantsSkill,
.itemboximage img{
    display: none !important;
}

.poe2-item-info .item-popup--poe2 {
    background: rgba(0, 0, 0, .8);
    color: #7f7f7f;
    font-family: "FontinSmallCaps", Verdana, Arial, Helvetica, sans-serif;
    text-transform: capitalize;
}

.poe2-item-info .item-popup--poe2 .itemHeader.doubleLine {
    background:
        url('/static/web/image/poe2_desc/header-double-unique-left.webp') top left no-repeat,
        url('/static/web/image/poe2_desc/header-double-unique-right.webp') top right no-repeat,
        url('/static/web/image/poe2_desc/header-double-unique-middle.webp') top center repeat-x;
    background-size: contain;
    line-height: 1em;
    padding-top: 6px;
    /* 首字母大写 */
}

.poe2-item-info .item-popup--poe2 .content {
    padding: 20px;
}

.poe2-item-info .item-popup--poe2 .separator {
    background: url(/static/web/image/poe2_desc/seperator-unique.webp) center no-repeat;
    height: 7.91075px;
    margin: 1px 0px;
}
.poe2-item-info .item-popup--poe2 .requirements {
    display: none !important;
}
/* .poe2-item-info .item-popup--poe2 .requirements 下一个 元素 */
.poe2-item-info .item-popup--poe2 .requirements + .separator {
    display: none !important;
}
.poe2-item-info .item-popup--poe2 .itemHeader .itemName,
.poe2-item-info .uniqueitem,
.poe2-item-info .item_unique,
.poe2-item-info .TextUnique {
    color: #ef6916;
}

.poe2-item-info .newItemPopup .doubleLine .itemName .lc {
    padding: 3px 0;
    font-size: 16px;
    display: block;
}

.poe2-item-info .item-popup--poe2 .colourDefault,
.poe2-item-info .item-popup--poe2 .colourPhysicalDamage {
    color: #fff;
}

.poe2-item-info .text-value,
.poe2-item-info .text-type0,
.poe2-item-info .prophecyText,
.poe2-item-info .text-type3,
.poe2-item-info .text-physical,
.poe2-item-info .mod-value {
    color: white;
}

.poe2-item-info .newItemPopup .itemHeader.doubleLine {
    height: 54px;
}

.poe2-item-info .item-popup--poe2.newItemPopup.gemPopup .itemName {
    text-align: left;
}

.poe2-item-info .gem_blue,
.poe2-item-info .Augmented,
.poe2-item-info .item_magic,
.poe2-item-info .textMagicItem,
.poe2-item-info .TextMagic,
.poe2-item-info .text-mod,
.poe2-item-info .explicitMod,
.poe2-item-info .implicitMod,
.poe2-item-info .utilityMod,
.poe2-item-info .magicitem,
.poe2-item-info .text-type1,
.poe2-item-info .harvestRequirements,
.poe2-item-info .qualityMod,
.poe2-item-info .newItemPopup .colourAugmented {
    color: rgb(136, 136, 255);
}

.poe2-item-info .item_unique,
.poe2-item-info .xyz_golden_user,
.poe2-item-info .textUnique,
.poe2-item-info .flavourText,
.poe2-item-info .uniqueitem,
.poe2-item-info .TextUnique,
.poe2-item-info .FlavourText,
.poe2-item-info .newItemPopup.uniquePopup .itemName,
.poe2-item-info .newItemPopup .colourUnique {
    color: rgb(175, 96, 37);
}

.poe2-item-info .FlavourText {
    font-style: italic;
    padding-left: 5px;
    padding-right: 5px;
}

@media (max-width: 768px) {
    .item-info[data-type="9843"] .whtt-container {
        transform: scale(.9);
    }
}