.supdem-search.price { border-color: #9e0000 #E9E9E9 #E9E9E9 #E9E9E9; }
.pri-box { margin-top: 20px; }
    .pri-box:first-child { margin-top: 0; }
.upbor { border-top: 2px solid #9e0000; border-left: 1px solid #f1f0f0; border-right: 1px solid #f1f0f0; border-bottom: 1px solid #f1f0f0; }
.ml-20 { margin-left: 20px; }
.pri-box .flr { color: #9e0000; font-size: 20px; font-weight: 600; }
.pri-box .pri-title { position: relative; font-size: 16px; line-height: 44px; padding: 0 10px; }
.pri-title .more { position: absolute; right: 10px; font-size: 12px }
.pri-box .table { width: 100%; text-align: center; }
    .pri-box .table thead { background-color: #f7f7f7; }
        .pri-box .table thead td { color: #4d4d4d; }
    .pri-box .table tbody { font-size: 12px; font-family: "宋体"; line-height: 28px; }
    .pri-box .table td, .pri-box .table th { border: unset; }
.ct-body-item .table thead td { color: #858585; }
.ct-head { line-height: 44px; }
    .ct-head .ct-head-item { text-align: center; border: 1px solid #e3e3e3; border-right: 0; font-size: 16px; background-color: #eee; cursor: pointer; }
        .ct-head .ct-head-item.active { background-color: #fff; }
        .ct-head .ct-head-item:last-child { border-right: 1px solid #e3e3e3 }
.ct-body { border: 1px solid #e3e3e3; border-top: 0; }
    .ct-body .ct-body-item { display: none; }
        .ct-body .ct-body-item.active { display: block; }
.price-list { margin-top: 30px; }
    .price-list table { width: 100%; text-align: center; }
        .price-list table thead { }
        .price-list table tbody { font-size: 12px; font-family: "宋体"; line-height: 38px; }
.pr-list { border-top: 2px solid #9e0000; margin-top: 20px; }
    .pr-list:first-child { margin-top: 0; }
    .pr-list .pr-title { position: relative; font-size: 16px; line-height: 44px; padding: 0 10px; }
    .pr-list table { width: 100%; text-align: center; }
        .pr-list table tbody { font-size: 12px; font-family: "宋体"; line-height: 32px; color: #666; }
    .pr-list ul li { padding-left: 10px; line-height: 32px; }
        .pr-list ul li a, .pr-list table tbody { color: #666; }
.hot-herbs { padding-top: 0; }
    .hot-herbs li { float: left; margin-left: 15px; }
.p.p1, .p.p2, .p.p3, .p.d1, .p.d2, .p.d3 { padding: 4px 8px; border-radius: 3px; color: #fff; }
.p.p1 { background: #cc0f0e; }
.p.p2 { background: #e75234; }
.p.p3 { background: #ff9781; }
.p.d1 { background: #008000; }
.p.d2 { background: #00c700; }
.p.d3 { background: #2eff2e; }
.p-inf-box { }
    .p-inf-box .p-inf-fold { }
.p-inf-fold > div { display: inline-block; height: 35px; }
.p-inf-title { text-align: center; color: #fff; font-size: 18px; padding: 0 30px; background-color: gray; cursor: pointer; }
    .p-inf-title.p-select { background-color: #33804b; }
.p-inf-input input { border: 1px solid #A0A0A0; border-radius: 3px; width: 180px; height: 34px; display: block; }
.p-inf-btn button { padding: 0 30px; height: 35px; background-color: #6cb444; border: 0; outline: 0; border-radius: 3px; color: #fff; }
.selet-herb { text-align: center; color: #33804b; line-height: 33px; border-radius: 3px; margin-left: 5px; position: relative; }
    .selet-herb .sel_herbs { display: inline-block; height: 100%; border: 1px solid #33804b; border-radius: 5px; padding: 0 15px; }
.sel-herbs-box { text-align: left; position: absolute; width: 630px; background: #fff; z-index: 99; zoom: 1; margin-top: -1px; margin-right: -1px; box-shadow: -3px 3px 10px #999; border: 1px solid #98c3f0; padding: 0 15px; top: 36px; }
    .sel-herbs-box .herbs-title { text-align: left; position: relative; border-bottom: 1px solid #98c3f0; margin-bottom: 8px; }
        .sel-herbs-box .herbs-title .close { position: absolute; right: 5px; }
    .sel-herbs-box .item-box { }
    .sel-herbs-box .herbs-spell .spell-item { padding: 0 6px; display: inline-block; }
        .sel-herbs-box .herbs-spell .spell-item.hover { border-top: 1px solid #98c3f0; border-left: 1px solid #98c3f0; border-right: 1px solid #98c3f0; background-color: #fff; }
    .sel-herbs-box .sd-spell-abbr .spell-item { padding: 0 6px; display: inline-block; background-color: #fff; }
        .sel-herbs-box .sd-spell-abbr .spell-item.hover { background-color: #33804b; color: #fff; }
    .sel-herbs-box .item-box .herbs-spell { text-align: center; line-height: 24px; background-color: #fff; }
    .sel-herbs-box .item-box .sd-spell-abbr { padding-left: 10px; padding-top: 4px; padding-bottom: 4px; line-height: 24px; border: 1px solid #98c3f0; margin-top: -1px; }
    .sel-herbs-box .item-box .sd-spellbreeds-items { height: 200px; overflow: auto; margin: 5px 0; }
    .sel-herbs-box .sd-spellbreeds-items .breed-item { padding: 0 5px; display: inline-block; }
.price-search-box .item-box { }
.price-search-box .herbs-spell .spell-item { padding: 0 6px; display: inline-block; }
    .price-search-box .herbs-spell .spell-item.hover { border-top: 1px solid #84ce97; border-left: 1px solid #84ce97; border-right: 1px solid #84ce97; background-color: #f5fbf7; }
.price-search-box .sd-spell-abbr .spell-item { padding: 0 6px; display: inline-block; }
    .price-search-box .sd-spell-abbr .spell-item.hover { color: #0f872e; font-weight: 600 }
.price-search-box .item-box .herbs-spell { margin-right: 50px; }
.price-search-box .item-box .sd-spell-abbr { padding-left: 10px; padding-top: 4px; padding-bottom: 4px; line-height: 24px; border: 1px solid #84ce97; margin-top: -1px; margin-right: 50px; background-color: #f5fbf7; }
.price-search-box .item-box .sd-spellbreeds-items { height: 100px; overflow: auto; margin: 5px 0; margin-right: 50px; }
.price-search-box .sd-spellbreeds-items .breed-item { padding: 0 5px; display: inline-block; }
.search-box-item .item-herb { margin-right: 15px; }
    .search-box-item .item-herb:last-child { margin-right: 0; }
.p-inf-item { padding: 8px 0; }
    .p-inf-item ul li { float: left; border-radius: 15px; cursor: pointer; padding: 2px 15px; margin-right: 10px; }
        .p-inf-item ul li:last-child { margin-right: 0; }
        .p-inf-item ul li.p-select { background-color: #6cb444; color: #fff; }
.p-inf-data { border: 1px solid #C6C6C6; min-height: 400px; }
.p-info-pris { height: 327px; }
.p-action { font-size: 18px; position: relative; padding: 15px 10px; background-color: #FAFAFA; }
    .p-action span { margin: 0 10px; }
.p-desc { font-weight: 600; color: #33804B; }
.pri-contrast { }
    .pri-contrast button { cursor: pointer; border: 1px solid #32814a; border-radius: 3px; text-align: center; line-height: 30px; color: #32814a; background-color: #F3F3F3; font-size: 16px; }
.pri-more { }
    .pri-more a { background-color: #f3f3f3; border-radius: 2px; border: solid 1px #116ad2; font-size: 16px; color: #116ad2; padding: 5px 30px; }
.p-online { position: absolute; right: 15px; top: 15px; /*background-color: #ff5252;*/ border-radius: 30px; /*color: #ffffff;*/ padding: 0 15px; }
a.p-online:hover { /* color: #ffffff;*/ }
.p-inf-chart { height: 350px; }
.p-statistics { font-size: 12px; }
    .p-statistics .p-today { line-height: 42px; font-size: 16px; font-weight: 600; }
.p-today span { color: red; }
.p-statistics .p-more-yes { }
.p-variation { width: 100%; border-top: 1px solid #9f9e9e; border-bottom: 1px solid #9f9e9e; line-height: 32px; }
.pri-range span { border: 1px solid gray; text-align: center; color: gray; background-color: white; padding: 3px 10px; cursor: pointer; }
    .pri-range span.selected { background-color: #33804A; color: white; }
.p-inf-list { }
.p-area { border-bottom: 2px solid #33804A; font-size: 16px; line-height: 35px; }
    .p-area span { background-color: #33804b; color: #fff; padding: 0 15px; display: inline-block; }
.p-info-tt { padding: 12px 15px; border: 1px solid #e3e3e3; border-bottom: unset; font-size: 16px; position: relative; }
.p-diff { position: absolute; right: 10px; top: 12px; }
.p-pri-tab { border-color: #e3e3e3; line-height: 38px; font-size: 16px; }
    .p-pri-tab thead { background: #fafafa; }
    .p-pri-tab td.prod-new { position: relative; overflow: hidden; }
        .p-pri-tab td.prod-new::after { font-size: 10px; content: "产新"; color: #fff; background-color: #ff690b; padding: 0 19px; position: absolute; top: 4px; right: -18px; transform: rotate(40deg); line-height: 14px; }
.p-related { }
    .p-related .rela-title { position: relative; padding: 12px 0; }
.rela-title .rela-name { padding-left: 15px; position: relative; font-weight: 600; font-size: 18px; color: #000; }
    .rela-title .rela-name:before { display: block; width: 8px; height: 100%; content: ""; background: #33814A; position: absolute; top: 0; border-radius: 2px; }
.rela-title .m-more { position: absolute; right: 10px; top: 12px; }
.p-info-related .zixun-list { margin-top: -10px; margin-bottom: -10px; }
.p-info-related .supdem-list { margin-top: 0; }
    .p-info-related .supdem-list .supdem-item-box { margin-top: 0; }
.chart-empty { text-align: center; font-size: 18px; }
td.sort span { border: 1px solid #c9c9c9; padding: 0 4px; cursor: pointer; }
    td.sort span[data-srt='1']::after, td.sort span[data-srt='3']::after, td.sort span[data-srt='5']::after, td.sort span[data-srt='7']::after, td.sort span[data-srt='9']::after, td.sort span[data-srt='11']::after { content: "↓"; padding: 0 1px; color: red; }
    td.sort span[data-srt='2']::after, td.sort span[data-srt='4']::after, td.sort span[data-srt='6']::after, td.sort span[data-srt='8']::after, td.sort span[data-srt='10']::after, td.sort span[data-srt='12']::after { content: "↑"; padding: 0 1px; color: red; }
.p-psd-img { background-image: url(../images/herbpsd.jpg); background-position: 100% 100%; background-size: contain; background-repeat: no-repeat; }
    .p-psd-img .p-musk-btn { text-align: center; padding-top: 180px }
.p-ps-img { background-image: url(../images/herbps.jpg); background-position: 100% 100%; background-size: contain; background-repeat: no-repeat; }
    .p-ps-img .p-musk-btn { text-align: center; padding-top: 160px }

.badge-his { position: relative; }
    .badge-his::after { content: "分析"; display: inline-block; position: absolute; color: #fff; background: #ff4040; line-height: 1; top: -10px; padding: 4px; border-radius: 10px; right: -16px; font-size: 0.75rem; }

.content-box { padding: 15px 15px 25px 15px; font-size: 0.9rem; }
    .content-box p { text-indent: 2em; }
    .content-box .desc-title { line-height: 2.5; font-size: 1rem; text-align: center; font-weight: 600; color: #33804b; }
        .content-box .desc-title span { color: #666; font-weight: 100; padding: 0 5px }