/* ========================================
 *    Update：1762160747
 *    Author：Repute
 * Copyright：Prestige International
 * ========================================
 * */

.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(--blue-085);transition:all .3s}
.pr-content .pr-container>.pr-tabs>ul>li.active>a{font-weight:700;color:var(--blue-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(--blue-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(--blue-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(--blue-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: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 (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: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(--blue-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(--blue-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}
}