@charset "utf-8";

/* goldbanner */
.hybanner{}

/*行情*/
.treaty__mei{margin-top:100px;width:100%;max-width:1200px}
.treaty__mei .hyhq{margin-bottom:40px;border:1px solid #EBF0F4;border-radius:20px}
.treaty__mei .hyhq ul{padding:20px 45px;flex-direction:column}
.treaty__mei .hyhq ul li{width:100%;font:400 18px var(--PFM);color:#666666}
.treaty__mei .hyhq ul li .hqitem{width:130px;height:60px}
.treaty__mei .hyhq ul li:nth-of-type(1){font:400 16px var(--PFR);color:#666666}

/*账户简介*/
.treaty__mei .account{margin: 0 auto;padding: 50px 0;width:100%;}
.treaty__mei .account h2{font:500 34px var(--PFM);color: #333;text-align: center;}
.treaty__mei .account ul{margin: 40px 0;flex-direction: column;}
.treaty__mei .account ul li{width:100%;height: auto;border-bottom: 1px solid #F2F2F2;}
.treaty__mei .account ul li:nth-of-type(1) .dealitem{position: relative;font:500 16px var(--PFM) !important;}
.treaty__mei .account ul li .dealitem{padding: 16px 0;width: 33.33%;box-sizing: border-box;font:400 14px/1.5 var(--PFR);}
.treaty__mei .account p{font:400 16px/1.5 var(--PFR);color: #666666;text-align: center;}

/*交易细则*/
.treaty__mei .deal ul{margin-bottom: 80px;}
.treaty__mei .deal ul li{justify-content: space-between;}
.treaty__mei .deal ul li .line{position: absolute;right: 0;top: 18px; width: 1px;height: 24px;background-color: #D8D8D8;}
.treaty__mei .deal ul li .dealitem:nth-of-type(1){width: 20%;justify-content: center;}
.treaty__mei .deal ul li .dealitem:nth-of-type(2){width: 40%;}
.treaty__mei .deal ul li .dealitem:nth-of-type(3){width: 40%;}

@media only screen and (max-width: 992px) {
	/*黄金白银差价合约*/
	.treaty__mei{margin-top:6vw;}
	.treaty__mei .hyhq{margin-bottom: 4vw;}
	.treaty__mei .hyhq ul{padding: 2vw 0;}
	.treaty__mei .hyhq ul li{justify-content: space-evenly;}
	.treaty__mei .hyhq ul li .hqitem{width: initial; height: 6vw; font-size: var(--sm_t);}
	
	.treaty__mei .account{padding:5vw 0;}
	.treaty__mei .account ul li .dealitem{justify-content: flex-start; padding: 1.8vw; }
	.treaty__mei .account ul{margin: 3vw 0;}
	
	.treaty__mei .deal ul li .line{height: 2vh; top: initial;}
	/*文字*/
	.treaty__mei .account h2{font-size:var(--lg_t);}
	.treaty__mei .hyhq ul li:nth-of-type(1) .hqitem,
	.treaty__mei .account ul li:nth-of-type(1) .dealitem,
	.treaty__mei .account ul li .dealitem,
	.treaty__mei .account p{font-size: var(--sm_t) !important;} 
}

@media only screen and (max-width: 540px) {
	.treaty__mei .hyhq{}
	.treaty__mei .hyhq ul{padding: 2vw 3vw;}
	.treaty__mei .hyhq ul li .hqitem{width: initial; height: 8vw;}
	.treaty__mei .account{padding:5vw 0;}
	.treaty__mei .account h2{font-size: 4.8vw;}
	.treaty__mei .account ul li .dealitem{padding: 1.8vw;}
	.treaty__mei .account ul{margin: 3vw 0;}
	.treaty__mei .deal ul li .line{height: 2vh; top: initial;}
	.treaty__mei .hyhq ul li .hqitem:nth-of-type(7),
	.treaty__mei .hyhq ul li .hqitem:nth-of-type(8){display: none;}
	/*文字*/
	.treaty__mei .hyhq ul li:nth-of-type(1) .hqitem,
	.treaty__mei .hyhq ul li .hqitem,
	.treaty__mei .account ul li:nth-of-type(1) .dealitem,
	.treaty__mei .account p,
	.treaty__mei .account ul li .dealitem{font-size: var(--sm_t) !important;;}
}

@media only screen and (max-width: 375px) {
	.treaty__mei .account ul li .dealitem{padding: 1.8vw;}
	.treaty__mei .hyhq ul li:nth-of-type(1) .hqitem,
	.treaty__mei .hyhq ul li .hqitem{font-size: 2.8vw !important;}
	.treaty__mei .hyhq ul li .hqitem{width: initial; height: 8vw;}
	.treaty__mei .account h2{font-size: 4.8vw;}
	.treaty__mei .account ul li:nth-of-type(1) .dealitem,
	.treaty__mei .account ul li .dealitem,
	.treaty__mei .account p{font-size: 2.8vw !important;}
}