/* search */
.search{margin:40px auto 80px;}

/* new arrival */
.arrival{margin-bottom:60px;}
.arrival__title{margin-bottom:30px; text-align:center; color:#62a6f2;}
.arrival__title h2{display:inline-block; margin-right:15px; font-size:24px; color:#737373; letter-spacing:0.15rem; padding-left:0.15rem;}
.arrival-span{padding:10px 0; position:relative; text-transform:uppercase;}
.arrival-span:before, .arrival-span:after{position:absolute; left:0; width:100%; height:1px; background:#62a6f2; content:"";}
.arrival-span:before{top:0;}
.arrival-span:after{bottom:0;}
.arrivalicon{margin-right:15px; font-size:50px; position:relative;}
.arrivalicon:before{position:absolute; top:10px; left:-50px;}
.arrival__inner{margin:50px -10px 120px -10px;}
.arrival__inner .slick-dots{bottom:-60px;}
.arrival__product{position:relative; border:1px #eee solid; margin:0 10px; padding-bottom:70px;/* height:25.5vh !important;*/}
.arrival__product a.a-cover{z-index: 3;}
.arrival__product img{margin:0 auto; max-width:100%; height:auto;}
.arrival__product:before{
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	content:""; 
	background:rgba(0,0,0,0.5); 
	opacity: 0;
    -webkit-transform: scale(0.5) rotateZ(180deg);
    -moz-transform: scale(0.5) rotateZ(180deg);
    -ms-transform: scale(0.5) rotateZ(180deg);
    -o-transform: scale(0.5) rotateZ(180deg);
    transform: scale(0.5) rotateZ(180deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.product-basic{width:100%; text-align:center; position:absolute; top:200px; padding:15px 10px; z-index:2; transition: all 0.5s;}
.product-basic li{margin-bottom:3px; font-size:14px; color:#62a6f2;}
.product-basic li:last-child{margin-bottom:0;}
.product-basic li.product-basic__name{font-size:18px; font-weight:bold; color:#737373; padding:3px 0 0 0; display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.product-label{padding:5px 10px; border:1px #62a6f2 solid; display:inline-table;}

/* news */
.newswarp{margin-bottom:3px;}
.newswarp__half{width:50%;}
.news{padding:40px 20px; background:#f9f9f9;}
.news__row{padding-bottom:15px; margin-bottom:15px; border-bottom:1px #d4d4d4 solid;}
.news__row a{display:block; padding:6px 0; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.news__row span{margin-bottom:5px; display:block; color:#62a6f2;}
.newsicon{font-size:24px; margin-right:12px; vertical-align:sub;}
.newsbg{background:url(../images/index/news.jpg) no-repeat center; flex-direction:column;}
.news-title{width:165px; height:165px; margin-bottom:20px; padding:15px; color:#fff; background:rgba(0,0,0,0.3); font-size:30px; letter-spacing:0.1rem; text-align:center; flex-direction:column;}
.news-title span{display:block; text-transform:uppercase; font-size:16px;}
.newsicon2{display:block; margin:10px; font-size:15px;}
.news-btn{width:165px;}
.news-btn .btn{width:100%; padding:12px 0; display:block; box-shadow:none; text-align:center; min-width:inherit; border-radius:0; border-color:#fff; background:rgba(255,255,255,0.7); color:#737373;}
.newsicon3{font-size:12px; margin-right:10px; vertical-align:baseline;}


/* ad-banner */
.ad-banner{flex:1;}
.ad-banner img{width:100%; height:auto;}

@media only screen and (min-width: 980px)
{
/* new arrival */
.arrival__product:hover:before{
	opacity: 1;
	z-index:1;
    -webkit-transform: scale(1) rotateZ(0deg);
    -moz-transform: scale(1) rotateZ(0deg);
    -ms-transform: scale(1) rotateZ(0deg);
    -o-transform: scale(1) rotateZ(0deg);
    transform: scale(1) rotateZ(0deg);}
.arrival__product:hover .product-basic{top: -moz-calc(50% - 70px); top: -webkit-calc(50% - 70px); top: calc(50% - 70px);}
.arrival__product:hover .product-basic li{color:#fff;}
.arrival__product:hover .product-label{border-color:#fff;}
/* news */
.news-btn:hover .btn{background:rgba(255,255,255,1);}
}



@media only screen and (max-width: 1400px)
{
/* news */
.newsbg{background-size:cover;}
}


@media only screen and (max-width: 1200px)
{

}


@media only screen and (max-width: 1024px)
{
/* new arrival */
.arrival__title h2{font-size:20px; margin-right:8px;}
.arrival-span{font-size:14px;}
.arrivalicon{font-size:45px; margin-right:8px;}
.arrival__inner{margin:50px 0 120px 0;}
.product-basic{top:205px;}
.product-basic li a{font-size:16px;}
/* news */
.news-title{font-size:24px;}
}



@media only screen and (max-width: 980px)
{
/* news */
.newswarp__half{width:100%;}
.newsbg{order:1; padding:40px 0;}
.news-title{margin-bottom:10px;}
.news{order:2; padding:20px;}
}


@media only screen and (max-width: 767px)
{
/* ad-banner */
.ad-banner{width:100%; flex:inherit;}
}

@media only screen and (max-width: 640px)
{
/* search */
.search{margin:20px auto 60px;}
/* new arrival */
.arrival__inner{margin:30px 0 90px 0;}
.arrival__inner .slick-dots{bottom:-40px;}
/* news */
.news-title{font-size:20px; width:130px; height:130px;}
.news-btn{width:130px;}
.newsicon3{margin-right:5px;}
}



@media only screen and (max-width: 480px)
{
/* new arrival */
.arrivalicon{font-size:30px; vertical-align:sub;}
.arrivalicon:before{position:inherit; left:0; top:0;}
}