.pr-content {
	background-color: var(--white);
}
.pr-content .pr-container {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.pr-content .pr-container>.pr-tabs {
	width: 100%;
	position: relative;
}
.pr-content .pr-container>.pr-tabs>ul {
	display: inline-flex;
	height: 68px;
	align-items: center;
	gap: 40px;
	flex-shrink: 0;
}  
.pr-content .pr-container>.pr-tabs>ul>li {
	display: flex;
	align-items: center;
	gap: 10px;
	align-self: stretch;
}
.pr-content .pr-container>.pr-tabs>ul>li.active {
	border-bottom: 3px solid var(--brand-fe3);
}
.pr-content .pr-container>.pr-tabs>ul>li>a {
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color: var(--gray-085);
	transition: all .3s;
}
.pr-content .pr-container>.pr-tabs>ul>li.active>a {
	font-weight: 700;
	color: var(--brand-11d);
}
.pr-tabs .tab-content {
	position: relative;
	padding: 40px 0 120px;
}
.tab-content .quote-box {
	display: flex;
	padding: 16px 16px 20px 16px;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 16px;
	border: 1px solid var(--gray-cf0);
}
.quote-box table.quote-table tbody tr {
	transition: all .3s ease-in-out;
	border-radius: 12px;
}
.quote-box table.quote-table tr th {
	padding: 10px 16px;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	color: var(--gray-085);
	width: 250px;
	max-width: 100%;
	text-align: right;
}
.quote-box table.quote-table.table-3 tr th {
	width: 312px;
}
.quote-box table.quote-table tr td {
	padding: 28px 16px;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	color: var(--brand-11d);
	text-align: right;
}
.quote-box table.quote-table tr th:first-child,
.quote-box table.quote-table tr td:first-child {
	text-align: left;
	display: flex;
	align-items: center;
	gap: 16px;
}
.quote-box table.quote-table tr td:last-child {
	font-style: normal;
	font-weight: 400;
	color: var(--gray-085);
}
.quote-box table.quote-table tr.xauusd td span.svg {
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url("/static/images/price/icon-xau.svg") no-repeat 0 0/100% 100%;
}
.quote-box table.quote-table tr.xagusd td span.svg {
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url("/static/images/price/icon-xag.svg") no-repeat 0 0/100% 100%;
}
.quote-box table.quote-table.table-3 tr td span.svg {
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url("/static/images/price/icon-phyxag.svg") no-repeat 0 0/100% 100%;
}
.quote-box table.quote-table tr.down td span.dd1 {
	font-weight: 500;
	color: var(--green-d85);
}
.quote-box table.quote-table tr.up td span.dd1 {
	font-weight: 500;
	color: var(--red-b54);
	padding-left: 7px;
}
.tab-content .quote-tips {
	margin-top: 20px;
	text-align: right;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	color: var(--gray-7c2);
}
@media screen and (min-width:1680px) and (max-width: 1919px) {
	
}
@media screen and (min-width:1360px) and (max-width: 1679px) {
	
}
@media screen and (min-width:1200px) and (max-width: 1359px) {
	.pr-content .pr-container>.pr-tabs>ul {
		padding: 0 40px;
	}
	.pr-content .pr-container {
		max-width: 1120px;
	}
}
@media screen and (min-width: 1200px) {
	.quote-box table.quote-table tr .m-td-hide {
		display: table-cell;
	}
	.quote-box table.quote-table tr .m-td-show {
		display: none;
	}
	.quote-box table.quote-table tbody tr:hover {
		background-color: var(--gray-5f7);
	}
}
@media screen and (max-width: 1199px) {
	
}
@media screen and (min-width:1024px) and (max-width: 1199px) {
	.pr-content .pr-container>.pr-tabs>ul {
		padding: 0 40px;
	}
	.pr-content .pr-container {
		max-width: 944px;
	}
	.quote-box table.quote-table.table-2 tr th:nth-child(2),
	.quote-box table.quote-table.table-2 tr th:nth-child(3),
	.quote-box table.quote-table.table-2 tr th:nth-child(4) {
		width: 170px;
	}
	.quote-box table.quote-table.table-3 tr th {
	  width: 300px;
	}
	.quote-box table.quote-table.table-3 tr th:nth-child(2),
	.quote-box table.quote-table.table-3 tr th:nth-child(3) {
		width: 240px;
	}
	.quote-box table.quote-table tr .m-td-hide {
		display: table-cell;
	}
	.quote-box table.quote-table tr .m-td-show {
		display: none;
	}
	.quote-box table.quote-table tbody tr:hover {
		background-color: var(--gray-5f7);
	}
}
@media screen and (max-width: 1023px) {
	.pr-content .pr-container>.pr-tabs>ul {
		padding: 0 16px;
		height: 55px;
		gap: 30px;
		display: inline-block;
	}
	.pr-content .pr-container>.pr-tabs>ul>li {
		float: left;
		margin-right: 30px;
	}
	.pr-content .pr-container>.pr-tabs>ul>li>a {
		display: inline-block;
		line-height: 20px;
		padding: 16px 0;
		font-size: 15px;
	}
	.pr-tabs .tab-content {
		padding: 30px 0 60px;
	}
	.tab-content .quote-box {
		border-radius: 0;
		padding: 0 16px;
		display: block;
		border-width: 1px 0 1px 0;
	}
	.quote-box table.quote-table {
		width: 1024px;
		max-width: 100%;
		display: block;
	}
	.quote-box table.quote-table,
	.quote-box table.quote-table thead,
	.quote-box table.quote-table tbody,
	.quote-box table.quote-table tr {
		display: block !important;
		width: 100%;
	}
	.quote-box table.quote-table tr {
		display: flex;
		width: 100%;
		justify-content: space-between;
	}
	.quote-box table.quote-table tr .m-td-hide {
		display: none;
	}
	.quote-box table.quote-table tr .m-td-show {
		display: table-cell;
	}
	.quote-box table.quote-table tr th {
		padding: 10px 0;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 17px;
		width: 33.33%;
		float: left;
	}
	.quote-box table.quote-table.table-3 tr th,
	.quote-box table.quote-table.table-3 tr td {
		width: 31%;
	}
	.quote-box table.quote-table.table-3 tr th:first-child,
	.quote-box table.quote-table.table-3 tr td:first-child {
		width: 38%;
	}
	.quote-box table.quote-table tr th:first-child, 
	.quote-box table.quote-table tr td:first-child {
		display: inline-flex;
	}
	.quote-box table.quote-table tr td {
		padding: 16px 0;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 160%;
		width: 33.33%;
		float: left;
	}
	.quote-box table.quote-table tr.up td span.dd1 {
		font-weight: 500;
		color: var(--red-b54);
		padding-left: 7px;
	}
	.quote-box table.quote-table tr td:first-child {
		gap: 10px;
	}
	.quote-box table.quote-table tr td .newprice p:first-child span.dd1 {
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 142%;
	}
	.quote-box table.quote-table tr th:first-child {
		display: inline-flex;
	}
	.quote-box table.quote-table tr td span.svg {
		width: 28px !important;
		height: 28px !important;
	}
	.tab-content .quote-tips {
		margin-top: 16px;
		text-align: center;
		padding: 0 16px;
	}
	.quote-box table.quote-table tr td.bidAsk span {
		display: block;
		font-size: 12px;
		font-weight: 400;
	}
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 700px) { 
	.quote-box table.quote-table tr td span.time,
	.quote-box table.quote-table tr td.quoTime span {
		display: inline-block;
		width: 80px;
	}
	.quote-box table.quote-table tr td:first-child p {
		width: 80px;
	}
	.quote-box table.quote-table tr td:first-child p span:first-child {
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 20px;
		color: var(--brand-11d);
	}
	.quote-box table.quote-table tr td:first-child p span:nth-child(2) {
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%;
		color: var(--gray-085);
	}
	.pr-tabs .tab-content {
		padding: 30px 0 50px;
	}
	.quote-box table.quote-table tr td.bidAsk span {
		display: block;
		font-size: 14px;
		font-weight: 500;
	}
	.quote-box table.quote-table.table-3 tr th,
	.quote-box table.quote-table.table-3 tr td {
		width: 31%;
	}
	.quote-box table.quote-table.table-3 tr .m-td-hide {
		display: none;
	}
}