*{ margin:0px; padding:0px;
    
 font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
@font-face {
	font-family:"Open Sans";
	src: url(../font/opensans.ttf);
}
body{ background:#42437d;font-size: 14px;font-weight: 500;}

a{ text-decoration:none; color:#000}
a:hover{ color:#ee2a09; text-decoration:underline}
ul{ list-style-type:none}
ul li{ list-style-type:none}
.clear{ clear:both}

.pageclass{ text-align:center; margin-top:30px; margin-bottom:50px;}
.pageclass a{ padding:5px 10px; background:#efefef; border:1px solid #dedede}
.pageclass a:hover{ background:#D8D2D2}
.pageclass .me{ padding:5px 10px; background:#f4f4f4; color:#ee2a09;border:1px solid #dedede}

.seo{ background:#efefef;  border-radius:10px; margin:3px 0px; padding:10px;}
.pos{ border-bottom:1px solid #efefef; padding-bottom:5px;font-weight: 600;border-radius:10px; padding-left: 10px;}
.word1{ border-bottom:1px solid #efefef; padding-bottom:5px;}
.nodata{ padding:20px;}



.assistant{ background:#fff; padding:5px; border-radius:10px; margin-top:10px; border-bottom:1px dashed #dedede}
.que{ padding:10px;}
.aq{ border-bottom:1px solid #dedede; padding-bottom:10px; padding-top:10px;}
.aq>p{ font-weight:bolder}
.aq img{transition: all 0.5s;}
.an{ display:none; border-top:1px solid #dedede; padding-top:10px; padding-left:20px;}


.home_about{ border:1px solid #c7c5c5; padding:10px; margin-bottom:10px;background:#efefef;  border-radius:10px;}
.home_about h1{ font-size:18px; text-align:center; padding:10px; }


 .comments1 {
    display: block;
    margin-top: 20px;
    
    background: #fff;
    border: 1px solid #f2f2f2;
}

.comments1 h2 {
    border-bottom: 1px solid #dedede;
    padding: 5px;
    margin-bottom: 20px;
    background: #c090f34a;
    
    color: #7a11cd;
    
}

.comments .comment-list {
    margin: 20px auto;
}

.comment-list .comment-list-item {
    display: flex;
    margin-bottom: 20px;
    flex-direction: row;
    justify-content: space-between;
    padding-left: 5px;
}
.not-found {padding-left:5px;}
.inline-flex {
    display: inline-flex;
}
.align-center {
    display: flex;
    align-items: center;
}

.mr-30 {
    margin-right: 30px;
}
.comment-list-item .left {
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.comment-list-item .avatar {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
}

.comment-list-item:last-child .right {
    border: none;
}

.comment-list-item .nickname {
    font-size: 14px;
    color: gray;
    margin-top: 10px;
}

.comment-list-item .right {
    flex: 1;
    display: flex;
    font-size: 13px;
    color: #888;
    line-height: 25px;
    flex-direction: column;
    border-bottom: 1px dashed #ccd7c6;
}

.comment-list-item .nickname {
    font-size: 14px;
    color: gray;
    margin-top: 10px;
    display: inline-block;
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}

.comment-list-item .right {
    flex: 1;
    display: flex;
    font-size: 13px;
    color: #888;
    line-height: 25px;
    flex-direction: column;
    border-bottom: 1px dashed #ccd7c6;
}

.comment-list-item .right div:first-child img {
    width: 16px;
    height: 16px;
}

.comment {
    padding: 10px 0;
    font-size: 14px;
}

.show {
    display: block !important;
}



.label {
    width: 70px;
    color: #fff;
    letter-spacing: 0px;
    font-size: 12px;
    border-radius: 5px;
    white-space: nowrap;
    text-align: center;
    display: inline-block;
}

.label-blue {
    background: #1b7fe7;
}

.label-orange {
    background: #e78c1b;
}

.label-green {
    background: #0cbf33;
}

.label-lgblue {
    background: #3fc7d5;
}

.label-Purple {
    background: #7468db;
}

.label-skyblue {
    background: #6d9ccd;
}

.label-brown {
    background: #a75b5b;
}




@media screen and (min-width:751px){

.header-mobile{ display:none}  
.mod-search{ display:none}
.header{ width:1400px; margin:0px auto; background:#f1f1f1; padding:10px;}
.header li{ float:left}


.header .menu img{filter:invert(0.5);transform: rotateZ(0deg);transition:.3s;}
.header .menu li:hover img{transform:rotate(180deg);}

.header .menu li{ width:120px; text-align:left;font-size: 16px;}
.header .menu a{color:#2c2e2f; font-weight:bolder}
.header .column3{padding:30px 0px 0px 0px;}
.header .column3 span{ background:#ee2a09cf; color:#fff; padding:10px 20px; border-radius:10px;}
.header .column3 .defalut{background:#fff; color:#ee2a09cf; border:1px solid #ee2a09cf}
.header .column3 a{ color:#fff}
.header .column3 .defalut a{ color:#ee2a09cf}

.header .menu li{ position:relative;}
.header .menu li>a{ display: block;transition: .3s;height:50px;}
.header .menu li a:hover{ color:#000;}
.header .menu li dl dd{ float:left; width:350px; text-align:left; padding:10px 0px;}
.header .menu li dl dd a{ display:block;  color:#fff; font-weight:lighter}
.header .menu li dl dd a:hover{  color:#dedede;}
.header .menu li dl{  position:absolute;visibility: hidden;background-color: #18985A;width:1400px;transition: .3s;top: 200%;opacity: 0;left:0px;text-align:left;padding-left:5px;z-index:999;font-weight:normal;color:#fff;}
.header .menu li:nth-child(1) dl{left:-332px;}
.header .menu li:nth-child(2) dl{left:-452px;}
.header .menu li:hover dl{top: 100%;visibility: visible;opacity: 1;}
.header .menu .category{width:1440px; padding-bottom:20px}
.header .menu .category div:nth-child(1) a{color:#2790c3}
.header .menu .category div:nth-child(2){ padding-top:10px;}
.header .menu .category div:nth-child(2) span{display:block; float:left; width:270px; text-align:left; padding:5px 0px}





.banner{width:1400px; margin:0px auto; background:#fff; padding:10px;}
.banner img{ width:1400px;}

.banner2{width:1400px; margin:0px auto; background:#fff; padding:10px;}
.banner2 img{ width:1400px;}

.search_menu{ width:1400px; margin:0px auto; padding:10px; background:#9d7825}
.search_menu input{ width:196px; border:1px solid #ee2a09cf; height:30px; line-height:30px; padding-left:5px; background-color: #f1f1f1;outline:none}
.search_menu .search-pc{ color:#fff; background:#ee2a09cf; padding:7px 20px 9px 20px; cursor:pointer}
.search_menu .search-pc:hover{ background:#000}
.search_menu span{ background:#ee2a09cf; color:#fff; padding:8px 10px; border-radius:5px}
.search_menu span a{ color:#fff}



.youhinn{width:1400px; margin:0px auto; background:#fff; padding:10px;}

.main_left{ width:280px; float:left;background: #efefef;}
.main_right{ width:1100px; margin-left:20px; float:left;}

.lmenu{ width:260px; padding-bottom:20px;}
.lmenu ul li{ border-bottom:1px solid #dedede; padding:6px; position:relative; font-weight: bolder; z-index:1000}
.lmenu dl{ position:absolute; left:260px; top:0px; visibility:hidden; width:1000px; margin-left: 3px;}
.lmenu dl dd{ background:#f1dbdb; border-bottom:1px solid #dedede; float:left; padding:6px; width:400px;}
.lmenu li:hover dl{ top:0px; transition: all 0.3s ease; transform: translateY(0);visibility: visible;opacity: 1;}


.lmenu font{ float:right; padding-top:5px; font-size:24px;} 

.lbrand{}
.lbrand h3{ font-weight:600; font-size:12px; padding:6px; border-bottom:1px solid #dedede;}


.home_list{}
.home_list h1{ text-align:center; padding:5px 0px 5px 0px;background-color: #c090f34a;border-radius:10px;}
.home_list h2{ border-bottom:1px solid #e2e7e5; padding:2px 5px; color:#7a11cd; background-color: #d99b10ab;margin-top: 10px;border-radius:10px;display: grid; grid-template-columns: 1fr 1fr;height: 38px;line-height: 38px;}
.home_list h2 a{color:#7a11cd}
.home_list h2 a:nth-of-type(2){ color: blue; text-align: right; font-size: 16px; }   
.home_list h3{ font-size:14px; font-weight:500; background:#e2e7e5; padding:2px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height:40px;}


.home_list ul{ padding-bottom:20px;}
.home_list li{ float:left; margin-right:10px;margin-left: 5px;padding-bottom:0px;width:260px; margin-top: 10px; border-radius: 10px; box-shadow: 0px 0px 5px 0px rgba(139, 139, 139, 0.7);}
.home_list li img{ width:260px; height:390px;border-top-right-radius: 10px; border-top-left-radius: 10px;}
.home_list li:hover img {transform: scale(1.1);}
.home_list li:nth-child(4n){ margin-right:0px;}
.home_list li p:nth-child(1){ position:relative}

.home_list li p:nth-child(1) span{position:absolute; left:218px; top:3px; background:#f507078f; border-radius:20px; color:#e2e7e5; padding:8px 3px;}

.home_list li p:nth-child(1) span:nth-of-type(2){  position: absolute;
        left: 193px;
        width: 60px;
        height: 12px;
        line-height: 12px;
        top: 360px;
        background: #f507078f;
        border-radius: 10px;
        color: #fff;
        padding: 8px 3px;}

.home_list li p:nth-child(3){ text-align:center; font-size:16px; color:#910029; padding:6px 0px; background:#e2e7e5;border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.home_list li p:nth-child(3) span{ color:#0a0a0a; text-decoration:line-through}
.home_list li p:nth-child(4){ text-align:center;  font-size:14px;}
.home_list li p:nth-child(4) span{border:1px solid #dedede; padding:8px 20px; border-radius:10px; background:#f4f4f4}
.home_list li p:nth-child(4) span:hover{ background:#E99184;color:#fff;transition: background-color 1s;}
.home_list li p:nth-child(4) a:hover{text-decoration:none}
.mores { position: absolute; left: 90%; font-size: 18px;}

.goods_page{ margin-top:10px;}
.goods_pic{ float:left; width:450px; position:relative;}
.goods_pic span{position:absolute; left:10px; top:10px; background:#ee2a09cf; border-radius:20px; color:#fff; padding:8px 3px;}
.goods_pic img{ width:450px; height:675px;border: 1px solid #f19630bd; border-radius: 10px; border-style: dashed;}
.goods_content{ float:left; margin-left:50px; width:600px;}
.goods_content h1{ font-size:20px; border-bottom:1px solid #dedede;}

.goods_content .sku{ padding-top:10px;}
.goods_content .price{  padding-bottom:10px; padding-top:10px; }
.goods_content .price span{font-size:16px; color:#ee2a09cf; font-weight:bolder}
.goods_content .price font{ text-decoration:line-through; color:#565656; font-size:14px;}
.goods_content .price i{background:#ee2a09cf; border-radius:20px; color:#fff; padding:8px 3px;}
.goods_content .comment{border-bottom:1px dashed #eee; padding-bottom:10px;}
.goods_content .comment span{ margin-right:20px; text-decoration:underline}
.goods_content .attr{ margin-top:20px;}
.goods_content .attr ul{ display:flex;flex-wrap:wrap; margin-bottom:10px;}
.goods_content .attr ul li{ background:#efefef; padding:10px; margin:10px 10px 0px 0px; border-radius:5px; border:1px solid #dedede; cursor:pointer}
.goods_content .attr ul .sel{ background:#ee2a09cf; color:#fff}
.goods_content .attr img{ width:53px; height:80px;}
.goods_content .attr .attr_img{padding:3px  3px 0px 3px;} 

.goods_content .num{ display:flex; padding-top:10px;}
.goods_content .num span{ width:30px; height:40px; border:1px solid #ccc;text-align:center; line-height:40px; font-size:30px; display:inline-block; cursor:pointer}
.goods_content .num input{ width:60px; text-align:center; height:40px; border:1px solid #ccc; outline:none; margin:0px -1px;}
.goods_content .num .buy{ background:#ee2a09cf; margin-left:1%; border:none; color:#fff; width:300px; font-size:16px; cursor:pointer; font-weight:bolder; padding:2px 0px 0px 0px;}
.goods_content .num .buy:hover{ background:#311abc}


.goods_details{}
.goods_details h2{ border-bottom:1px solid #efefef; padding:2px; color:#7a11cd; background-color: #c090f34a;}
.goods_details img{ }
.goods_comment img{ width:100px;}
.goods_comment h2{ border-bottom:1px solid #efefef; padding:2px; color:#7a11cd; background-color: #c090f34a;}

.goods_comment .item{background:#efefef; margin:20px 0px; padding:20px;}
.goods_comment .item .name{color:#333333; padding-bottom:10px;}
.goods_comment .no{padding:20px; text-align:center}

.footer{ width:1400px; margin:0px auto; background:#efefef; padding:10px;}
.footer h5{ color:#000; font-weight:bolder; border-bottom:1px solid #dedede; padding:20px 5px 5px 5px;font-size:14px;}
.footer h6{ font-size:14px;padding-top:10px; border-bottom:1px solid #dedede; padding-bottom:5px; font-weight:lighter}
.footer ul{ background:#f4f4f4; padding:20px 0px;}
.footer ul li{ float:left; width:200px; padding-left:120px; }
.footer ul li div{ color:#000; font-weight:bolder; border-bottom:1px solid #dedede; padding:20px 5px 5px 5px;}
.footer ul li p{ padding-top:10px; border-bottom:1px solid #dedede; padding-bottom:5px;}
.footer ul li p a{ color:#000}
.footer ul li p a:hover{ color:#565656}
.footer .copyright{text-align:center; padding:20px 0px}


.blog{ padding:20px 0px;}
.blog ul{ padding:10px 0px;}
.blog li{ float:left}
.blog li:nth-child(1){ width:300px;}
.blog li:nth-child(1) img{ width:300px; height:200px;}
.blog li:nth-child(2){ width:1050px; margin-left:50px;}
.blog li:nth-child(2) h2{ padding-bottom:10px;}
.blog li:nth-child(2) p{ padding-top:10px;}
.blog .title{font-size:16px; font-weight:bolder}
.blog .intro{background:#efefef; padding:10px; margin-top:10px; margin-bottom:10px;}



.blog_info{}
.blog_info h1{text-align:center; padding-top:20px;}
.blog_info .time{ text-align:center; padding-top:10px; }
.blog_info .intro{background:#efefef; padding:10px; margin-top:20px;}
.blog_info .content{padding:20px 0px; overflow:hidden}

.info_table{ background:#ccc; width:100%}
.info_table tr{ background:#fff}
.info_table td{ padding:10px;}
.info_table td:nth-child(odd){ width:20%; background:#efefef}


.made_attr{ display:none; margin:20px 0px;}
.made_attr input{text-align:center; border:1px solid #dedede; outline:none; width:50px; height:24px;}
.is_made{ background:#ee2a09; padding:5px 10px; width:140px; text-align:center; color:#fff; margin:20px 0px; cursor:pointer}

.gift_css{ background:#efefef; padding:10px 10px; margin-bottom:10px;}
.gift_css select{ width:500px; height:30px; line-height:30px; outline:none; border:1px solid #dedede}
.gift_css p{ color:#ee2a09; font-weight:bolder; padding-bottom:5px;}

     .home_list li p:nth-child(1) .szsc{
        position: absolute;
        left: 193px;
        width: 60px;
        height: 12px;
        line-height: 12px;
        top: 360px;
        background: #f507078f;
        border-radius: 10px;
        color: #fff;
        padding: 8px 3px;
    }
    
   .banner{
    width: 1400px;
    margin: auto;
    position: relative;
}
.banner a{
    display: none;
}
.banner img{
    width: 100%;
	height:100%;
     
}
.banner .upper{
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 10;
    cursor: pointer;
}
.banner .down{
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 10;
    cursor: pointer;
}
.banner a:first-child{
    display: block;
}
.banner .banner-slide{
    width: 100%;
    position: absolute;
    bottom: 15px;
    text-align: center;
}
.banner .banner-slide span{
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #ccc;
    background-color: #999;
    margin-right: 10px;
    cursor: pointer;
}
.banner .banner-slide span:last-child{
    margin-right: 0;
}
.banner .banner-slide .slide-select{
    border: 1px solid #fff;
    background-color: #ff6b6b;
}   
   
    
    

}



@media screen and (max-width:751px){
  
	body{ background:#fff;font-family:"Open Sans !important";font-size: 12px;}
   .header{ display:none}
   .left{ display:none}
   .search_menu{ display:none}
   .main_left{ display:none}
   
   .banner img{ width:100%}
   
   .tag1{border-bottom:1px solid #27346a !important; padding-bottom:10px; color:#27346a; font-weight:bolder; font-size:16px;}
   
   
   .header-mobile {
        position: relative;
        top: 0;
        left: 0;
        z-index: 2;
    }

    .header-mobile {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #fff;
        padding: 10px 0;
        box-shadow: 0px 0px 10px 3px #efefef;
    }
	
	
	.header-mobile>div:first-child {
        padding-left: 10px;
    }

    .header-mobile>div .iconfont {
        font-size: 32px;
        margin-right: 10px;
		color: #ee2a09;
    }

    .header-mobile>a {
		display:inline-block;
        width: 40%;
    }
	.header-mobile>a img{
		width:100%;
	}

    .header-mobile>div:nth-child(3) {
        position: relative;
    }

    .header-mobile>div:nth-child(3) .cart_num {
        display: inline-block;
        width: 18px;
        height: 18px;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        left: 63px;
        top: -6px;
        background-color: red;
        font-size: 12px;
        color: #fff;
        transform: scale(0.8);
    }
	
	.header-mobile>div:nth-child(3) .cart_num a{ color:#fff;}
	
	
	.menu {
        width: 100%;
        height: 100%;
        position: fixed;
        left: -100%;
        top: 0;
        z-index: 101;
       
    }

    .menu .menu-column {
        box-shadow: 0px 0px 19px 8px #bbb;
    }

    .menu .menu-column>div:first-child {
        text-align: right;
        padding: 10px;
        border-bottom: 0px;
    }

    .menu .menu-column>div:first-child .iconfont {
        font-size: 35px;
		margin-right:0;
		font-weight: 200;
		color: #666;
    }

    .menu .menu-column>div:nth-child(2),
    .menu .menu-column>div:nth-child(3) {
        text-align: center;
        border-bottom: 0px;
    }

    .menu .menu-column>div:nth-child(2) img {
        width: 90px;
    }

    .menu .menu-column>div:nth-child(3) {
        margin-top: 10px;
        padding: 10px;
        font-size: 15px;
    }

    .menu .menu-banner {
        width: 100%;
        margin-bottom: 10px;
    }

    .menu .menu-banner img {
        width: 100%;
    }

    .menu .menu-column {
        width: 64%;
        height: 100%;
        background-color: #fff;
        overflow: auto;
        padding-bottom: 20px;
    }

    .menu .menu-column::-webkit-scrollbar {
        display: none;
    }

    .menu .menu-column>div {
        color: #999;

    }

    .menu .menu-column .column-xun {
        padding: 5px 10px 15px;
    }
	
	.menu .menu-column .column-xun  a{
       color:#999;
    }

    .menu .menu-column .column-m {
        text-align: center;
        margin-top: 60px;
        border-bottom: 0px;
    }

    .menu .menu-column .column-m .iconfont {
		font-size:32px;
        margin-right: 5px;
		color:#666;
		position:relative;
		top: 7px;
		
    }
    
	/*
    .menu .menu-column>div:last-child {
        display: flex;
        justify-content: center;
        margin-top: 25px;
        padding-bottom: 20px;
        border-bottom: 0px;
		
    }*/
	.menu .menu-column .column-tel .iconfont{ font-size:16px; color:#dc24e8}
	.menu .menu-column .column-tel  p{ padding-top:10px;}
	.menu .menu-column .column-tel img{ width:50% !important; text-align:center}
	.menu .menu-column>div:last-child .iconfont{
		margin:0 10px;
	}
	.menu .menu-column>div:last-child .icon-face{
		color:#2064ff;
	}
	.menu .menu-column>div:last-child .icon-twi{
		color:#14c0f9;
	}
	.menu .menu-column>div:last-child .icon-ins{
		font-size:38px;
		color:#f30fd5;
	}
	.menu .menu-column>div:last-child .icon-pin{
		color:#f30f0f;
	}

    .menu .menu-column>div:last-child img {
        width: 35px;
    }

    .menu .menu-column>div div:first-child {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 10px 15px;
    }

    .menu .menu-column>div div:first-child>img:last-child {
        width: 15px;
        transition: all 1s;
		margin-top:11px;
    }

    .menu .menu-column>div .column-div {
        width: 100%;
        margin-left: 5%;
        color: #999;
        display: none;
    }

    .menu .menu-column>div .column-div ul {
        width: 100%;
    }

    .menu .menu-column>div .column-div ul li {
        width: 100%;
        padding: 7px 0;
        list-style: none;
        border-bottom: 1px solid rgb(221, 221, 221);
    }

    .menu .menu-column>div .column-div ul li a {
        text-decoration: none;
        color: #999;
    }

    .menu .menu-column .column-shu:nth-child(2n),
    .menu .menu-column .column-xun:nth-child(2n) {
        background-color: #efefef;
    }

    .menu .menu-column .column-dan span .iconfont,
    .menu .menu-column .column-xun span .iconfont {
        font-size: 28px;
        margin-right: 10px;
		position:relative;
		top:4px;
		
    }
	
	.mod-search{
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 2;
        background-color: rgba(0, 0, 0, 0.4);
        display: none;
    }
    .mod-search .mod-search-div{
        width: 70%;
        height: 100%;
        background-color: #fff;
    }
    .mod-search .mod-search-div .search-title{
        padding: 25px 10px 10px;
        font-size: 20px;
        font-weight: bold;
        color: #000;
        border-bottom: 1px solid #ddd;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mod-search .mod-search-div .search-title .mod-search-close{
        font-size: 32px
    }
    .mod-search .mod-search-div .search-input{
        margin: 10px 10px 0;
        padding: 0 5px;
        display: flex;
        align-items: center;
        background-color: #f1f1f1;
        border-radius: 3px;
    }
	.mod-search .mod-search-div .search-input .iconfont{
		font-size: 23px;
	}
    .mod-search .mod-search-div .search-input input{
        width: 100%;
        height: 30px;
        text-indent: 10px;
        border: none;
        background-color: #f1f1f1;
        outline: none;
    }
    .mod-search .mod-search-div .search-title2{
        margin: 5px 10px 0;
        padding: 10px 0;
        border-bottom: 1px solid #ddd;
        font-weight: bold;
    }
    .mod-search .mod-search-div .search-span{
        display: flex;
        flex-wrap: wrap;
    }
    .mod-search .mod-search-div .search-span a{
        display: flex;
        padding: 5px 10px;
        align-items: center;
        color: #666;
        background-color: #f1f1f1;
        border-radius: 5px;
        font-size: 12px;
        margin-left: 10px;
        margin-top: 10px;
    }
    .mod-search .mod-search-div .search-span a span{
        margin-right: 5px;
    }



.youhinn{width:98%; margin:0px auto; background:#fff; margin:1%}
.banner{width:100%; margin:0px auto; background:#fff;}
.banner img{ width:100%;}

.banner2{width:100%; margin:0px auto; background:#fff; }
.banner2 img{ width:100%;}

.home_list{}
.home_list h1{ text-align:center; padding:20px 0px 10px 0px; font-size:16px;}
.home_list h2{ border-bottom:1px solid #efefef; padding:2px 8px; font-size:16px; background-color: #efefef; color:#ee2a09;border-radius: 10px;display: grid; grid-template-columns: 2fr 1fr;height: 36px;line-height: 36px;}
.home_list h2 a{ color:#ee2a09; font-size:14px;}
.home_list h2 a:nth-of-type(2){ color: blue; text-align: right; font-size: 10px; }   
    
.home_list h3{ font-size:12px; font-weight:lighter; background:#efefef; padding:5px;padding-top:10px;  overflow:hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height:32px;}
.home_list ul{ padding-bottom:10px;}
.home_list li{ float:left; margin-right:3%; padding-top:0px; padding-bottom:0px;margin-bottom:10px;margin-top:5px;width:48%;border-radius: 10px; box-shadow: 0px 0px 5px 0px rgba(139, 139, 139, 0.4);}
.home_list li img{ width:100%;height: 300px;border-top-right-radius: 10px;border-top-left-radius: 10px;}
.home_list li:nth-child(2n){ margin-right:0px;}
.home_list li p:nth-child(1){ position:relative}
.home_list li p:nth-child(1) span{position:absolute; left:81%; top:3px; background:#ee2a09cf; border-radius:20px; color:#fff; padding:8px 3px; font-size: 9px; margin-bottom: -2px;}

.home_list li p:nth-child(1) span:nth-of-type(2){  position: absolute;
        left: 68%;
        width: 50px;
        height: 10px;
        line-height: 10px;
        top: 90%;
        font-size: 12px;
        background: #f507078f;
        border-radius: 10px;
        color: #fff;
        padding: 8px 3px;}

.home_list li p:nth-child(3){ text-align:center; font-size:12px; color:#F41252; padding:5px 0px; background:#efefef;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.home_list li p:nth-child(3) span{ color:#565656; text-decoration:line-through}
.home_list li p:nth-child(4){ text-align:center; margin-top:1px; font-size:12px;}
.home_list li p:nth-child(4) span{border:1px solid #dedede; padding:8px 10px; border-radius:10px; background:#f4f4f4}
.home_list li p:nth-child(4) span:hover{ background:#E99184;color:#fff;transition: background-color 1s; /* 背景色变化过渡时间 */}
.home_list li p:nth-child(4) a:hover{text-decoration:none}
 .mores { position: absolute; left: 80%; font-size: 18px;}


.goods_page{ margin-top:10px;}
.goods_pic{ width:100%; display: flex; justify-content: center;}
.goods_pic span{position:absolute; left:10px; top:10px; background:#ee2a09cf; border-radius:20px; color:#fff; padding:8px 3px;}
.goods_pic img{ width:70%}
.goods_content{ width:100%;}
.goods_content h1{ font-size:12px; border-bottom:1px solid #dedede;}
.goods_content .sku{ padding-top:10px;}
.goods_content .price{  padding-bottom:10px; padding-top:10px; }
.goods_content .price span{font-size:16px; color:#ee2a09cf; font-weight:bolder}
.goods_content .price font{ text-decoration:line-through; color:#565656; font-size:14px;}
.goods_content .price i{background:#ee2a09cf; border-radius:20px; color:#fff; padding:8px 3px;}
.goods_content .comment{border-bottom:1px dashed #eee; padding-bottom:10px;}
.goods_content .comment span{ margin-right:20px; text-decoration:underline}
.goods_content .attr{ margin-top:20px;}
.goods_content .attr ul{ display:flex;flex-wrap:wrap; margin-bottom:10px;}
.goods_content .attr ul li{ background:#efefef; padding:10px; margin:10px 10px 0px 0px; border-radius:5px; border:1px solid #dedede; cursor:pointer}
.goods_content .attr ul .sel{ background:#ee2a09cf;; color:#fff}
.goods_content .attr img{ width:40px; height:60px;}
.goods_content .attr .attr_img{padding:3px  3px 0px 3px;} 

.goods_content .num{ display:flex; padding-top:10px;}
.goods_content .num span{ width:30px; height:40px; border:1px solid #ccc;text-align:center; line-height:40px; font-size:30px; display:inline-block; cursor:pointer}
.goods_content .num input{ width:60px; text-align:center; height:40px; border:1px solid #ccc; outline:none; margin:0px -1px;font-size: 16px; font-weight: bolder;color: blue;}
.goods_content .num .buy{ background:#ee2a09cf; margin-left:1%; border:none; color:#fff; width:300px; font-size:16px; cursor:pointer; font-weight:bolder; padding:2px 0px 0px 0px;}
.goods_content .num .buy:hover{ background:#311abc}

.goods_details{}
.goods_details h2{ border-bottom:1px solid #dedede; padding-bottom:5px; margin-bottom:20px; background:#efefef; margin-top:10px; font-size:16px; padding:5px;}
.goods_details img{ width:100% }
.goods_comment img{ width:100px;}
.goods_comment h2{ border-bottom:1px solid #dedede; padding-bottom:5px; margin-bottom:20px; background:#efefef; margin-top:10px; font-size:16px; padding:5px;}

.goods_comment .item{background:#efefef; margin:20px 0px; padding:20px;}
.goods_comment .item .name{color:#333333; padding-bottom:10px;}
.goods_comment .no{padding:20px; text-align:center}

.blog{ margin-bottom:20px;}
.blog li{ width:98; margin:1%;}
.blog img{ width:100%}

.blog .title{font-size:16px; font-weight:bolder}
.blog .intro{background:#efefef; padding:10px; margin-top:10px; margin-bottom:10px;}
	
.footer{ width:100%; margin:0px auto; background:#fff; }
.footer h5{ color:#000; font-weight:bolder; border-bottom:1px solid #dedede; padding:20px 5px 5px 5px;font-size:14px;}
.footer h6{ font-size:14px;padding-top:10px; border-bottom:1px solid #dedede; padding-bottom:5px; font-weight:lighter}
.footer ul{ background:#efefef; padding:20px 3px;}
.footer ul li{ float:left; width:46%; margin-right:2%; }
.footer ul li:nth-child(2n){ margin-right:0px;}
.footer ul li div{ color:#000; font-weight:bolder; border-bottom:1px solid #dedede; padding:20px 5px 5px 5px;}
.footer ul li p{ padding-top:10px; border-bottom:1px solid #dedede; padding-bottom:5px;}
.footer ul li p a{ color:#000}
.footer ul li p a:hover{ color:#565656}
.footer .copyright{text-align:center; padding:20px 0px}

.info_table{ background:#ccc; width:100%}
.info_table tr{ background:#fff}
.info_table td{ padding:10px;}
.info_table td:nth-child(odd){ width:30%; background:#efefef} 

.made_attr{ display:none; margin:20px 0px;}
.made_attr input{text-align:center; border:1px solid #dedede; outline:none; width:50px; height:24px;}
.is_made{ background:#ee2a09; padding:5px 10px; width:140px; text-align:center; color:#fff; margin:20px 0px; cursor:pointer}

.gift_css{ background:#efefef; padding:10px 10px; margin-bottom:10px;}
.gift_css select{ width:100%; height:30px; line-height:30px; outline:none; border:1px solid #dedede}
.gift_css p{ color:#ee2a09; font-weight:bolder; padding-bottom:5px;}
 .home_list li p:nth-child(1) .szsc{
        position: absolute;
        left: 68%;
        width: 50px;
        height: 10px;
        line-height: 10px;
        top: 90%;
        font-size: 12px;
        background: #f507078f;
        border-radius: 10px;
        color: #fff;
        padding: 8px 3px;
    }

    
.banner{
    width: 100%;
    position: relative;
}
.banner a{
    display: none;
}
.banner img{
    width: 100%;
	height:100%;
     
}
.banner span img{
    height:30px;
    width: 30px;
}
.banner .upper{
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 1;
    cursor: pointer;
    margin-top: -15px;
}
.banner .down{
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 1;
    cursor: pointer;
    margin-top: -15px;
}
.banner a:first-child{
    display: block;
}
.banner .banner-slide{
    width: 100%;
    position: absolute;
    bottom: 5px;
    text-align: center;
}
.banner .banner-slide span{
    display: inline-block;
    width: 20px;
    height: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
    margin-right: 10px;
    cursor: pointer;
}
.banner .banner-slide span:last-child{
    margin-right: 0;
}
.banner .banner-slide .slide-select{
    border: 1px solid #fff;
    background-color: #ffbc06;
}



}