@charset "utf-8";

.header > .navigation > a.icon.icon-home {display:none;}
.header > .navigation > a.icon.icon-search {display:none;}
.header > .navigation > a.icon.icon-cart {display:none;}

.search .search-form {display:none;}

.search .recommend {padding:16px 0; background-color:#fff; border-bottom:1px solid #f0f2f4;}
.search .recommend > dl {display:flex;}
.search .recommend > dl > dt {width:30px; padding-left:16px; font-size:17px; font-weight:600; line-height:32px;}
.search .recommend > dl > dd {
	width:calc(100% - 52px);
	width:-moz-calc(100% - 52px);
	width:-webkit-calc(100% - 52px);
	height:32px;
	margin-left:6px;
	white-space:nowrap;
	overflow-x:auto;
	overflow-y:hidden;
}
.search .recommend > dl > dd::-webkit-scrollbar {display:none;}
.search .recommend > dl > dd a {display:inline-block; width:auto; padding:0 16px; margin-left:6px; line-height:32px; color:#fff; background-color:#fa3246; border-radius:16px;}
.search .recommend > dl > dd a:last-child {margin-right:16px;}

.search .latest {padding:0 16px; margin-top:24px;}
.search .latest > dl > dt {position:relative; font-size:17px; font-weight:600; line-height:20px;}
.search .latest > dl > dt > a {position:absolute; right:0; top:0; font-size:14px; font-weight:400; color:#bbb;}
.search .latest > dl > dd {display:flex; align-items:center; justify-content:space-between; margin-top:10px;}
.search .latest > dl > dd + dd {margin-top:0;}
.search .latest > dl > dd > a.keyword {
	display:inline-block;
	max-width:calc(100% - 25px);
	max-width:-moz-calc(100% - 25px);
	max-width:-webkit-calc(100% - 25px);
	font-size:16px;
	line-height:46px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.search .latest > dl > dd > a.delete {display:block; width:18px; height:18px; font-size:0; line-height:0; background:url(../images/x.png) no-repeat center center;}
.search .latest > dl > dd.empty {padding:0; font-size:16px; line-height:46px; background-image:none;}

.search .popular {padding:0 16px; margin-top:48px;}
.search .popular > dl > dt {font-size:17px; font-weight:600; line-height:20px;}
.search .popular > dl > dd {margin-top:10px;}
.search .popular > dl > dd > ul > li > a.keyword {
	position:relative;
	display:flex;
	align-items:center;
	width:100%;
	max-width:100%;
	font-size:16px;
	line-height:46px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.search .popular > dl > dd > ul > li:last-child > a.keyword {border-bottom-style:none;}
.search .popular > dl > dd > ul > li > a.keyword > strong {display:inline-block; width:26px; color:#222;}
.search .popular > dl > dd > ul > li > a.keyword > em.ins {display:inline-block; margin-left:8px; font-size:11px; font-weight:600; font-style:normal; line-height:46px; color:#00cf60;}
.search .popular > dl > dd > ul > li > a.keyword > em.ind {position:absolute; right:0; top:0; display:inline-block; font-weight:600; font-size:11px; font-weight:600; font-style:normal; line-height:46px; color:#ff6c6c;}
.search .popular > dl > dd > ul > li > a.keyword > em.ind.m {color:#5c5ceb;}
.search .popular > dl > dd > ul > li > a.keyword > span {margin-left:auto;display:inline-flex;align-items:center;}
.search .popular > dl > dd > ul > li > a.keyword > span.upp {font-size: 14px; font-weight:600; line-height:1.14; color:#fa6c6c;}
.search .popular > dl > dd > ul > li > a.keyword > span.upp > s {width:11px; height:9px; margin-right:8px; background:url("../images/icon-up-2.png") no-repeat; background-size:100% auto;}
.search .popular > dl > dd > ul > li > a.keyword > span.dwn {font-size: 14px; font-weight:600; line-height:1.14; color:#616161;}
.search .popular > dl > dd > ul > li > a.keyword > span.dwn > s {width:11px; height:9px; margin-right:8px; background:url("../images/icon-down-2.png") no-repeat; background-size:100% auto;}
.search .popular > dl > dd > ul > li > a.keyword > span.fxd > s {width:8px; height:1px; background-color:#bbbbbb;}

/** PC */
@media all and (min-width:760px) {
	.search {width:1180px; margin:0 auto; margin-top:64px;}
	.search .search-form {display:flex; justify-content:center; align-items:center;}
	.search .search-form > h2 {display:block; width:120px; font-size:24px; font-weight:600; line-height:26px;}
	.search .search-form > form {width:400px;}
	.search .search-form > form > * {display:flex; align-items:center;}
	.search .search-form > form > * > input[type="text"] {width:calc(100% - 46px); height:46px; padding:0 16px; font-size:16px; line-height:24px; border:1px solid #f0f2f4; border-right-style:none; border-radius:23px 0 0 23px;}
	.search .search-form > form > * > input[type="submit"] {width:46px; height:46px; font-size:0; line-height:0; background:url(../images/icon-search.svg) no-repeat center center; border:1px solid #f0f2f4; border-left-style:none; border-radius:0 23px 23px 0;}
	
	.search .recommend {width:520px; padding:16px 0; margin:0 auto; border-bottom-style:none;}
	.search .recommend > dl {display:block; margin-left:120px;}
	.search .recommend > dl > dt {display:none;}
	.search .recommend > dl > dd {width:400px; margin-left:0;}
	.search .recommend > dl > dd div {width:100%;}
	.search .recommend > dl > dd a:first-child {margin-left:0;}
	
	.search .latest > dl > dt,
	.search .popular > dl > dt {padding-bottom:16px; border-bottom:1px solid #f0f2f4;}
	
	.search .goods {margin-top:16px; border-top:1px solid #f0f2f4;}
	
	.search .devide {display:flex; justify-content:space-between; align-items:flex-start; margin-top:60px;}
	.search .devide > div {width:calc((100% - 120px) / 2); margin-top:0;}
}