@media only screen and (max-width:1200px){
  html,body{
  	font-size: 12px;
  }
  img{
  	max-width: 100%;
  }
 
  .wrapper{
    width: auto; margin: 0 3%;
  }
  
  
  .gh {
  height:40px;
  width:40px;
  top:12px; right: 5px;  
  position:absolute;
  z-index: 99;
  transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
  -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
  -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
  cursor:pointer; 
  }
  .gh.selected {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
  }
  .gh a {
    background-color: #fff;
    display: block; 
    height: 3px;
    margin-top: -3px;
    position: relative;
    top: 50%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 60%;margin: 0 20%;
   background: #fff;
  }
  
  .gh a:after, .gh a:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width:100%;
    background: #fff;
  }
  .gh a:after {
    top:8px;
  }
  .gh a:before {
    top:-8px;
  }
  .gh.selected a:after, .gh.selected a:before {
    top: 0;
  }
  .gh.selected a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
  }
  .gh.selected a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
  }
  .gh.selected a {
    background-color: transparent !important;
  }
  
  
  
  .header{
  	position: relative; z-index: 9; 
  }
  .header-top{
  	height: auto; padding: 10px 0;
  }
  .header-top .left{
  	text-align: center; float: none;  margin: 0 auto;  width: 100%; padding-bottom: 5px;
  }
  .header-top .left img{
  	height:40px;
  }
  .header-top .left .msg{
  	display: none;
  }

  .header-top .right{
   width: 100%; display: block; float: none;padding: 0; border-top: 1px solid #333; padding-top: 10px;
  }
  .header-top .right a{
  	width: auto; height: 25px; line-height: 25px; margin: 0 3px; padding: 0 5px; font-size: 12px;
  }
  .header-main{
  	height: auto; border: none;
  }
  .header-lang{
  	/*display: none;*/ position: absolute; right: 0; top: 56px; width: auto; line-height: 50px; height: 50px;z-index: 1;
  }
  .header-main .wrapper{
  	margin: 0;
  }
  .header-main .nav{
  	position: absolute; left: 0; top: 60px; right: 0;  text-align: center; background: #131313; padding-bottom: 20px; display: none;z-index: 2;
  }
  .header-main .nav li{
  	display: block; width: 100%; color: #F5C61C; font-size: 16px; 
  }
  .header-main .nav li .nav-tit:after{
  	width: 100%; height: 1px; top: auto; bottom: 0; left: 0%; transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);
  }
  .header-main .nav li .nav-list{
  	position: static; left: 0; top: 0;display: none;
  } 
  
    
  .bg-btns{
  	margin: 30px 0; font-size: 14px;
  }
  .bg-btns a{
  	width: 120px;height: 40px;line-height: 40px; margin: 0 5px;
  }
  /*底部*/
.footer{
	background: none; border-top: 1px solid #F5C61C;
}
.footer-top{
	padding: 20px 0;
}
.footer-top .left{
	float: none; position: relative;
}
.footer-top .right{
	float: none; height: auto; overflow: hidden; margin-top: 100px;
}
.footer-top .item{
	margin-left: 0;
}
.footer-top .item + .item{
	margin-top: 20px;
}
.footer-bottom{
	padding: 25px 0;
}
.sidebar{
	top: auto; bottom: 20px;
}
.sidebar li{
	
}
.sidebar li:not(.sidebar-l1){
	display: none;
}

.home-tit{
	margin: 20px 0; font-size: 18px; padding-bottom: 15px;
}
.home-product-wrap{
	padding-bottom: 30px; /*display: none;*/
}
.home-product-item{
	width: 95%; margin: 0 3%;  height: auto; overflow: hidden; margin-bottom: 5px; 
}
.home-product-item + .home-product-item{
	margin-left: 3%;
}
.home-product-item .item-top{
	font-size: 18px; margin-top: 10px;
}
.home-product-item .item-top p{
	padding: 8px 0; font-size: 16px;
}
.home-product-item .item-middle p{
	
}
.home-product-item .item-bottom a{
	margin: 10px auto;
}
.home-good{
	margin: 0 3%;
}
.home-good-item{
	width: 46%; margin: 5px 1.5%;
}

.home-good-item .txt{
	height: 100px;
}
.home-good-item .txt h3{
	font-size: 16px; padding-bottom: 5px;
}
.home-good-tip{
	width: 92%; margin: 50px auto 0; border: 1px solid #F5C61C;  height: 140px;
}
.home-good-tip:after{
	display: none;
}
.home-good-tip .ico-goodtip{
	left: 50%; transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	 width: 80px; height: 100px; background-size:80px 100px ;
	 
}
.home-good-tip .ico-goodtip span{
	height: 100px;  font-size: 20px; width: 80px;
}
.home-good-tip .tip-txt{
	margin-left: 0; padding: 60px 10px 0; font-size: 14px;
}
.ico-check{
	margin-left: 5px;
}
.home-software-wrap{
	padding: 40px 0;
}
.home-software{
	height: auto; overflow: hidden;
}
.home-software-imgs{
	float: none;  margin: 0 auto; width: 80%; height: auto;  position: relative;
	display: block;
	
}
/*.home-software-imgs .img2,
.home-software-imgs .img3{
	width: 30%; height: auto;
}
.home-software-imgs .img4{
	width: 60%; height: auto;
}*/
.home-software-txt{
	float: none; width: 100%; position: static;
}
.home-software-txt .software-top{
	padding-left: 0; margin-top: 20px; text-align: center;
}
.home-software-txt .software-top h2:after{
	left: 50%; 
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.software-list{
	margin:20px 0 0 ; float: none;
}
.software-list li{
	text-align: center;
}
.software-list li label{
	display: block;
}
.software-list li + li{
	margin-top: 0;
}
.home-news-wrap{
	background: #222222; padding: 30px 0;
}
.home-news .left{
	width: 100%; float: none; margin-bottom: 30px;
}
.home-news .right{
	width: 100%; float: none;
}
.home-news-list1 table td{
	height: 45px;
}
.home-news-tit{
	text-align: center;
}
.home-software-txt .software-top h2,
.home-news-tit h2{
	font-size: 20px; padding-bottom: 15px;
}
.home-news-tit h2:after{
	left: 50%;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.home-news-list2 h3{
	font-size: 14px;
}
.home-news-list2 .txt .img{
	width: 40%;
}
.banner{
  	display: none;
  }
  .banner-m{
  	display: block;
  }
.banner-m .prev,
.banner-m .next{
	width: 30px; height: 30px; margin-top: -15px;
}
.banner-m .hd li{
	width: 5px; height: 5px;
}
.bg-banner .txt h3{
	font-size: 20px;
}
.bg-banner .txt{
	font-size: 16px;
}
.bg-banner img{
	min-height: 105px;
/*	position:fixed;*/
}
.banner-m .banner-txt{
    position:absolute;
	padding: 20px 25px; width: auto;left: 50%; top: 50%; transform: translate(-50%,-50%); 
	font-size:16px; display: inline-block; margin: 0; width:280px;
	background: url("../imgs/bg15.png")/*tpa=https://cn.hcfx.com/wp-content/themes/hcfx/imgs/bg15.png*/ no-repeat center center;height:92px;
}
.banner-m .banner-txt p{
  word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px;
}
.banner-txt h2{
  display: none;
}
.banner-m .banner-txt-t{
	font-size:22px; padding-bottom: 5px;
}
.mobile-view{
	padding: 20px 0;
}
.mobile-view .left{
	width: 100%; float: none;
}
.mobile-view .right{
	width: 100%; float: none; margin-right: 0; margin-top: 15px;
}
.mobile-list{
	padding-top: 0; background: #222222;
}
.mobile-list .left{
	 width: 90%; float: none;
}
.mobile-list .right{
	float: none; width: 90%; background: #0a0a0a;
}
.mobile-mask-phone{
	width: 100%; left: 0; right: 0;
}
.mobile-mask-phone.on{
	display: block;
}
.mobile-mask-pc.on{
	display: none;
}
 
 .mobile-list-top{
 	padding: 20px 0; margin: 0;
 }
 .mobile-list-top span{
 	height: 40px; line-height: 40px; font-size: 14px;
 }
 .mobile-list-middle{
 	min-height: auto; padding-bottom: 20px;
 }
 .mobile-list-img{
 	height: auto; margin-bottom: 20px;
 }
 .mobile-list-img img{
 	width: 150px;
 }
 .spftware-view-wrap{
 	padding: 30px 0 20px;
 }
 .spftware-view-btns{
 	margin-top: 20px;
 }
 .spftware-view-btns a{
 	  font-size: 14px; height: 35px; line-height: 35px;
 }
  .spftware-view-btns a:first-child{
  	margin-bottom: 10px;
  }
  .spftware-tit{
  	font-size: 18px; padding-bottom: 15px; margin-bottom: 20px; margin-top: 20px;
  }
  .spftware-list .spftware-item{
  	width: 46%; margin: 5px 1.5%;
  }
  
  .header1{
  	height: auto;
  }
  .header1 .left{
  	/*text-align: center;*/ float: none;  margin: 0 auto;
  }
  .header1 .left img{
  	height:40px;
  }
  .header1 .left .msg{
  	display: none;
  }
  .header1 .right{
  	float: none;
  }
  .header1-lang{
  	position: absolute; right: 10px; top: 50%;transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-moz-transform: translateY(-50%); margin-top: 0; /*display: none;*/height: 30px;width: auto; 
  }
  .header1-lang dd{
  	padding-left: 10px;
  }
  .header-lang-on{
  	  line-height: 30px; 
  }
  .ico-lang{
  	/*display: none;*/ margin-right: 5px;
  }
  .ico-more{
  	margin-left: 5px;
  }
  /*-----------------------------*/
 .subnav-wrap{
    height: auto;
  }
  .subnav{
    padding-left: 0;
  }
  .help-con{
    padding:0 0 2% 3%;
  }
  .help-tit{
    padding: 0 3%;height: 45px;line-height: 45px;
  }
  .help-tit h4{
    width: 85%;
  }
  .subnav  ul{
    width: 100%;
  }
  .subnav li{
    margin-right: 5%;height: 61px;
  }
  .help-con{
    padding-right: 20px;
  }
  .partner-form-inputs li{
   /* width: 80%;*/margin: 0 0 20px;text-align: center;float: none;
  }
  .partner-form-inputs li .inputs{
    display: inline-block;width:98%;padding-left: 2%;
  }
  .partner-form-inputs li .inputs .txt{
    width: 80%;
  }
  .partner-form-inputs li .inputs{
    text-align: left;
  }
  .partner-form-inputs textarea{
    width:91%;padding: 10px 3% 0 25px;
  }
  .partner-form-inputs .textarea{
    overflow: hidden;margin-top: 0;
  }
  .product-list{
   flex-direction:column;

  }
  .product-list-item{
    width: 43%;padding: 0 3%;margin-bottom: 20px; 
  }
  .product-list-item .bd p{
    height: 125px;overflow : hidden;
    text-overflow: ellipsis;display: -webkit-box;
    -webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;
  }
  .product-list-item .hd{
    margin-bottom: 10px;
  }
  .product-table .ui-tab td.n3{
    padding-left: 10%;
  }
  .activity-item-main{
    height: auto;overflow: hidden;padding-bottom: 20px;
  }
 .activity-item-main .right,
 .activity-item-main .left{
   width: 100%;float: none;
 }
 .activity-item-main .right{
   margin-right: 0;margin-top: 15px;
 }
 .activity-item-main .left img,
 .activity-item-main .left .txt{
   width: 100%;height: auto;
 }
 .activity-item-main .txt{
   padding-top: 20%;
 }
 .activity-item-main .right .btns{
   text-align: center;
 }
 .activity-item-main .right .btns a{
   display: inline-block;margin: 0 10px;
 }
 .activity-item-main .txt p{
   font-size: 16px;
 }
 .activity-item-main .txt h3{
   font-size: 20px;
 }
 .activity-item-hide{
   padding: 3%;
 }
 .activity-item-hide h4{
   margin-bottom: 20px;
 }
 .partner-form-main-btn .subm{
   width:20%;
 }
 .product-tit{
   margin-top: 20px;
 }
 .partner-list2,
 .product-table,
 .product-list,
 .product-txt{
   margin-top: 40px;
 }
 .ui-tab td{
   height: auto;padding: 3%;
 }
 .ui-tab tr.n1 td, 
 .ui-tab td.n1{
   padding: 0;height: 50px;
 }
 .ui-tab1 td{
   height: 50px;padding: 0;
 }
 .product-table2 sub,
 .product-table2 sub img{
   width:40px;height: 40px;
 }
 .ui-hd{
   font-size: 20px;
 }
 .ui-hd::after{
   top:40px;
 }
 .partner-form,
 .help-main{
   margin-top: 30px;
 }
 .partner-form-desc{
   font-size: 13px;margin: 30px 0;
 }
 .activity{
 	margin-top: 20px;
 }
 .product-table1 table{
 	vertical-align: middle; font-size: 14px;
 }
 .product-table1 table thead {
      display: none;
    }
  
  .product-table1  table tr {
      display: block;
      border-bottom: 2px solid #222; 
    }
    .product-table1  table .n1{
    	line-height: 50px; padding-right: 10px;
    }
  

   .product-table1  table td {
      display: block;
      text-align: right; padding-right: 10px;
      border-bottom: 1px dotted #ccc; line-height: 20px; height: auto; overflow: hidden;
    }

   .product-table1  table td:last-child {
      border-bottom: 0;
    }

  .product-table1   table td:before {
      content: attr(data-label);
      float: left; margin-left: 10px;
      text-transform: uppercase;
      font-weight: bold;
    }
      .product-table  table .n2 td{
    	position: relative;
    }
    .product-table  table .n2 td:before{
    	position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    	-ms-transform: translateY(-50%);
    	-webkit-transform: translateY(-50%);
    	-moz-transform: translateY(-50%);
    }
    /*------------------*/
   .login-wrap{
		padding: 20px 2.5%;
	}
	.register-btn{
		margin-bottom: 20px;
	}
	/*公告 弹窗*/
	.h-dialog-main{
		 margin-left: -40%; margin-top: 0; -webkit-transform: translateY(-50%);transform: translateY(-50%);width: 80%;
	}
	.dialog-notice{
		padding: 25px 15px 15px; height: auto; max-height:400px; overflow-x: hidden; overflow-y: auto; width: auto;
	}
	.dialog-notice h3{
		font-size: 16px;
	}
	.dialog-notice .txt{
		font-size: 12px; margin-top: 15px;
	}
	.dialog-notice .txt p{
		margin-top: 10px;
	}
	.h-dialog-close{
		width: 30px; height: 30px; background-size:cover ; right: -12px; top: -12px;
	}
	
	.header-notice{
		position: relative; right: auto; top: auto; margin: 0 auto; margin-top: 5px; width: auto; background: none; padding-bottom: 0;
	}
	.header-notice-c{
		width: calc(100% - 220px) !important; overflow: hidden;
	}
	.header-main.fixed{
		position: relative;
	}
	.header-notice-l{
		margin-left: 0; left: 0; right: 0;
	}
	.header-notice-r{
		float: right; margin-right: 0;
	}
	.home-market dt{
		display: block; width: auto; text-align: center; line-height: 40px; padding-top: 10px; float: none;
	}
	.home-market dt span{
		padding-right: 0; background: none;
	}
	.home-market{
		height: auto; overflow: hidden; padding-bottom: 20px;
	}
	.home-market dd{
		width: 50% !important; margin: 0 !important; float: left; padding-top: 10px; font-size: 12px;
	}
	.home-market dd{
		padding-left: 15px;
	}
	.home-market dd span +span{
		margin-left: 10px;
	}
	.footer-top .item .imgs{
		
	}
	.footer-top .item .imgs span{
		width: 50%; float: left; text-align: center; margin-right: 0; height: 40px;
	}
	.footer-nav{
		display: none;
	}
	.partner-txt{
		width: auto;
	}
	.partner-txt-con{
		font-size: 12px; margin-top: 5px;
	}
 .partner-txt-item{
 	margin-bottom: 15px;
 }
 .partner-txt{
 	margin-top: 20px;
 }
 .help-main{
 	width: auto; float: none;
 }
 .help-main-r{
 	 width: auto; float: none; margin-top: 20px;
 }
 .help-trade h2{
 	font-size: 16px;
 }
 .help-trade{
 	padding-bottom: 25px;
 }
 .help-contact .hd{
 	padding: 15px; text-align: center;
 }
 .help-contact .hd h3{
 	font-size: 16px; padding-bottom: 5px;
 }
 .help-contact .bd dd{
 	line-height: 40px;height: 40px; text-align: center; font-size: 14px;
 }
 .help-contact .bd dd.bg-yellow{
 	font-size: 16px;
 }
 .help-contact .bd dd img{
 	height: 20px;
 }
 .news-main{
 	width: auto; float: none; margin-top: 20px;
 }
 .news-main li{
 	margin: 0 10px; padding: 15px 0;
 }
 .news-main li .img{
 	float: none; width: auto; text-align: center;
 }
 .news-main li .txt h3{
 	font-size: 15px; padding-top: 10px;
 }
 .news-main li .txt{
 	float: none; width: auto; text-align: center;
 }
 .news-main li .txt .attr,
 .news-main li .txt .desc{
 	font-size: 12px; padding-top: 8px;
 }
 .m-pages{
 	padding: 20px 0;
 }
 .m-pages a{
 	padding: 0 10px; line-height: 30px; margin: 0 1px; font-size: 12px;
 }
 .m-pages a.prev, .m-pages a.next{
 	padding: 0 10px;
 }
 .news-detail{
 	margin-top: 20px; border-width: 1px; width: auto; float: none; padding: 15px;
 }
 .news-detail h2{
 	text-align: center; font-size: 16px;
 }
 .news-detail .attr{
 	text-align: center; padding-top: 12px;
 }
 .news-detail .txt{
 	font-size: 14px; padding-top: 15px; padding-bottom: 60px;
 }
 .news-detail .txt .more{
 	bottom: 35px;
 }
 .news-detail .txt p{
 	padding-bottom: 15px;
 }
 .news-detail .txt h3{
 	font-size: 16px; padding-bottom: 15px;
 }
 .news-detail .txt-mian:after{
 	bottom: 0; height: 50px;
 }
 .news-recomm{
 	width: auto; float: none; margin-top: 20px;
 }
 .news-recomm dt{
 	line-height: 45px; font-size: 16px;
 }
}
@media only screen and (max-width: 860px) {
/*登录*/ 
	
	.login{
		width: auto; padding: 20px 0;
	}
	.login:before{
		display: none;
	}
	.login-left{
		 width: 90%; float: none; padding: 0 5%;
	}
	.login-left-top{
		font-size: 20px;
	}
	.login-left-middle .inputs{
		margin-top: 15px;
	}
	.login-left-bottom input{
		margin-top: 15px;
	}
	.login-right{
		margin-left: 0; width: auto; padding: 0 5%;
	}
	.login-right-main .login-item{
		text-align: center; width: 50%;display:flex;justify-content:center;align-items:center; margin-right: 0;
	}
	

	.register-wrap{
		padding: 20px 0;
	}
	.register-list-item{
	width: 100%; float: none; margin-right: 0;
    }
   .register-list-item:nth-child(2n){
	
	float: none; margin-left: 0;
   }
	
   .register{
	 width: 90%; margin: 0 5%; padding: 20px 0;
   }
	.register-tit{
		font-size: 20px; padding-bottom: 20px;
	}
   .register-list-item select{
	width: 100%;
   }	
	
   .register-btn input{
	width:80%;margin: 0 auto;
   }
	
/* 注册模拟 注册实盘   结束*/


}