@charset "utf-8";
* {
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-font-smoothing: antialiased;
}
html,body{
	padding: 0;
	margin: 0;
}
body{
	background: #efefef;
}
a{
	text-decoration: none;
	color: #333;
}
a:hover{
	color: #000;
	cursor: pointer;
}
ol,
ul {
	list-style: none;
	padding: 0;
}
@media (min-width:1200px) {
	.head_top{
		width: 100%;
		height: 76px;
		background: #34485c;
	}	
	.head_wrap{
		max-width: 1200px;
		height: 76px;
		margin: 0 auto;
	}
	a.head_logo{
		width: 104px;
		height: 42px;
		display: block;
		overflow: hidden;
		margin-top: 17px;
		float: left;
	}
	a.head_personal{
		font-size: 16px;
		color: #ccc;
		line-height: 76px;
		float: right;
	}
	a.head_personal:hover{
		color: #fff;
	}
	a.head_personal i{
		font-size: 18px;
	}
	.banner{
		position: relative;
	}
	.banner img{
		max-width: 100%;
		display: block;
		padding: 0;
		margin: 0;
	}
	.bann_div{
		position: absolute;
		left: 20%;
		bottom: 18%;
	}
	.bann_div a{
		display: inline-block;
		padding: 12px 60px;
		background: #EA5C5C;
		font-size: 20px;
		color: #fff;
		border-radius: 5px;
	}
	.bann_div p{
		font-size: 16px;
		color: #999;
		margin-top: 30px;
	}
	.content{
		background: url(../images/background-mid.jpg) no-repeat center top;
		background-size: 100% auto;
		padding-bottom: 100px;
	}
	.con_title{
		width: 100%;
		height: 50px;
		background: #34485c;
	}
	.con_title ul{
		clear: both;
		overflow: hidden;
		margin: 0 auto;
		text-align: center;
		padding: 0;
	}
	.con_title ul li{
		padding: 0 80px;
		height: 50px;
		display: inline-block;
		line-height: 50px;
		margin: 0;
		
	}
	.con_title ul li.on{
		background: #EA5C5C;
	}
	.con_title ul li a{
		font-size: 20px;
		font-weight: 500;
		color: #fff;
	}
	.con_details p.time{
		font-size: 20px;
		color: #fff;
		text-align: center;
		margin: 100px auto;
		clear: both;
	}
	 h2.title_h2{
		background: url(../images/tc2.png) no-repeat center bottom;
		background-size: 500px auto;
		padding-bottom: 50px;
		text-align: center;
		font-size: 26px;
		color: #fff;
	}
	.jx_set ul{
		clear: both;
		overflow: hidden;
		text-align: center;
		max-width: 1200px;
		margin: 0 auto 100px auto;
		padding: 0;
	}
	.jx_set ul li{
		display: inline-block;
		margin: 0 50px;
	}
	.jx_set ul li h4{
		font-size: 26px;
		font-weight: 600;
		color: #fff;
	}
	.jx_set ul li div.bonus{
		width: 215px;
		height: 158px;
		background: url(../images/bz3.png) no-repeat center top;
		background-size: 100% auto;
	}
	.jx_set ul li div.bonus strong{
		font-size: 30px;
		line-height: 158px;
		color: #FE6532;
	}
	.rule{
		max-width: 1200px;
		margin: 100px auto 0 auto;
	}
	.rule_con{
		margin: 50px auto;
	}
	.rule_con ul li{
		margin-bottom: 20px;
	}
	.rule_con ul li h5{
		color: #FE6532;
		margin: 20px 0;
		font-size: 18px;
	}
	.rule_con ul li p{
		color: #fff;
	}
	a.btn_application{
		display: block;
		width: 240px;
		padding: 12px 0;
		font-size: 20px;
		background: #EA5C5C;
		margin: 100px auto 50px auto;
		text-align: center;
		color: #fff;
	}
	.con_paiming p.time{
		font-size: 20px;
		color: #fff;
		text-align: center;
		margin: 100px auto;
		clear: both;
	}
	.paiming_div{
		max-width: 1160px;
		margin: 0 auto;
	}
	.paiming_div table{
		color: #fff;
		    font-size: 14px;
		    border-collapse: separate;
		    border-spacing: 0px 10px;
		    table-layout: fixed;
		    border-radius: 4px;
		    width: 100%;
		    margin-bottom: 10px;
			color: #fff;
			font-size: 14px;
			border-collapse: separate;
			border-spacing: 0px 10px;
	}
	.paiming_div table thead{
		height: 54px;
	}
	.paiming_div table thead tr{
		border-radius: 4px;
		background: #FE6532;
	}
	.paiming_div table thead tr th:first-child{
		border-top-left-radius: 4px;
		    border-bottom-left-radius: 4px;
	}
	.paiming_div table thead tr th{
		font-weight: normal;
		text-align: center;
		line-height: 54px;
	}
	.paiming_div table .margin{
		width: 10px;
		background: #090c12;
	}
	.paiming_div table tbody tr:nth-child(-n+3){
		background: #362322;
	}
	.paiming_div table tbody tr:nth-child(-n+3) img{
		height: 23px;
		width: auto;
	}
	.paiming_div table tbody tr{
		margin-top: 10px;
		text-align: center;
		background: #181818;
	}
	.paiming_div table tbody tr td{
		padding: 22px 0px;
		/* background: #362322; */
		color: #CCCCCC;
		line-height: 22px;
	}
	.footer{
		height: 45px;
		background: #000;
	}
	.footer p{
		text-align: center;
		font-size: 14px;
		color: #666;
		margin: 0;
		padding: 0;
		line-height: 45px;
	}
	.con_list{
		display: none;
	}
	.con_list:nth-child(1){
		display: block;
	}
	.contact{
		width: 50px;
		background: #EA5C5C;
		position: fixed;
		right: 0;
		bottom: 7%;
	}
	.contact a{
		display: block;
		font-size: 18px;
		color: #fff;
		text-align: center;
		padding: 15px;
	}
	.contact:hover a{
		background: #FE6532;
	}
	/*客服微信弹框*/
	.trading-wrap{
		position: fixed;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.4);
		z-index: 99;
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.trading-wrap a.delete{
		position: absolute;
		right: -10px;
		top: -10px;
		display: block;
		width: 20px;
		height: 20px;
		line-height: 18px;
		border-radius: 10px;
		background: #fff;
		font-size: 20px;
		color: #000;
		text-align: center;
	}
	.wechat-box{
		position: relative;
		display: none;
		width: 500px;
		height: 380px;
		background: #fff;
		border-radius: 10px;
			text-align: center;
	}
	.wechat-box img{
		width: 220px;
		display: inline-block;
		margin: 35px auto 10px auto;
	}
	.wechat-box p{
		display: inline-block;
		width: 220px;
		font-size: 16px;
		text-align: center;
		padding: 0 20px;
		margin: 0;
	}
	p.tip-trading{
		width: 100%;
		font-size: 20px;
		margin-top: 15px;
	}
	.wechat-001{
		display: block;
	}
	
	/*个人中心*/
	.personal_div{
		width: 1200px;
		margin: 0 auto;
		clear: both;
		overflow: hidden;
		background: #fff;
	}
	.title_left{
		width: 300px;
		float: left;
		margin-top: 24px;
	}
	.title_left ul{
		margin-left: 40px;
	}
	.title_left ul li{
		height: 80px;
		line-height: 80px;
		box-shadow: 0 0 3px #ccc;
		text-align: center;
	}
	.title_left ul li:hover a{
		color: #EA5C5C;
		cursor: pointer;
	}
	.title_left ul li.on a{
		color: #EA5C5C;
	}
	.content_right{
		width: 830px;
		border: 1px solid #efefef;
		float: right;
		padding: 100px 30px;
		margin-right: 40px;
		margin-top: 40px;
		margin-bottom: 120px;
	}
	.mess_input{
		clear: both;
		overflow: hidden;
		margin-top: 30px;
	}
	.mess_input label{
		width: 100px;
		height: 45px;
		font-size: 16px;
		line-height: 45px;
		text-align: right;
		display: block;
		float: left;
	}
	.mess_input input{
		width: 500px;
		height: 45px;
		display: block;
		padding: 0 15px;
		background: #fff;
		border: 1px solid #efefef;
	}
	a.btn_update{
		display: block;
		width: 500px;
		height: 45px;
		background: #EA5C5C;
		color: #fff;
		text-align: center;
		line-height: 45px;
		text-align: center;
		margin-left: 100px;
		margin-top: 30px;
	}
	.baoming_record table{
		width: 100%;
		border: 1px solid #efefef;
	}
	.baoming_record table th{
		background: #EA5C5C;
		font-size: 16px;
		color: #fff;
		padding: 20px 0;
	}
	.baoming_record table td{
		margin-top: 5px;
		padding: 20px 0;
		text-align: center;
	}
	.paiming ul li{
		font-size: 20px;
		line-height: 2em;
	}
	
	
}
@media (min-width:992px) and (max-width:1199px) {
	.head_top{
		width: 100%;
		height: 66px;
		background: #34485c;
	}	
	.head_wrap{
		max-width: 970px;
		height: 76px;
		margin: 0 auto;
	}
	a.head_logo{
		width: 104px;
		height: 42px;
		display: block;
		overflow: hidden;
		margin-top: 17px;
		float: left;
	}
	a.head_personal{
		font-size: 16px;
		color: #ccc;
		line-height: 76px;
		float: right;
	}
	a.head_personal:hover{
		color: #fff;
	}
	a.head_personal i{
		font-size: 18px;
	}
	.banner{
		position: relative;
	}
	.banner img{
		max-width: 100%;
		display: block;
		padding: 0;
		margin: 0;
	}
	.bann_div{
		position: absolute;
		left: 10%;
		bottom: 15%;
	}
	.bann_div a{
		display: inline-block;
		padding: 12px 60px;
		background: #EA5C5C;
		font-size: 20px;
		color: #fff;
		border-radius: 5px;
	}
	.bann_div p{
		font-size: 16px;
		color: #999;
		margin-top: 30px;
	}
	.content{
		background: url(../images/background-mid.jpg) no-repeat center top;
		background-size: auto% 100%;
		padding-bottom: 100px;
	}
	.con_title{
		width: 100%;
		height: 50px;
		background: #34485c;
	}
	.con_title ul{
		clear: both;
		overflow: hidden;
		margin: 0 auto;
		text-align: center;
		padding: 0;
	}
	.con_title ul li{
		padding: 0 80px;
		height: 50px;
		display: inline-block;
		line-height: 50px;
		margin: 0;
		
	}
	.con_title ul li.on{
		background: #EA5C5C;
	}
	.con_title ul li a{
		font-size: 20px;
		font-weight: 500;
		color: #fff;
	}
	.con_details p.time{
		font-size: 20px;
		color: #fff;
		text-align: center;
		margin: 80px auto;
		clear: both;
	}
	 h2.title_h2{
		background: url(../images/tc2.png) no-repeat center bottom;
		background-size: 500px auto;
		padding-bottom: 50px;
		text-align: center;
		font-size: 26px;
		color: #fff;
	}
	.jx_set ul{
		clear: both;
		overflow: hidden;
		text-align: center;
		max-width: 970px;
		margin: 0 auto 100px auto;
		padding: 0;
	}
	.jx_set ul li{
		display: inline-block;
		margin: 0 30px;
	}
	.jx_set ul li h4{
		font-size: 26px;
		font-weight: 600;
		color: #fff;
	}
	.jx_set ul li div.bonus{
		width: 215px;
		height: 158px;
		background: url(../images/bz3.png) no-repeat center top;
		background-size: 100% auto;
	}
	.jx_set ul li div.bonus strong{
		font-size: 30px;
		line-height: 158px;
		color: #FE6532;
	}
	.rule{
		max-width: 970px;
		margin: 100px auto 0 auto;
	}
	.rule_con{
		margin: 50px auto;
	}
	.rule_con ul{
		padding: 0 40px;
	}
	.rule_con ul li{
		margin-bottom: 20px;
	}
	.rule_con ul li h5{
		color: #FE6532;
		margin: 20px 0;
		font-size: 18px;
	}
	.rule_con ul li p{
		color: #fff;
	}
	a.btn_application{
		display: block;
		width: 240px;
		padding: 12px 0;
		font-size: 20px;
		background: #EA5C5C;
		margin: 100px auto 50px auto;
		text-align: center;
		color: #fff;
	}
	.con_paiming p.time{
		font-size: 20px;
		color: #fff;
		text-align: center;
		margin: 100px auto;
		clear: both;
	}
	.paiming_div{
		max-width: 1160px;
		margin: 0 auto;
	}
	.paiming_div table{
		color: #fff;
		    font-size: 14px;
		    border-collapse: separate;
		    border-spacing: 0px 10px;
		    table-layout: fixed;
		    border-radius: 4px;
		    width: 100%;
		    margin-bottom: 10px;
			color: #fff;
			font-size: 14px;
			border-collapse: separate;
			border-spacing: 0px 10px;
	}
	.paiming_div table thead{
		height: 54px;
	}
	.paiming_div table thead tr{
		border-radius: 4px;
		background: #FE6532;
	}
	.paiming_div table thead tr th:first-child{
		border-top-left-radius: 4px;
		    border-bottom-left-radius: 4px;
	}
	.paiming_div table thead tr th{
		font-weight: normal;
		text-align: center;
		line-height: 54px;
	}
	.paiming_div table .margin{
		width: 10px;
		background: #090c12;
	}
	.paiming_div table tbody tr:nth-child(-n+3){
		background: #362322;
	}
	.paiming_div table tbody tr:nth-child(-n+3) img{
		height: 23px;
		width: auto;
	}
	.paiming_div table tbody tr{
		margin-top: 10px;
		text-align: center;
		background: #181818;
	}
	.paiming_div table tbody tr td{
		padding: 22px 0px;
		/* background: #362322; */
		color: #CCCCCC;
		line-height: 22px;
	}
	.footer{
		height: 45px;
		background: #000;
	}
	.footer p{
		text-align: center;
		font-size: 14px;
		color: #666;
		margin: 0;
		padding: 0;
		line-height: 45px;
	}
	.con_list{
		display: none;
	}
	.con_list:nth-child(1){
		display: block;
	}
	.contact{
		width: 50px;
		background: #EA5C5C;
		position: fixed;
		right: 0;
		bottom: 7%;
	}
	.contact a{
		display: block;
		font-size: 18px;
		color: #fff;
		text-align: center;
		padding: 15px;
	}
	.contact:hover a{
		background: #FE6532;
	}
	/*客服微信弹框*/
	.trading-wrap{
		position: fixed;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.4);
		z-index: 99;
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.trading-wrap a.delete{
		position: absolute;
		right: -10px;
		top: -10px;
		display: block;
		width: 20px;
		height: 20px;
		line-height: 18px;
		border-radius: 10px;
		background: #fff;
		font-size: 20px;
		color: #000;
		text-align: center;
	}
	.wechat-box{
		position: relative;
		display: none;
		width: 500px;
		height: 380px;
		background: #fff;
		border-radius: 10px;
			text-align: center;
	}
	.wechat-box img{
		width: 220px;
		display: inline-block;
		margin: 35px auto 10px auto;
	}
	.wechat-box p{
		display: inline-block;
		width: 220px;
		font-size: 16px;
		text-align: center;
		padding: 0 20px;
		margin: 0;
	}
	p.tip-trading{
		width: 100%;
		font-size: 20px;
		margin-top: 15px;
	}
	.wechat-001{
		display: block;
	}
	
	/*个人中心*/
	.personal_div{
		width: 970px;
		margin: 0 auto;
		clear: both;
		overflow: hidden;
		background: #fff;
	}
	.title_left{
		width: 250px;
		float: left;
		margin-top: 24px;
	}
	.title_left ul{
		margin-left: 40px;
	}
	.title_left ul li{
		height: 80px;
		line-height: 80px;
		box-shadow: 0 0 3px #ccc;
		text-align: center;
	}
	.title_left ul li:hover a{
		color: #EA5C5C;
		cursor: pointer;
	}
	.title_left ul li.on a{
		color: #EA5C5C;
	}
	.content_right{
		width: 650px;
		border: 1px solid #efefef;
		float: right;
		padding: 60px 30px;
		margin-right: 40px;
		margin-top: 40px;
		margin-bottom: 120px;
	}
	.mess_input{
		clear: both;
		overflow: hidden;
		margin-top: 30px;
	}
	.mess_input label{
		width: 100px;
		height: 45px;
		font-size: 16px;
		line-height: 45px;
		text-align: right;
		display: block;
		float: left;
	}
	.mess_input input{
		width: 400px;
		height: 45px;
		display: block;
		padding: 0 15px;
		background: #fff;
		border: 1px solid #efefef;
	}
	a.btn_update{
		display: block;
		width: 400px;
		height: 45px;
		background: #EA5C5C;
		color: #fff;
		text-align: center;
		line-height: 45px;
		text-align: center;
		margin-left: 100px;
		margin-top: 30px;
		margin-bottom: 50px;
	}
	.baoming_record table{
		width: 100%;
		border: 1px solid #efefef;
	}
	.baoming_record table th{
		background: #EA5C5C;
		font-size: 16px;
		color: #fff;
		padding: 20px 0;
	}
	.baoming_record table td{
		margin-top: 5px;
		padding: 20px 0;
		text-align: center;
	}
	.paiming ul li{
		font-size: 20px;
		line-height: 2em;
	}
}
@media (min-width:768px) and (max-width:991px) {
	.head_top{
		width: 100%;
		height: 66px;
		background: #34485c;
	}	
	.head_wrap{
		max-width: 750px;
		height: 66px;
		margin: 0 auto;
	}
	a.head_logo{
		width: 104px;
		height: 42px;
		display: block;
		overflow: hidden;
		margin-top: 12px;
		float: left;
	}
	a.head_personal{
		font-size: 16px;
		color: #ccc;
		line-height: 66px;
		float: right;
	}
	a.head_personal:hover{
		color: #fff;
	}
	a.head_personal i{
		font-size: 18px;
	}
	.banner{
		position: relative;
	}
	.banner img{
		max-width: 100%;
		display: block;
		padding: 0;
		margin: 0;
	}
	.bann_div{
		position: absolute;
		left: 10%;
		bottom: 15%;
	}
	.bann_div a{
		display: inline-block;
		padding: 10px 40px;
		background: #EA5C5C;
		font-size: 18px;
		color: #fff;
		border-radius: 5px;
	}
	.bann_div p{
		font-size: 14px;
		color: #999;
		margin-top: 30px;
	}
	.content{
		background: url(../images/background-mid.jpg) no-repeat center top;
		background-size: auto% 100%;
		padding-bottom: 100px;
	}
	.con_title{
		width: 100%;
		height: 50px;
		background: #34485c;
	}
	.con_title ul{
		clear: both;
		overflow: hidden;
		margin: 0 auto;
		text-align: center;
		padding: 0;
	}
	.con_title ul li{
		padding: 0 50px;
		height: 50px;
		display: inline-block;
		line-height: 50px;
		margin: 0;
		
	}
	.con_title ul li.on{
		background: #EA5C5C;
	}
	.con_title ul li a{
		font-size: 18px;
		font-weight: 500;
		color: #fff;
	}
	.con_details p.time{
		font-size: 18px;
		color: #fff;
		text-align: center;
		margin: 60px auto;
		clear: both;
	}
	 h2.title_h2{
		background: url(../images/tc2.png) no-repeat center bottom;
		background-size: 450px auto;
		padding-bottom: 50px;
		text-align: center;
		font-size: 22px;
		color: #fff;
	}
	.jx_set ul{
		clear: both;
		overflow: hidden;
		text-align: center;
		max-width: 750px;
		margin: 0 auto 100px auto;
		padding: 0;
	}
	.jx_set ul li{
		display: inline-block;
		margin: 0 17.5px;
	}
	.jx_set ul li h4{
		font-size: 22px;
		font-weight: 600;
		color: #fff;
	}
	.jx_set ul li div.bonus{
		width: 185px;
		height: 135px;
		background: url(../images/bz3.png) no-repeat center top;
		background-size: 100% auto;
	}
	.jx_set ul li div.bonus strong{
		font-size: 26px;
		line-height: 135px;
		color: #FE6532;
	}
	.rule{
		max-width: 1200px;
		margin: 100px auto 0 auto;
	}
	.rule_con{
		margin: 50px auto;
	}
	.rule_con ul{
		padding: 0 40px;
	}
	.rule_con ul li{
		margin-bottom: 20px;
	}
	.rule_con ul li h5{
		color: #FE6532;
		margin: 20px 0;
		font-size: 16px;
	}
	.rule_con ul li p{
		color: #fff;
		font-size: 16px;
	}
	a.btn_application{
		display: block;
		width: 220px;
		padding: 10px 0;
		font-size: 18px;
		background: #EA5C5C;
		margin: 60px auto 50px auto;
		text-align: center;
		color: #fff;
	}
	.con_paiming p.time{
		font-size: 18px;
		color: #fff;
		text-align: center;
		margin: 100px auto;
		clear: both;
	}
	.paiming_div{
		max-width: 750px;
		margin: 0 auto;
	}
	.paiming_div table{
		color: #fff;
		    font-size: 14px;
		    border-collapse: separate;
		    border-spacing: 0px 10px;
		    table-layout: fixed;
		    border-radius: 4px;
		    width: 100%;
		    margin-bottom: 10px;
			color: #fff;
			font-size: 14px;
			border-collapse: separate;
			border-spacing: 0px 10px;
	}
	.paiming_div table thead{
		height: 54px;
	}
	.paiming_div table thead tr{
		border-radius: 4px;
		background: #FE6532;
	}
	.paiming_div table thead tr th:first-child{
		border-top-left-radius: 4px;
		    border-bottom-left-radius: 4px;
	}
	.paiming_div table thead tr th{
		font-weight: normal;
		text-align: center;
		line-height: 54px;
	}
	.paiming_div table .margin{
		width: 10px;
		background: #090c12;
	}
	.paiming_div table tbody tr:nth-child(-n+3){
		background: #362322;
	}
	.paiming_div table tbody tr:nth-child(-n+3) img{
		height: 23px;
		width: auto;
	}
	.paiming_div table tbody tr{
		margin-top: 10px;
		text-align: center;
		background: #181818;
	}
	.paiming_div table tbody tr td{
		padding: 22px 0px;
		/* background: #362322; */
		color: #CCCCCC;
		line-height: 22px;
	}
	.footer{
		height: 45px;
		background: #000;
	}
	.footer p{
		text-align: center;
		font-size: 14px;
		color: #666;
		margin: 0;
		padding: 0;
		line-height: 45px;
	}
	.con_list{
		display: none;
	}
	.con_list:nth-child(1){
		display: block;
	}
	.contact{
		width: 50px;
		background: #EA5C5C;
		position: fixed;
		right: 0;
		bottom: 7%;
	}
	.contact a{
		display: block;
		font-size: 18px;
		color: #fff;
		text-align: center;
		padding: 15px;
	}
	.contact:hover a{
		background: #FE6532;
	}
	/*客服微信弹框*/
	.trading-wrap{
		position: fixed;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.4);
		z-index: 99;
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.trading-wrap a.delete{
		position: absolute;
		right: -10px;
		top: -10px;
		display: block;
		width: 20px;
		height: 20px;
		line-height: 18px;
		border-radius: 10px;
		background: #fff;
		font-size: 20px;
		color: #000;
		text-align: center;
	}
	.wechat-box{
		position: relative;
		display: none;
		width: 500px;
		height: 380px;
		background: #fff;
		border-radius: 10px;
			text-align: center;
	}
	.wechat-box img{
		width: 220px;
		display: inline-block;
		margin: 35px auto 10px auto;
	}
	.wechat-box p{
		display: inline-block;
		width: 220px;
		font-size: 16px;
		text-align: center;
		padding: 0 20px;
		margin: 0;
	}
	p.tip-trading{
		width: 100%;
		font-size: 20px;
		margin-top: 15px;
	}
	.wechat-001{
		display: block;
	}
	
	/*个人中心*/
	.personal_div{
		width: 750px;
		margin: 0 auto;
		clear: both;
		overflow: hidden;
		background: #fff;
		padding: 0 30px;
	}
	.title_left{
		width: 100%;
		margin-top: 40px;
	}
	.title_left ul{
		padding: 5px;
		clear: both;
		overflow: hidden;
	}
	.title_left ul li{
		width: 33.33%;
		height: 80px;
		line-height: 80px;
		box-shadow: 0 0 3px #ccc;
		text-align: center;
		float: left;
	}
	.title_left ul li:hover a{
		color: #EA5C5C;
		cursor: pointer;
	}
	.title_left ul li.on a{
		color: #EA5C5C;
	}
	.content_right{
		width: 100%;
		border: 1px solid #efefef;
		padding: 60px 30px;
		margin-top: 40px;
		margin-bottom: 120px;
	}
	.mess_input{
		clear: both;
		overflow: hidden;
		margin-top: 30px;
	}
	.mess_input label{
		width: 100px;
		height: 45px;
		font-size: 16px;
		line-height: 45px;
		text-align: right;
		display: block;
		float: left;
	}
	.mess_input input{
		width: 400px;
		height: 45px;
		display: block;
		padding: 0 15px;
		background: #fff;
		border: 1px solid #efefef;
	}
	a.btn_update{
		display: block;
		width: 400px;
		height: 45px;
		background: #EA5C5C;
		color: #fff;
		text-align: center;
		line-height: 45px;
		text-align: center;
		margin-left: 100px;
		margin-top: 30px;
		margin-bottom: 50px;
	}
	.baoming_record table{
		width: 100%;
		border: 1px solid #efefef;
	}
	.baoming_record table th{
		background: #EA5C5C;
		font-size: 16px;
		color: #fff;
		padding: 20px 0;
	}
	.baoming_record table td{
		margin-top: 5px;
		padding: 20px 0;
		text-align: center;
	}
	.paiming ul li{
		font-size: 20px;
		line-height: 2em;
	}
}
@media (max-width:767px) {
	.head_top{
		width: 100%;
		height: 56px;
		background: #34485c;
		padding: 0 10px;
	}	
	.head_wrap{
		height: 56px;
		margin: 0 auto;
	}
	a.head_logo{
		width: 95px;
		height: 38px;
		display: block;
		overflow: hidden;
		margin-top: 9px;
		float: left;
	}
	a.head_logo img{
		width: 100%;
		display: block;
	}
	a.head_personal{
		font-size: 15px;
		color: #ccc;
		line-height: 56px;
		float: right;
	}
	a.head_personal:hover{
		color: #fff;
	}
	a.head_personal i{
		font-size: 16px;
	}
	.banner{
		position: relative;
	}
	.banner img{
		max-width: 100%;
		display: block;
		padding: 0;
		margin: 0;
	}
	.bann_div{
		position: absolute;
		left: 10px;
		bottom: 20px;
	}
	.bann_div a{
		display: inline-block;
		padding: 5px 20px;
		background: #EA5C5C;
		font-size: 15px;
		color: #fff;
		border-radius: 5px;
	}
	.bann_div p{
		font-size: 12px;
		color: #999;
		margin-top: 10px;
	}
	.content{
		background: url(../images/background-mid.jpg) no-repeat center top;
		background-size: auto 100%;
		padding-bottom: 100px;
	}
	.con_title{
		width: 100%;
		height: 40px;
		background: #34485c;
	}
	.con_title ul{
		clear: both;
		overflow: hidden;
		margin: 0 auto;
		text-align: center;
		padding: 0;
	}
	.con_title ul li{
		width: 50%;
		height: 40px;
		display: block;
		line-height: 40px;
		float: left;
		
	}
	.con_title ul li.on{
		background: #EA5C5C;
	}
	.con_title ul li a{
		font-size: 15px;
		font-weight: 500;
		color: #fff;
	}
	.con_details p.time{
		font-size: 15px;
		color: #fff;
		text-align: center;
		margin: 50px auto;
		clear: both;
		padding: 0 10px;
	}
	 h2.title_h2{
		background: url(../images/tc2.png) no-repeat center bottom;
		background-size: 350px auto;
		padding-bottom: 30px;
		text-align: center;
		font-size: 18px;
		color: #fff;
	}
	.jx_set ul{
		clear: both;
		overflow: hidden;
		text-align: center;
		margin: 0 auto 60px auto;
		padding: 0;
	}
	.jx_set ul li{
		display: inline-block;
		margin: 0 10px;
	}
	.jx_set ul li h4{
		font-size: 18px;
		font-weight: 600;
		color: #fff;
	}
	.jx_set ul li div.bonus{
		width: 150px;
		height: 109px;
		background: url(../images/bz3.png) no-repeat center top;
		background-size: 100% auto;
	}
	.jx_set ul li div.bonus strong{
		font-size: 20px;
		line-height: 109px;
		color: #FE6532;
	}
	.rule{
		max-width: 1200px;
		margin: 50px auto 0 auto;
	}
	.rule_con{
		margin: 40px auto;
	}
	.rule_con ul{
		padding: 0 10px;
	}
	.rule_con ul li{
		margin-bottom: 20px;
	}
	.rule_con ul li h5{
		color: #FE6532;
		margin: 20px 0;
		font-size: 15px;
	}
	.rule_con ul li p{
		color: #fff;
		font-size: 15px;
		line-height: 2em;
	}
	a.btn_application{
		display: block;
		width: 220px;
		padding: 8px 0;
		font-size: 15px;
		background: #EA5C5C;
		margin: 60px auto 10px auto;
		text-align: center;
		color: #fff;
	}
	.con_paiming p.time{
		font-size: 15px;
		color: #fff;
		text-align: center;
		margin: 100px auto;
		clear: both;
	}
	.paiming_div{
		max-width: 100%;
		padding: 0 10px;
		margin: 0 auto;
	}
	.paiming_div table{
		color: #fff;
		    font-size: 12px;
		    border-collapse: separate;
		    border-spacing: 0px 10px;
		    table-layout: fixed;
		    border-radius: 4px;
		    width: 100%;
		    margin-bottom: 10px;
			color: #fff;
			font-size: 14px;
			border-collapse: separate;
			border-spacing: 0px 10px;
	}
	.paiming_div table thead{
		height: 44px;
	}
	.paiming_div table thead tr{
		border-radius: 4px;
		background: #FE6532;
	}
	.paiming_div table thead tr th:first-child{
		border-top-left-radius: 4px;
		    border-bottom-left-radius: 4px;
	}
	.paiming_div table thead tr th{
		font-weight: normal;
		text-align: center;
		line-height: 44px;
	}
	.paiming_div table .margin{
		width: 10px;
		background: #090c12;
	}
	.paiming_div table tbody tr:nth-child(-n+3){
		background: #362322;
	}
	.paiming_div table tbody tr:nth-child(-n+3) img{
		height: 15px;
		width: auto;
	}
	.paiming_div table tbody tr{
		margin-top: 10px;
		text-align: center;
		background: #181818;
	}
	.paiming_div table tbody tr td{
		padding: 22px 0px;
		/* background: #362322; */
		color: #CCCCCC;
		line-height: 22px;
	}
	.footer{
		height: auto;
		background: #000;
		padding: 10px;
	}
	.footer p{
		text-align: center;
		font-size: 14px;
		color: #666;
		margin: 0;
		padding: 0;
		line-height: 1.6em;
	}
	.con_list{
		display: none;
	}
	.con_list:nth-child(1){
		display: block;
	}
	.contact{
		width: 40px;
		background: #EA5C5C;
		position: fixed;
		right: 0;
		bottom: 7%;
	}
	.contact a{
		display: block;
		font-size: 15px;
		color: #fff;
		text-align: center;
		padding: 10px;
	}
	.contact:hover a{
		background: #FE6532;
	}
	/*客服微信弹框*/
	.trading-wrap{
		position: fixed;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.4);
		z-index: 99;
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.trading-wrap a.delete{
		position: absolute;
		right: -10px;
		top: -10px;
		display: block;
		width: 20px;
		height: 20px;
		line-height: 18px;
		border-radius: 10px;
		background: #fff;
		font-size: 20px;
		color: #000;
		text-align: center;
	}
	.wechat-box{
		position: relative;
		display: none;
		width: 220px;
		height: 560px;
		background: #fff;
		border-radius: 10px;	
	}
	.wechat-box img{
		width: 220px;
		display: block;
		margin: 15px auto 10px auto;
	}
	.wechat-box p{
		font-size: 16px;
		text-align: center;
		padding: 0 20px;
		margin: 0;
		display: none;
	}
	p.tip-trading{
		display: block;
	}
	.wechat-001{
		display: block;
	}
	
	/*个人中心*/
	.personal_div{
		width: 100%;
		margin: 0 auto;
		clear: both;
		overflow: hidden;
		background: #fff;
		padding: 0 10px;
	}
	.title_left{
		width: 100%;
		margin-top: 40px;
	}
	.title_left ul{
		padding: 5px;
		clear: both;
		overflow: hidden;
	}
	.title_left ul li{
		width: 100%;
		height: 50px;
		line-height: 50px;
		box-shadow: 0 0 3px #ccc;
		text-align: center;
		float: left;
	}
	.title_left ul li:hover a{
		color: #EA5C5C	cursor: pointer;
	}
	.title_left ul li.on a{
		color: #43b#EA5C5C}
	.content_right{
		width: 100%;
		border: 1px solid #efefef;
		padding: 20px 10px;
		margin-top: 40px;
		margin-bottom: 60px;
	}
	.mess_input{
		clear: both;
		overflow: hidden;
		margin-top: 30px;
	}
	.mess_input label{
		width: 25%;
		height: 45px;
		font-size: 15px;
		line-height: 45px;
		text-align: right;
		display: block;
		float: left;
	}
	.mess_input input{
		width: 75%;
		height: 45px;
		display: block;
		padding: 0 10px;
		background: #fff;
		border: 1px solid #efefef;
	}
	a.btn_update{
		display: block;
		width: 100%;
		height: 45px;
		background: #43b#EA5C5C	color: #fff;
		text-align: center;
		line-height: 45px;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 50px;
	}
	.baoming_record table{
		width: 100%;
		border: 1px solid #efefef;
	}
	.baoming_record table th{
		background: #43b#EA5C5C	font-size: 15px;
		color: #fff;
		padding: 20px 0;
	}
	.baoming_record table td{
		margin-top: 5px;
		padding: 20px 0;
		text-align: center;
	}
	.paiming ul li{
		font-size: 18px;
		line-height: 2em;
	}
}