/* index */

/* 首页样式 */
.new_pro { height: 120px; font-family: "微软雅黑"; margin-bottom: 10px; }
.body-content { /*padding-top: 5px;*/ }
.new_pro_left { width: 120px; }
.new-pro-img { background: url(../images/newProduction_03.png) no-repeat; background-size: 100% 100%; display: inline-block; width: 100%; height: 100%; }
.new_pro_roll { border-bottom: 5px solid; border-image: linear-gradient(to right, #f27c42, #fff) 30 30; padding-left: 20px; padding-right: 10px; margin-top: 10px; overflow: hidden; }
    .new_pro_roll .scroll-box { overflow: hidden; height: 90px; }
.scroll-box li i { background: url(../images/icon01.png) no-repeat; display: inline-block; width: 20px; height: 20px; float: left; margin-right: 5px; margin-top: 5px; }
.new_pro_right { background: #efefef; font-size: 16px; }
    /*.new_pro_roll a { font-size: 16px; }*/
    .new_pro_right a { color: #f27c42; }
.all-pro-imgs { background: url(../images/newProduction_09.png) no-repeat; background-position: bottom; display: inline-block; background-size: 100%; height: 100%; width: 33px; }
ul.line li { height: 30px; font-size: 12px; line-height: 28px; }
    ul.line li .cr-title { font-size: 16px; }
.front_page { margin-top: 10px; margin-bottom: 10px; }
.focusbox { position: relative; height: 280px; width: 330px; }
    .focusbox .foc-box { position: absolute; }
.foc-box .foc-item { position: absolute; width: 330px; height: 240px; display: none; background-color: #000; }
    .foc-box .foc-item.actived { display: block; }
.foc-item .foc-img { position: absolute; }
.foc-item .toc-shadow { position: absolute; width: 100%; bottom: 0; height: 36px; line-height: 36px; background: rgba(0, 0, 0, 0.6); /* filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000')\9; */ display: block; /* text-align: left; */ }
    .foc-item .toc-shadow a { color: #eee; font-size: 14px; overflow: hidden; margin-left: 10px; }
.foc-se { position: absolute; z-index: 10; line-height: unset; top: 250px; width: 330px; text-align: center; }
    .foc-se ul li { display: inline; padding: 0 10px; }
    .foc-se .foc-item-se { padding: 0 6px; background-color: #d4d4d4; border-radius: 6px; cursor: pointer; font-size: 12px; }
        .foc-se .foc-item-se.actived { background-color: #6ac243; }
.focusbox .prev { position: absolute; width: 30px; height: 55px; background: url(../images/focus_btn.png) no-repeat; top: 50%; margin-top: -55px; cursor: pointer; }
.focusbox .next { position: absolute; width: 30px; height: 55px; background: url(../images/focus_btn.png) no-repeat; background-position: -301px 0; right: 0; top: 50%; margin-top: -55px; cursor: pointer; }
.f-p-2 { margin-right: 20px; }
.hat_herbs { margin-top: 20px; width: 330px; border: 1px solid #e1e0e0; border-top: 2px solid #33804b; position: relative; padding-top: 10px; position: relative; }
.be-blue { line-height: 40px; position: relative; }
    .be-blue span { position: relative; padding-left: 25px; font-size: 16px; font-weight: 500; font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", sans-serif !important; }
        .be-blue span.more { position: absolute; right: 5px; font-size: 12px; }
            .be-blue span.more a { color: #999; }
        .be-blue span:first-child::before { display: block; width: 9px; height: 100%; content: ""; background: #33804b; position: absolute; top: 0; left: 8px; }
        .be-blue span.blue-unset::before { background: unset !important; }
.hat_spell { margin-bottom: 8px; }
    .hat_spell li { margin-left: 10px; margin-top: 10px; border: 1px solid #fff; border-right: 1px solid #fff; position: relative; left: -1px; background: #fff; }
        .hat_spell li.hover { border: 1px solid #42b35f; border-right: 1px solid #fff; position: relative; left: -1px; background: #fff; z-index: 3; }
    .hat_spell a,
    .hat_herb a { line-height: 32px; }
    .hat_spell a { font-size: 16px; /* padding: 0 14px; */ border: 1px dashed #eee; display: inline-block; width: 32px; height: 32px; text-align: center; margin-right: 4px; }
        .hat_spell a:last-child { margin-right: unset; margin-right: 0; }
.spellBreed { position: absolute; left: 326px; top: -2px; border: 1px solid #42b35f; width: 417px; max-height: 462px; padding: 10px; background: #fff; z-index: 2; display: none; }
    .spellBreed .sb_title { border-bottom: 1px dotted #bfbfbf; padding-bottom: 10px; margin-bottom: 0px; height: 60px; overflow: hidden; }
    .spellBreed .sb_items { overflow: auto; height: 380px; }
    .spellBreed .sb_title span { cursor: pointer; border: 1px solid #fff; font-size: 14px; display: inline-block; width: 27px; text-align: center; }
            .spellBreed .sb_title span:hover { background: #73bf49; color: #fff; border: 1px solid #eee; }
    .hat_spell a:hover,
    .hat_spell a.hover,
    .spellBreed span.hover { background: #73bf49; color: #fff; border: 1px solid #eee; }
    .spellBreed .sb_items a { height: 28px; line-height: 28px; color: #666; width: 90px; font-size: 12px; display: inline-block; position: relative; }
    .spellBreed .close { display: inline-block; width: 12px; height: 12px; background: url(../images/icoclose.png) no-repeat; cursor: pointer; transition: all 0.2s; position: absolute; top: 5px; right: 5px; }
        .spellBreed .close:hover { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.hat_herb a { font-size: 14px; line-height: 40px; float: left; width: 15%; margin-left: 5%; }
.herb-more { padding-left: 12px; font-size: 14px; line-height: 32px; }
    .herb-more a { color: #027815; }
.headline span { font-size: 16px; margin-right: 15px; }
    .headline span em { color: #fff; margin-left: 5px; padding: 2px 5px; background: #e7330f; font-weight: 500; font-style: normal; }
    .headline span a { padding: 4px 8px; font-size: 12px; border: 1px solid #dfdfdf; }
.hot-art { margin-top: 20px; }
    .hot-art .hot-title { font-size: 18px; }
    .hot-art .hot-desc { color: #7c7c7c; }
.art-box { font-size: 14px; margin-top: 14px; }
.art-box-item { border: 1px solid #d7d7d7; margin-top: 10px; }
.door { border-bottom: 1px solid #d7d7d7; height: 42px; background: #fafafa; }
    .door .door-item { display: inline-block; font-size: 16px; line-height: 40px; }
        .door .door-item a { height: 100%; width: 100%; display: block; padding: 0 30px; }
        .door .door-item.hover { border-top: 2px solid #34883c; background: #fff; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #fff; }
            .door .door-item.hover a { color: #33804b; }
        .door .door-item + .door-item.hover { border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #fff; }
.art-box-item .tabCont { /* padding: 10px 10px 0 10px; */ padding: 10px; line-height: 30px; }
    .art-box-item .tabCont > ul { position: relative; display: none; }
        .art-box-item .tabCont > ul.show { display: block !important; }
        .art-box-item .tabCont > ul li .p-name { padding-left: 10px; }
        .art-box-item .tabCont > ul li.more { position: absolute; right: 0; bottom: 0; font-size: 12px; }
            .art-box-item .tabCont > ul li.more a { color: #999; }
.rec-box { border: 1px solid #e9e9e9; margin-bottom: 5px; }
    .rec-box:last-child { margin-bottom: 0; }
    .rec-box .rec-content { padding: 10px; }
    .rec-box .zs { /* padding-left: 20px; */ }
    .rec-box .entry { height: 296px; }
.zs .img { width: 100%; height: 100%; }
.zs .zs-con { padding-left: 15px; }
.bg ul li { margin-bottom: 10px; }
    .bg ul li:last-child { margin-bottom: 0; }
.bg-first { font-size: 14px; }
    .bg-first .img { width: 90px; height: 60px; }
.bg-grey { background: #fafafa; }
.blue-top { border-top: 2px solid #33804b; }
.border-grey { border: 1px solid #e9e9e9; }
.gy-btn { font-size: 14px; }
    .gy-btn .btn { padding: 7px 0; border: unset; }
        .gy-btn .btn a { color: #33804b; font-family: MicrosoftYaHei-Bold, "微软雅黑"; }
        .gy-btn .btn:hover { background-color: #f5f5f5; }
        .gy-btn .btn .btn-text { line-height: 36px; font-size: 20px; letter-spacing: 0px; }
            .gy-btn .btn .btn-text a { font-weight: bold; }
.floor-box { margin-top: 10px; margin-bottom: 10px; }
    .floor-box .floor-item { margin-right: 20px; }
        .floor-box .floor-item:last-child { margin-right: unset; margin-right: 0; }
.floor-content { }
    .floor-content .floor-list { padding: 10px 15px; /* background-color: #027815; */ margin-bottom: 6px; }
        .floor-content .floor-list:last-child { margin-bottom: 0; }
    .floor-content .cgzb-img { width: 90px; height: 60px; }
    .floor-content .cgzb-content { padding: 5px 10px 0 10px; font-size: 14px; }
.price-down .pt,
.price-up .pt { display: inline-block; color: #999; font-size: 16px; font-family: "微软雅黑"; background: #fff; position: relative; top: 32px; z-index: 2; padding: 0 10px; line-height: 20px; }
.price-box { line-height: 32px; }
.price-item span { /* padding: 0 5px; */ /*margin-right: 10px;*/ overflow: hidden; white-space: nowrap; }
    .price-item span:last-child { margin-right: 5px; }
    .price-item span.p { padding-left: 0; margin-right: 0; }
.lay-hor.price-item { padding: 0 5px; }
.price-item .p b { font-family: "微软雅黑"; font-size: 12px; color: #999; background: #e2e2e2; padding: 1px 4px; border-radius: 3px; font-weight: normal; }
.price-item .p.p1 b { color: #fff; background: #cc0f0e; }
.price-item .p.p2 b { color: #fff; background: #e75234; }
.price-item .p.p3 b { color: #fff; background: #ff9781; }
.price-item .p.d1 b { color: #fff; background: #027815; }
.price-item .p.d2 b { color: #fff; background: #35b148; }
.price-item .p.d3 b { color: #fff; background: #9fd8a8; }
.price-item .red { color: #cc0f0e; }
.price-item .blue { color: #027815; }
.ds { border-bottom: 1px solid #e5e5e5; text-align: center; margin: 0px 20px 8px; position: relative; z-index: 1; height: 25px; }
    .ds .ds-sort { display: inline-block; color: #999; font-size: 16px; font-family: "微软雅黑"; background: #fff; position: relative; top: 10px; z-index: 2; padding: 0 10px; line-height: 16px; }
.floor-content .gq-title { font-size: 14px; border-bottom: 1px dashed #e3e3e3; line-height: 42px; }
.gq-title span { color: #999; font-weight: normal; }
.floor-content .gy-item { font-size: 14px; line-height: 35px; cursor: pointer }
    .floor-content .gy-item:hover { background-color: #f3f3f3 }
    .floor-content .gy-item a { color: #666; }
.floor-item .art-box-item { margin-top: 0; border: 0; }
.his-s-input { border: 1px solid #e5e5e5; width: 222px; border-radius: 3px; height: 30px; color: gray; padding-left: 5px; float: left; line-height: 30px; margin-left: 10px; }
.his-s-btn { border: 1px solid #8ac86a; border-radius: 3px; width: 90px; height: 32px; cursor: pointer; line-height: 30px; text-align: center; color: #8ac86a; background-color: white; font-family: "微软雅黑"; margin-left: 5px; font-size: 14px; }
.img.his-img { width: 343px; height: 190px; }
.head-img.img { height: 70px; width: 70px; }
    .head-img.img img { border-radius: 50%; }
.u-intro p { max-width: 280px; overflow: hidden; white-space: nowrap; color: rgb(124, 124, 124); }
    .u-intro p.u-name { font-size: 18px; line-height: 30px; color: #333; font-weight: 600; }
ul.mb10 li { margin-bottom: 10px; }
    ul.mb10 li:last-child { margin-bottom: 0; }
.art-box-recom { line-height: 36px; font-size: 14px; }
.sy-img.img { width: 100%; height: 280px; }
.pd-img.img { width: 100%; height: 132px; }
.zt-img.img { width: 100%; height: 115px; }
.zt-box { font-size: 14px; }
    .zt-box .zt-item { width: 47%; float: left; margin-left: 2%; margin-top: 10px; }
    .zt-box .zt-title,
    .zt-box .zt-title a { color: #666; }
    .zt-box .clear { clear: both; }
.qt-img.img { width: 100%; height: 105px; }
.qt-box { font-size: 14px; }
    .qt-box .qt-item { width: 41%; float: left; margin-left: 6%; margin-top: 5px; border: 1px solid #eee; }
    .qt-box .qt-title { text-align: center; color: #666; }
        .qt-box .qt-title a { color: #666; }
    .qt-box .clear { clear: both; }
.float-menu { position: fixed; left: 50%; top: 50%; width: 58px; margin-left: -680px; margin-top: -175px; font: 16px/18px "微软雅黑"; overflow: hidden; padding-top: 50px; background: url(../images/fixed.png) no-repeat 8px -186px; display: none; }
    .float-menu.show { display: block; }
    .float-menu p { display: block; width: 100%; padding: 13px; background: #f8f8f8; margin-bottom: 3px; color: #666; cursor: pointer; }
        .float-menu p.hover { background: #73bf49; color: #fff; }
    .float-menu > span { display: block; width: 100%; height: 3px; background: #73bf49; }