
body { 
	font-family:'Jost', sans-serif;
	font-size:12px;
}
.wrapper{
	max-width:1200px;
	width:100%;
	margin:0 auto;
}
.mobile-nav{
	display:none;
}





#header_box .header_top{
    height: 38px;
    background: #f6f6f8;
}
#header_box .header_top .wrapper{
    display: flex;
    justify-content: space-between;
}
#header_box .header_top .sns_top{
	width:200px;
	height:38px;
}
#header_box .header_top .shartto_top{
    display: flex;
    align-items: center;
    height: 38px;
}
#header_box .header_top .sns_top li{
	margin-right:15px;
}
#header_box .header_top .sns_top li a{
	display:block;
	color:#878787;
	font-size:18px;
	transition:all 0.3s;
}
#header_box .header_top .sns_top li a:hover{
	color:#ff6f96;
	transform:translate(0,-3px);
}
#header_box .header_top .top_txt{
	height:38px;
	min-width:200px;
	line-height:38px;
}
#header_box .header_top .top_right{
	width: 200px;
	display: flex;
    justify-content: flex-end;
}
#header_box .header_top .currency_box{
    
    display: flex;
    justify-content: flex-end;
    position: relative;
	z-index:9999;
}
#header_box .header_top .currency_txt{
    display: flex;
    align-items: center;
    cursor: pointer;
}
#header_box .header_top .currency_txt svg{
    width: 14px;
    height: 14px;
    fill: #333;
    margin-left: 5px;
	transition:all 0.3s;
}
#header_box .header_top .drop_currency{
    position: absolute;
    right: 0;
    top: 38px;
    width: 100px;
    background: #fff;
    box-shadow: 0 0 4px 4px #f6f6f8;
	display:none;
}
#header_box .header_top .drop_currency li a{
	display:block;
	height:24px;
	line-height:24px;
	padding:0 12px;
	color:#333;
	transition:all 0.3s;
}
#header_box .header_top .drop_currency li a:hover{
	color:#ff6f96;
}

#header_box .header_top .currency_box.on .currency_txt svg{
	transform:rotate(-180deg);
}


#header_box .header_mid{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 94px;
}
#header_box .header_mid .logo{
	display: flex;
	align-items: center;
    width: 200px;
    min-height: 60px;
}
#header_box .header_mid .logo img{
    max-height: 60px;
}

#header_box .header_mid .search-box{
    border: 1px solid #ddd;
    border-radius: 40px;
    padding: 2px 2px 2px 10px;
}
#header_box .header_mid .search-box .search_close{
	display:none;
}
#header_box .header_mid .search-box form{
    display: flex;
    align-items: center;
}
#header_box .header_mid .search_input{
    height: 40px;
    width: 280px;
    border: 0;
    font-size: 14px;
    padding-left: 10px;
}
#header_box .header_mid .btn_search{
    background: #ff7298;
    width: 130px;
    height: 40px;
    border: 0;
    border-radius: 40px;
    color: #fff;
}
#header_box .header_mid .header_right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 40px;
    width: 200px;
}
#header_box .header_mid .header_right a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0 8px;
}
#header_box .header_mid .header_right a svg{
	width:28px;
	height:28px;
}
#header_box .header_mid .cart_box .cart_txt a{
	position:relative;
}
#header_box .header_mid .cart_box .cart_txt strong{
    width: 18px;
    height: 18px;
    font-size: 10px;
    line-height: 19px;
    left: 20px;
    top: -4px;
    box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 30%);
    position: absolute;
    text-align: center;
    background: #222;
    color: #fff;
    border-radius: 50%;
    font-weight: normal;
}
#header_box .header_nav{
    height: 50px;
    background: #32355d;
	font-size:13px;
}
#header_box .header_nav .wrapper{
	display: flex;
	position:relative;
	z-index:999;
}

#header_box .header_nav .categories_list{
	height:50px;
	position: relative;
    z-index: 999;
}
#header_box .header_nav .categories_list .categories_title{
	display: flex;
    align-items: center;
    color: #fff;
    width: 230px;
    padding: 0 15px;
    line-height: 50px;
    background: #ff7298;
	cursor:pointer;
    box-sizing: border-box;
}
#header_box .header_nav .categories_list .categories_title svg{
    width: 20px;
    height: 20px;
    fill: #fff;
    margin-right: 10px;
}
#header_box .header_nav .categories_list .categories_content{
	position: absolute;
    left: 0;
    top: 50px;
    width: 230px;
	padding: 15px 0;
	background-color: #f6f6f8;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 15%);
	opacity:0;
	visibility:hidden;
	transform:translate(0,20px);
	transition:all 0.3s;
}
#header_box .header_nav .categories_list .categories_content.on{
	opacity:1;
	visibility:visible;
	transform:none;
}
#header_box .header_nav .categories_list .categories_content .cate_link a {
    font-size: 12px;
    padding: 8px 15px;
    color: #878787;
    position: relative;
    min-height: 38px;
    display: flex;
    align-items: center;
	box-sizing:border-box;
	transition:all 0.3s;
}
#header_box .header_nav .categories_list .categories_content .cate_link a::before {
    content: '';
    position: absolute;
    left: 15px;
    right: 15px;
    top: 100%;
    width: 100%;
    height: 1px;
    background-color: #ddd;
    z-index: 22;
    display: block;
    width: calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
}
#header_box .header_nav .categories_list .categories_content li:last-child .cate_link a:before{
	display:none;
}
#header_box .header_nav .categories_list .categories_content li.on .cate_link a,
#header_box .header_nav .categories_list .categories_content .cate_link a:hover{
	background:#ddd;
}
#header_box .header_nav .categories_list .categories_content .cate_link a:hover:before{
	display:none;
}
#header_box .header_nav .categories_list .categories_content li .dropdown{
	position: absolute;
    left: 230px;
    top: 0;
	opacity: 0;
    visibility: hidden;
	transform:translate(0,30px);
    transition: all 0.3s;
}
#header_box .header_nav .categories_list .dropdown_menu2{
	background:#ddd;
	padding:20px;
	min-height: 100%;
    box-sizing: border-box;
}
#header_box .header_nav .categories_list .dropdown_menu2 dl dt a{
	display:block;
	height:30px;
	line-height:30px;
	color:#333;
	transition:all 0.3s;
	overflow:hidden;
	width:100%;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#header_box .header_nav .categories_list .dropdown_menu2 dl dt a:hover{
	text-decoration:underline;
	color:#ff7298;
}



#header_box .header_nav .categories_list .categories_content li.on .dropdown{
	opacity: 1;
    visibility: visible;
	transform:none;
}
#header_box .header_nav .categories_list .dropdown_menu2 dl{
	width:220px;
}


#header_box .header_nav .categories_list .dropdown_menu2.menu2-list2 .dropdown_wrapper{
	width:500px;
} 
#header_box .header_nav .categories_list .dropdown_menu2.menu2-list2 .dropdown_wrapper,
#header_box .header_nav .categories_list .dropdown_menu2.menu2-list3 .dropdown_wrapper,
#header_box .header_nav .categories_list .dropdown_menu2.menu2-list4 .dropdown_wrapper,
#header_box .header_nav .categories_list .dropdown_menu2.menu2-list5 .dropdown_wrapper{
	display:flex;
	align-items:flex-start;
	flex-wrap: wrap;
}
#header_box .header_nav .categories_list .dropdown_menu2.menu2-list2 dl{
	margin:0;
	width:50%;
}
#header_box .header_nav .categories_list .dropdown_menu2.menu2-list3{
	width:700px;
} 
#header_box .header_nav .categories_list .dropdown_menu2.menu2-list3 dl{
	margin:0;
	width:33.33333%;
}
#header_box .header_nav .categories_list .dropdown_menu2.menu2-list4{
	width:970px;
} 
#header_box .header_nav .categories_list .dropdown_menu2.menu2-list4 dl{
	margin:0;
	width:25%;
}
#header_box .header_nav .categories_list .dropdown_menu2.menu2-list5{
	width:1250px;
} 
#header_box .header_nav .categories_list .dropdown_menu2.menu2-list5 dl{
	margin:0;
	width:20%;
}



#header_box .header_nav .categories_list .dropdown_menu3{
    width: 970px;
    min-height: 100%;
    background: #ddd;
    padding: 20px 30px;
	box-sizing:border-box;
}
#header_box .header_nav .categories_list .dropdown_menu3 .dropdown_wrapper{
    display: grid;
    grid-template-columns: repeat(4,25%);
    grid-row-gap: 20px;
}
#header_box .header_nav .categories_list .dropdown_menu3 dl{
	margin-bottom:20px;
}
#header_box .header_nav .categories_list .dropdown_menu3 dt a{
	display: block;
	font-weight:bold;
	margin-bottom:10px;
}
#header_box .header_nav .categories_list .dropdown_menu3 dd a{
    display: block;
	height:24px;
	line-height:24px;
}
#header_box .header_nav .categories_list .dropdown_menu3 dd a:hover{
	text-decoration:underline;
	color:#ff7298;
}





#header_box .header_nav .nav_menu{
	width: calc(100% - 280px);
    margin-left: 50px;
}
#header_box .header_nav .nav_menu > ul{
    display: flex;
    align-items: center;
    height: 50px;
}
#header_box .header_nav .nav_menu > ul > li{
	margin-right:25px;
	position:relative;
	z-index:999;
}
#header_box .header_nav .nav_menu > ul > li:last-child{
	margin-right:0;
}
#header_box .header_nav .nav_menu > ul > li .menu_link a{
	display:block;
	height:50px;
	line-height:50px;
	color:#fff;
	transition:all 0.3s;
}
#header_box .header_nav .nav_menu > ul > li .menu_link a:hover,
#header_box .header_nav .nav_menu > ul > li.on .menu_link a{
	color: #ff7298;
}
#header_box .header_nav .nav_menu > ul > li .menu_dropdown{
    position: absolute;
    left: -20px;
    top: 50px;
    background: #ddd;
    width: 220px;
	padding:10px 20px 8px;
	transform:translate(0,20px);
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    text-align: left;
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 10%);
	
}
#header_box .header_nav .nav_menu > ul > li .menu_dropdown li{
    line-height: 24px;
    padding: 5px 0;
}
#header_box .header_nav .nav_menu > ul > li .menu_dropdown li a{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color: #333;
	transition:all 0.3s;
}
#header_box .header_nav .nav_menu > ul > li .menu_dropdown li a:hover{
	text-decoration:underline;
	color:#ff7298;
}
#header_box .header_nav .nav_menu > ul > li.on .menu_dropdown{
	opacity:1;
	visibility:visible;
	transform:none;
}
#header_box .header_nav .nav_menu > ul > li.menu2-list2 .menu_dropdown{
    width: 500px;
    display: grid;
    grid-template-columns: repeat(2,50%);	
}

#header_box .header_nav .nav_menu > ul > li.menu2-list2 .menu_dropdown{
    width: 500px;
    display: grid;
    grid-template-columns: repeat(2,50%);
	
}

#header_box .header_nav .nav_menu > ul > li.menu2-list3{
	position:inherit;
}
#header_box .header_nav .nav_menu > ul > li.menu2-list3 .menu_dropdown{
    width: 1000px;
    display: grid;
    grid-template-columns: repeat(3,33.33333%);
	box-sizing:border-box;
	left:100px;
}
#header_box .header_nav .nav_menu > ul > li.menu2-list4{
	position:inherit;
}
#header_box .header_nav .nav_menu > ul > li.menu2-list4 .menu_dropdown{
    width: 1200px;
    display: grid;
    grid-template-columns: repeat(4,25%);
	box-sizing:border-box;
	left:0;
}
#header_box .header_nav .nav_menu > ul > li.menu2-list5{
	position:inherit;
}
#header_box .header_nav .nav_menu > ul > li.menu2-list5 .menu_dropdown{
    width: 1200px;
    display: grid;
    grid-template-columns: repeat(5,20%);
	box-sizing:border-box;
	left:0;
}


.index_default{
	width:100% !important;
}

#bottom_box .newsletter_box{
    background: #32355d;
    height: 100px;
}
#bottom_box .newsletter_box .wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100px;
}
#bottom_box .newsletter_box .newsletter_title{
    color: #fff;
    font-size: 24px;
    font-weight: 400;
}
#bottom_box .newsletter_box form{
    border: 1px solid #878787;
    padding: 2px;
    border-radius: 50px;
}
#bottom_box .newsletter_box .newsletter_txt{
    width: 250px;
    height: 50px;
    background: none;
    border: 0;
    color: #eee;
    text-indent: 20px;
    font-size: 13px;
}
#bottom_box .newsletter_box .newsletter_btn{
    color: #fff;
    background-color: #222;
    width: 200px;
    height: 50px;
    border: 0;
    border-radius: 50px;
    font-size: 16px;
    font-weight: bold;
	cursor:pointer;
}
#bottom_box .footer_links{
    display: flex;
    padding: 50px 0;
}
#bottom_box .footer_links dl{
	width:17.5%;
	font-size:13px;
}
#bottom_box .footer_links dl dt{
	font-weight: 600;
    font-size: 16px;
    color: #222;
	margin-bottom:30px;
}
#bottom_box .footer_links dl dd{
	color: #878787;
}
#bottom_box .footer_links dl.quick-links dd a{
	display:block;
	color: #878787;
	line-height:30px;
	font-size:13px;
	transition:all 0.3s;
}
#bottom_box .footer_links dl.quick-links dd a:hover{
	color:#ff7298;
}

#bottom_box .footer_links dl.contact_us{
	width:30%;
}
#bottom_box .footer_links dl.contact_us{
	padding-right:30px;
	box-sizing:border-box;
}
#bottom_box .footer_links dl.contact_us .sns_bottom{
	margin-top:20px;
}
#bottom_box .footer_links dl.contact_us .sns_bottom ul{
    display: flex;
    align-items: center;
    height: 38px;
}
#bottom_box .footer_links dl.contact_us .sns_bottom li{
    margin-right: 15px;
}
#bottom_box .footer_links dl.contact_us .sns_bottom li a{
    display: block;
    color: #878787;
    font-size: 18px;
    transition: all 0.3s;
}
#bottom_box .footer_links dl.contact_us .sns_bottom li a:hover {
    color: #ff6f96;
    transform: translate(0,-3px);
}
#bottom_box .footer_bom{
    padding: 20px 15px;
    background: #222222;
	color:#fff;
	line-height:20px;
}
#bottom_box .footer_bom a{
	color:#fff;
}
#bottom_box .footer_bom .wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#bottom_box .footer_bom .copyright{}
#bottom_box .footer_bom .footer_bom_right{
	min-height:20px;
	min-width:200px;
}


.mini_detail{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:99999;
	display:none;
}
.mini_detail .mini_detail_bg{
	position:fixed;
	left:0;
	top:0;
	background:rgba(0,0,0,.5);
	width:100%;
	height:100%;
	z-index:-1;
}
#mini_detail{position:fixed;
	top:50%;
	-webkit-transform:translate(0,-50%);
	-moz-transform:translate(0,-50%);
	-ms-transform:translate(0,-50%);
	-o-transform:translate(0,-50%);
	transform:translate(0,-50%);
	left:0;
	right:0;
	margin:auto;
	width:960px;
	position:relative;
}
#mini_detail .icon-iconfontclose{position:absolute;
	right:10px;
	top:10px;
	font-size:30px;
	background:none;
	color:#333;
	cursor:pointer;
}





.block_items{
	padding:0 0 80px;
}

/*积木块分类列表*/
.block_items_category_list_full_screen{
	padding:0;
}
.block_items_category_list_full_screen .block_category_content ul{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.block_items_category_list_full_screen .block_category_content li{
	margin:0;
	width:33.33333%;
}
.block_items_category_list_full_screen .block_category_content li:nth-child(4n){
	margin:0;
}
.block_items_category_list .block_category_content .category-pic{
	position:relative;
	display: flex;
    justify-content: center;
    align-items: center;
}
.block_items_category_list .block_category_content .category-pic::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display: block;
    transition: ease .3s;
    background-color: rgba(0,0,0,.3);
}
.block_items_category_list .block_category_content .category-pic:hover:before{
    background-color: rgba(0,0,0,.2);
}
.block_items_category_list_full_screen .block_category_content .category-name{
    background: none;
    border-radius: 0;
    color: #fff;
    flex: 0 0 auto;
    font-size: 44px;
    line-height: 1.2;
    text-align: center;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    display: block;
    max-width: 100%;
    transform: none;
	position: relative;
    overflow: hidden;
    white-space: normal;
}
.block_items_category_list.block_items_category_list_full_screen .block_category_content .category-name:hover{
	background:none;
}

/*服务口号*/
.block_items_solgan ul{
    border-bottom: 1px solid #E2E2E2;
}
.block_items_solgan li .service-list__con{
    display: flex;
    text-align: left;
    align-items: center;
}
.block_items_solgan li .service-icon{
	padding:0;
}
.block_items_solgan li .service-icon i{
    border: none;
    width: auto;
    height: auto;
    line-height: normal;
    margin-right: 10px;
}
.block_items_solgan li .service-info{
    text-align: left;
    margin: 0;
}
.block_items_solgan li .service-info h4{
    font-size: 13px;
    margin: 0 0 5px;
}
.block_items_solgan li .service-info p{
    font-size: 13px;
}
.block_items_comment .block_comment_content li .block_comment_star_list span.on svg{
	fill:#f8b86d;
}
/*图4*/
.block_image_4 .block_image_format.padding1{
	margin:0;
}
.block_image_4 .block_image_format2 a{
	width:100%;
	height:100%;
}
.block_image_4 .block_image_format2 > .image-1,
.block_image_4 .block_image_format2 > .image-4{
    padding: 0;
    height: 400px;
    width: 33%;
}
.block_image_4 .block_image_format2 > .image-2,
.block_image_4 .block_image_format2 > .image-3{
    padding: 0;
    height: 400px;
    width: 67%;
}

.block_image_4 .image-1:hover img, 
.block_image_4 .image-2:hover img, 
.block_image_4 .image-3:hover img, 
.block_image_4 .image-4:hover img {
    -ms-transform: scale3d(1.05,1.05,1);
    -webkit-transform: scale3d(1.05,1.05,1);
    -moz-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
}




#header_box .header_mid .header_right a.search-btn,
#header_box .mobile-category-icon{
	display:none;
}



@media screen and (max-width: 1200px){
	.block_items_products_tab,
	.wrapper{
		width: 1024px;
	}
	.index_default{
		padding:0 !important;
	}
}
@media screen and (max-width: 1366px){
	.block_image_4 .image-1 img, 
	.block_image_4 .image-2 img, 
	.block_image_4 .image-3 img, 
	.block_image_4 .image-4 img{
		width:100%;
		height:100%;
		object-fit:cover;
	}
	.block_items_category_list_full_screen .block_category_content li:nth-child(6n) {
        margin-right: 0;
    }
	.block_items_category_list_full_screen .block_category_content .category-name{
		font-size:30px;
	}
}
@media screen and (max-width: 1024px){
	.block_items_products_tab,
	.wrapper{
		width: 100%;
		padding:0 50px;
		box-sizing:border-box;
	}
	#bottom_box .footer_links{
		padding:50px;
	}
	.block_items_category_list_full_screen .block_category_content .category-name{
		font-size:24px;
	}
}
@media screen and (max-width: 1023px){
	.block_items_products_tab, 
	.wrapper{
		padding:0 30px;
	}
	#header_box .mobile-category-icon{
		display:block;
		width: 200px;
		height: 40px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	#header_box .header_top{
		height: auto;
		padding: 10px 0;
	}
	#header_box .header_top .wrapper{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	#header_box .header_top .currency_box{
		position: absolute;
		right: 10px;
		top: 14px;
	}
	#header_box .header_top .shartto_top,
	#header_box .header_top .sns_top{
		height: 24px;
	}
	#header_box .header_top .top_txt{
		height: 24px;
		line-height:24px;
	}
	#header_box .header_mid{
		height: 64px;
		padding: 0 30px;
	}
	#header_box .mobile-category-icon a{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 40px;
		height: 40px;
	}
	#header_box .mobile-category-icon a svg{
		width: 24px;
		height: 24px;
	}
	#header_box .header_mid .logo{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#header_box .header_mid .logo img{
		max-height: 50px;
	}
	
	#header_box .header_mid .header_right a{
		margin: 0;
	}
	#header_box .header_mid .header_right a svg{
		width: 22px;
		height: 22px;
	}
	#header_box .header_nav{
		display:none;
	}
	#header_box .header_mid .search-box{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: 999;
		padding: 0;
		border: 0;
		border-radius: 0;
		visibility:hidden;
		transform:translate(0,100%);
		transition:all 0.5s;
	}
	#header_box .header_mid .header_right a.search-btn{
		display:flex;
	}
	#header_box .header_mid .search-box .search_close{
		display: flex;
		justify-content: flex-end;
		padding: 20px;
	}
	#header_box .header_mid .search-box .search_close a{
		width: 40px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#header_box .header_mid .search-box .search_close a svg{
		width: 20px;
		height: 20px;
	}
	#header_box .header_mid .search-box form{
		border: 1px solid #e3e3e3;
		padding: 2px;
		border-radius: 40px;
		width: calc(100% - 50px);
		box-sizing: border-box;
		margin: 0 auto;
	}
	#header_box .header_mid .search_input{
		width: calc(100% - 130px);
		border-radius: 40px;
	}
	#header_box .header_mid .search-box-on{
		visibility:visible;
		transform:none;
	}
	
	
	
	
	
	
	.mobile-nav{
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.7);
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s;
		z-index: 99999;
	}
	.mobile-nav-on{
		opacity:1;
		visibility:visible;
	}
	.mobile-nav .mobile-nav-close{
		position: absolute;
		left: 320px;
		top: 0;
		width: 40px;
		height: 40px;
		background: #000;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.mobile-nav .mobile-nav-close svg{
		fill: #fff;
		width: 14px;
		height: 14px;
	}
	
	.mobile-nav .mobile-nav-pop{
		width: 320px;
		background: #fff;
		transform:translate(-100%,0);
		transition: all 0.3s;
	}
	.mobile-nav-on .mobile-nav-pop{
		transform:none;
	}
	.mobile-nav .mobile-nav-title{
		height: 55px;
		display: flex;
		justify-content: space-between;
		background: rgba(0, 0, 0, .04);
		text-transform: uppercase;
		border-bottom: 1px solid rgba(129,129,129,.2);
	}
	.mobile-nav .mobile-nav-title a{
		width: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		position:relative;
	}
	.mobile-nav .mobile-nav-title a.on{
		background:rgba(0, 0, 0, .05);
	}
	.mobile-nav .mobile-nav-title a:before{
		content: '';
		position: absolute;
		top: 100%;
		left: 0;
		margin-top: -1px;
		width: 0;
		height: 2px;
		transition: width .25s ease;
		background:#ff7298;
	}
	
	.mobile-nav .mobile-nav-title a.on:before{
		width:100%;
	}
	
	
	
	
	.mobile-nav .mobile-nav-content{
		height: calc(100vh - 56px);
		overflow-y: auto;
		background: #fff;
	}
	.mobile-nav .menu-list > ul > li{
		
	}
	.mobile-nav .categories-list > ul > li .dropdown dt,
	.mobile-nav .categories-list > ul > li .cate_link,
	.mobile-nav .menu-list > ul > li .menu_link{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-right:10px;
		border-bottom:1px solid rgba(129,129,129,.2);
	}
	.mobile-nav .categories-list > ul > li .dropdown dt a,
	.mobile-nav .categories-list > ul > li .cate_link a,
	.mobile-nav .menu-list > ul > li .menu_link a{
		width:calc(100% - 50px);
		height: 50px;
		padding: 0 20px;
		display: flex;
		align-items: center;
		font-size:13px;
	}
	.mobile-nav .categories-list > ul > li .dropdown dt .mobile-icon,
	.mobile-nav .categories-list > ul > li .cate_link .mobile-icon,
	.mobile-nav .menu-list > ul > li .menu_link .mobile-icon{
		position:relative;
		width:50px;
		height:50px;
	}
	.mobile-nav .categories-list > ul > li .dropdown dt .mobile-icon:before,
	.mobile-nav .categories-list > ul > li .dropdown dt .mobile-icon:after,
	.mobile-nav .categories-list > ul > li .cate_link .mobile-icon:before,
	.mobile-nav .categories-list > ul > li .cate_link .mobile-icon:after,
	.mobile-nav .menu-list > ul > li .menu_link .mobile-icon:before,
	.mobile-nav .menu-list > ul > li .menu_link .mobile-icon:after{
		display: block;
		position: absolute;
		content: "";
		z-index: 10;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%) rotate(-90deg);
		transform: translate(-50%,-50%) rotate(-90deg);
		background-color: #222;
		transition: transform .35s ease-in-out,opacity .35s ease-in-out,-webkit-transform .35s ease-in-out;
	}
	.mobile-nav .categories-list > ul > li .dropdown dt .mobile-icon:before,
	.mobile-nav .categories-list > ul > li .cate_link .mobile-icon:before,
	.mobile-nav .menu-list > ul > li .menu_link .mobile-icon:before {
		width: 12px;
		height: 1px;
		opacity: 1;
	}
	.mobile-nav .categories-list > ul > li .dropdown dt .mobile-icon:after,
	.mobile-nav .categories-list > ul > li .cate_link .mobile-icon:after,
	.mobile-nav .menu-list > ul > li .menu_link .mobile-icon:after {
		width: 1px;
		height: 12px;
	}
	.mobile-nav .categories-list > ul > li .dropdown dd,
	.mobile-nav .categories-list > ul > li .dropdown,
	.mobile-nav .menu-list .menu_dropdown{
		padding-left:20px;
		display:none;
	}
	.mobile-nav .categories-list > ul > li .dropdown a,
	.mobile-nav .menu-list .menu_dropdown a{
		height: 50px;
		line-height: 50px;
		padding: 0;
		display: block;
		font-size: 13px;
		border-bottom: 1px solid rgba(129,129,129,.2);
		color: #878787;
	}
	.mobile-nav .categories-list > ul > li.on .cate_link a,
	.mobile-nav .categories-list > ul > li .dropdown dl.on dt a,
	.mobile-nav .menu-list > ul > li.on .menu_link a{
		color:#ff7298;
	}
	.mobile-nav .categories-list > ul > li.on .cate_link .mobile-icon:before,
	.mobile-nav .categories-list > ul > li .dropdown dl.on dt .mobile-icon:before,
	.mobile-nav .menu-list > ul > li.on .menu_link .mobile-icon:before{
		display:none;
	}

	.mobile-nav .categories-list > ul > li .dropdown dt a{
		padding:0;
		border:0;
	}

	.mobile-nav .categories-list,
	.mobile-nav .menu-list{
		height:0;
		overflow:hidden;
		opacity:0;
		visibility:hidden;
		transition:opacity .25s ease;
	}
	.mobile-nav .categories-list.on,
	.mobile-nav .menu-list.on{
		opacity:1;
		visibility:visible;
		height:auto;
	}
	.block_items{
		padding:0 0 50px;
	}
	#bottom_box .newsletter_box{
		height: auto;
	}
	#bottom_box .newsletter_box .wrapper{
		flex-direction: column;
		height: auto;
		padding: 50px 0;
	}
	#bottom_box .newsletter_box .newsletter_title{
		margin-bottom: 20px;
	}
	#bottom_box .footer_links{
		padding: 50px 30px;
	}
	#bottom_box .footer_links{
		flex-wrap: wrap;
	}
	#bottom_box .footer_links dl.contact_us{
		width: 100%;
	}
	#bottom_box .footer_links dl{
		width: 50%;
		margin-bottom:30px;
	}
	#bottom_box .footer_bom .wrapper{
		flex-direction: column;
	}
	#bottom_box .footer_bom .copyright{
		margin: 0 0 10px;
	}
	
	
	.block_image_4 .block_image_format2 > .image-1, 
	.block_image_4 .block_image_format2 > .image-2, 
	.block_image_4 .block_image_format2 > .image-3, 
	.block_image_4 .block_image_format2 > .image-4{
		height:300px;
	}

}
@media screen and (max-width: 767px){
	.block_items_category_list_full_screen .block_category_content .category-name{
		font-size:20px;
	}
	.block_items_products_tab, 
	.wrapper{
		padding:0 15px;
	}
	#header_box .header_mid{
		padding:0 15px;
	}
	#header_box .header_mid .header_right a.account-btn{
		margin-left:10px;
	}
	#header_box .mobile-category-icon,
	#header_box .header_mid .header_right{
		width:80px;
	}
	.block_items_solgan ul{
		margin:0;
	}
	.block_items_category_list_full_screen .block_category_content li{
		width:100%;
	}
	
	#bottom_box .newsletter_box .newsletter_btn{
		width: 140px;
		padding: 0;
	}
	#bottom_box .newsletter_box .newsletter_txt{
		width: calc(100% - 144px);
	}
	#bottom_box .newsletter_box .wrapper{
		padding:50px 15px;
	}
	#bottom_box .newsletter_box form{
		width:100%;
	}
	#bottom_box .footer_links{
		padding:50px 15px;
	}
	#bottom_box .footer_links dl{
		width:100%;
	}
	#bottom_box .footer_bom{
		padding:20px 0;
	}
	.block_image_4 .block_image_format1 > div, 
	.block_image_4 .block_image_format2 > div, 
	.block_image_4 .block_image_format3 > div{
		margin:0;
	}
	
	.block_image_4 .block_image_format.padding2{
		margin:0 -7px;
	}
	.block_image_4 .block_image_format.padding2 > div{
		padding:7px;
	}
	.block_image_4 .block_image_format2 > .image-1, 
	.block_image_4 .block_image_format2 > .image-2, 
	.block_image_4 .block_image_format2 > .image-3, 
	.block_image_4 .block_image_format2 > .image-4{
		height: 140px;
	}
	
	
	
	
	
	
	
}







































