/*----------交易平台-----------*/
em img{width: 26px;}
.platform-con{
	margin: 0 auto;
	padding: 70px 0;
}
.platform-con h4{	
	margin-top: 40px;
}
h5{
	font-size: 18px;
	margin-bottom: 10px;
	color:#000;
}
.platform-con:nth-of-type(2n+1){
	background: #f6f6f6;	
}
.platform-box{
	width:100%;
	max-width: 1090px;
	margin: 0px auto;	
	display: table;	
	padding: 0 15px;	
}
.platform-content{
	display: table-cell;
	vertical-align: middle;	
	padding-left:40px;
	width: 360px;
}
.platform-content h3{
	text-align: left;
	display: inline-block;
	font-size: 2rem;
	color: #333;
}
.platform-content h3 label{
	font-size: 3.6rem;
}
.platform-content ul,.que-row ul{
	margin-top: 30px;
}
.platform-content ul li,.column_containter ul li,.que-row ul li{
	line-height:1.8;
	padding: 8px 0;
	background: url(../images/icon.png) no-repeat left 9px;
	padding-left:50px;
}
.column_containter ul li p{
	margin: 5px 0 10px;
	line-height: 1.8;
}
.platform-content>a,.column_containter>a,.que-row>a{
	display: block;
	margin: 30px 0;
	color: #046eb8;
}
.platform-img{
	display: table-cell;
	text-align: right;
}
.platform-img1:{
	text-align: left;		
}
.grid{
	width: 100%;
	height: 450px;
	background: url(../images/platform-img4.jpg) no-repeat fixed;
	background-size: cover;
}
.state-con{
	width:100%;
	max-width: 800px;
	border-bottom: 1px solid #ddd;
	margin: 0 auto;
	padding: 60px 0;
}
/*----------常见问题-----------*/
.que-list{
	width:100%;
	max-width: 930px;
	border-bottom: 1px solid #ddd;
	margin: 0 auto;
	padding-bottom: 60px;
}
.que-box{
	width: 675px;
	margin: 0 auto;
	text-align: justify;
}
.que-box h5{
	color: #666;
	text-align: center;
	font-size: 1.8rem;
	padding: 30px 0;
}
/*----------交易平台详细页-----------*/
.content-page{
	width: 606px;
	margin: 30px auto 0;
	padding-bottom: 120px;
	text-align: justify;
}
.content-page .more-check a{
	margin: 50px auto 0;
}
.column_img,.column_img1{
	display: table-cell;
	vertical-align: middle;
}
.column_img{
	text-align: left;
	padding-right: 50px;
}
.column_img1{
	text-align: right;
	padding-left: 50px;
}
.column_img img,.column_img1 img{
	width: 100%;	
}
.column_containter{	
	width: 460px;
	float: right;
}
.column_containter p{
	margin-top: 30px;
	text-align: justify;
	text-justify :distribute;	
}
.column_containter ul{
	margin-top: 30px;
	margin-left: 50px;
}
.column_containter>a{
	margin-left: 50px;
}
.two-btn{	
	text-align: center;
}
.more-check a.btn-check{
	display:inline-block;
	float:left:
}
.more-check a.btn-check:last-of-type{	
	margin-left:20px;
}
.m-80{
	margin-top: 80px;
}
.p-50{
	padding-bottom: 50px;
}
/*----------帮助/问题诊断-----------*/
.containter-row{
	width: 100%;
	max-width: 950px;
	margin: 80px auto;
	padding: 0 10px;
}
.help-row{
	width: 360px;
	float: left;	
}
.help-row h6{	
	background: url(../images/icon.png) no-repeat left center;
	padding-left:50px;
	font-weight: bold;
}
.help-row h6,.help-row p{
	line-height: 3;
}
.help-row p{
	margin-bottom: 20px;
}
.m-30{
	margin-top: 30px;
}
.que-row{
	width:300px;
	float: right;
}
/*-------------弹出层----------*/
#Overlay{
	position:fixed;
    top: 0;
    left: 0;
    z-index: 9999;    
    background:#000;        
    opacity: 0.7;
    width: 100%;    
    display:none;
}
#mask{
	width:100%;
	height:360px;
	position:fixed;
	 z-index: 10000;   
	top:50%;
	margin-top: -180px;
	background:#046db8;
	display:none;
}
.mask-box{
	width:700px;
	margin:0 auto;
	background:url(../images/mask_bg.png);
	padding-top: 120px;
}
.close{
	font-size: 3rem;
	color:#fff;
	position:absolute;
	right:15px;
	top:5px;
	cursor:pointer;	
	font-family:arial;
}
/*-------------下载------------*/
.download-box{
	max-width: 720px;
	margin: 30px auto 100px;
	padding: 0 15px;	
}
.download-box>p{
	text-align: center;
	margin-bottom: 40px;
}
.system-list{
	margin: 0 auto;
	width: 100%;
	display: table;	
}
.system-list li{	
	display: table-cell;
	text-align: center;
}
.system-list li a{
	display: inline-block;
	height: 90px;
}
.system-list li a img{
	width:90px;	
}
.mobile-list li{
	float: left;
	width: 50%;
	text-align: center;	
}
hr{
	width: 100%;
	max-width: 1060px;
	margin: 60px auto;
	border-color: #ddd;
}
#preform{
	background:#f1f1f1;	
	padding: 60px 0 80px;
}
#preform .preform-box{
	width: 100%;
	max-width: 1060px;
	margin: 0 auto;
	padding: 0 20px;	
}
#preform li{
	width: 45%;	
	float: left;
	margin-top: 30px;
	-moz-display: flex;
	-webkit-display: flex;
	display: flex;	
}
#preform li:nth-of-type(2n){
	width: 45%;
	float: right;
}
#preform li div{
	-webkit-flex: 1;
	-moz-flex: 1;
	flex: 1;
	display: inline-block;
	font-size: 1.4rem;
}
#preform li h4{	
	font-size: 1.6rem;
	color: #000;
	text-align: left;
	margin: 0;
}
#preform li>p{	
	width: 70px;
	text-align: center;
	margin-right: 30px;		
}
.account-intro{
	width: 100%;
	height: 500px;
	background: url(../images/mt4-img1.jpg) no-repeat center;
	border-top:10px solid #fff;
	border-bottom:10px solid #fff;
	background-size: cover;	
	position: relative;
}
.intro-box{
	width: 430px;
	height: 230px;
	text-align: center;
	position: absolute;	
	top:50%;
	margin-top: -115px;
}
.account-intro .intro-box{
	left:15%;
}
.intro-box p{
	font-size: 2rem;
	padding: 10px 0;
}
.intro-box a{
	display: block;	
	margin-top: 60px;
	color: #046eb8;
}
.pro-intro{
	width: 100%;
	height: 500px;
	background: url(../images/mt4-img2.jpg) no-repeat center fixed;	
	background-size: cover;	
	position: relative;
}
.pro-intro .intro-box{
	right:15%;		
	color: #fff;
}
.pro-intro a,.pro-intro h3{
	color: #fff;
}
/*-------------账户类型一览表------------*/
.account-tab{
	width: 100%;
	max-width: 1080px;	
	margin: 30px auto 0;
	padding: 0 15px;
}
.account-tab table{
	width: 100%;	
	border: 1px solid #ddd;
	border-collapse: collapse;	
}
.account-tab table td,.account-tab table th{
	border: 1px solid #ddd;
	text-align: center;
	padding: 10px 5px;	
	line-height: 1.5;
	vertical-align: middle;	
}
.account-tab table th{
	color: #000;
}
.account-tab .active{
	background: #f1f1f1;
}
.open{	
	width: 100%;
	max-width: 1080px;	
	margin: 30px auto;
	padding: 0 15px;
}
.open a{
	width: 100%;
	height: 80px;
	line-height: 80px;
}
.p-0{
	padding-bottom: 0;
}
/*-------------左边导航------------*/
.left-box{
	width:150px;
	position:fixed;
	top:150px;
	left:-1px;
}
.left-box dl{	
	border:1px solid #ddd;
	box-shadow: 0px 0px 2px #ccc;
	margin-bottom: 20px;
}
.left-box dt{	
	color:#fff;
	padding:10px;
	background: url(../images/lefg-icon.jpg) no-repeat 115px center #1270b7;	
}
.left-box dd{
	padding:0 10px;
	font-size: 1.4rem;
	background:#fff;	
}
.left-box dd a{
	display:inline-block;
	position:relative;
}
.left-box dd a span{	 
	position:absolute; 	
	width:0;
	height:0; 
	bottom:0;
	background:#1270b7; 
	left:50%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}
.left-box dd a:hover{
	color:#1270b7;
}
.left-box dd a:hover span{	
	height:1px;
	width:100%;	
	left:0;
	right:0;
}
.left-box dd:first-of-type{
	padding-top: 10px;
}
.left-box dd:last-of-type{
	padding-bottom: 10px;
}
/*-------------@media------------*/
@media only screen and (max-width:980px) {		
	.platform-img img,.platform-img1 img{
		width: 100%;
		max-width:400px;
	}	
}
@media only screen and (max-width:860px) {		
	.column_img,.column_img1{
		display: block;	
		padding: 0 45px;	
	}
	.column_containter{	
		width: 460px;
		float: initial;
		margin: 50px auto 0;
	}
	.account-intro,.pro-intro{
		height: 360px;
	}
	.account-intro .intro-box{
		left:50%;
		margin-left: -215px;
	}	
	.pro-intro .intro-box{
		right:50%;
		margin-right: -215px;
	}
	.account-tab table td{
		font-size: 1.4rem;
	}
	.grid{		
		height: 300px;		
	}
}
@media only screen and (max-width:760px) {
	.que-box{
		width:100%;
		padding-left: 20px;
		padding-right: 20px;
	}	
}
.serTab{
	width:100%;
	border-collapse: collapse;
}
.serTab th,.serTab td {
    height: 37px;
    line-height: 37px;
    background: #177ac4;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    border:1px solid #ccc;
}
.serTab td {   
    background: #fff;
    color: #666;    
}
.que-items{
	width:420px;
	height:53px;
	margin:50px auto;
}
.que-items li{
	float:left;
	width:180px;
	margin:0 15px;    
    text-align: center;    
    font-size: 1.8rem;
}
.que-items li a{	
	width:180px;	
	border: 2px solid #046db8;    
    color: #046db8;    
    height:52px;
    line-height: 52px;       
    display:block;
}
.que-items li a:hover,.que-items li.on a{
	background:#046db8;	
	display:block;
	color:#fff;
}