/* BASIC css start */
#content { box-sizing:border-box; }

#content .tit { width:100%; position:relative; }
#content .tit .tit_wrap img {width:100%;}


#content .brand { width:100%; position:relative; display:inline-block; padding:0 0.5rem; }
#content .brand .logo_wrap { position:relative; width:100%;  }


#content .menu_container { background-color: #fff; width: 100%; margin: 0 auto; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }

#content .menu_header { font-size: 1.2rem; font-weight: 400; margin: 0.5rem 0; padding: 1.3rem 0 0 0; }
#content .menu_header span { color: var(--color-main);; }

#content .menu_list,
#content .menu_button_area { width: 95%; }

#content .menu_list ul { display: flex; width: 100%; margin: 0; box-sizing: border-box; flex-wrap: wrap; }
#content .menu_list li { display:inline-block; float:left; width: 25%; margin: 0.8rem 0; text-align: center; }
#content .menu_list li span { display:block; text-align:center; font-size:1rem; height: 3rem; }

#content .menu_list .logo_img img { padding: 1rem; width: -webkit-fill-available; }

#content .menu_button_area { border-bottom: 1px solid #eee; margin-bottom: 1rem; padding: 1rem 0; }
#content .menu_button_area ul { float: left; width: 100%; box-sizing: border-box; display: flex; justify-content: center; flex-wrap: wrap; }
#content .menu_button_area .all_btn { width: 100%; margin: 0.4rem 0.29rem; }
#content .menu_button_area .all_btn button { width: 100%; background-color: transparent; border: none; box-shadow: 0 0 0 1px #e5e5e5 inset; padding: 1rem; border-radius: 0.4rem; cursor: pointer;  }
#content .menu_button_area ul li { list-style: none; margin: 0.4rem auto; font-size: 1.2rem; }
#content .menu_button_area ul li button { width: 4.5rem; height: 4.5rem; background-color: transparent; border: none; box-shadow: 0 0 0 1px #e5e5e5 inset; padding: 1rem; border-radius: 0.4rem; cursor: pointer;  }
#content .menu_button_area ul li button:hover { box-shadow: 0 0 0 1px #e74174 inset; }
#content .menu_button_area ul li button.active { background: var(--color-main); color: #fff; box-shadow: 0 0 0 1px #e74174 inset; }

#content .menu_button_area ul li button a {}
#content .menu_button_area ul li button.active a { color: #fff; }

#content .foot_btn { margin: 2.5rem 0; line-height: 1.2rem; }
#content .foot_btn a { border: 1px solid var(--color-main); border-radius: 0.4rem; font-size: 1.2rem; color: var(--color-main); padding: 1.5rem 14.2rem; }
#content .foot_btn .btn_close { background-color: var(--color-main); color: #fff !important; }

.showstep2 { max-height: 113rem; overflow: hidden; }
.brand_list { height: 100%; }
.hide { display: none; }

.cateWrap ul .s01 { border-bottom:none !important; }
.cateWrap ul .s01>a { font-weight:400 !important; color:#444 !important; }

.cateWrap ul .s05 { border-bottom:0.3rem solid var(--color-main);; }
.cateWrap ul .s05>a { font-weight:bold; color:var(--color-main);; }
/* BASIC css end */