/* CSS Document */
/*Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family:"Arial","微软雅黑";}
body{ font-size:14px;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul,dl{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
.clearfix:after{visibility:hidden;display: block;font-size:0;content:" ";clear:both;height:0;}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.clear{ clear:both; font-size:0; height:0; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
*{text-decoration: none;}
/*common*/
.container{width:100%;margin:0 auto;}
#sidebar{}
#main{width:100%;}

.sidebar_logo{width:194px;height:98px;}
.sidebar_nav ul li{line-height: 50px;text-indent: 60px; }
.sidebar_nav ul li a{display: block; color:#272727;font-size: 18px;}

.nav_1{ background-image:url("../images/shape01.png");}
.nav_2{ background-image:url("../images/shape02.png");}
.nav_3{ background-image:url("../images/shape03.png");}
.nav_4{ background-image:url("../images/shape04.png");}
.nav_5{ background-image:url("../images/shape05.png");}
.nav_6{ background-image:url("../images/shape06.png");}
.nav_7{ background-image:url("../images/shape07.png");}
.nav_8{ background-image:url("../images/shape08.png");}

.nav_01,.nav_1:hover{ background-image:url("../images/shape1.png");}
.nav_02,.nav_2:hover{ background-image:url("../images/shape2.png");}
.nav_03,.nav_3:hover{ background-image:url("../images/shape3.png");}
.nav_04,.nav_4:hover{ background-image:url("../images/shape4.png");}
.nav_05,.nav_5:hover{ background-image:url("../images/shape5.png");}
.nav_06,.nav_6:hover{ background-image:url("../images/shape6.png");}
.nav_07,.nav_7:hover{ background-image:url("../images/shape7.png");}
.nav_08,.nav_8:hover{ background-image:url("../images/shape8.png");}

.sidebar_nav ul li{ background-repeat:no-repeat; background-position:25px center; background-color:#f7f7f7;}
.sidebar_nav ul li.active,.sidebar_nav ul li:hover{ background-color:#ffffff;}
.sidebar_nav ul a:hover,.sidebar_nav ul .active a{color: #dc1919;}

.search{width:157px;height:35px;margin: 10px 0 6px 19px;}
.search .input{width:90px;height:33px;line-height:33px;color:#7c7c7c;font-size: 13.22px; float: left;border: 1px solid #272727;text-indent:3px;}
.search .submit{width:63px;height:35px;float: left;background: #272727;color:#fff;font-size:13px;line-height:33px;border: none;cursor: pointer;}
.chatting{margin:7px 0 0 100px;}
.chatting ul li{float: left;margin-left: 8px;}

#footer{width:100%; overflow:hidden;color: #343434;background:#353535; padding-top:20px; font-size:16px;}
.footer_nav{ text-align:center; border-bottom:#000 solid 2px; padding:20px 0;}
.footer_nav a{ display:inline-block; padding:0px 18px;line-height: 14px; font-size:16px; border-left:1px solid #fff;}

.footer_nav a{color: #fff;}
.footer_copy{ text-align:center; line-height:50px; color:#fff;}

#main_middle{width:965px;float:left;color:#5a5148;}
.pro_w{float:right;color:#5a5148;}
#main_middle h2,.pro_w h2{height:40px;line-height: 40px;margin-top:15px;text-indent: 17px; border-bottom: 1px solid #1b1b1b;font-size: 24.25px; }
#main_middle .entitle,.pro_w .entitle{line-height:35px;margin:0 0 10px 20px;font-size: 14px;}


/*index css*/
.banner{width:1095px;height:400px;margin-bottom:11px;position: relative;overflow: hidden; }
#slideBox .hd ul li.on{ background:#898989;}
.banner_bottom{width:1095px;height:40px;top:360px;/*background:#040404;*/ opacity: 0.8;line-height:40px;text-indent: 25px; color:#fff;font-size: 18px;position: absolute;z-index: 2;}
.hd ul li{float: left;width:15px;height:15px;border-radius: 15px;border-radius:15px\9;*border-radius:15px;margin:15px 6px 0 0;background: #fff;cursor:pointer;}
.hd ul{position: absolute;top:360px;left:1020px;z-index: 5;}

.watchleft_big{width:406px;height:271px;float: left;position: relative;}
.watchtitle{height:46px;width:406px;top:217px;background: #000000;line-height:46px;text-indent: 20px; color: #fff;font-size: 18px;position: absolute;}

.watchad{width:1095px;margin-bottom:10px; overflow:hidden;}
.watchad ul{ width:1101px;}
.watchad ul li{width:360px;height:360px;float: left;margin:0 7px 6px 0;position: relative; overflow:hidden;}
.watchad ul li img{ width:100%;}
.smalltitle{ line-height:22px;width:94%;padding:5px 3%;bottom:0px;background:#000;opacity:0.7;overflow:hidden; color:#fff;position: absolute;}



.mainbrand{width:100%; overflow:hidden;margin-bottom: 17px;}
.mainbrand_ad{width:197px;height:284px;margin-top:8px;float:left;}
.mainbrand_list{width:888px;height:284px;float: left;margin-left: 13px;}
.mainbrand_list_title{line-height: 25px; margin-bottom:5px; margin-top:10px; }
.mainbrand_list_title b{height:25px;border: 1px dashed #ccc;font-size: 14px;display: inline-block;text-align: center;padding:0 5px;margin-right:10px;}
.mainbrand_list_title b i{font-style:normal;cursor:pointer;color:red;}
/*.watchselect{width:888px;height:250px;}*/
.watchselect table{border:1px solid #b2b7b8;width:100%;/*height:257px;*/color: #a4a4a4;font-size: 12px; font-size:14px;}
.watchselect table tr{height:37px;}
.watchselect table tr td,.watchselect table th{border:1px solid #dcdcdc;}
.watchselect table th{width:100px;background: #f7f5f6;text-indent: 20px; color:#000; text-align:left; font-weight:bold;}
.watchselect table dl{ padding:10px 0; overflow:hidden;}
.watchselect table tr td dt{ width:5%; float:left;}
.watchselect table tr td dd{ float:left; width:95%;}
.watchselect table a{ display:inline-block; margin-left:10px; line-height:25px; color:#666;}
.watchselect table a font{ line-height:25px; display:inline-block; padding:0 3px;}
.watchselect table dd a{ width:100px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.watchselect table a:hover font{ color:#fff; background:#dc1819;}
.watchselect table a.on font{ color:#fff; background:#dc1819;}
.watchselect table tr .selectall{width:62px;height:22px;margin: 0 19px 0 24px; float:left;background: #fdf2dc;text-indent: 3px;line-height: 22px;color: #bc0a08;text-decoration:underline;}
.watchselect table tr .selectall input{margin-top:4px;margin-right:2px;}
.watchselect table tr .nobg{background: none;}
.watchselect table tr .selectname li{width:65px;float:left;}

.watchselect table tr .selectdes{margin-left: 25px;}
.watchselect table tr .selectdes li{float: left;margin-right: 35px;}
.watchselect table tr .selectdes li span,.watchselect table tr .selectname li span{color:#A4A4A4;cursor:pointer;}

.main_title h2{width:100%;height:40px;text-indent: 18px;margin-top: 15px; border-bottom:1px solid #1b1b1b;font-size:24.26px;color: #5a5148;}
.main_title p{line-height:30px;margin:0  0 17px 90px;font-size:14px;color: #5a5148;font-family:;}
.brand_list{ width:100%; overflow:hidden;}
.brand_list ul{width:100%;height:285px;}
.brand_list ul li{width:250px;height:358px;text-align:center;line-height:20px;float:left;margin:0 12px 20px 0;overflow: hidden;}
.brand_list ul li:nth-child(5n){margin-right:0px;}
.brand_list ul li span{width:266px;height:266px;overflow: hidden;display: block;}
.brand_list ul li h3{margin:7px 5px 0 5px; overflow:hidden; height:40px; }
.brand_list ul li h3 a{color:#000;font-size: 14px;}
.brand_list ul li h3 a:hover{color:#dc1919;}
.brand_list ul li img,.ranking_list li img{ width:100%; height:100%}
.brand_list ul li font{ display:block; text-align:left; padding:0 10px;}
.brand_list ul li font strong{ color:#c00}





.main_footer {
    display: flex;
    justify-content: space-between; 
    gap: 10px; 
    margin-top:15px;
}

.main_footer_left {
    flex: 1; 
    margin-right: 10px;
    
}

.sidebar_right {
    width: 325px; 
    margin-top:15px;
}
@media (max-width: 1023px) {
	.main_footer{ flex-direction: column; }
	.main_footer_left { margin-right: 0px }
    .sidebar_right { /*display: none;*/ width: 100%; }
}

.pro_shu-list {max-width:1200px;margin:0 auto;}
.pro_shu-list dl { flex-shrink:0;min-width:0; }
.pro_shu-list dd {flex:1;min-width:0; }
.pro_shu-list dl {display:flex;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.05);overflow:hidden;margin-bottom:20px;transition:transform 0.2s ease;}
.pro_shu-list dl:hover {transform:translateY(-2px);}
.pro_shu-list dt {flex:0 0 30%; aspect-ratio:1 / 1;  background-color:#f9f9f9;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.pro_shu-list dt a{ display: block; width: 100%; height: 100%; }
.pro_shu-list dt img {width:100%;height:100%;object-fit:cover; border-radius:4px;transition:transform 0.3s ease;}
.pro_shu-list dl:hover dt img {transform:scale(1.2); }
.pro_shu-list dd {flex:1;padding:20px;display:flex;flex-direction:column;justify-content:space-between;}
.pro_shu-list dd h3,.pro_shu-list dd p {font-size:16px;color:#767676;line-height:1.5;margin-bottom:10px; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical;overflow:hidden;}
.pro_shu-list dd p{font-size:14px;-webkit-line-clamp:2;}
.pro_shu-list dl h3 a{font-weight: 600; color: #333 }
.pro_shu-list dl:hover h3 a{ color: #f00 }
.pro_shu-meta {display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #eee;font-size:12px;color:#999;margin-top: auto;
    flex-shrink: 0;}
.like-info {display:flex;align-items:center;gap:5px;}
.like-info .heart {color:#e63946;  font-size:18px;}
.like-info .like-count {color:#333;font-weight:bold;}
.tag-info {display:flex;gap:10px;}
.tag {color:#666;}
@media (max-width:768px) {
	.pro_shu-list dl {flex-direction:row; flex-wrap:nowrap; }
	.pro_shu-list dt {flex:0 0 150px; }
	.pro_shu-list dt img {max-height:200px;}
	.pro_shu-list dd {padding:15px;}
	.pro_shu-list dd h3 {font-size:14px;-webkit-line-clamp:4; }
	.pro_shu-meta {flex-wrap:wrap; gap:8px;}
}
@media (max-width:576px) {
	.pro_shu-list dl {align-items:center;}
	.pro_shu-list dt {flex:0 0 120px;}
	.pro_shu-list dt img {max-height:150px;}
	.pro_shu-list dd {padding:10px 15px;}
	.pro_shu-list dd h3 {font-size:13px;-webkit-line-clamp:2; margin-bottom:8px;}
	.tag-info {flex-wrap:wrap;gap:5px;}
}
.page_content{ padding: 20px; background:#FFFFFF; margin-bottom: 20px}
.page_content img{max-width: 100%;}









.arrival_list ul li{width:100%; height:230px; margin-bottom:14px;border-bottom:1px solid #eaeaea;padding: 0 10px 13px 0;color:#5a5148; background: #fff; }
.arrival_list ul li img{float: left;margin-right: 20px; width:230px; height:230px;}
.arrival_list ul li h3{line-height: 25px;font-size: 18px;}
.arrival_list ul li h3 a{color:#000;}
.arrival_list ul li h3 a:hover{color:#dc1919;}
.arrival_list ul li p{line-height: 20px;font-size: 14px;margin-right: 10px; color:#888}
.jgms{ position:relative; background:#f1f1f1; margin:5px 0 5px 250px; padding:5px;}
.arrival_list ul li .jiage{ line-height:20px; font-weight:bold;}
.arrival_list ul li span{ position:absolute; top:5px; right:0px; margin-right: 10px;color: #7b7b7b;font-size: 12px; line-height:20px;}
.arrival_list ul li .jiage font{ margin-right:10px;}
.arrival_list ul li .jiage strong{ color:#c00}
.news_list ul li{ height:150px;}
.news_list ul li img{ width:200px; height:150px; border:#f1f1f1 solid 1px;}

.page { text-align:center; display:block; line-height:25px; margin:20px 0; overflow:hidden;}
.page a,.page span { margin-right:5px; display:inline-block; padding:0 8px; font-size:14px;color: #000;}
.page a:hover,.page span{color: #fff;background:#d00018;}


/*sidebar_right css 右侧样式代码*/
.sidebar_right{position: relative;}
.sidebar_right_title h2{width:100%;height:40px;line-height:40px;text-indent: 18px; border-bottom:1px solid #1b1b1b;font-weight: bold; font-size:18px;color: #5a5148;}
.sidebar_right_title p{line-height:30px;margin:0  0 17px 60px;font-size:12px;color: #5a5148;font-family:"Arial";}
.credit ul{ overflow:hidden; margin-bottom:10px;}
.credit ul li{line-height: 30px; padding-left:10xp; border-bottom:#CCC dashed 1px;}
.credit ul li font{ padding:0 15px 0 10px; font-family:宋体; color:#989898}
.credit ul li a{color:#5a5148;font-size: 15px;}
.credit ul li a:hover{color:#dc1919;}
.watch_ad img{margin-bottom: 15px;}
.watchlike ul{width:350px;}
.watchlike ul li{width:158px;float: left;margin: 0 9px 9px 0;overflow: hidden;position:relative;}
.watchlike ul li a{ overflow:hidden; display:block;}
.watchlike li img,.watchad li img{ width:100%;}
.watchlike_title{background:#484846;opacity:0.8;display:none; cursor:pointer; padding:5px 10px;line-height:18px; color:#fff;font-size:12px;position:absolute;bottom:0px;}
.backtop{width:55px;height:78px;position:fixed;right:5px;bottom:10px;}
.backtop p{color: #0d0d0d;font-size: 12px;margin-top: 5px;}
 
/*品牌精选 css*/
i{ font-style:normal;}
.Category li{height:50px;text-indent: 9px; line-height:50px;border-bottom: 1px #dcdcdc solid; position:relative;}
.Category li a{color:#5a5148;font-size: 15px;}
.Category li a:hover{color:#dc1919;}
.Category li i{ position:absolute; top:0px; right:5px; font-size:14px;}
.Category .noborder{border-bottom: 0;}

/*新网中心 css*/

.newstitle{ border-bottom:1px solid #b2b7b8; text-align: center; overflow:hidden;}
.newstitle h3{ line-height:36px; color:#4e4e4e; font-size:24px;}
.newstitle　p{ line-height:25px; font-size: 14px;}

.content{ padding:10px 0;}
.content p{ line-height: 30px;margin:0px 25px 0 25px;font-size: 15px;color:#4e4e4e;}
.bottom-margin{margin-bottom: 332px;}

/*排行榜 css*/
.ranking_list,.ranking_list2{width:770px;overflow: hidden;}
.ranking_list li,.ranking_list2 li{height:248px;width:248px;float: left;margin:0px 8px 20px 0;position: relative;overflow: hidden;}
.ranking_list .ranking_kname,.ranking_list2 .ranking_kname{width:248px;max-height:37px;line-height:20px; text-align:center;background: #000;color: #fff;font-size: 13.78px;position: absolute;bottom:0px; overflow:hidden; padding:5px 0;}

/*品牌精选03 css*/
.location {height:40px;margin-top:10px;text-indent:5px;line-height: 40px;border-bottom:1px solid #1b1b1b;color:#989898;font-size: 14px;}
.location a{color:#989898;}
.prshowimg{  margin-top:20px; border:#E4E4E4 solid 1px; width:420px; height:360px; padding:2px 0;}


.prshowimg {align-items:center;justify-content:center;overflow:hidden; }
.prshowimg img,.watchlike img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.prshowimg:hover img,.watchlike li:hover img {transform:scale(1.2); }


.show_watch{display:flex;}
.show_watch_right{flex:1;padding-left:20px;height:420px;}
.show_watch_right h3{ margin-top:20px; line-height:28px; color:#393939; font-size: 20px; min-height:56px; max-height:112px; overflow:hidden}
.show_watch_right p{line-height:28px;color: #030303; font-size: 14px;}
.show_watch_right p span{color:#dc1919;}


.prodesc{line-height:18px; color:#ccc; margin-top:5px; height:51px; overflow:hidden; font-size:14px;}
.show_pric{ background:#f9f9f9; padding:10px; margin-top:10px;}
/*.watch_chat{ margin-top:10px;}*/
.watch_chat_left{width:153px;float: left; padding-left:20px;}
.watch_chat_left img{margin:0px 0 23px 0;}
.watch_chat_right{width:150px;float: right;text-align:center;color:#dc1919;font-size: 12px;}
.description{color: #2b2b2b;font-size: 14px;}
.destitle {height:45px;border-bottom:2px solid #df1f1f; font-size:16px;}
.destitle li{float: left;width:105px;height:45px;line-height:45px;text-align: center;}
.destitle li a{color: #2b2b2b;}
.destitle .active a{color: #fff;}
.destitle  .active {background:#df1f1f;}
.description h3{line-height: 20px;margin-top: 18px;letter-spacing: 1px;}
/*.description table{line-height: 24px;margin:15px 0 30px;}*/
.pageread li{float: left;width:375px;height: 94px;line-height:30px;margin-top:112px;border-right: 1px #ccc solid; font-size: 14px;color: #848484;}
.pageread li a{color: #848484;}
.pageread li P{margin-right: 80px;}
.pageread .rightborder{border-right: 0px;text-align: right;}
.bottom_margin{margin-bottom: 265px;}


.watchwei{width:100%;padding:10px ;background:#f9f9f9;margin-bottom:15px;}
.watchwei p{line-height: 25px; /*color: #fff;*/}
.watchwei { display: flex; align-items: center; }
.watchwei img { margin-right: 20px; }

/*品牌精选04 css*/
.evaluate{padding:15px 10px 15px;border-bottom: 1px solid #b2b7b8;}
.evaluate .said{ color: #5c5c5c; font-size:14px;}
.user{ margin-right: 27px;color: #5c5c5c; font-size:14px;}
.evaluate .img ul li{ float: left;margin: 11px 0 0 7px; }
.bottom_margin2{margin-bottom: 99px;}

/*热门标签*/
.tags_list{margin-left:4px;overflow: hidden; }
.tags_list ul{display:table}
.tags_list li{ vertical-align: middle; display: table-cell; line-height: 20px;  width: 80px; border: #FFF solid 12px; border-top: 0  #FFF solid; border-bottom:20px  #FFF solid;  text-align: center; padding: 0 10px; margin: 11px; height: 56px; background: #ccc; }
.tags_list li a{ color:#000;}
.tags_list li a:hover{ color:#c00;}
.bottom_margin3{margin-bottom: 978px;}


/*products list start*/
.pro_list {display:flex;flex-wrap:wrap;gap:12px; box-sizing:border-box;margin:0 auto;}
.pro_list dl { flex:0 0 calc(50% - 6px);box-sizing:border-box;margin:0;padding:12px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;text-align:center;min-width:0;box-shadow:0 2px 5px rgba(0,0,0,0.05);}
.pro_list dt {position:relative;width:100%;padding-top:100%; margin-bottom:10px;overflow:hidden;border-radius:6px;background-color:#f5f5f5;}
.pro_list dt a {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-decoration:none;}
.pro_list img.donv-img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover; object-position:center;border-radius:6px; transition:transform 0.3s ease-in-out; transform-origin:50% 50%;}
.pro_list dl:hover a img.donv-img { transform:translate(-50%,-50%) scale(1.5);}
.pro_list dd {margin:0;padding:0;font-size:13px;line-height:1.4;color:#333;text-align:left;}
.pro_list dd a {color:inherit;text-decoration:none;display:block;}
.pro_list dl:hover  a p {color:#dc1819;}
.pro_list dd p {margin:0 0 8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#555;}
.pro_list dd font {display:block;font-size:12px;color:#999;}
.iconfont {display:inline-block;margin-right:4px;color:#ff4757;}
@media (min-width:640px) {
	.pro_list dl {flex:0 0 calc(25% - 9px);}
	.pro_list dd p {font-size:13px;}
}
@media (min-width:1024px) {
	.pro_list dl {flex:0 0 calc(20% - 9.6px);}
	.container{width:1200px;margin:0 auto;}
}
@media (min-width:1440px) {
	.pro_list dl {flex:0 0 calc(16.666666% - 10px);}
	.container{width:1400px;margin:0 auto;}
}
/*products list end*/