﻿body{ min-width:1280px;}

#body{ padding-top:24px; padding-bottom: 24px;}
.w{ width: 1280px;}

.layout2 #side{ width:280px;}
.layout2 #main { width: 980px;}

#layout4Customer #side .menu .item{ height:36px; line-height:36px; }

#head{ position:sticky; top:0; z-index:9; background-color:#fff; box-shadow:rgb(85, 85, 85) 0px 2px 8px -4px;}
#head_wrap4{ display: flex; justify-content:space-between; align-items: center; padding:12px 0; }
#head_wrap4_logo{ height:48px;}
#head_wrap4_rt { display:flex; flex:1; justify-content: flex-end; margin-left:48px;}
.head_menu4{ flex:1; overflow: hidden; display:flex; align-items:center; justify-content:flex-end; padding-right:24px; border-right:1px solid #eee; }
.head_menu4 .item{ font-size:16px; margin-left:24px;}
.head_menu4 .item:hover a{ color:#ff6600;}
.head_search4{ display:flex; align-items:center; margin-left:24px; padding:5px 10px; border:1px solid #ddd; border-radius:20px;}
.head_search4 .txtbox{ width:100px; height:24px; line-height:24px; border:0;}
.head_bar4{  display:flex; align-items: center;}
.head_bar4 a{ margin-left:18px;}
.head_bar4 a .iconfont{ font-size:24px;}
.head_bar4 a.item_user .iconfont{color:#ff6868;}
.head_bar4 a.item_cart{position:relative;}
.head_bar4 a.item_cart i{position:absolute; top:-12px; right:-12px; background-color:#ff6868; color:#fff; font-style:normal; font-size:12px; height:16px; min-width:16px; line-height:16px; text-align:center; padding:2px; border-radius:50%; }
.head_bar4 a:hover .iconfont{ color:#ff6600;}


#pg_help .pg_side{ width: 280px;}
#pg_help .pg_main{ width: 980px;}
#pg_help .subside .list .item{ height:36px; line-height:36px;}

.home_slider{ height:540px; margin-bottom:24px;}
.home_slider .bx-wrapper img{ height:540px;}

.home_industry_wrap{
    padding-bottom: 24px;
    background-color:#fafafa;
}

.home_industry_wrap .home_industry_slider {
    padding: 0;
    border: 0;
    margin-bottom: 0;
}

.home_industry_wrap .bx-wrapper .bx-viewport{
    background-color:#fafafa;
}

.home_onsale4_wrap { background-color:#fafafa; padding-top: 24px; padding-bottom: 8px;}
.home_onsale4 { }
.home_onsale4 .sc_body { display: flex; flex-wrap:wrap;}
.home_onsale4 .sc_body .item{ margin-left:16px; margin-bottom: 16px; }
.home_onsale4 .sc_body .item img{ display:block; width: 416px; height: 260px; border-radius:5px; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.25);}
.home_onsale4 .sc_body .item:nth-child(3n+1){margin-left:0;}


.home_news4_wrap{ background-color:#fff; border-top: 6px solid #fafafa;}
.home_news4 { padding:24px 0;}
.home_news4 .sc_header{ text-align: center; border-bottom:2px solid #eee; margin-bottom:24px; padding:24px 0;}
.home_news4 .sc_header h2{ font-weight:normal; font-size: 36px; margin-bottom:16px; color:#666; letter-spacing:12px; text-indent:12px;}
.home_news4 .sc_header h3{ font-weight:normal; font-size: 18px; color:#999;}
.home_news4 .sc_body{}
.home_news4 .sc_body .item{ display:flex; justify-content:space-between; margin-bottom:16px; padding-bottom:16px; border-bottom:1px dashed #ddd; font-size:18px; }
.home_news4 .sc_body .item_lnk{ flex:1; }
.home_news4 .sc_body .item_lnk:hover{ color:#ff6600;}
.home_news4 .sc_body .item_date{ margin-left:12px;}

.home_hotsale4_wrap{ background-color:#fff1f0; border-top: 6px solid #ffa39e;}
.home_hotsale4 { padding:24px 0;}
.home_hotsale4 .sc_header{ text-align: center; border-bottom:2px solid #ffa39e; margin-bottom:24px; padding:24px 0;}
.home_hotsale4 .sc_header h2{ font-weight:normal; font-size: 36px; margin-bottom:16px; color:#ff7875; letter-spacing:12px; text-indent:12px;}
.home_hotsale4 .sc_header h3{ font-weight:normal; font-size: 18px; color:#ffa39e;}
.home_hotsale4 .sc_body { display: flex; flex-wrap:wrap;}
.home_hotsale4 .sc_body .item{ margin-left:24px; margin-bottom: 24px; }
.home_hotsale4 .sc_body .item img{ display:block; width: 302px; height: 302px; border-radius:5px; margin-bottom:16px; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.25);}
.home_hotsale4 .sc_body .item div{ width: 302px; text-align: center; font-size:16px; line-height:20px;}
.home_hotsale4 .sc_body .item:nth-child(4n+1){margin-left:0;}
.home_hotsale4 .sc_body .item:hover div{ color:#ff6868; text-decoration:underline;}


.home_newest4_wrap{ background-color:#e6fffb; border-top: 6px solid #87e8de;}
.home_newest4 { padding:24px 0;}
.home_newest4 .sc_header{ text-align: center; border-bottom:2px solid #87e8de; margin-bottom:24px; padding:24px 0;}
.home_newest4 .sc_header h2{ font-weight:normal; font-size: 36px; margin-bottom:16px; color:#5cdbd3; letter-spacing:12px; text-indent:12px;}
.home_newest4 .sc_header h3{ font-weight:normal; font-size: 18px; color:#87e8de;}
.home_newest4 .sc_body { display: flex; flex-wrap:wrap;}
.home_newest4 .sc_body .item{ margin-left:24px; margin-bottom: 24px; }
.home_newest4 .sc_body .item img{ display:block; width: 302px; height: 302px; border-radius:5px; margin-bottom:16px; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.25);}
.home_newest4 .sc_body .item div{ width: 302px; text-align: center; font-size:16px; line-height:20px;}
.home_newest4 .sc_body .item:nth-child(3n+1){margin-left:0;}
.home_newest4 .sc_body .item:hover div{ color:#ff6868; text-decoration:underline;}

.home_links4_wrap{ background-color:#fff7e6; border-top: 6px solid #ffd591;}
.home_links4 { padding:24px 0;}
.home_links4 .sc_header{ text-align: center; border-bottom:2px solid #ffd591; margin-bottom:24px; padding:24px 0;}
.home_links4 .sc_header h2{ font-weight:normal; font-size: 36px; margin-bottom:16px; color:#ffc069; letter-spacing:12px; text-indent:12px;}
.home_links4 .sc_header h3{ font-weight:normal; font-size: 18px; color:#ffd591;}
.home_links4 .sc_body { display: flex; flex-wrap:wrap;}
.home_links4 .sc_body .item{ margin-left:16px; margin-bottom: 16px; }
.home_links4 .sc_body .item img{ display:block; width: 416px; height: 104px; border-radius:5px; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.25);}
.home_links4 .sc_body .item:nth-child(3n+1){margin-left:0;}


#pg_industy .industy_item{ width:296px; margin-left: 16px; margin-bottom: 16px;}

#pg_class #class_prodlist_query .filter_item,
#pg_class #class_prodlist_query .filter_item_cnt input[type=text], #pg_class #class_prodlist_query .filter_item_cnt input[type=number],
#pg_class #class_prodlist_query .filter_item_cnt select{ width: 280px;}
#pg_class #class_prodlist_query .filter_item--size .filter_item_cnt .txt_size{ width: 130px;}

#pg_prod .prod_form{ width:610px;}


