a{color: #333;text-decoration: none}
.fahuo100_header{border-bottom: solid 1px #6899EC;}
.fahuo100_main{width: 1200px;margin:0 auto;}
.top{height: 29px;background-color: #F4F4F4;border-bottom: #DFDFDF solid 1px;color: #666666;line-height: 29px}
.top_right{float: right;}
.top_right a{text-decoration: none;color: #666}
.top_right a:hover{text-decoration: none;color: #000}
.top2{}
.top2_center{display: inline-block;margin-left: 300px;margin-top: 30px;vertical-align: top;}
.top2_right{float: right;padding-top:40px}
.sort_top{width: 230px;height: 45px;color: #fff;font-size: 16px;text-align: center;background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);line-height: 45px;display: inline-block;vertical-align: bottom;border-radius: 6px 6px 0 0;box-shadow: 0 2px 10px rgba(52,152,219,0.3);letter-spacing: 2px;font-weight: 600;position: relative;overflow: hidden;transition: all 0.3s ease;}
.sort_top:hover{box-shadow: 0 4px 15px rgba(52,152,219,0.4);transform: translateY(-1px);}
.sort_top::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);transition: left 0.5s ease;}
.sort_top:hover::before{left: 100%;}
.sorts_left{position:relative;display:inline-block;vertical-align:top}
.sorts_left:hover .lsorts{display: block}
.menus{display: inline-block;padding-top: 12.5px}
.menu{font-size: 16px;color: #333;display: inline-block;min-width:100px;text-align: center;padding: 0 10px 10px 10px;position: relative;}
.cx{height: 50px;border-bottom: #DDDDDD solid 1px;line-height: 50px;margin-top:5px;margin-bottom: 10px}
.c_title{font-size: 21px;display: inline-block;}
.c_right{float: right;}
.c_right a{color:#333;}
.cx_box{display: inline-block;width: 230px;padding: 5px;border:#DDDDDD solid 1px;margin-right: 10px;background: #fff;margin-bottom: 10px}
.cx_box:hover{box-shadow: 0 0 10px rgba(0,0,0,.3);}
.p_title{height: 44px;margin-top:10px;display: -webkit-box;    
-webkit-box-orient: vertical;    
-webkit-line-clamp: 2;    
overflow: hidden;
}

.menu a{color:#333;text-decoration: none;}
.menu a:hover{color:#000;}
.drop-down-content{z-index: 99999;display: none;
position: absolute;
background: #ffffff;
top: 30px;
left: 0px;
text-align: center;
padding: 0px;
box-shadow: 0px 0px 5px #888888;text-align:center;}

.drop-down-content div{padding: 0 10px;box-sizing: border-box;min-width:100px;}
.menu:hover .drop-down-content{display:block}
.drop-down-content{line-height:40px;font-size:14px;}
.drop-down-content div:hover{background:#EEE}
.lsorts{position:absolute;top:45px;left:0px;z-index:999999;display: none;border-radius: 0 0 8px 8px;box-shadow: 0 4px 20px rgba(0,0,0,0.15);overflow: hidden;max-height: 560px;overflow-y: auto;}
.lsorts::-webkit-scrollbar{width: 6px;}
.lsorts::-webkit-scrollbar-thumb{background: rgba(52,152,219,0.5);border-radius: 3px;}
.lsorts::-webkit-scrollbar-track{background: rgba(0,0,0,0.05);}
.css{position:absolute;top:0;left:230px;z-index:999999;width:970px;display: none;box-shadow: 4px 0 20px rgba(0,0,0,0.1);max-height: 560px;overflow: hidden;}
.lsort{width: 230px;min-height: 80px;background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);text-align:left;color:#fff;padding:15px 20px;transition: all 0.3s ease;position: relative;box-sizing: border-box;overflow: visible;}
.lsort::before{content: '';position: absolute;top: 0;left: 0;width: 4px;height: 100%;background: #3498db;transform: scaleY(0);transition: transform 0.3s ease;}
.lsort::after{content: '›';position: absolute;right: 15px;top: 28px;font-size: 20px;color: rgba(255,255,255,0.5);transition: all 0.3s ease;}
.lsort:hover{background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);padding-left: 25px;}
.lsort:hover::before{transform: scaleY(1);}
.lsort:hover::after{color: #fff;right: 10px;}
.l_maintitle{display:block;font-weight:600;color: #fff;font-size: 15px;letter-spacing: 1px;transition: all 0.3s ease;text-shadow: 0 1px 3px rgba(0,0,0,0.3);margin-bottom: 12px;padding-bottom: 10px;border-bottom: 1px solid rgba(255,255,255,0.1);padding-right: 25px;}
.l_subtitle{width: auto;text-align: left;display: inline-block;font-size: 12px;margin-top: 5px;margin-right: 8px;margin-bottom: 5px;color: rgba(255,255,255,0.8);overflow: hidden;height:22px;line-height: 22px;padding: 0 10px;box-sizing: border-box;transition: all 0.3s ease;border-radius: 11px;background: rgba(255,255,255,0.1);max-width: 100%;text-overflow: ellipsis;white-space: nowrap;}
.l_subtitle:hover{color:#fff;background: rgba(255,255,255,0.25);transform: translateX(3px);}
.l_maintitle:hover{color:#fff;}
.line1,.line2{display: none !important;}
.vip_label{border:solid 1px #000;border-radius: 5px;font-size: 12px;display: inline-block;overflow: hidden;vertical-align: top;}
.v1{background: #000;color: #fff;padding: 0 3px;display: inline-block;}
.v2{background: #EFC532;color: #000;padding: 0 3px;display: inline-block;}
.p_price{font-size: 14px;color: #E85308;font-weight: 700;display: inline-block;}
.p_sold{float: right;color: #999;font-size: 12px;}
.p_from{background-color: #E23A3A;border: #E23A3A solid 1px;color: #fff;color: #fff;display: inline-block;font-size: 12px;padding:  0 5px}
.p_from2{background-color: #337ab7;border: #337ab7 solid 1px;color: #fff;color: #fff;display: inline-block;font-size: 12px;padding:  0 5px}
.p_sort{float: right;color: #333;font-size: 12px;margin-top: 5px;}
.sort_part{margin-top: 20px}
.sort_left{width: 125px;height: 440px;background: #333;display: inline-block;border-radius: 5px 0px 0px 5px;overflow: hidden;}
.part_title{padding:10px;text-align: center;font-size: 16px;font-weight: bold;color: #fff;border-bottom: solid 1px #fff}
.sort_lists{margin-top: 40px;color: #fff;font-size: 12px;}
.sort_list{margin-left: 10px;border-radius: 5px 0px 0px 5px;padding: 10px}

.sort0:hover{background: #f5f5f5;color: #337ab7}
.sort1:hover{background: #f5f5f5;color: #449d44}
.sort2:hover{background: #f5f5f5;color: #31b0d5}
.sort3:hover{background: #f5f5f5;color: #d58512}
.sort4:hover{background: #f5f5f5;color: #c9302c}
.sort5:hover{background: #f5f5f5;color: #333}
.sort6:hover{background: #f5f5f5;color: #337ab7}
.sort7:hover{background: #f5f5f5;color: #449d44}
.sort8:hover{background: #f5f5f5;color: #31b0d5}
.sort9:hover{background: #f5f5f5;color: #d58512}
.sort10:hover{background: #f5f5f5;color: #c9302c}
.sort11:hover{background: #f5f5f5;color: #333}
.sort12:hover{background: #f5f5f5;color: #337ab7}
.sort13:hover{background: #f5f5f5;color: #449d44}
.sort14:hover{background: #f5f5f5;color: #31b0d5}
.sort15:hover{background: #f5f5f5;color: #d58512}
.sort16:hover{background: #f5f5f5;color: #c9302c}
.sort17:hover{background: #f5f5f5;color: #333}


.sort_list img{float: right;margin:3px;display: none}
.sort_list:hover img{display: inline-block;}
.sort_right{width: calc(100% - 150px);display: none;margin-left: 10px;vertical-align: top;}
.sr_top{background: #fff;height: 50px;line-height: 50px;padding: 0 20px}
.sr_title{color:#4D4D4D;font-size:16px;font-weight: bold;display: inline-block;margin-right: 10px}
.sr_num{font-size: 12px;display: inline-block;}
.sr_num span{color:#f00}
.sr_more{float: right;font-size: 12px;color: #999}
.sr_tjs{margin-top: 10px}
.sr_tj{width: 200px;background: #fff;display: inline-block;position: relative;padding: 15px 10px;margin-right: 10px}
.sr_tj:hover{box-shadow: 0 0 10px rgba(0,0,0,.3);}
.sr_tj img{width: 45px;height: 45px;border-radius: 45px;margin-right: 3px;}
.sr_tj_r{display: inline-block;vertical-align: top;font-size: 12px;}
.tj_label{background: #333;color: #fff;position: absolute;left: 0px;top:0px;border-radius: 0 15px 15px 0;display: inline-block;padding: 2px 5px;font-size: 12px;}
.sr_p_title{font-weight: bold;width:125px;overflow: hidden;white-space: nowrap;}
.sr_p_price{color:#f00;margin-top:5px; }
.news{margin-top:20px;}
.news_box{width: calc(33.33% - 10px);margin-right: 10px;padding:10px;background: #fff;display: inline-block;position: relative;margin-bottom:10px}
.news_bg{height:100px;color: #fff;filter: brightness(0.5);margin-bottom: 10px}
.news_title{color: #fff;margin-bottom:-20px;z-index: 999;text-align: left;position: absolute;top:35px;left: 30px;}
.stitle{font-size: 20px;margin-bottom: 5px;}
.sintro{font-size: 14px;}
.news_lists{text-align: left;line-height: 20px;font-size: 12.5px;}
.news_list .title{width:260px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;display: inline-block;text-decoration: none;color: #333}
.news_list .title:hover{color: #999}
.news_date{float: right;color: #CCC}
.pboxs{margin-top: 10px}
.pbox{width: 200px;background: #fff;display: inline-block;padding: 5px;margin-right: 10px}
.pbox:hover{box-shadow: 0 0 10px rgba(0,0,0,.3);}
.pb_title{font-size: 12px;border-bottom: solid 1px #f7f7f7;padding: 5px 0;display: -webkit-box;    
-webkit-box-orient: vertical;    
-webkit-line-clamp: 2;    
overflow: hidden;height: 43px;
margin-bottom: 4px;
}
.pb_price{color:#f60;font-size: 20px;font-weight: bold;display: inline-block;}
.pb_b{padding-top: 10px}
.f1{padding-bottom: 20px}
.f_left{width: 65%;border-right: solid 1px #DDD;display: inline-block;}
.f_right{width: 35%;display: inline-block;vertical-align: top;padding-left: 30px}
.f_20{width: 20%;display: inline-block;vertical-align: top;}
.f_title_main{font-size: 14px;font-weight: bold;color:#333;line-height: 25px;display: block;}
.f_title_sub{font-size: 12px;color: #999;line-height: 25px;display: block;}
.f2{font-size: 12px;color:#333;line-height: 25px;padding-top: 10px;display: inline-block;vertical-align: top;}
.showx{display: inline-block;}

.b_logo{height: 60px;margin-right:30px}
.icons{border-bottom: solid 1px #EEE;padding-bottom: 20px;margin-bottom: 20px;font-size: 17px}
.icons div{display: inline-block;width: calc(20% - 1px);border-right: solid 1px #EEE;text-align: center;}
.icons img{margin-top: -3px;}
.news_top a{display: block;font-size: 12px;width:240px;line-height: 23px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.index_gg{border-top: 1px solid #f0f0f0;padding: 16px 0;}
.index_shop{border-top: 1px solid #f0f0f0;padding: 16px 20px;display: block;transition: all 0.3s ease;}
.index_shop:hover{background: linear-gradient(90deg, #f8f9fa 0%, #fff 100%);padding-left: 25px;}
.index_shop img{width: 60px;height: 60px;margin-right: 15px;border-radius: 8px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);transition: transform 0.3s ease;}
.index_shop:hover img{transform: scale(1.05);}
.index_shop_content{display: inline-block;vertical-align: top;}
.index_shop_title{color: #2c3e50;margin-top: 5px;font-weight: 600;font-size: 14px;transition: color 0.3s ease;}
.index_shop:hover .index_shop_title{color: #3498db;}
.index_shop_sell{font-size: 12px;margin-top: 8px;color: #7f8c8d;}
.index_shop_sell span{color: #e74c3c;font-weight: 600;}
.index_left{width:730px;height:560px;background: linear-gradient(135deg, #fff 0%, #fafbfc 100%);display:inline-block;padding: 20px;box-sizing: border-box;vertical-align: top;overflow-y: auto;border-bottom: 1px solid #eee;border-radius: 0 8px 8px 0;}
.index_left::-webkit-scrollbar{width: 6px;}
.index_left::-webkit-scrollbar-thumb{background: rgba(52,152,219,0.5);border-radius: 3px;}
.index_left::-webkit-scrollbar-track{background: rgba(0,0,0,0.05);}
.index_right{width:240px;height:560px;background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%);display:inline-block;border-right: 1px solid #eee;border-bottom: 1px solid #eee;overflow-y: auto;}
.index_right::-webkit-scrollbar{width: 4px;}
.index_right::-webkit-scrollbar-thumb{background: rgba(0,0,0,0.2);border-radius: 2px;}
.index_right::-webkit-scrollbar-track{background: rgba(0,0,0,0.02);}
.index_product{width: 115px;display: inline-block;vertical-align: bottom;text-align: center;padding: 12px 8px;font-size: 12px;border-top: 1px solid #f5f5f5;transition: all 0.3s ease;border-radius: 6px;margin: 4px;}
.index_product:hover{background: #fff;box-shadow: 0 4px 15px rgba(0,0,0,0.1);transform: translateY(-3px);}
.index_product div{width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #555;transition: color 0.3s ease;}
.index_product:hover div{color: #3498db;}
.index_product img{width: 100px;height: 100px;margin-bottom: 8px;border-radius: 8px;box-shadow: 0 2px 8px rgba(0,0,0,0.08);transition: all 0.3s ease;}
.index_product:hover img{transform: scale(1.08);box-shadow: 0 4px 12px rgba(0,0,0,0.15);}
.g_title{display: inline-block;width: 115px;vertical-align: top;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #2c3e50;font-weight: 600;font-size: 13px;}
.g_content{display: inline-block;width: calc(100% - 115px)}
.g_content div{display: inline-block;width: 115px;font-size: 12.5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin: 4px 0;}
.g_content div a{color: #666;padding: 4px 8px;border-radius: 4px;transition: all 0.3s ease;display: inline-block;}
.g_content div a:hover{color: #fff;background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);box-shadow: 0 2px 8px rgba(52,152,219,0.4);}