@charset "utf-8";

/*-------------------------------  重置清除  -------------------------------*/
*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

table,
th,
td,
tbody,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dd,
dt,
ol,
ul {
	margin: 0;
	padding: 0;
}

i,
cite,
em {
	font-style: normal;
}

ol,
ul,
input {
	list-style: none;
}

input,
button,
select,
textarea,
a {
	outline: none;
}

input {
	text-decoration: none;
	border: none;
}

textarea {
	overflow: auto;
	resize: none;
}

/* 清除a标签样式 */
a,
a:visited,
a:hover {
	text-decoration: none;
}

.hidden {
	display: none;
}

.show {
	display: block;
}

.pointer {
	cursor: pointer;
}


/*-------------------------------  END. 重置清除  -------------------------------*/
.text-1 {
	font-size: .75rem;
}

.text-2 {
	font-size: .875rem;
}

.text-4 {
	font-size: 1.25rem;
}

.text-5 {
	font-size: 1.5rem;
}

body {
	font-size: 16px;
	color: #4c4c4c;
}

/* a { font-size: .75rem; color: #4c4c4c;} */
/* a.hover-default:hover { color: #4c4c4c;} */
.container {
	max-width: 1212px;
	padding-left: 0;
	padding-right: 0;
}

/* .container-fluid { padding-left: 0; padding-right: 0;} */
/* .main-page { background: #f5f5f5;} */

/* ------------------------- carousel 轮播 ------------------------- */

.page-title .title {
	position: relative;
	font-size: 1.3rem;
	font-weight: 600;
	color: #666;
	padding-left: 10px;
}

.page-title .title:before {
	content: "";
	position: absolute;
	width: 4px;
	height: 26px;
	top: 0;
	left: 0;
	background-color: #666;
}


.page-search {
	background-color: #fff;
	border-radius: 8px;
	padding: 1rem 0;
	box-shadow: 2px 0 6px #f2f2f2,
		0 2px 6px #f2f2f2,
		-2px 0 6px #f2f2f2,
		0 -2px 6px #f2f2f2;
}

.page-search .search-box {
	display: flex;
	justify-content: space-between;
	height: 36px;
	border: 1px solid #b3b3b3;
	border-radius: 36px;
	margin: 12px 40px;
}

.page-search .search-box input {
	background-color: transparent;
	padding-left: 16px;
	width: 100%;
}

.page-search .search-box input:focus {
	border: 2px solid #12335f;
	border-top-left-radius: 18px;
	border-bottom-left-radius: 18px
}

.page-search .search-box .search-btn {
	width: 5%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-search .search-box .search-btn:hover {
	border: 2px solid #12335f;
	border-top-right-radius: 18px;
	border-bottom-right-radius: 18px
}


.hashtag-box {
	margin: 12px 40px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 1em;
    column-gap: 30px;
}

/* .hashtag-box .hashtag:first-child {
	margin-left: 0px;
} */

.hashtag {
	/* margin-left: 40px; */
	font-size: 1rem;
	font-weight: normal;
	cursor: pointer;
}

.hashtag:hover {
	font-weight: 600;
}
.hashtag-active {
	background-color: #12335f;
	color: #fff;
}


.page-content .card {
	border-radius: 8px;
	overflow: hidden;
	transition: all 300ms;
	cursor: pointer;
}

.card-primary:hover {
	border: 1px solid #12335f;
	transform: scale(1.05);
}

.card-danger:hover {
	border: 1px solid #dc3545;
	transform: scale(1.05);
}

.card-secondary:hover {
	border: 1px solid #6c757d;
	transform: scale(1.05);
}

.card .card-image {
	height: 170px;
	overflow: hidden;
	padding: 1.25rem 1.25rem 0 1.25rem;
}

.card-image img {
	width: 100%;
	/* 图片宽度占满整个 div */
	height: 100%;
	/* 图片高度占满整个 div */
	object-fit: cover;
	/* 裁剪图片以覆盖整个 div */
	object-position: center;
	/* 默认展示图片中心位置 */
}

.card .card-title-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.card-title-text {
	font-size: 1.124rem;
	font-weight: 600;
	line-height: 1.75rem;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
	white-space: nowrap;
}

.badge-status {
	padding: 6px 12px;
}

.card-body-danger {
	background-color: #fef2f2;
}

.card-body-secondary {
	background-color: #f8f9fa;
}

.score-text {
	display: flex;
	align-items: flex-start;
	font-size: 0.875rem;
	line-height: 1.25rem;
}

.score-star {
	position: relative;
	display: inline-block;
	font-size: 1.125rem;
	line-height: 1.25rem;
}

/* .full-star {
	color: #eab308;
}

.half-star {
	color: #ccc;
	position: relative;
}

.half-star::before {
	content: '★';
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	overflow: hidden;
	color: #eab308;
	pointer-events: none;
} */

.score-star-wrap {
	display: inline-flex;
	width: 80px
}

.card-wrap {
	margin-bottom: 30px;
}

.card-body .card-content {
	font-size: .875rem;
	color: #999;
	height: 45px;
	word-break: break-all;
	overflow: hidden;
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.share-transfer-content {
	margin-top: 0.75rem;
	margin-bottom: 1.25rem;
}

.share-transfer-hashtag {
	margin-top: 0.75rem;
	margin-bottom: 1.25rem;
}

.share-transfer-hashtag .hashtag:first-child {
	margin-left: 0px;
}

.share-transfer-hashtag .hashtag:hover {
	font-weight: normal;
}

.share-transfer-data-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
    border-top: 1px solid #dee2e6;
	padding: 1rem .75rem .75rem .75rem;

}

.share-transfer-data {
	font-size: 0.875rem;
	color:#6b7280;
	width: 40%;
}

.share-transfer-data .transfer-item-row label {
	width: 70px;
    text-align: right;
}

.share-transfer-interaction {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem .75rem .75rem .75rem;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px);
}

.interaction-item {
	display: flex;
	align-items: center;
}

.interaction-count-text {
	font-size: 18px;

}

.share-transfer-like-bookmark {
	display: flex;
	align-items: center;
}

.interaction-like:hover {
	color:#dc3545
}

.interaction-bookmark:hover {
	color:#eab308
}

.share-transfer-read {
	display: flex;
	align-items: center;
}

.alert-left {
	text-align: left;
}

/* .carousel-wrap {
	padding-bottom: 0.5rem;
} */

#share-transfer-carousel .carousel-inner {
	border-radius: .25rem

}

#share-transfer-carousel .carousel-inner img {
	object-fit: contain;width: 100%;	height: 300px;

}

#share-transfer-carousel .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ddd' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

#share-transfer-carousel .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ddd' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}


/*
.page-content .card .card-image img.merchant-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.more-merchant-info a {
	margin: 40px 0 60px 0;
} */

/* ------------------------- 退税数据 tax-refund-data-wrap ------------------------- */
/* .tax-refund-data-wrap .card { border: none; color: #498cfb;}
.tax-refund-data-wrap .card .card-body p { font-size: .75rem; padding-bottom: 8px;}
.tax-refund-data-wrap .card h3 { font-weight: 600;} */


/* ------------------------- 退税简介 tax-refund-data-wrap ------------------------- */
/* .about-tax-refund-wrap .card {
	border: none;
	padding: 1rem 0;
	box-shadow: 2px 0 6px #f2f2f2,
				0 2px 6px #f2f2f2,
				-2px 0 6px #f2f2f2,
				0 -2px 6px #f2f2f2;
}
.about-tax-refund-wrap .card h5.card-title { font-weight: 600; color: #999;}
.about-tax-refund-wrap .card h5.card-title:before {
	content: "";
	position: absolute;
	width: 4px;
	height: 20px;
	top: 22px;
	left: 0;
	background-color: #999;
}
.about-tax-refund-wrap .card .card-body { padding: 1.25rem  4rem 1.25rem 0;}
.about-tax-refund-wrap .card .card-body .card-text p { font-size: .875rem; color: #999; line-height: 24px; padding: 4px 0;}
.about-tax-refund-wrap .tax-refund-logo img { width: 80%;} */

/* ------------------------- 退税商家 tax-refund-merchant ------------------------- */
/* .tax-refund-merchant-wrap .item-title-content h2.item-title { font-size: 1rem; font-weight: 600;}
.tax-refund-merchant-wrap .item-title-content h2.item-title+p { font-size: .875rem;}
.tax-refund-merchant-wrap .item-title-box:before {
	content: "";
	position: absolute;
	width: 4px;
	height: 36px;
	top: 0;
	left: 0;
	background-color: #666;
}
.tax-refund-merchant-wrap .card .merchant-photo-box { position: relative;}
.tax-refund-merchant-wrap .card .card-body h5.card-title { font-size: 1rem; font-weight: 600; color: #666;}
.tax-refund-merchant-wrap .card .card-body h5.card-title+p,
.tax-refund-merchant-item-wrap .card .card-body h5.card-title+p  {
	font-size: .75rem;
	height: 56px;
	color: #999;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.tax-refund-merchant-wrap .card .card-body div  {
	font-size: .75rem;
	height: 54px;
	color: #999;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	line-height: 18px;
}



.tax-refund-merchant-wrap .card .merchant-photo-box img.merchant-logo { position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50%);}
.tax-refund-merchant-wrap ul.merchant-list > li { padding-bottom: 30px; border-radius: 8px; overflow: hidden;}
.tax-refund-merchant-wrap ul.merchant-list > li .card { border-radius: 8px; overflow: hidden;}
.tax-refund-merchant-wrap ul.merchant-more-option { padding: 10px 0; background-color: #f2f2f2; border-top: solid 1px #d9d9d9;}
.tax-refund-merchant-wrap ul.merchant-more-option button {
	padding: 6px 6px;
	border-radius: 4px;
	flex: 1;
	background-color: #f60;
	color: #fff;
	border: #fff;
	margin: 0 16px;
}

.tax-refund-merchant-wrap ul.merchant-more-option button:hover { background-color: #f80; color: #fff;}

.tax-refund-merchant-wrap ul.merchant-more-option button.disabled {
	background-color: #f8f9fa;
	color:#212529;
}
.tax-refund-merchant-wrap ul.merchant-more-option button.disabled:hover { background-color: #f8f9fa;}

.more-merchant-info a { margin: 40px 0 60px 0;} */

/* ------------------------- 详情页 ------------------------- */
/* .banner-img { background: url('/application/views/images/tax_refund_tutorial/images/full_site.png') no-repeat center center; height: 152px;}
.tax-refund-breadcrumb-wrap { background-color: #fff;}
.tax-refund-breadcrumb-wrap ol.breadcrumb { font-size: .75rem; background-color: transparent; padding: 8px 0;}



.tax-refund-merchant-item-wrap .item-title-box h2 { margin-left: -16px; line-height: 36px;}
.tax-refund-merchant-item-wrap .item-title-box:before { content: ""; display: none;}
.tax-refund-merchant-item-wrap .search-box {
	position: relative;
	float: right;
	width: 260px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #b3b3b3;
	border-radius: 36px;
}
.tax-refund-merchant-item-wrap .search-box input { background-color: transparent; font-size: .875rem; padding-left: 16px; margin-top: -1px;}


.tax-refund-merchant-item-wrap  ul.merchant-list { padding: 0 7px;}
.tax-refund-merchant-item-wrap ul.merchant-list > li { padding-left: 8px; padding-right: 8px;}
.tax-refund-merchant-item-wrap .merchant-logo-box img { width: 40%;}
.tax-refund-merchant-item-wrap .card .card-body h5.card-title+p { height: 38px; -webkit-line-clamp: 2;}
.tax-refund-merchant-item-wrap ul.merchant-more-option span { color: #e1e1e1;}
.tax-refund-merchant-item-wrap ul.merchant-more-option button { padding: 6px 0px; border: none; flex: auto; margin: 0;}
.tax-refund-merchant-item-wrap ul.merchant-more-option button:hover { background-color: transparent; color: #f60;}



.question-answer .search-box {
	position: relative;
	float: left;
	width: 260px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #b3b3b3;
	border-radius: 36px;
	margin-top: 8px;
}
.question-answer .search-box input { background-color: transparent; font-size: .875rem; padding-left: 16px; margin-top: -1px;}
.question-answer .search-box .search-btn { position: absolute; top: 0; right: 13px; cursor: pointer;}
.question-answer-category-wrap .category-column a.cat-highlight { padding: 2px 4px; color: #42c1f0; border: 1px solid #42c1f0;}
.question-answer-category-wrap .category-column a:hover { color: #42c1f0;}
.question-answer-content {
	background-color: #fff;
	border-radius: 8px;
	padding: 1rem 0;
	box-shadow: 2px 0 6px #f2f2f2,
				0 2px 6px #f2f2f2,
				-2px 0 6px #f2f2f2,
				0 -2px 6px #f2f2f2;
}
.question-answer-content .card { border: none; padding: 0 16px;}
.question-answer-content .card h2.card-title { font-weight: 600; padding-bottom: 10px; font-size: 1.125rem;}
.question-answer-content .card p { font-size: .875rem; padding-bottom: 10px;}
.question-answer-content .read-content-all {
	display: block;
	text-align: center;
	font-size: .875rem;
	cursor: pointer;
	color: #42c1f0;
	padding: 10px 0;
}
.question-answer-content .read-content-all:after {
	content: " ";
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url("/application/views/images/tax_refund_tutorial/images/arrow-bottom.png") no-repeat 5px 7px;
}
.question-answer-content button.agree-btn {
	color: #fff;
	background-color: #42c1f0;
	padding: 4px 8px;
	margin-left: 16px;
	line-height: 26px;
}
.question-answer-content button.agree-btn:before {
	content: " ";
	display: inline-block;
	width: 24px;
	height: 20px;
	background: url("/application/views/images/tax_refund_tutorial/images/agree-icon.png") no-repeat 5px 7px;
}
.question-answer-content button.agree-btn+span {
	margin-left: 48px;
	color: #42c1f0;
	cursor: pointer;
}
.question-answer-content button.agree-btn+span:after {
	content: " ";
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url("/application/views/images/tax_refund_tutorial/images/arrow-top.png") no-repeat 5px 7px;
}
.question-answer-content > li {
	padding-bottom: 40px;
	border-bottom: 1px solid #ebebeb;
} */