@charset "UTF-8";
.ugc-article-image {
--tw-bg-opacity: 1;
	background-color:rgba(250, 250, 250, var(--tw-bg-opacity));
	border-radius:6px;
	max-height:140px;
	max-width:218px;
	min-height:140px;
	min-width:218px
}
.mt-4 {
    margin-top: 14px;
}
.ff, .fic {
    display: flex;
}
.ff {
    flex-direction: column;
}
.before\:relative:before, .relative {
    position: relative;
}
.flex {
    display: flex;
}
.items-center {
    align-items: center;
}
.w-full {
    width: 100%;
}
.h-full {
    height: 100%;
}
.w-\[108px\] {
    width: 108px;
}

.min-w-\[100px\] {
    min-width: 100px;
}
.h-\[64px\] {
    height: 64px;
}
.h-\[65px\] {
    height: 65px;
}
.justify-between {
    justify-content: space-between;
}
.flex-col {
    flex-direction: column;
}
.w-\[20px\] {
    width: 20px;
}
.text-white {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity));
}
.text-center {
    text-align: center;
}
.left-0 {
    left: 0;
}
.top-0 {
    top: 0;
}
.absolute {
    position: absolute;
}
.pt-\[3px\] {
    padding-top: 3px;
}
.text-\[12px\] {
    font-size: 12px;
    line-height: 1;
}
.h-\[18px\] {
    height: 18px;
}
.only-mobile-show {
    display: none;
}
.mr-\[10px\] {
    margin-right: 10px;
}
[fill~=none] {
    fill: none;
}
canvas, img, svg {
    vertical-align: middle;
}
.index-path[data-v-fd8ec08b] {
    fill: #b8b8b8;
    transition: all .2s ease-out;
}
@media (min-width:1200px) {
.ugc-article-image {
height:164px
}
}
@media (max-width:639.9px) {
.ugc-article-image {
-o-object-fit:cover;
object-fit:cover
}
}
.ugc-article-item {
	cursor:pointer;
	display:flex;
	padding:14px 20px 0;
transition-duration:.15s;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1)
}
.ugc-article-item__main {
	border-bottom:1px solid #edeff2;
	display:flex;
	height:100%;
	padding-bottom:14px;
	width:100%
}
.ugc-article-item:hover {
	box-shadow:0 2px 16px 6px #011c4314
}
.ugc-article-detail {
	display:flex;
	flex-direction:column;
	margin-left:16px;
	width:100%
}
.ugc-article-description {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	color:#7a7a7a;
	display:-webkit-box;
	font-family:Microsoft YaHei;
	font-size:13px;
	font-style:normal;
	font-weight:400;
	line-height:22px;
	margin:10px 0;
	overflow:hidden
}
@media (max-width:639px) {
.ugc-article-description {
display:none!important
}
}
.ugc-article-bottom {
	align-items:center;
	color:#7a7a7a;
	display:flex;
	font-family:Microsoft YaHei;
	font-size:12px;
	font-weight:400;
	gap:8px
}
.ugc-tag-main {
	display:flex;
	gap:10px;
	margin-left:4px
}
.ugc-tag-main .ugc-tag-item {
	background:hsla(0, 0%, 72%, .12);
	border-radius:4px;
	color:#8c8c8c;
	font-family:Microsoft YaHei;
	font-size:12px;
	font-weight:400;
	line-height:18px;
	padding:3px 8px
}
.ugc-tag-main .ugc-tag-item:hover {
	background:rgba(59, 130, 246, .06);
	color:#3b82f6
}
.ugc-title-color {
	color:#b8b8b8;
	margin-left:auto
}
.ugc-article-title {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	color:#111827;
	display:-webkit-box;
	font-family:Microsoft YaHei;
	font-size:18px;
	font-weight:600;
	line-height:24px;
	overflow:hidden
}
.ugc-article-title:hover {
	color:#3b82f6
}
@media (max-width:639.9px) {
.ugc-article-title {
font-size:14px;
line-height:1;
line-height:14px
}
}
.ugc-author-name:hover {
	color:#3b82f6
}
@media screen and (max-width:992px) {
.ugc-article-item {
padding:16px 16px 0
}
.ugc-article-image {
max-height:80px;
max-width:136px;
min-height:80px;
min-width:136px
}
.ugc-article-title {
color:#323232;
font-size:15px;
font-weight:400;
line-height:20px
}
.ugc-article-detail {
margin-left:10px
}
.ugc-article-bottom {
gap:0
}
.ugc-author-name {
max-width:91px
}
}
@media screen and (max-width:556px) {
.ugc-tag-main {
display:none
}
}
.ugc-side-surprise[data-v-459bee08] {
	background:#fff;
	border-radius:6px;
	box-shadow:0 2px 16px #011c430a;
	cursor:pointer;
	display:flex;
	flex-direction:column;
	height:225px;
	width:257px
}
.ugc-side-surprise[data-v-459bee08]:hover {
	box-shadow:0 2px 16px 6px #011c4314
}
.ugc-side-title[data-v-459bee08] {
	color:#111827;
	font-family:Microsoft YaHei;
	font-size:14px;
	font-weight:600;
	line-height:19px;
	margin-top:10px;
	overflow:hidden;
	padding:0 12px;
	text-overflow:ellipsis;
	white-space:nowrap
}
.ugc-side-title[data-v-459bee08]:hover {
	color:#3b82f6
}
.ugc-side-image[data-v-459bee08] {
	cursor:pointer;
	height:152px;
	width:100%
}
.amz-border-class[data-v-459bee08], .ugc-side-image[data-v-459bee08] {
	border-radius:6px 6px 0 0
}
.ugc-side-description[data-v-459bee08] {
	align-items:center;
	background:hsla(0, 0%, 72%, .11);
	border-radius:2px;
	display:flex;
	height:25px;
	margin:6px auto 0;
	padding:0 6px;
	width:237px
}
.ugc-side-small[data-v-459bee08] {
	color:#8c8c8c;
	display:block;
	font-family:Microsoft YaHei;
	font-size:12px;
	font-weight:400;
	max-width:225px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
@media screen and (max-width:992px) {
.ugc-side-surprise[data-v-459bee08] {
height:153px;
padding:12px;
width:158px
}
.ugc-side-image[data-v-459bee08] {
height:78px
}
.ugc-side-title[data-v-459bee08] {
font-size:13px;
font-weight:400;
margin-top:6px
}
.ugc-side-small[data-v-459bee08] {
max-width:122px
}
.ugc-side-description[data-v-459bee08] {
margin-top:5px;
width:134px
}
}
.ugc-insert-surprise[data-v-506d38f3] {
	background:#fff;
	border-bottom:1px solid #edeff2;
	cursor:pointer;
	display:flex;
	font-family:Microsoft YaHei;
	padding-bottom:14px;
	width:100%
}
.ugc-insert-tip[data-v-506d38f3] {
	align-items:center;
	background:rgba(0, 0, 0, .4);
	border-radius:6px 0;
	bottom:0;
	color:#ebebeb;
	display:flex;
	font-size:12px;
	font-weight:400;
	height:20px;
	justify-content:center;
	line-height:12px;
	position:absolute;
	width:38px
}
.amz-insert-box[data-v-506d38f3], .ugc-insert-image[data-v-506d38f3] {
	border-radius:6px;
	height:140px;
	min-width:218px
}
.ugc-insert-image[data-v-506d38f3] {
	width:218px
}
.ugc-insert-right[data-v-506d38f3] {
	display:flex;
	flex-direction:column;
	margin-left:16px;
	width:100%
}
.ugc-insert-right .ugc-insert-title[data-v-506d38f3] {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	color:#111827;
	display:-webkit-box;
	font-size:16px;
	font-weight:600;
	line-height:21px;
	max-width:571px;
	overflow:hidden;
	text-overflow:ellipsis
}
.ugc-insert-right .ugc-insert-title[data-v-506d38f3]:hover {
	color:#3b82f6
}
.ugc-insert-right .ugc-insert-description[data-v-506d38f3] {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	color:#8c8c8c;
	display:-webkit-box;
	font-size:13px;
	font-weight:400;
	line-height:17px;
	margin-top:10px;
	overflow:hidden;
	text-overflow:ellipsis
}
@media (max-width:639.9px) {
.ugc-insert-right .ugc-insert-description[data-v-506d38f3] {
display:none
}
}
.ugc-insert-bottom[data-v-506d38f3] {
	margin-top:auto
}
.ugc-insert-button[data-v-506d38f3] {
	border:1px solid #3b82f6;
	border-radius:24px;
	color:#3b82f6;
	font-size:12px;
	font-weight:400;
	line-height:18px;
	padding:4px 12px
}
.ugc-insert-button[data-v-506d38f3]:hover {
	background:#3b82f6;
	color:#fff
}
@media screen and (max-width:992px) {
.amz-insert-box[data-v-506d38f3] {
border-radius:6px;
height:80px;
min-width:136px
}
.ugc-insert-image[data-v-506d38f3] {
border-radius:4px;
height:80px;
min-width:136px;
width:136px
}
.ugc-insert-right[data-v-506d38f3] {
margin-left:10px;
padding:0
}
.ugc-insert-right .ugc-insert-title[data-v-506d38f3] {
font-size:15px;
font-weight:400;
line-height:20px
}
.ugc-insert-right .ugc-insert-description[data-v-506d38f3] {
margin:10px 0
}
.ugc-insert-right .ugc-insert-button[data-v-506d38f3] {
align-items:center;
display:block;
display:flex;
height:24px;
justify-content:center;
padding:0;
width:64px
}
}
.ugc-insert-banner[data-v-d33957e5], .ugc-insert-banner .ugc-insert-img[data-v-d33957e5] {
	border-radius:8px;
	height:90px;
	width:100%
}
@media screen and (max-width:992px) {
.ugc-insert-banner[data-v-d33957e5], .ugc-insert-banner .ugc-insert-img[data-v-d33957e5] {
border-radius:6px;
height:41px;
width:100%
}
}
.ugc-article-main[data-v-e218c9bd] {
	background:#fff;
	border-radius:6px;
	box-shadow:0 2px 16px #1055bd0f;
	padding-bottom:16px
}
.ugc-custom-tabs[data-v-e218c9bd] {
	background:#fff;
	border-bottom:1px solid #edeff2;
	margin:0 20px;
	overflow:hidden;
	padding-bottom:7px;
	padding-top:12px;
	position:sticky;
	top:0;
	white-space:nowrap;
	z-index:999
}
.ugc-tab-text[data-v-e218c9bd] {
	border-radius:4px;
	color:#323232;
	cursor:pointer;
	font-family:Microsoft YaHei;
	font-size:15px;
	font-style:normal;
	font-weight:400;
	line-height:normal;
	margin-right:4px;
	padding:4px 8px
}
.ugc-tab-text[data-v-e218c9bd]:hover {
	background:rgba(59, 130, 246, .06);
	color:#3b82f6;
	position:relative
}
.tab-text-active[data-v-e218c9bd] {
	color:#3b82f6;
	font-weight:600;
	position:relative
}
.tab-text-active[data-v-e218c9bd]:after {
	background:#3b82f6;
	border-radius:20px;
	bottom:-7px;
	content:"";
	display:block;
	height:3px;
	left:20%;
	position:absolute;
	width:60%
}
.ugc-insert-main[data-v-e218c9bd] {
	display:flex;
	gap:12px;
	margin:14px 20px 0
}
.ugc-banner-insert-main[data-v-e218c9bd], .ugc-insert-main[data-v-e218c9bd] {
	border-bottom:1px solid #edeff2;
	padding-bottom:14px
}
.ugc-banner-insert-main[data-v-e218c9bd] {
	margin:20px 20px 0
}
.two-margin-banner[data-v-e218c9bd] {
	margin-top:14px
}
.two-padding-banner[data-v-e218c9bd] {
	padding-top:14px!important
}
.ugc-banner-main[data-v-e218c9bd] {
	padding:20px 20px 0;
transition-duration:.15s;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1)
}
.ugc-banner-main[data-v-e218c9bd]:hover {
	box-shadow:0 2px 16px 6px #011c4314
}
@media screen and (max-width:992px) {
.ugc-article-main[data-v-e218c9bd] {
padding:0
}
.ugc-custom-tabs[data-v-e218c9bd] {
margin:0;
overflow-x:auto;
padding:8px 0;
white-space:nowrap
}
.ugc-tab-text[data-v-e218c9bd] {
margin-right:2px
}
.tab-text-active[data-v-e218c9bd]:after {
bottom:-6px;
left:25%;
width:50%
}
.ugc-insert-main[data-v-e218c9bd] {
margin:16px 16px 0;
overflow-x:auto;
white-space:nowrap
}
.ugc-banner-main[data-v-e218c9bd] {
padding:16px 16px 0
}
.ugc-banner-insert-main[data-v-e218c9bd] {
margin:16px 16px 0
}
}
.surprise-flow-box[data-v-ebbf32c1] {
	align-items:stretch;
	align-items:flex-start;
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	margin-bottom:14px;
	margin-top:10px
}
@media (max-width:639.9px) {
.surprise-flow-box[data-v-ebbf32c1] {
margin-bottom:10px
}
}
.is-hover img[data-v-ebbf32c1]:hover {
	transform:scale(105%)
}
.is-hover .right-button[data-v-ebbf32c1] {
	opacity:.25!important
}
.is-hover .right-button[data-v-ebbf32c1]:hover {
	opacity:.35!important
}
.amz-surprise-carousel-link[data-v-ebbf32c1] {
	border-radius:6px 0 0 6px;
	overflow:hidden
}
.carousel-img[data-v-ebbf32c1] {
	border-radius:6px 0 0 6px;
	height:100%;
	max-height:326px;
transition:all .5s ease-out;
	width:100%
}
@media (max-width:639.9px) {
.carousel-img[data-v-ebbf32c1] {
max-height:182px;
min-height:182px
}
}
.carousel-img[data-v-ebbf32c1]:after {
	background-color:#98fb98;
	content:attr(data-title);
	content:"";
	display:none;
	height:30px;
	width:400px
}
.carousel-img:hover .right-button[data-v-ebbf32c1] {
	opacity:.25!important
}
.right-button[data-v-ebbf32c1] {
	align-items:center;
	background:#111827;
	border-radius:50%;
	display:flex;
	height:36px;
	justify-content:center;
	opacity:0;
	position:absolute;
	right:16px;
transition:.3s;
	width:36px
}
.left-px-button[data-v-ebbf32c1] {
	left:16px
}
.img-box-list[data-v-ebbf32c1] {
	float: right;
	border-radius:0 4px 4px 0;
	height:326px;
	max-height:326px;
	max-width:255px;
	min-width:255px;
	overflow:hidden;
	position:relative;
	width:255px
}
.img-box-item[data-v-ebbf32c1] {
	border-radius:0 4px 4px 0;
	color:#fff;
	font-family:Microsoft YaHei;
	height: 326px;
	opacity:1;
	position:absolute;
transition:all .6s ease;
	width: 255px
}
.show-img-box[data-v-ebbf32c1] {
	opacity:1;
	visibility:visible
}
.item-box-background[data-v-ebbf32c1] {
	-webkit-backdrop-filter:blur(25px);
	backdrop-filter:blur(25px);
	background-position:50%;
	background-repeat:no-repeat;
	background:hsla(0, 0%, 50%, .5);
	background-size:cover;
	filter:blur(15px);
	height:100%;
	position:absolute;
	width:100%;
	z-index:0
}
.item-box-text[data-v-ebbf32c1] {
	background-blend-mode:darken;
	background-color:#99999980;
	height:100%;
	max-height:326px;
	padding:20px 18px;
	position:absolute;
	width:100%;
	color: #FFFFFF;
	box-sizing: border-box;
	z-index:2
}
.item-box-text-bottom[data-v-ebbf32c1] {
	align-items:center;
	bottom:14px;
	color:#fff;
	display:block;
	display:flex;
	font-family:Microsoft YaHei;
	font-size:12px;
	font-weight:400;
	justify-content:space-between;
	left:18px;
	line-height:16px;
	position:absolute;
	width:219px
}
.item-box-text-bottom .item-box-text-bottom-left[data-v-ebbf32c1] {
	align-items:center;
	display:flex
}
.item-box-text-bottom .item-box-text-bottom-right[data-v-ebbf32c1] {
	align-items:center;
	display:flex;
	float:right
}
.item-box-text-title[data-v-ebbf32c1] {
	font-size:20px;
	font-weight:600;
	line-height:28px
}
.item-box-text-description[data-v-ebbf32c1] {
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	display:-webkit-box;
	font-size:13px;
	font-style:normal;
	font-weight:400;
	line-height:20px;
	margin-top:12px;
	overflow:hidden;
	text-overflow:ellipsis
}
.amz-surprise-carousel-link[data-is-surprise=true][data-v-ebbf32c1]:before {
	background-color:#fefefe;
	border-radius:5px;
	color:#444;
	content:"广告";
	font-size:12px;
	padding:1px 3px;
	position:absolute;
	right:10px;
	top:10px
}
.cover-img-main[data-v-174f7ab7] {
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:6px;
	display:flex;
	position:relative
}
.cover-img-main :hover .cover-img-hidden[data-v-174f7ab7] {
	-webkit-backdrop-filter:blur(1.5px);
	backdrop-filter:blur(1.5px);
	background:linear-gradient(180deg, rgba(0, 0, 0, .45), rgba(0, 0, 0, .55));
	border-radius:6px;
	display:block
}
.cover-img-main :hover .cover-img-title[data-v-174f7ab7] {
--tw-translate-y: -50%;
	background:none;
	position:absolute;
	top:50%
}
.cover-img-main :hover .cover-img-text[data-v-174f7ab7] {
	max-height:100%;
	max-width:100%;
	white-space:wrap
}
.cover-img-main-title[data-v-174f7ab7] {
	align-items:flex-end;
	display:flex;
	position:relative;
	width:100%
}
.cover-img-title[data-v-174f7ab7] {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-rotate: 0;
--tw-rotate-x: 0;
--tw-rotate-y: 0;
--tw-rotate-z: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
	background:linear-gradient(180deg, transparent, rgba(0, 0, 0, .6));
	border-radius:0 0 6px 6px;
	color:#fff;
	font-family:Microsoft YaHei;
	font-size:13px;
	font-weight:600;
	line-height:18px;
	padding:10px 12px;
	text-align:center;
	transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
transition-duration:.15s;
transition-duration:.5s;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
	width:100%;
	z-index:10
}
.cover-img-title .cover-img-text[data-v-174f7ab7] {
	max-height:18px;
	max-width:175px;
	overflow:hidden;
	text-align:center;
	text-overflow:ellipsis;
	white-space:nowrap
}
.cover-img-hidden[data-v-174f7ab7] {
	background-color:#00000085;
	display:none;
	height:100%;
	position:absolute;
transition-duration:.15s;
transition-duration:.5s;
	transition-property:all;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1);
	width:100%
}
.ugc-top-article-div[data-v-5c48d1a5] {
	margin-bottom:14px
}
.ugc-top-article[data-v-5c48d1a5] {
	display:flex;
	gap:14px;
	max-height:300px;
	min-width:150px
}
.cover-box-img[data-v-5c48d1a5] {
	height:132px;
	max-width:203px;
	width:100%
}
.ml-\[4px\] {
	margin-left: 4px;
}
.ugc-quick-box[data-v-cfdd0581] {
	height:256px;
	margin-top:16px;
	max-height:256px;
	overflow:hidden;
	position:relative
}
.ugc-quick-container[data-v-cfdd0581] {
	position:absolute;
	top:0
}
.ugc-quick-container .ugc-quick-message[data-v-cfdd0581] {
	display:flex;
	margin-bottom:12px;
	max-height:60px;
	width:100%
}
.ugc-quick-container .ugc-quick-message .ugc-quick-left[data-v-cfdd0581] {
	background:linear-gradient(50deg, #2b99ff, #5a6aff);
	border-radius:9999px;
	height:6px;
	margin-right:12px;
	margin-top:6px;
	opacity:.5;
	width:6px
}
.ugc-quick-container .ugc-quick-message .ugc-quick-right[data-v-cfdd0581] {
	display:flex;
	flex:1;
	flex-direction:column;
	font-family:Microsoft YaHei
}
.ugc-quick-container .ugc-quick-message .ugc-quick-right .ugc-quick-item-name[data-v-cfdd0581] {
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	color:#323232;
	display:-webkit-box;
	font-size:14px;
	font-weight:600;
	letter-spacing:0;
	line-height:20px;
	margin-bottom:4px;
	max-height:40px;
	max-width:238px;
	overflow:hidden;
	text-align:left;
	text-overflow:ellipsis
}
.ugc-quick-container .ugc-quick-message .ugc-quick-right .ugc-quick-item-time[data-v-cfdd0581] {
	color:#b8b8b8;
	font-size:12px;
	height:16px
}
.ugc-quick-container .ugc-quick-message .ugc-heat-feedback[data-v-cfdd0581] {
	align-items:center;
	display:flex;
	flex-direction:column;
	margin-left:8px;
	width:31px
}
.ugc-quick-container .ugc-quick-message .ugc-heat-feedback .ugc-heat-feedback-number[data-v-cfdd0581] {
	color:#8c8c8c;
	font-family:Microsoft YaHei;
	font-size:11px;
	font-weight:600
}
.ugc-quick-container .ugc-quick-message[data-v-cfdd0581]:hover {
	cursor:pointer
}
.ugc-quick-container .ugc-quick-message:hover .ugc-quick-item-name[data-v-cfdd0581] {
	color:#3b82f6
}
.ugc-quick-container .ugc-quick-message[data-v-cfdd0581]:last-child {
	margin-bottom:0
}
@keyframes scrollNews-cfdd0581 {
0% {
top:0
}
10% {
top:0
}
30% {
top:-272px
}
60% {
top:-544px
}
92% {
top:-815px
}
95% {
top:-815px
}
to {
	top:0
}
}
.common-aside-module[data-v-c4c46d26] {
	background:#fff;
	border-radius:6px;
	box-shadow:none;
	height:326px;
	overflow:hidden;
	box-sizing: border-box;
	padding:18px 14px 12px 20px
}
.common-tip-text[data-v-c4c46d26] {
	color:#b8b8b8;
	font-size:13px;
	font-weight:400;
	line-height:16px
}
.common-tip-text[data-v-c4c46d26], .common-title-text[data-v-c4c46d26] {
	font-family:Microsoft YaHei;
	font-style:normal
}
.common-title-text[data-v-c4c46d26] {
	color:#111827;
	font-size:18px;
	font-weight:600;
	line-height:24px;
	margin-left:6px
}
.common-module-header[data-v-c4c46d26] {
	align-items:center;
	display:flex;
	justify-content:space-between
}
.common-module-header__left[data-v-c4c46d26] {
	display:flex
}
.ugc-quick-module[data-v-c4c46d26] {
	height:272px;
	max-height:272px;
	overflow:hidden
}
.quick-right-icon[data-v-c4c46d26] {
	align-items:center;
	cursor:pointer;
	display:flex;
	height:24px;
	justify-content:center;
	width:24px
}
.hot-report-item[data-v-f31cc3e4] {
	align-items:center;
	display:flex;
	font-family:Microsoft YaHei;
	height:60px;
	justify-content:flex-start;
	padding:10px 0;
	box-sizing: border-box
}
.hot-report-item .img-div[data-v-f31cc3e4] {
	flex:none;
	height:100%;
	margin-right:10px;
	position:relative;
	width:128px
}
.hot-report-item .img-div .img-link[data-v-f31cc3e4] {
	border-radius:4px;
	display:block;
	flex:none;
	height:100%;
	overflow:hidden;
	position:relative;
	width:100%
}
.hot-report-item .img-div .report-index[data-v-f31cc3e4] {
	align-items:center;
	border-radius:2px 2px 2px 0;
	color:#fff;
	display:flex;
	font-size:12px;
	font-weight:600;
	height:16px;
	justify-content:center;
	left:-4px;
	position:absolute;
	top:6px;
	width:20.5px
}
.hot-report-item .img-div .report-index>i[data-v-f31cc3e4] {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-rotate: 0;
--tw-rotate-x: 0;
--tw-rotate-y: 0;
--tw-rotate-z: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-rotate: 4deg;
	border-radius:2px;
	height:16px;
	position:absolute;
	right:-1px;
	transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
	width:4px
}
.hot-report-item .img-div .report-index[data-v-f31cc3e4]:after {
	border-bottom:2px solid transparent;
	border-left:2px solid transparent;
	content:"";
	height:0;
	left:0;
	position:absolute;
	top:100%;
	width:0
}
.hot-report-item .report-index[data-v-f31cc3e4] {
	align-items:center;
	display:flex;
	flex:none;
	height:100%;
	justify-content:center;
	margin-right:7px;
	width:20px
}
.hot-report-item .report-info[data-v-f31cc3e4] {
	display:flex;
	flex:none;
	flex-direction:column;
	flex-shrink:1;
	justify-content:space-between
}
.hot-report-item .report-info .report-info-title[data-v-f31cc3e4] {
--tw-text-opacity: 1;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	color:rgba(50, 50, 50, var(--tw-text-opacity));
	display:block;
	display:-webkit-box;
	font-size:14px;
	font-weight:600;
	line-height:1;
	line-height:1.5;
	line-height:19px;
	margin-bottom:4px;
	overflow:hidden;
	text-overflow:ellipsis;
	width:100%
}
.hot-report-item .report-info .report-info-time[data-v-f31cc3e4] {
	color:#8c8c8c;
	font-size:12px;
	font-weight:400;
	line-height:16px
}
.hot-report-item:hover .report-info-title[data-v-f31cc3e4] {
	color:#3b82f6
}
.common-aside-module[data-v-dc8b426a] {
	background:#fff;
	border-radius:6px;
	box-shadow:none;
	padding:18px 20px 14px
}
.common-tip-text[data-v-dc8b426a] {
	color:#b8b8b8;
	font-size:13px;
	font-weight:400;
	line-height:16px;
	color:#8c8c8c;
transition:all .2s ease-out
}
.common-tip-text[data-v-dc8b426a], .common-title-text[data-v-dc8b426a] {
	font-family:Microsoft YaHei;
	font-style:normal
}
.common-title-text[data-v-dc8b426a] {
	color:#111827;
	font-size:18px;
	font-weight:600;
	line-height:24px;
	margin-left:6px
}
.common-module-header[data-v-dc8b426a] {
	align-items:center;
	display:flex;
	justify-content:space-between
}
.common-module-header__left[data-v-dc8b426a] {
	display:flex
}
.aside-right-more[data-v-dc8b426a] {
	cursor:pointer;
	display:flex
}
.aside-right-more:hover .common-tip-text[data-v-dc8b426a] {
	color:#3b82f6!important
}
.aside-right-more[data-v-dc8b426a]:hover .right-icon {
	stroke:#3b82f6
}
.common-aside-module[data-v-93f35fae] {
	background:#fff;
	border-radius:6px;
	box-shadow:none;
	padding:18px 20px
}
.common-tip-text[data-v-93f35fae] {
	color:#b8b8b8;
	font-size:13px;
	font-weight:400;
	line-height:16px
}
.common-tip-text[data-v-93f35fae], .common-title-text[data-v-93f35fae] {
	font-family:Microsoft YaHei;
	font-style:normal
}
.common-title-text[data-v-93f35fae] {
	color:#111827;
	font-size:18px;
	font-weight:600;
	line-height:24px;
	margin-left:6px
}
.common-module-header[data-v-93f35fae] {
	align-items:center;
	display:flex;
	justify-content:space-between
}
.common-module-header__left[data-v-93f35fae] {
	display:flex
}
.community-item[data-v-6469bfbe] {
	align-items:center;
	display:flex;
	justify-content:space-between;
	margin-top:20px
}
.community-item .community-item-left[data-v-6469bfbe] {
	align-items:center;
	display:flex;
	flex-grow:1;
	width:calc(100% - 60px)
}
.community-item .community-item-left .community-item-left-icon[data-v-6469bfbe] {
	align-items:center;
	border-radius:6px;
	display:flex;
	height:36px;
	justify-content:center;
	margin-right:10px;
	overflow:hidden;
	width:36px
}
.community-item .community-item-left .community-item-left-name[data-v-6469bfbe] {
	color:#323232;
	font-size:14px;
	font-weight:400;
	line-height:16px;
	max-width:calc(100% - 50px);
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.community-item .community-item-join[data-v-6469bfbe] {
	align-items:center;
	border:1px solid #3b82f6;
	border-radius:4px;
	color:#3b82f6;
	cursor:pointer;
	display:flex;
	flex:none;
	font-size:13px;
	font-weight:600;
	height:29px;
	justify-content:center;
	position:relative;
transition:all .1s ease-out;
	width:52px
}
.community-item .community-item-join[data-v-6469bfbe]:hover {
	background:#3b82f6;
	color:#fff
}
.community-item .community-item-join:hover .hover-show[data-v-6469bfbe] {
	opacity:1;
	pointer-events:unset
}
.community-item .community-item-join .community-item-join-with-text[data-v-6469bfbe] {
	background:#fff;
	border-radius:8px;
	box-shadow:0 2px 16px #252d961f;
	flex:none;
	left:-210px;
	opacity:0;
	padding:18px 32px 28px;
	pointer-events:none;
	position:absolute;
transition:all .2s ease-out;
	width:198px;
	z-index:10
}
.community-item .community-item-join .community-item-join-with-text .community-item-join-title[data-v-6469bfbe] {
	color:#111827;
	font-size:18px;
	font-weight:600;
	line-height:20px;
	margin-bottom:4px;
	max-width:100%;
	overflow:hidden;
	text-align:center;
	text-overflow:ellipsis;
	white-space:nowrap
}
.community-item .community-item-join .community-item-join-with-text .community-item-join-name[data-v-6469bfbe] {
	color:#b8b8b8;
	font-size:13px;
	font-weight:400;
	line-height:17px;
	margin-bottom:6px;
	overflow:hidden;
	text-align:center;
	text-overflow:ellipsis;
	white-space:nowrap
}
.community-item .community-item-join .community-item-join-with-text .community-item-join-qrcode[data-v-6469bfbe] {
--tw-border-opacity: 1;
	border-color:rgba(240, 239, 239, var(--tw-border-opacity));
	border-radius:4px;
	border-width:1px;
	height:132px;
	overflow:hidden;
	width:132px
}
.community-item .community-item-join .community-item-join-with-text .community-item-join-slogan[data-v-6469bfbe] {
	color:#7a7a7a;
	font-size:13px;
	font-weight:400;
	line-height:15px;
	margin-top:4px;
	overflow:hidden;
	text-align:center;
	text-overflow:ellipsis;
	white-space:nowrap
}
.community-item .community-item-join .community-item-join-with-text[data-v-6469bfbe]:after {
	border:10px solid transparent;
	border-left-color:#fff;
	bottom:50%;
	content:"";
	height:0;
	position:absolute;
	right:-19px;
	transform:translateY(50%);
	width:0
}
.community-item .community-item-join .community-item-join-with-qrcode[data-v-6469bfbe] {
	background:#fff;
	border-radius:8px;
	box-shadow:0 2px 16px #252d961f;
	flex:none;
	height:106px;
	left:-117px;
	opacity:0;
	padding:6px;
	pointer-events:none;
	position:absolute;
transition:all .2s ease-out;
	width:106px
}
.community-item .community-item-join .community-item-join-with-qrcode[data-v-6469bfbe]:after {
	border:10px solid transparent;
	border-left-color:#fff;
	bottom:43px;
	content:"";
	height:0;
	position:absolute;
	right:-19px;
	width:0
}
.contact-path[data-v-961155ad] {
	fill:#b8b8b8;
transition:all .2s ease-out
}
.svg-close[data-v-99851451] {
	stroke:#7a7a7a;
transition:all .2s ease-out
}
.common-aside-module[data-v-421252cf] {
	background:#fff;
	border-radius:6px;
	box-shadow:none;
	padding:18px 20px;
	min-height:238px;
	box-sizing: border-box;
	position:relative
}
.common-tip-text[data-v-421252cf] {
	color:#b8b8b8;
	font-size:13px;
	font-weight:400;
	line-height:16px
}
.common-tip-text[data-v-421252cf], .common-title-text[data-v-421252cf] {
	font-family:Microsoft YaHei;
	font-style:normal
}
.common-title-text[data-v-421252cf] {
	color:#111827;
	font-size:18px;
	font-weight:600;
	line-height:24px;
	margin-left:6px
}
.common-module-header[data-v-421252cf] {
	align-items:center;
	display:flex;
	justify-content:space-between
}
.common-module-header__left[data-v-421252cf] {
	display:flex
}
.community-tab[data-v-421252cf] {
	align-items:center;
	display:flex;
	height:24px;
	justify-content:space-between;
	line-height:24px
}
.community-tab .community-tabs[data-v-421252cf] {
	display:flex
}
.community-tab .community-tabs>div[data-v-421252cf] {
	margin-right:12px
}
.community-tab .community-tabs>div[data-v-421252cf]:last-child {
	margin-right:0
}
.community-tab .community-tab-left[data-v-421252cf] {
	color:#111827;
	cursor:pointer;
	display:flex;
	font-size:13px;
	font-weight:400;
	justify-content:center;
	line-height:16px;
	margin-right:12px;
	padding:10px 0;
	position:relative;
transition:all .2s
}
.community-tab .community-tab-left[data-v-421252cf]:hover {
	font-weight:600
}
.community-tab .community-tab-left[data-v-421252cf]:after {
	border-radius:20px;
	bottom:-8px;
	content:"";
	height:3px;
	position:absolute;
	width:24px
}
.community-tab .community-tab-online-consultation[data-v-421252cf] {
	color:#b8b8b8;
	cursor:pointer;
	font-size:14px;
	font-weight:400;
	line-height:16px;
transition:all .2s ease-out
}
.community-tab .community-tab-online-consultation[data-v-421252cf]:hover {
	color:#3b82f6
}
.community-tab .community-tab-online-consultation[data-v-421252cf]:hover .contact-path {
	fill:#3b82f6
}
.community-tab .on[data-v-421252cf] {
	font-weight:600
}
.community-underline[data-v-421252cf] {
	border-bottom:1px solid #edeff2;
	margin-top:14px;
	width:100%
}
.online-consultation[data-v-421252cf] {
	background:#fff;
	border-radius:6px;
	box-shadow:0 2px 16px #1055bd0f;
	display:flex;
	flex-direction:column;
	height:238px;
	left:0;
	opacity:0;
	pointer-events:none;
	position:absolute;
	top:0;
transition:all .2s ease-out;
	width:100%;
	z-index:10
}
.online-consultation .close-icon[data-v-421252cf] {
	cursor:pointer;
	display:flex;
	justify-content:flex-end;
	margin:10px 10px 8px 0
}
.online-consultation .close-icon[data-v-421252cf] :hover .svg-close {
	stroke:#111827
}
.online-consultation .online-consultation-content[data-v-421252cf] {
	align-items:center;
	display:flex;
	justify-content:space-between;
	padding:0 20px;
	width:100%
}
.online-consultation .online-consultation-tip[data-v-421252cf] {
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	color:#8c8c8c;
	display:-webkit-box;
	font-size:15px;
	font-weight:400;
	line-height:20px;
	margin-top:12px;
	overflow:hidden;
	text-align:center;
	text-overflow:ellipsis;
	width:100%
}
.online-consultation .qrcode-img[data-v-421252cf] {
	border:1px solid #ebebeb;
	border-radius:6px;
	flex-shrink:0;
	height:138px;
	overflow:hidden;
	width:138px
}
.online-consultation-show[data-v-421252cf] {
	opacity:1;
	pointer-events:auto
}


.article-item[data-v-a436f98c]:hover .index-path{fill:#3b82f6!important}.aside-hot-article-title[data-v-a436f98c]{ width: 100%; --tw-text-opacity: 1;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:rgba(50,50,50,var(--tw-text-opacity));display:-webkit-box;font-family:Microsoft YaHei;font-size:15px;font-weight:600;line-height:1;line-height:22px;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease-out}.aside-hot-article-title[data-v-a436f98c]:hover{color:#3b82f6}.article_wrapper[data-v-a436f98c]{margin-bottom:16px}.article_wrapper[data-v-a436f98c]:last-child{margin-bottom:6px}.subscript[data-v-a436f98c]{ top: 1px !important; background:rgba(0,0,0,.3);border-bottom-right-radius:6px;border-top-left-radius:6px;font-weight:600}.article_div[data-v-a436f98c]{border-radius:4px;flex:none;margin-right:10px;overflow:hidden}.article_time[data-v-a436f98c]{word-wrap:break-word;color:#b8b8b8;font-family:Microsoft YaHei;font-size:12px;font-weight:400}.common-aside-module[data-v-c65f9176]{background:#fff;border-radius:6px;box-shadow:none;padding:18px 20px}.common-tip-text[data-v-c65f9176]{color:#b8b8b8;font-size:13px;font-weight:400;line-height:16px}.common-tip-text[data-v-c65f9176],.common-title-text[data-v-c65f9176]{font-family:Microsoft YaHei;font-style:normal}.common-title-text[data-v-c65f9176]{color:#111827;font-size:18px;font-weight:600;line-height:24px;margin-left:6px}.common-module-header[data-v-c65f9176]{align-items:center;display:flex;justify-content:space-between}.common-module-header__left[data-v-c65f9176]{display:flex}.hot-article-underline[data-v-c65f9176]{border-bottom:1px solid #edeff2;margin-top:14px;width:100%}.hot-article-tabs[data-v-c65f9176]{align-items:center;color:#b8b8b8;cursor:pointer;display:flex;font-size:13px;font-weight:400;line-height:16px;transition:all .2s ease-out}.hot-article-tabs .hot-article-tab[data-v-c65f9176]{margin-left:10px}.hot-article-tabs .hot-article-tab[data-v-c65f9176]:hover{color:#3b82f6}.hot-article-tabs .on[data-v-c65f9176]{color:#3b82f6;display:flex;font-size:13px;font-weight:600;justify-content:center;line-height:16px;position:relative}.hot-article-tabs .on[data-v-c65f9176]:after{--tw-bg-opacity: 1;background-color:rgba(59,130,246,var(--tw-bg-opacity));border-radius:20px;bottom:-18px;content:"";height:3px;position:absolute;width:16px}
.amz-enlarge-img img {
    transition: transform .2s ease-out;
}
.amz-enlarge-img:hover img {
    transform: scale(1.1);
}


.ugc-quick-box[data-v-cfdd0581]{height:256px;margin-top:16px;max-height:256px;overflow:hidden;position:relative}.ugc-quick-container .ugc-quick-message[data-v-cfdd0581]{display:flex;margin-bottom:12px;max-height:60px;width:100%}.ugc-quick-container .ugc-quick-message .ugc-quick-left[data-v-cfdd0581]{background:linear-gradient(50deg,#2b99ff,#5a6aff);border-radius:9999px;height:6px;margin-right:12px;margin-top:6px;opacity:.5;width:6px}.ugc-quick-container .ugc-quick-message .ugc-quick-right[data-v-cfdd0581]{display:flex;flex:1;flex-direction:column;font-family:Microsoft YaHei}.ugc-quick-container .ugc-quick-message .ugc-quick-right .ugc-quick-item-name[data-v-cfdd0581]{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#323232;display:-webkit-box;font-size:14px;font-weight:600;letter-spacing:0;line-height:20px;margin-bottom:4px;max-height:40px;max-width:238px;overflow:hidden;text-align:left;text-overflow:ellipsis}.ugc-quick-container .ugc-quick-message .ugc-quick-right .ugc-quick-item-time[data-v-cfdd0581]{color:#b8b8b8;font-size:12px;height:16px}.ugc-quick-container .ugc-quick-message .ugc-heat-feedback[data-v-cfdd0581]{align-items:center;display:flex;flex-direction:column;margin-left:8px;width:31px}.ugc-quick-container .ugc-quick-message .ugc-heat-feedback .ugc-heat-feedback-number[data-v-cfdd0581]{color:#8c8c8c;font-family:Microsoft YaHei;font-size:11px;font-weight:600}.ugc-quick-container .ugc-quick-message[data-v-cfdd0581]:hover{cursor:pointer}.ugc-quick-container .ugc-quick-message:hover .ugc-quick-item-name[data-v-cfdd0581]{color:#3b82f6}.ugc-quick-container .ugc-quick-message[data-v-cfdd0581]:last-child{margin-bottom:0}@keyframes scrollNews-cfdd0581{0%{top:0}10%{top:0}30%{top:-272px}60%{top:-544px}92%{top:-815px}95%{top:-815px}to{top:0}}.common-aside-module[data-v-c4c46d26]{background:#fff;border-radius:6px;box-shadow:none;height:326px;overflow:hidden;padding:18px 14px 12px 20px}.common-tip-text[data-v-c4c46d26]{color:#b8b8b8;font-size:13px;font-weight:400;line-height:16px}.common-tip-text[data-v-c4c46d26],.common-title-text[data-v-c4c46d26]{font-family:Microsoft YaHei;font-style:normal}.common-title-text[data-v-c4c46d26]{color:#111827;font-size:18px;font-weight:600;line-height:24px;margin-left:6px}.common-module-header[data-v-c4c46d26]{align-items:center;display:flex;justify-content:space-between}.common-module-header__left[data-v-c4c46d26]{display:flex}.ugc-quick-module[data-v-c4c46d26]{height:272px;max-height:272px;overflow:hidden}.quick-right-icon[data-v-c4c46d26]{align-items:center;cursor:pointer;display:flex;height:24px;justify-content:center;width:24px}.hot-report-item[data-v-f31cc3e4]{align-items:center;display:flex;font-family:Microsoft YaHei;height:60px;justify-content:flex-start;padding:10px 0}.hot-report-item .img-div[data-v-f31cc3e4]{flex:none;height:100%;margin-right:10px;position:relative;width:128px}.hot-report-item .img-div .img-link[data-v-f31cc3e4]{border-radius:4px;display:block;flex:none;height:100%;overflow:hidden;position:relative;width:100%}.hot-report-item .img-div .report-index[data-v-f31cc3e4]{align-items:center;border-radius:2px 2px 2px 0;color:#fff;display:flex;font-size:12px;font-weight:600;height:16px;justify-content:center;left:-4px;position:absolute;top:6px;width:20.5px}.hot-report-item .img-div .report-index>i[data-v-f31cc3e4]{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate: 0;--tw-rotate-x: 0;--tw-rotate-y: 0;--tw-rotate-z: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-rotate: 4deg;border-radius:2px;height:16px;position:absolute;right:-1px;transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));width:4px}.hot-report-item .img-div .report-index[data-v-f31cc3e4]:after{border-bottom:2px solid transparent;border-left:2px solid transparent;content:"";height:0;left:0;position:absolute;top:100%;width:0}.hot-report-item .report-index[data-v-f31cc3e4]{align-items:center;display:flex;flex:none;height:100%;justify-content:center;margin-right:7px;width:20px}.hot-report-item .report-info[data-v-f31cc3e4]{display:flex;flex:none;flex-direction:column;flex-shrink:1;justify-content:space-between}.hot-report-item .report-info .report-info-title[data-v-f31cc3e4]{--tw-text-opacity: 1;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:rgba(50,50,50,var(--tw-text-opacity));display:block;display:-webkit-box;font-size:14px;font-weight:600;line-height:1;line-height:1.5;line-height:19px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;width:100%}.hot-report-item .report-info .report-info-time[data-v-f31cc3e4]{color:#8c8c8c;font-size:12px;font-weight:400;line-height:16px}.hot-report-item:hover .report-info-title[data-v-f31cc3e4]{color:#3b82f6}.common-aside-module[data-v-dc8b426a]{background:#fff;border-radius:6px;box-shadow:none;padding:18px 20px 14px}.common-tip-text[data-v-dc8b426a]{color:#b8b8b8;font-size:13px;font-weight:400;line-height:16px;color:#8c8c8c;transition:all .2s ease-out}.common-tip-text[data-v-dc8b426a],.common-title-text[data-v-dc8b426a]{font-family:Microsoft YaHei;font-style:normal}.common-title-text[data-v-dc8b426a]{color:#111827;font-size:18px;font-weight:600;line-height:24px;margin-left:6px}.common-module-header[data-v-dc8b426a]{align-items:center;display:flex;justify-content:space-between}.common-module-header__left[data-v-dc8b426a]{display:flex}.aside-right-more[data-v-dc8b426a]{cursor:pointer;display:flex}.aside-right-more:hover .common-tip-text[data-v-dc8b426a]{color:#3b82f6!important}.aside-right-more[data-v-dc8b426a]:hover .right-icon{stroke:#3b82f6}


.h-\[10px\] {
    height: 10px;
}
.-translate-x-1\/2, .translate-x-\[-50\%\] {
    --tw-translate-x: -50% !important;
}

.transform {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0;
    --tw-rotate: 0;
    --tw-rotate-x: 0;
    --tw-rotate-y: 0;
    --tw-rotate-z: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scale-z: 1;
    transform: translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));
}
.w-\[38px\] {
    width: 38px;
}
.-top-1 {
    top: -4.5px !important;
}
.left-\[50\%\] {
    left: 50%;
}
.top-0 {
    top: 0;
}
.absolute {
    position: absolute;
}
.h-\[9px\] {
    height: 9px;
}
.before\:inline-block:before, .inline-block {
    display: inline-block;
}
.rounded-md {
    border-radius: 0.375rem;
}
.ease, .ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.transition-all {
    transition-duration: .15s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.w-\[91px\] {
    width: 86px;
}
.text-\[var\(--gray\)\] {
    color: var(--gray);
}
.before\:relative:before, .relative {
    position: relative;
}
.overflow-hidden {
    overflow: hidden;
}
.h-\[100px\] {
    height: 100px;
}
.border, .border-1, .border-\[1px\] {
    border-width: 1px;
}
.rounded-\[6px\] {
    border-radius: 6px !important;
}
.rounded-sm {
    border-radius: 0.125rem;
}
.border-gray-200 {
	border: 1px solid rgba(229,231,235);
    --tw-border-opacity: 1;
    border-color: rgba(229,231,235);
}
.w-full {
    width: 100%;
}
.justify-center {
    justify-content: center;
}
.flex {
    display: flex;
}
.amz-enlarge-img {
    overflow: hidden;
}

.w-10 {
    width: 40px;
}
.overflow-hidden {
    overflow: hidden;
}
.mb-\[8px\] {
    margin-bottom: 8px;
}
.mt-\[18px\] {
    margin-top: 18px;
}
.h-10 {
    height: 40px;
}
.rounded-full {
    border-radius: 9999px;
}
.amz-enlarge-img img {
    transition: transform .2s ease-out;
}
.whitespace-nowrap {
    white-space: nowrap;
}

.overflow-ellipsis, .truncate {
    text-overflow: ellipsis;
}
.text-\[\#323232\] {
    --tw-text-opacity: 1;
    color: rgba(50,50,50,var(--tw-text-opacity));
}
.text-center {
    text-align: center;
}
.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.overflow-hidden {
    overflow: hidden;
}
.mb-\[16px\] {
    margin-bottom: 16px;
}
.leading-\[17px\] {
    line-height: 17px;
}
.text-\[13px\] {
    font-size: 13px;
    line-height: 1;
}
.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr));
}
.gap-y-3 {
    grid-row-gap: 0.75rem;
    -webkit-row-gap: .75rem;
    -moz-row-gap: .75rem;
    row-gap: 0.75rem;
}
.gap-x-\[10px\] {
    grid-column-gap: 10px;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}
.pb-1 {
    padding-bottom: 0.25rem;
}
.pt-\[16px\] {
    padding-top: 16px;
}
.grid {
    display: grid;
}
.common-aside-module {
    background: #fff;
    border-radius: 6px;
    box-shadow: none;
    padding: 18px 20px;
}