.top_box { border-top: 2px solid #33804b; /*border: 1px solid #e0e0e0;*/ }
.spell-box { padding: 10px 20px; }
    .spell-box .herbs-spell { text-align: center; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #73bf49; }
    .spell-box .spell-item { font-size: 16px; padding: 0 8px; display: inline-block; }
.spell-item.hover { background-color: #73bf49; color: #fff }
#Breeds .sd-spell-abbr { text-align: center; margin-bottom: 5px; }
#Breeds .sd-spellbreeds-items { max-height: 200px; overflow: auto; font-size: 16px; }
    #Breeds .sd-spellbreeds-items .breed-item { padding: 0 8px; display: inline-block; }
#Propertys .sd-spell-abbr .breed-item { padding: 0 8px; display: inline-block; }
#Propertys .sd-spell-abbr { max-height: 200px; overflow: auto; font-size: 16px; }
a.breed-item:hover, a.breed-item:hover { background-color: #73bf49; color: #fff }
.all_breeds_box { margin-bottom: 150px; }
.hover-mbs { display: inline-block; position: relative; margin: 2px 0; }
    .hover-mbs a { position: relative; margin-left: 10px; }
.info-hover-list { position: absolute; width: 160px; background-color: #fff; z-index: 10; left: -55px; top: 25px; overflow: hidden; display: none; text-align: left; font-size: 14px; }
    .info-hover-list .border-tria { position: absolute; left: 50%; top: -10px; margin-left: -10px; border: 10px solid #fff; border-bottom-color: #5d63a2; }
    .info-hover-list .border-list { margin-top: 10px; border: 1px solid #5d63a2; }
.border-list li { line-height: 30px; }
.border-list a { margin-left: 0; padding-left: 20px; font-size: 14px; }
.border-list li:hover { background-color: #e6e6e6; }
    .border-list li:hover a { text-decoration: underline; }
.border-tria .inner { position: absolute; top: -8px; left: -10px; border: 10px solid transparent; border-bottom-color: #fff; }
.zh_items .hover-mbs:hover .info-hover-list { display: block; }
.guess-like { }
    .guess-like .tile { font-size: 16px; color: #09704d; }
    .guess-like ul { border: 1px solid #d1d1d1; margin-top: 10px; }
        .guess-like ul li, .booklist li { display: inline-block; }
        .guess-like ul li { padding: 15px; }
            .guess-like ul li a { padding: 5px 15px; background-color: #64b07d; border-radius: 15px; color: #fff }
.booklist li { padding: 0 20px; font-size: 16px; }
.booklist { margin-bottom: 30px; }
.effect-box { margin: 30px 0; }
.effect-content { padding-left: 100px; }
    .effect-content p { padding: 5px 0; }
        .effect-content p strong { display: inline-block; zoom: 1; width: 100px; text-align: right; margin-left: -100px; }
.feature { padding: 0 20px; }
    .feature li { padding: 5px 0; text-align: center; border-bottom: 1px solid #d9d9d9; font-size: 16px; }
        .feature li.hover, .feature li.hover a { background: #33804b; color: #fff; }
        .feature li.follow-herb { background: #6cb444; color: #fff }
            .feature li.follow-herb a { color: #fff }
.vt-title { background: #fafafa; border: 1px solid #e3e3e3; border-top: 2px solid #09704d; line-height: 44px; padding: 0 10px; }
    .vt-title .herb-name { color: #09704d; font-size: 18px; font-weight: 500; font-family: '微软雅黑'; margin-left: 10px; }
    .vt-title .other { float: right; height: 38px; }
        .vt-title .other span { padding: 0 5px; }
.other .sell { display: inline-block; background-color: #ff5252; height: 30px; color: #ffffff; line-height: 30px; padding-left: 12px; border-radius: 12px; padding-right: 16px; }
.vt-data .search-box-select { line-height: 64px; }
.search-box-select .cloud-data { padding: 6px 25px; margin-right: 10px; border: solid 1px #116ad2; text-align: center; color: #116ad2 }
.herb-img { height: 220px; width: 220px; }
    .herb-img img { width: 100%; height: 100%; }
.vt-desc .desc { padding-left: 70px; }
    .vt-desc .desc li span:first-child { width: 80px; display: inline-block; zoom: 1; text-align: right; margin-left: -83px; color: #919191; padding-right: 10px; }
.vt-time { color: #a3a3a3; }
.door { background: #fafafa; }
    .door .door-item { display: inline-block; font-size: 16px; line-height: 44px; margin-right: 10px }
        .door .door-item.hover { border-bottom: 2px solid #33804b; }
.tabCont { padding-top: 10px; }
    .tabCont .tabCont-item { display: none; }
        .tabCont .tabCont-item.show { display: block; }
.vt-his-price-chat { height: 350px; }
    .vt-his-price-chat .chart { height: 350px; }
table.full { width: 100%; }
table.center { text-align: center; }
table.price { line-height: 40px; }
    table.price thead { background-color: #dfdfdf; font-weight: 600; line-height: 44px; }
    table.price tbody tr { cursor: pointer; }
.vt-new-box { }
    .vt-new-box li { margin-bottom: 20px; }
.p-top { border-top: 2px solid #33804b; padding-top: 5px; display: inline-block; }
.rec { border-top: 1px solid #e3e3e3; }
.rec-merchants .mer { padding-left: 20px; }
.mer li { line-height: 38px; list-style: disc }
    .mer li::marker { background-color: #a9a9a9; color: #a9a9a9 }
    .mer li .m-name { margin-right: 10px; }
.rec-merchants .news { padding-left: 20px; }
.news li { line-height: 34px; list-style: disc }
    .news li::marker { background-color: #a9a9a9; color: #a9a9a9 }
    .news li .dp { margin-right: 5px; }
.vt-new-box .vt-news-title { font-size: 1.1rem !important; }
.gq-t { font-size: 18px; }
.fr { float: right; }
    .fr a { color: #33804b; font-size: 16px; }

.p-info-img { background-image: url(../images/herbinfo.jpg); background-position: 100% 100%; background-size: contain; background-repeat: no-repeat; }
    .p-info-img .p-musk-btn { text-align: center; padding-top: 160px }