body, html {
	background: #F0F0F0;
}
.btn {
	font-size: 12px;
}
.userpage .user-widget {
	display: flex;
	justify-content: flex-start;
	text-align: left;
}
.userpage p {
	margin-top: 2.5px;
	margin-bottom: 2.5px;
}
.userpage .avatar-box {
	margin-right: 20px;
}
.userpage .buy-box {
	font-size: 12px;
	line-height: 9px;
	color: #518BA4;
	opacity: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.userpage .buy-box a {
	padding: 3px 10px;
	background: #518BA4;
	color: #fff;
	border-radius: 20px;
}
.userpage .buy-box-time {
	font-size: 12px;
	color: #A7A7A7;
	opacity: 1;
}
.userpage .user-info {
	width: 100%;
	height: auto;
	background: #F7F7F7;
	opacity: 1;
	border-radius: 9px;
	margin-top: 10px;
	color: #a7a7a7;
	padding: 20px;
}
.userpage .user-info span{
	color: #777777
}

.userpage .user-info a {
	padding: 0 5px;
	font-size: 12px;
	background: #FF7528;
	color: #fff;
	border-radius: 20px;
	float: right;
}
.userpage .dtitle {
	position: relative;
}

.userpage .dtitle i {
	display: block;
	width: 100%;
	height: 1px;
	background: #F8DED2;
}
.userpage .action-btn-box {
	margin: 20px 0 20px;
}
.userpage .action-btn-box .dtitle span {
	font-size: 12px;
	color: #FD9966;
	line-height: 1;
	position: absolute;
	top: -5px;
	background: #fff;
	padding-right: 10px;
}
.userpage .action-btn-box .actions {
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
}
.userpage .action-btn-box .actions .btn {
	width: 49%;
	font-size: 12px;
}
.userpage .compare-content3 {
	padding: 20px;
	/*box-sizing: unset;*/
}
.userpage .compare-content3 tbody td{
	padding-top: 10px;
	padding-bottom: 10px;
}
.userpage .compare-content3 tbody td a {
	color: #FF7528;
	text-decoration: underline;
	padding: 0 5px;
}

.shopModal .modal-title {
	color: #FF7528;
	font-size: 24px;
	text-align: left;
	margin-bottom: 20px;
}
.shopModal .modal-time {
	color: #A7A7A7;
	font-size: 12px;
	padding-bottom: 10px ;
	margin-bottom: 10px;
	border-bottom: 1px solid #FF7528;
}
.shopModal .row {
	margin-bottom: 10px;
}
.shopModal .row label {
	font-size: 14px;
	color: #A7A7A7
}
.shopModal .row.form-info>div {
	text-align: unset;
}
.shopModal .modal-footer {
	padding: 0;
	flex-wrap: unset;
}
.shopModal .modal-footer button {
	width: 100%;
	margin: 0;
	padding: 10px;
	border-radius: 0 0 .25rem 0;
	font-size: 14px;
}
.shopModal .modal-footer button:first-child {
	border-radius: 0 0 0 .25rem;
}
.shopModal .modal-footer button:last-child {
	background: #C9C9C9;
	border-color:#C9C9C9
}
.shopModal .modal-footer button:last-child:hover {
	background: #aaa;
	border-color:#aaa;
}
.shopModal .contact-type {
	line-height: 20px;
	padding-top: 10px;
}

.title-actions {
	display: flex;
	justify-content: space-between;
	padding: 20px 20px 0;
	align-items: center;
}
.title-actions span {
	color:#555555;
	font-size: 20px;
}
.title-actions .action-btn .btn{
	min-width: 100px;
	margin-right: 20px;
}
.title-actions .action-btn .btn.resume {
	border-color:#518BA4;
	color: #518BA4;
}
.action-btn .btn.resume:hover {
	background: #CADCE6;
}
.action-btn .btn.resume:active {
	background: #CADCE6;
	border-color:#518BA4;
	color: #518BA4;
}
.title-actions .action-btn .btn.resume-active {
	border-color:#518BA4;
	background: #518BA4;
	color: #fff;
}
.tips {
	position: relative;
}
.tips i {
	width: 20px;
	height: 20px;
	transform: rotate(45deg);
	display: block;
	border: 1px solid #CADCE6;
	background: #f2f9fc;
	border-bottom: 0;
	border-right: 0;
	position: absolute;
	top: 0;
	left: 10%

}
.tips-box {
	border: 1px solid #CADCE6;
	background: #f2f9fc;
	color: #555;
	border-radius: 20px;
	padding: 20px;
}
.tips2 {
	position: absolute;
	width: 95%;
	left: 2.5%;
	z-index: 9;
	margin-top: 10px;
}
.tips2 p {
	text-indent: 1em;
}
.tips2 i {
	width: 15px;
	height: 15px;
	transform: rotate(45deg);
	display: block;
	border: 1px solid #F8DED2;
	background: #FFF7F4;
	border-bottom: 0;
	border-right: 0;
	position: absolute;
	top: -7px;
	left: 85px

}
.tips2 .tips-box {
	border: 1px solid #F8DED2;
	background: #FFF7F4;
	color: #555;
	border-radius: 15px;
	padding: 20px;
	width: 100%;
}
.table-action-btn .btn {
	font-size: 12px;
	max-width: 80px;
	padding: 4px 5px !important;
	width: 100%;
	text-decoration: unset !important;
}
.table-action-btn .btn:active {
	background: unset !important;
	color: #FF7528 !important;
}
.table-action-btn .btn img {
	height: 12px;
}
.mail-box .table-action-btn .btn {
	border-color:#518BA4;
	color: #518BA4;
}
.mail-box .table-action-btn .btn:hover {
	background: #CADCE6;
}
.mail-box .table-action-btn .btn:active {
	background: #CADCE6 !important;
	border-color:#518BA4 !important;
	color: #518BA4 !important;
}

.send-mail-form .actions .btn{
	min-width: 110px;
	margin: 0 10px;
}
.send-mail-form textarea {
	height: 352px;
}
.xinxi {
	width: 14px;
	height: 14px;
	margin-left: 10px;
	cursor: pointer;
}

.tab-pane .card {
	min-height: 605.5px;
	overflow-y: hidden;
}
/*.tab-pane .card-body::after {*/
/*	content: '';*/
/*	position: absolute;*/
/*	top: 0;*/
/*	bottom: 100px;*/
/*	right: 0;*/
/*	width: 0;*/
/*	box-shadow: 0 0 10px 10px rgba(0,0,0,.1);*/
/*}*/
.tab-pane .card.card-table-list {
	position: relative;
	padding-bottom: 80px;
}
.tab-pane .card.card-table-list .blog-pagination {
	position: absolute;
	width: 100%;
	bottom: 15px;
}
.tab-pane .card.card-table-list .blog-pagination .pagination {
	margin-bottom: 0;
}

@media only screen and (max-width: 767.98px) {
	.shopModal .modal-title {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.shopModal .row {
		margin-bottom: 0;
	}
	.shopModal .row>div {
		text-align: unset;
	}
	.shopModal .modal-body {
		padding: 1rem 2rem
	}
	.shopModal .form-control {
		min-height: 32px;
		height: 32px;
		padding: 4px 15px;
	}
	.shopModal .row.form-info div {
		margin-bottom: 0;
	}
	.title-actions .action-btn {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}
	.title-actions .action-btn .btn{
		min-width: 80px;
		margin-right: unset;
	}
	.title-actions span {
		font-size: 1.1rem;
	}
	.tips2 {
		position: relative;
	}
	.tab-pane .card {
		min-height: unset;
	}
	.tab-pane .card.card-table-list {
		padding-bottom: unset;
	}
	.tab-pane .card.card-table-list .blog-pagination {
		position: unset;
		width: 100%;
		bottom: unset;
	}
	.tab-pane .card.card-table-list .blog-pagination .pagination {
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
}