.hotSearch .tagCard {
	background-color: #fff;
	border-radius: .32rem;
	margin: .21333rem .21333rem .10667rem;
	padding: .21333rem 0 0 .21333rem
}

.hotSearch .tagCard .tagBox {
	overflow: hidden;
	margin-top: .37333rem;
	min-height: 1.33333rem
}

.hotSearch .tagCard .tagBox .tagItem {
	padding: 0 .34667rem;
	float: left;
	border-radius: .42667rem;
	margin: 0 .21333rem .26667rem 0;
	background-color: #f0f1f2;
	color: #333;
	font-family: PingFangSC-Regular;
	max-width: 3.30667rem;
	height: .85333rem;
	display: flex;
	align-items: center
}

.hotSearch .tagCard .tagBox .tagItem span {
	font-family: PingFangSC-Regular;
	font-size: .34667rem;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	flex: 1
}

.hotSearch .tagCard .tagBox .tagItem i {
	width: .37333rem;
	height: .37333rem;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	margin-left: .10667rem
}

.hotSearch .title {
	font-family: PingFangSC-Semibold;
	font-size: .42667rem;
	color: #333;
	line-height: .42667rem;
	font-weight: 700
}

.hotSearch .title:before {
	content: "";
	display: inline-block;
	width: .42667rem;
	height: .42667rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAABf0lEQVQ4EaVRMUhDQQx9qYVaRKGIFOukiDiJk5tbseimFUEpQgedBHF0FDcncRIHRxGc3R2roO4upQUtKEVB6dC7fzH3679+6a8IPQjJJXnvkndAj4f+wvN6+kbqCpRYo4vqe1RvLCppc8xM0JhjzVmo5lm3vq4EyGfmWXFS3gcrs8rLY1NRJJEEnM9MQ3mX8ARiTVvTuX8R8GJ6Cw39IK+PQrEoIGYJPGOiCH6JyNmRorSfRzfGZmSZHFJ8SldvX0GPW4EX0gMy7nFrXCn7Y7c8aZSQMmVoPkQdOwHYekeAhlniJg+1Rg5GZ5BmhortoYZdWasfTWyECeLuomlcRnRXFxAM2GyDePOnPOFqErQJFJfbBUtk5WGL6RNfDNUq7ThMYOJ3JDMKgPyXWvhwbxCXgsB6pwE91ioi0on7tuD7fDGFVryI+Yl44iCSwE8OJvfJ42shEkDYLJg/oKlA9y/VMIEdtOPw5HBB1lgR4WYF+irxrShxRE/1547mXhPfqgSqXhvzLMIAAAAASUVORK5CYII=) no-repeat 50%;
	background-size: contain;
	vertical-align: top;
	margin-right: .05333rem
}

.hotSearch .articleCard {
	background-image: linear-gradient(180deg, #fee, #fff 12%, #fff);
	border: .02667rem solid #ffd7f1;
	border-radius: .29333rem;
	margin: .13333rem .42667rem;
	padding: .32rem;
	min-height: 1.33333rem
}

.hotSearch .articleCard .articleBox {
	margin-top: .4rem
}

.hotSearch .articleCard .articleBox .articleItem {
	display: flex;
	align-items: center;
	font-size: .4rem;
	color: #333;
	margin-bottom: .53333rem
}

.hotSearch .articleCard .articleBox .articleItem i {
	width: .42667rem;
	height: .50667rem;
	background-repeat: no-repeat;
	background-position: 50%;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAATCAYAAACZZ43PAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEwAAAABz9QsiAAACK0lEQVQ4EYVUPWtUQRQ989gUirEQrSSFmC5NQC1sUySwCCZFVAgWQQsRVMgv2N+gVQwklYqkESz1L5jSQiUgCxbRwqzuviRv3xvPuTN3d0njhZl75t5z7tyZ9xHi6s0zqHvrqOMMZI3NQCRwLN+cWsemi4uXdlqIvTdk30ZBUuQoODUcwpqEZUFD64wV/vVzsYUitAnHRCUKsQkifeDwItrE48IN2i26KasukYjuJZy7DiwsAz++A283TTvKq1aBKXZglbQci89NA/c3gMU7qYPPe8Duy8RRh6ydqqmGdipYRUENdbD6CFi6C/w9FHNsznEetYUJLKAiBMIfd4GNFeDdThK7QMV9ZC5V7EkEHyIcdIHu1xTz/S2viSaXC+kppOPobLJIIOzdWJCT8SyR8nbhQMuqOWlyFxFURGbxBEeXnjdOd6CFSPIyx3lpMT0t4zEonzUTl8igBDlh2JR58iOJ45hcHiELdXCJdUxZPq5hcUY5JnRP/RIoB3y7H85He2UV1HtuXiRif4UdD2vgiMJBH6j1ccWJDphLbWs3FcprFR1WSSixXS5j+ajpMSqogCfTF9fgpHqPsgyojm9xR94XhTI/NnmpgIJeJDZ/0JxsY1g/D6+/7CsVl2euIgyfkrNO8bT9G9QuC4X4+FqfibNseR9V+QLH1XZ49a0n4WmLa7Pn0es/IP8Jf0BX6H+H+Gz+BgZHF3D53ofQ6aj5/1rsdAp82moj1gf/AKKT1yZfF0AZAAAAAElFTkSuQmCC) no-repeat 50%;
	background-size: contain
}

.hotSearch .articleCard .articleBox .articleItem span {
	font-family: PingFangSC-Semibold;
	min-width: .42667rem;
	text-align: center
}

.hotSearch .articleCard .articleBox .articleItem p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-family: PingFangSC-Regular;
	flex: 1;
	margin-left: .18667rem
}

.hotSearch .more {
	border-top: .02667rem solid #e8e8e8;
	margin: 0 .4rem;
	padding: .45333rem 0 .13333rem;
	display: flex;
	justify-content: center;
	align-items: center
}

.hotSearch .more span {
	font-family: PingFangSC-Regular;
	font-size: .42667rem;
	color: #333;
	margin-right: .08rem
}

.hotSearch .more i {
	width: .42667rem;
	height: .42667rem;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAAAuElEQVQ4EWNgGAUUhwAjzARPT0/r////u8L4+GhGRsbd27dvPwpSwwJT+O/fPxMgux7Gx0cDLXoPlAcbwAxTePfu3ZNqampcQElrmBg2momJqWvHjh0tMDm4ASCBO3fu7FFVVeUHMi1hCpBpoNP7gJpLkcVQDABJAA3ZCTREGMg0R1YI1DwZqLkQWQzExjAAJAg0ZLuKioo4kGkK4gPB9J07d+ZAmESSwLBgdHd37wdhEJtIbSNSGQDWRTkfu+GkKwAAAABJRU5ErkJggg==) no-repeat 50%;
	background-size: contain
}