.home-title{ height: 60px; margin-top: 20px; background: url(../images/home-titlebg.jpg) no-repeat center; background-size:cover; border-radius:12px 12px 0 0; padding: 0 20px;}
.home-title-left{}
.home-title-left img{ margin-right: 10px;}

.home-title-left ul{ margin-left: 80px;}
.home-title-left ul li{ height: 32px; line-height: 32px; background: #FFFFFF; border-radius:30px; padding: 0 25px; margin-left: 15px; cursor: pointer;}
.home-title-left ul li.active{ color: #FFFFFF; background: #DCC065;}

.home-title-right{}
.home-title-right em{ color: #C61313;}
.home-title-right a{ margin-left: 80px;}


.home-quick-box{ padding: 20px; background: #FFFFFF; border-radius:0 0 12px 12px}

.home-quick-box-left{ width: 25%; height: auto; padding: 20px; background: url(../images/homefastbg.jpg) no-repeat center; background-size:cover; border-radius:6px;}
.home-quick-box-left h3{ font-size: 1rem; line-height: 26px; margin-bottom: 14px; }

.home-quick-box-left dl{ width: 100%; height: 46px; line-height: 46px; border-radius: 6px; background: #FFFFFF; padding: 0 15px; margin-bottom: 16px;}
.home-quick-box-left dl dd input{ border: none; height: 46px; line-height: 46px; padding: 0 10px;}
.home-quick-box-left button{ width: 100%; height: 46px; line-height: 46px; border-radius:6px; background: #dcc065; border: none; text-align: center; color: #FFFFFF; font-size: 1rem;}
.home-quick-box-left button:hover{ background: #C61313;}


.home-quick-box-mid{ width:52%; height: auto; padding: 20px; background: url(../images/quickbommid.jpg) no-repeat center; background-size:cover; border-radius:6px;}
.home-quick-box-mid h3{ font-size: 1rem; line-height: 26px; margin-bottom: 14px; }
.home-quick-box-mid-list{ width: 100%;}
.home-quick-box-mid-list dl{ width: 45%; line-height: 34px;}
.home-quick-box-mid-list dl dt{ background: url(../images/hot.png) no-repeat left center; padding-left: 25px;}
.home-quick-box-mid-list dl dd{ color: #C61313;}


.home-quick-box-right{ width:20%; height: auto; padding: 20px; background: url(../images/quickbomright.jpg) no-repeat center; background-size:cover; border-radius:6px;}
.home-quick-box-right h3{ font-size: 1rem; line-height: 26px; margin-bottom: 14px; }
.home-quick-box-right-brand{ width: 100%; gap: 12px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid;}
.home-quick-box-right-brand a{ display: block; width: 100%; padding: 8px; background: #FFFFFF; border-radius: 4px;}
.home-quick-box-right-brand a img{ width: 100%; height: auto; border-radius: 4px;}
.home-quick-box-right-brand a:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,0.12);}

.home-ad1{ margin-top: 20px;}
.home-ad1 img{ width: 100%; height: auto;}


.home-stock{background: #FFFFFF; padding: 20px; border-radius:0 0 12px 12px;}
.home-stock-left{ width: 24%;}
.home-stock-left img{ width: 100%; height: auto;}


.home-stock-mid{ width: 48%; gap: 15px; grid-template-columns: repeat(2, 1fr); /* 3 列 */  display: grid;}
.home-stock-mid-item{ cursor: pointer; width: 100%; border-radius: 6px;border: 1px solid #CCCCCC; transition:all .3s ease; padding: 25px 20px;}
.home-stock-mid-item-pic{ width: 80px; height: auto;}
.home-stock-mid-item-pic img{ width: 100%; height: auto;}
.home-stock-mid-item-info{ width: calc(100% - 80px); padding-left: 15px;}
.home-stock-mid-item-info a.homestocklinks1{ display: block; font-weight: bold; color: #111111; font-size:0.9rem; line-height: 26px; height: 26px; overflow: hidden;}
.home-stock-mid-item-info p{ color: #999; height: 24px; overflow: hidden;}

.home-stock-mid-item-info-price{ width: 100%; margin-top: 10px; line-height: 34px;}
.home-stock-mid-item-info-price b{ color: #EA001B; font-size: 1rem;}
.home-stock-mid-item-info-price span em{color: #EA001B;}

.home-stock-mid-item-info a.homestocklinks2{ display: block; width: 100%; text-align: center; background: #F5F5F5; height: 30px; line-height: 30px; border-radius:6px;}
.home-stock-mid-item-info a.homestocklinks2:hover{ background: #DCC065; color: #FFFFFF;}

.home-stock-mid-item:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,0.12);}



.home-stock-right{ width: 25%; background: #F7F9FA;border-radius: 6px; padding: 25px 22px;}
.home-stock-right-top{ text-align: center; position:relative; width:100%;}
.home-stock-right-top input{ opacity:0; width:100%; height:100%; z-index:333; position:absolute; left:0; top:0;}
.home-stock-right-top h3{ font-size: 1.1rem; line-height: 50px;}
.home-stock-right p{ margin-top: 15px; line-height: 22px;}
.home-stock-right a{ margin-top: 15px;}
.home-stock-right a span{ padding: 0 10px;}


.home-recomm{ margin-top: 20px;}
.home-recomm-title{ line-height: 32px; margin-bottom: 20px;}
.home-recomm-title h2{ font-size: 1.2rem; display: inline-block; margin-right: 10px;}



.home-recomm-brand{ width: 49.2%; background: #FFFFFF; border-radius:12px; padding: 20px;}
.home-recomm-brand-list{ width: 100%; gap: 12px; grid-template-columns: repeat(5, 1fr); /* 3 列 */  display: grid;}
.home-recomm-brand-list a{ display: block; width: 100%; padding: 5px; border:1px solid #EEEEEE; border-radius: 4px;}
.home-recomm-brand-list a img{ width: 100%; height: auto;}
.home-recomm-brand-list a:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,0.12);}



.home-recomm-news{ width: 49.2%; background: #FFFFFF; border-radius:12px; padding: 20px;}

.home-recomm-news-top{ width: 100%;}
.home-recomm-news-top-pic{ width: 26.5%; height: auto;}
.home-recomm-news-top-pic img{ width: 100%; height: 100%; object-fit: cover;}
.home-recomm-news-top-info{ width: 73.5%; height: auto; padding-left: 20px;}
.home-recomm-news-top-info a.home-recommlinks1{ display: block; font-weight: bold; font-size: 1rem; line-height: 34px; height: 34px; overflow: hidden;}
.home-recomm-news-top-info p{ line-height: 20px; height: 40px; overflow: hidden;}
.home-recomm-news-top-info a.home-recommlinks2{  margin-top: 5px; line-height: 26px;}
.home-recomm-news-top-info a.home-recommlinks2 img{ margin-left: 10px;}

.home-recomm-news ul{ margin-top: 20px;}
.home-recomm-news ul li{ line-height: 30px; height: 30px; overflow: hidden; background: url(../images/arc.png) no-repeat left center; padding-left: 10px;}


.home-blog{ margin-top: 20px; background: #FFFFFF; padding: 20px; border-radius:0 0 12px 12px;}

.home-blog-list{ width: 100%; gap: 25px; grid-template-columns: repeat(4, 1fr); /* 3 列 */  display: grid;}
.home-blog-item{ width: 100%; cursor: pointer;}
.home-blog-item-pic{ width: 100%; height: auto;}
.home-blog-item-pic img{ width: 100%; height: auto; border-radius: 6px;}
.home-blog-item-info{ margin-top: 20px;}
.home-blog-item-info em{ display: block; line-height: 28px;}
.home-blog-item-info a.bloglinks1{ display: block; font-weight: bold; font-size: 1.1rem; line-height: 26px; height: 52px; overflow: hidden;}
.home-blog-item-info a.bloglinks2{ margin-top: 15px;}
.home-blog-item-info a.bloglinks2 img{ margin-left: 10px;}


@media (max-width: 768px) {

.home-ad1{ display: none;}

 .home-title{
        height: auto;
        margin-top: 15px;
        padding: 12px 15px;
        border-radius: 10px 10px 0 0;
        background-position: center;
    }

    .home-title.container,
    .home-blog.container{
        width: auto;
    }

    .home-title-left{
        display: block;
        font-size: 0.9rem;
        line-height: 22px;
    }

    .home-title-left img{
        width: 70px;
        height: auto;
        margin-right: 6px;
    }

    .home-title-left ul{
        margin-left: 0;
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .home-title-left ul li{
        margin-left: 0;
        height: 30px;
        line-height: 30px;
        padding: 0 14px;
        font-size: 0.82rem;
    }

    .home-title-right{
        margin-top: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .home-title-right span{
        font-size: 0.95rem;
    }

    .home-title-right a{
        margin-left: 0;
        font-size: 0.85rem;
    }

    .home-quick-box{
        padding: 12px;
        border-radius: 0 0 10px 10px;
    }

    .home-quick-box.flex{
        display: block;
    }

    .home-quick-box-left,
    .home-quick-box-mid,
    .home-quick-box-right{
        width: 100%;
        padding: 15px;
        margin-bottom: 12px;
    }

    .home-quick-box-right{
        margin-bottom: 0;
    }

    .home-quick-box-left h3,
    .home-quick-box-mid h3,
    .home-quick-box-right h3{
        font-size: 0.95rem;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .home-quick-box-left dl{
        height: 42px;
        line-height: 42px;
        margin-bottom: 12px;
        padding: 0 12px;
    }

    .home-quick-box-left dl dd input{
        height: 42px;
        line-height: 42px;
        width: 100%;
        padding: 0 8px;
        font-size: 0.85rem;
    }

    .home-quick-box-left button{
        height: 42px;
        line-height: 42px;
        font-size: 0.95rem;
    }

    .home-quick-box-mid-list{
        display: block;
    }

    .home-quick-box-mid-list dl{
        width: 100%;
        line-height: 30px;
    }

    .home-quick-box-right-brand{
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .home-ad1{
        margin-top: 15px;
    }

    .home-stock{
        padding: 12px;
        border-radius: 0 0 10px 10px;
    }

    .home-stock.flex{
        display: block;
    }

    .home-stock-left,
    .home-stock-mid,
    .home-stock-right{
        width: 100%;
    }

    .home-stock-left{
        margin-bottom: 12px;
    }

    .home-stock-mid{
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .home-stock-mid-item{
        padding: 15px 12px;
    }

    .home-stock-mid-item.flex{
        align-items: flex-start;
    }

    .home-stock-mid-item-pic{
        width: 80px;
    }

    .home-stock-mid-item-info{
        width: calc(100% - 80px);
        padding-left: 12px;
    }

    .home-stock-mid-item-info a.homestocklinks1{
        font-size: 0.92rem;
        line-height: 22px;
        height: 44px;
    }

    .home-stock-mid-item-info p{
        font-size: 0.82rem;
        line-height: 20px;
        height: 40px;
    }

    .home-stock-mid-item-info-price{
        margin-top: 8px;
        line-height: 26px;
        font-size: 0.85rem;
    }

    .home-stock-mid-item-info a.homestocklinks2{
        margin-top: 8px;
        font-size: 0.85rem;
    }

    .home-stock-right{
        margin-top: 12px;
        padding: 18px 15px;
    }

    .home-stock-right-top h3{
        font-size: 1rem;
        line-height: 34px;
    }

    .home-stock-right p{
        font-size: 0.85rem;
        line-height: 22px;
    }

    .home-recomm{
        margin-top: 15px;
    }

    .home-recomm.flex{
        display: block;
    }

    .home-recomm-title{
        line-height: 28px;
        margin-bottom: 15px;
    }

    .home-recomm-title h2{
        font-size: 1rem;
        margin-right: 8px;
    }

    .home-recomm-brand,
    .home-recomm-news{
        width: 100%;
        padding: 15px;
        border-radius: 10px;
        margin-bottom: 12px;
    }

    .home-recomm-news{
        margin-bottom: 0;
    }

    .home-recomm-brand-list{
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }

    .home-recomm-news-top{
        display: block;
    }

    .home-recomm-news-top-pic,
    .home-recomm-news-top-info{
        width: 100%;
    }

    .home-recomm-news-top-pic img{
        border-radius: 6px;
    }

    .home-recomm-news-top-info{
        padding-left: 0;
        margin-top: 12px;
    }

    .home-recomm-news-top-info a.home-recommlinks1{
        font-size: 0.95rem;
        line-height: 24px;
        height: auto;
    }

    .home-recomm-news-top-info p{
        margin-top: 6px;
        height: auto;
        font-size: 0.85rem;
    }

    .home-recomm-news ul{
        margin-top: 15px;
    }

    .home-recomm-news ul li{
        line-height: 28px;
        height: 28px;
        font-size: 0.85rem;
    }

    .home-blog{
        margin-top: 15px;
        padding: 12px;
        border-radius: 0 0 10px 10px;
    }

    .home-blog-list{
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .home-blog-item-pic img{
        border-radius: 6px;
    }

    .home-blog-item-info{
        margin-top: 12px;
    }

    .home-blog-item-info em{
        line-height: 24px;
        font-size: 0.8rem;
    }

    .home-blog-item-info a.bloglinks1{
        font-size: 0.95rem;
        line-height: 24px;
        height: auto;
        max-height: 48px;
    }

    .home-blog-item-info a.bloglinks2{
        margin-top: 10px;
        font-size: 0.85rem;
    }

    .home-blog-item-info a.bloglinks2 img{
        width: 20px;
        height: 20px;
        margin-left: 8px;
    }

}