.supdem-name { }
.sp-title { padding-left: 15px; position: relative; }
    .sp-title::before { display: block; width: 8px; height: 100%; content: ""; background: #33814A; position: absolute; top: 0; border-radius: 2px; }
/* 明细页 */
.gq-info { border-width: 2px 1px 1px 1px; border-style: solid; border-color: #33814A #E9E9E9 #E9E9E9 #E9E9E9; }
    .gq-info .gq-info-box { height: 300px; }
    .gq-info .gy-image, .gq-info .gy-content { float: left; height: 320px; }
        .gq-info .gy-image img { width: 300px; height: 300px; }
    .gq-info .gy-image { text-align: center; padding: 10px 0; }
    .gq-info.qg .gy-content { height: 180px; padding-left: 20px; padding-top: 0; }
    .gq-info .gy-content { position: relative; padding-top: 20px; }
        .gq-info .gy-content .gy-herb { font-size: 36px; }
        .gq-info .gy-content .gy-cont { position: absolute; bottom: 20px; width: 100%; line-height: 2.4; z-index: 99; }
    .gq-info.qg .gy-content .gy-cont { bottom: 5px; }
    .gq-info .gy-content .gy-tags { position: absolute; right: -15px; top: 5px; z-index: 0; }
.gy-tags .gtags { display: inline-block; width: 60px; height: 60px; background-repeat: no-repeat; background-size: 100%; }
.gtags.tags-sg { background-image: url(../images/sg.png) }
.gtags.tags-op { background-image: url(../images/op.png) }
.gtags.tags-sy { background-image: url(../images/sy.png) }
.gtags.tags-gap { background-image: url(../images/gap.png) }
.gtags.tags-jg { background-image: url(../images/jg.png) }
.gtags.tags-swyq { background-image: url(../images/swyq.png) }

.gq-info .gy-content .gy-cont .label-gy { color: #8f8f8f }
.gq-info .gy-tips { padding-left: 20px; color: orange; line-height: 45px; }
.merchant-other-gy { padding: 10px 0; }
    .merchant-other-gy table, .herbs-others-gy table { width: 100%; line-height: 3; text-align: center; border-color: #c5c5c5; }
        .merchant-other-gy table thead, .herbs-others-gy table thead { color: #969696; font-size: 15px; }
        .merchant-other-gy table tbody, .herbs-others-gy table tbody { font-size: 12px; line-height: 46px; }
.herbs-others-gy { margin-top: 20px; padding-top: 10px; padding-bottom: 10px; border-width: 2px 1px 1px 1px; border-style: solid; border-color: #33814A #E9E9E9 #E9E9E9 #E9E9E9; }
a.gy-a { color: #4f5ba4; }
.other-title { line-height: 60px; }
    .other-title .more { float: right; }
.sp-name { font-size: 18px; }
.qg-herb { line-height: 80px; padding-left: 20px; }
    .qg-herb .gy-herb { font-size: 36px; }
.gy-share { margin-left: 100px; }
.supdem-pag { padding: 20px 0; }
.share-box { z-index: 99; position: relative; }
    .share-box .share-text { line-height: 23px; display: table-cell; vertical-align: middle; padding-right: 5px; }
    .share-box .share-item { margin: auto; margin-top: 10px; display: inline-block; width: 25px; height: 25px; cursor: pointer; margin-left: 2px; }
        .share-box .share-item.bshare-weixin { background: url(../images/icon-wx.png) 50% no-repeat; background-size: 24px 24px; }
        .share-box .share-item.bshare-qzone { background: url(../images/icon-qq.png) 50% no-repeat; background-size: 24px 24px; }
        .share-box .share-item.bshare-sinaminiblog { background: url(../images/icon-wb.png) 50% no-repeat; background-size: 24px 24px; }
.search-area .search-item { margin-right: 15px; }
.df-list { margin-top: 10px; }
    .df-list::after { display: block; content: ""; clear: both; }
    .df-list .df-box { float: left; width: 49%; border: 1px solid #ff914c; padding: 10px; position: relative; overflow: hidden; font-size: 12px; background-color: #fefdf9; color: #000; margin-top: 10px; }
        .df-list .df-box:nth-child(2n) { margin-left: 2%; }
        .df-list .df-box::after { content: "大户VIP"; color: #fff; background-color: #ff690b; padding: 0 30px; position: absolute; top: 10px; right: -34px; transform: rotate(45deg); font-size: 16px; }
.df-box .df-image { text-align: center; }
    .df-box .df-image img { width: 120px; height: 120px; }
.df-box .df-content { padding: 10px 0; border-bottom: 1px dashed #ff914c; }
.df-box .df-info { padding: 0 10px 0 20px; }
.df-box .df-contact { padding-top: 10px; }
.df-info .herb-name { font-size: 16px; font-weight: 600; }
.df-info .pd-price { font-size: 18px; color: #FF690D; margin-left: 10px; }
.df-box .label-df { color: gray; }
.sd-herbs { margin-top: 10px; }
    .sd-herbs .sd-herb-title { font-size: 18px; }
.search-box-select .cloud-data { display: inline-block; margin-right: 10px; width: 112px; padding-top: 8px; padding-bottom: 8px; font-size: 15px; line-height: 1; color: #116ad2; text-align: center; box-sizing: content-box; border: 1px solid #116ad2; margin: 5px 5px; }
    .search-box-select .cloud-data.free { position: relative }
        .search-box-select .cloud-data.free::after { content: ''; position: absolute; top: -2px; right: -10px; width: 35px; height: 17px; background: url(../images/free.png) no-repeat center; background-size: 100%; }
.search-box-item .w6 { width: 600px; }
.search-box-item .supdem-spell { }
    .search-box-item .supdem-spell a { text-align: center; display: inline-block; width: 20px; }
        .search-box-item .supdem-spell a.hover { border: 1px solid #84ce97; border-bottom: 1px solid #f5fbf7; background: #f5fbf7; }
.search-box-item .sd-spell-abbr { border: 1px solid #84ce97; background: #f5fbf7; margin-top: -1px; padding: 8px; }
    .search-box-item .sd-spell-abbr a { text-align: center; display: inline-block; width: 30px; }
        .search-box-item .sd-spell-abbr a.hover { color: #42b35f; font-weight: 700; }
.search-box-item .sd-spellbreeds-items { height: 115px; overflow-y: auto; overflow-x: hidden; margin-top: 6px; border: 1px solid #ededed; padding: 8px; }
    .search-box-item .sd-spellbreeds-items a { display: inline-block; padding-right: 5px; padding-left: 5px; }
.supdem-box-list ul li:last-child { flex: 6; }
.app-box { position: relative; }
    .app-box .img-qr { display: none; position: absolute; left: 0 }
    .app-box:hover .img-qr { display: block; }
tbody.event tr { cursor: pointer; }