/* 大banner */
.focus_wrap {display:flex; justify-content:space-between; width:100%; padding:0 4%; background:#fff;}
.focus_main {display:flex; flex-direction:column; justify-content:center; width:50%; padding:10px 20px 10px 0; text-align:center;}
.focus_main h1 {font-size:4.2rem; line-height:5.2rem; color:#3a499d;}
#focus {width:50%; height:100%;}
#focus img {width:100%;}
h2 {display:inline-block; padding:0 1.5rem 0.5rem; border-bottom:3px solid #3a499d;}
/* 类目图 */
#featured_sort {display:flex; width:100%; padding:0 4%; justify-content:space-between; text-align:center;}
#featured_sort section {flex:0 0 calc(25% - 0.9rem); background:#fff; border-radius:0.5rem;}
#featured_sort h3 {background:#009fb9; color:#fff; padding:0.5rem; border-radius:0 0 0.5rem 0.5rem; font-size:1.6rem; text-transform:capitalize;}
#featured_sort section:nth-child(2) h3 {background:#f8b500;}
#featured_sort section:nth-child(3) h3 {background:#3a499d;}
#featured_sort section:nth-child(4) h3 {background:#dd1576;}
#featured_sort img {padding:1rem; transition:all 0.5s;}
#featured_sort img:hover {transform:scale(1.025);}
/* 主题促销 */
.topic {width:100%; padding:0 4%; background:#fff;}
.topic_content {display:flex; align-items:center; padding:2rem 0; border-bottom:1px dashed #b4bfd3;}
.topic_content:nth-last-child(1) {border:none;}
.topic_content img {border-radius:0.5rem;}
.topic_main {padding:0 1.5rem;}
.topic_main h3,.topic_main h3 a:link,.topic_main h3 a:visited {color:#3a499d; text-align:left;}
.topic_main h3 a:hover,.topic_main h3 a:active {color:#3045bb;}
.topic_main p {margin:1rem 0; font-size:1.4rem; line-height:2.1rem;}
/* 合作品牌 */
#brands {display:flex; width:100%; flex-wrap:wrap; background:#fff; padding:1.5rem; justify-content:center; align-items:center;}
#brands a {display:inline-block; margin:0.7rem 2rem; text-align:center;}
#brands img {flex:0 1 auto; max-width:100%;}
@media (max-width:600px) {
	.focus_wrap {display:block;}
	.focus_main,#focus {width:100%;}
	.focus_main h1 {font-size:3.6rem; line-height:4.6rem;}
	#featured_sort {flex-wrap:wrap;}
	#featured_sort section {flex:0 0 calc(50% - 0.5rem); margin-bottom:1rem;}
	.product_list {padding:0 4%;}
	#brands a {width:26%; margin:0.5rem 1.5rem;}
}
@media (min-width:601px) and (max-width:820px) {
	.focus_wrap {display:block;}
	.focus_main,#focus {width:100%;}
	#featured_sort h3 {font-size:1.4rem; line-height:2.1rem;}
	.product_list {padding:0 4%;}
}