/*Begin Main Content*/
.e-header .header{  background: none;  }
/*Section 1*/
.section1 {
    background: url("//dl.cfxz123.com/source/www/platformm/cfd_web/section1-bg.jpg?v0426") center no-repeat;
    width: 100%;
    height: 874px;
    text-align: center;
    color: #fff;
    margin-top: -74px;
}
.section1 .container{
  position: relative;
  height: 100%;
}
.section1 h1 {
  font-size: 32px;
  color: #fff;
  padding-top: 139px;
  font-weight: 700;
}
.section1 .sec1-conttop {
  font-size: 16px;
  padding-top: 37px;
}
.section1 .sec1-conbottom {
  font-size: 16px;
  padding-top: 10px;
}
.section1 .button-cl {
  position: absolute;
  top: 58.88%;
  left: 31.79%;
  margin-left: -104.5px;
  display: block;
  width: 209px;
  height: 59px;
  background: url("//dl.cfxz123.com/source/www/platformm/cfd_web/button-dl.png") no-repeat scroll;
  transition: all .1s ease-in;
}
.section1 .button-cl:hover {
  background: url("//dl.cfxz123.com/source/www/platformm/cfd_web/button-dl-over.png") no-repeat scroll;
}
.section1 .bit-coin {
  position: absolute;
  top: 7.24%;
  left: 15.94%;
  z-index: 9;
}
.section1 .usd {
  position: absolute;
  top: 12.7%;
  left: 26.41%;
  z-index: 9;
}
.section1 .gold {
  position: absolute;
  top: 27.91%;
  left: 18.49%;
  z-index: 9;
}
.section1 .chart {
  position: absolute;
  top: 38.86%;
  left: 27.26%;
  z-index: 9;
}
.section1 .icon-wrapper {
  position: relative;
  height: 566px;
}
.section1 .sec1-bgicon {
  position: absolute;
  top: 6.75%;
  left: 16.03%;
  z-index: 1;
}
.section1 .mac-screen {
  position: absolute;
  top: 5.47%;
  left: 15.71%;
}
/*End Section 1*/

/*Section 2*/
.section2 {
  position: relative;
  background: url("//dl.cfxz123.com/source/www/platformm/cfd_web/bg-section2.jpg") center no-repeat;
  width: 100%;
  height: 1291px;
}
.section2 .container {
  position: relative;
  height: 100%;
  text-align: center;
}
.section2 .container h2 {
  color: #333;
  font-size: 55px;
  font-weight: 700;
  padding-top: 40px;
}
.section2 .container .description {
  font-size: 32px;
  color: #333;
  /*font-weight: 700;*/
}
.section2 .iphone-web {
  position: absolute;
  top: 16.5%;
  left: 4.75%;
}
.section2 .money-bag {
  position: absolute;
  top: 35.35%;
  left: 50.8%;
}
.section2 .chat-grow {
  position: absolute;
  top: 53.5%;
  left: 14.27%;
}
.section2 .rocket {
  position: absolute;
  top: 73%;
  left: 45%;
}
.section2 h3 {
  font-size: 32px;
  text-align: left;
}
.section2 h3.green {
  color: #225578;
}
.section2 h3.orange {
  color: #e5a401;
}
.section2 li {
  color: #4c4c4c;
  font-size: 16px;
  padding-top: 12px;
  text-align: left;
  padding-left: 22px;
  position: relative;
}
.section2 li:before {
  content: '';
  width: 12px;
  height: 12px;
  background: url(//dl.cfxz123.com/source/www/platformm/cfd_web/dot.png) no-repeat scroll;
  display: block;
  position: absolute;
  line-height: 8px;
  left: 0;
  top: 55%;
}
.section2 .olmobile-cont {
  position: absolute;
  top: 19%;
  left: 26.71%;
}
.section2 .moneywr-cont {
  position: absolute;
  top: 40%;
  left: 77%;
}
.section2 .chartwr-cont {
  position: absolute;
  top: 58.71%;
  left: 35.2%;
}
.section2 .rocketwr-cont {
  position: absolute;
  top: 81.21%;
  left: 64.96%;
}
.section2 .padd1 {
  left: 3px;
}
.section2 .padd2 {
  left: 6px;
}
.section2 .padd3 {
  left: -2px;
}
.section2 .padd4 {
  left: -25px;
}
.section2 .padd21 {
  left: -3px;
}
.section2 .padd22 {
  left: -9px;
}
.section2 .padd23 {
  left: -25px;
}
.section2 .padd31 {
  left: -2px;
}
.section2 .padd32 {
  left: -12px;
}
.section2 .padd33 {
  left: -33px;
}
.section2 .padd41 {
  left: 5px;
}
.section2 .padd42 {
  left: -1px;
}
.section2 .padd43 {
  left: -20px;
}

/*End Section 2*/

/*Section 3*/


.section3 {
  position: relative;
  background: url("//dl.cfxz123.com/source/www/platformm/cfd_web/bg-section3.jpg") center no-repeat;
  width: 100%;
  height: 1200px;
  color: #fff;
}
.section3 .container {
  position: relative;
  height: 100%;
  text-align: center;
}
.section3 h2 {
  font-size: 55px;
  font-weight: 700;
  padding-top: 40px;
}
.section3 .title-cont {
  /*font-weight: 700;*/
  font-size: 32px;
}
.section3 table {
  width: 100%;
  text-align: center;
  margin-top: 25px;
  font-size: 16px;
}
.section3 table .first-col {
  text-align: right;
  padding-right: 50px;
}
.section3 table td, .section3 table th {
  text-align: center;
}
.section3 table th {
  height: 60px;
  font-size: 23px;
}
.section3 table th img {
  padding-top: 7px;
}
.section3 table td {
  height: 50px;
  line-height: 50px;
}
.section3 table .col1 {
  width: 22.55%;
  background: url("//dl.cfxz123.com/source/www/platformm/cfd_web/bg-th1.png") repeat scroll;
}
.section3 table .col2 {
  width: 38.86%;
  background: url("//dl.cfxz123.com/source/www/platformm/cfd_web/bg-th2.png") repeat scroll;
}
.section3 table .col3 {
  width: 38.58%;
  background: url("//dl.cfxz123.com/source/www/platformm/cfd_web/bg-th3.png") repeat scroll;
}
.section3 table .trans-bg {
  background: url("//dl.cfxz123.com/source/www/platformm/cfd_web/trans-bg.png") repeat scroll;
}
.section3 table .trans-purple {
  background: url("//dl.cfxz123.com/source/www/platformm/cfd_web/trans-purple.png") repeat scroll;
}
.section3 table .trans-blue {
  background: url("//dl.cfxz123.com/source/www/platformm/cfd_web/trans-blue.png") repeat scroll;
}
.section3 table .stick {
  position: relative;
  top: 8px;
}

/*End Section 3*/

/*Section 4*/
.section4 {
  background: url("//dl.cfxz123.com/source/www/platformm/cfd_web/bg-section4.jpg") center no-repeat;
  width: 100%;
  height: 829px;
  text-align: center;
  color: #fff;
}
.section4 .container {
  position: relative;
  height: 100%;
  text-align: center;
}
.section4  h2 {
  font-size: 42px;
  font-weight: 700;
  padding-top: 40px;
  color:#333333;
}
.section4 .title-cont {
  /*font-weight: 700;*/
  font-size: 28px;
  color:#333333;
}
.section4 .title-cont1 a{
  padding-top: 5px;
  font-size: 20px;
  color: #3c8ba4;
  text-decoration: underline;
  transition: all .1s ease-in;
}
.section4 .title-cont1 a:hover{
  color: #225578;
}
.section4 ul{
	list-style:none;
	padding-top:30px;
}
.section4 ul li{
	float:right;
	text-align:left;
}
.section4 ul li.tit{
	width:71.8%; 
	color:#225578;
	font-size:20px;
	height:41px;
	line-height:41px;
}
.section4 ul li.tit strong{ 
	font-size:26px;
	font-family:"Impact";
	float:left;
}
.section4 ul li.tit span{
	float:left;
	padding-left:15px;
  font-weight: 700;
}
.section4 ul li.nr{
	font-size:16px;
	color:#292929;
	width:70%;
	line-height:24px;
	padding-top:15px;
}
.section4 ul li.nr strong,.section4 ul li.nr2 strong{
	font-weight:bold;
}
.section4 ul li.nr2{
	font-size:16px;
	color:#292929;
	width:68%;
	line-height:24px; 
	padding-top:15px;
}.section4 ul li.nr2 span{
    display: inline-block;
    width: 100%;
    padding-left: 63px;
}
.section4 ul li.nr4 span{
    display: inline-block;
    width: 100%;
    padding-left: 63px;
}
.section4 ul li.nr6 span{
    display: inline-block;
    width: 100%;
    padding-left: 63px;
}
.section4 ul li.nr2 span{
    display: inline-block;
    width: 100%;
    padding-left: 63px;
}
.section4 ul li.nr3{
	width:65.9%;
	padding-top:20px;
}
.section4 ul li.nr3 a{
	width:190px;
	height:50px;
	background:url(//dl.cfxz123.com/source/www/platformm/cfd_web/down_icon.png) no-repeat 0 0;
	display:block;
  transition: all .1s ease-in;
}
.section4 ul li.nr3 a:hover{
	background:url(//dl.cfxz123.com/source/www/platformm/cfd_web/down_icon_over.png) no-repeat 0 0;
}

.section4 ul li.tit2{
	width:59.8%; 
	color:#72b723;
	font-size:20px;
	height:41px;
	line-height:41px;
	margin-top:26px;
	float:right;
}
.section4 ul li.tit2 strong{ 
	font-size:26px;
	font-family:"Impact";
	float:left;
}
.section4 ul li.tit2 span{
	float:left;
	padding-left:15px;
  font-weight: 700;
}
.section4 ul li.tit3{
	width:52.8%; 
	color:#666666;
	font-size:20px;
	height:41px;
	line-height:41px;
	margin-top:26px;
	float:right;
}
.section4 ul li.tit3 strong{ 
	font-size:26px;
	font-family:"Impact";
	float:left;
}
.section4 ul li.tit3 span{
	float:left;
	padding-left:15px;
  font-weight: 700;
}
.section4 ul li.nr4{
	font-size:16px;
	color:#292929;
	width:59.6%;
	line-height:24px;
	padding-top:6px;
}
.section4 ul li.nr6 {
    font-size: 16px;
    color: #292929;
    width: 50.6%;
    line-height: 24px;
    padding-top: 6px;
}

.section4  .qrcode{
    width: 43px;
    height: 43px;
    background: url(//dl.cfxz123.com/source/www/platformm/cfd_web/qrcode.png) no-repeat;
	display:block;
	position:relative;
	cursor:pointer;
	    margin: 0 30%;
    background-size: 43px 43px;
}
.qrcode-big{
	background: url(//dl.cfxz123.com/source/www/platformm/cfd_web/qrcode_hover.png) no-repeat;
	position:absolute;
	top:-173px;
	left:-137%;
	margin-right:-22.5px;
	display:none;
	width:160px;
	height:173px;
}
.qrcode-big img{
	width:94px; 
	height:94px;
	position: absolute;
    left: 21%;
    top: 31px;
}
.section4  .qrcode:hover .qrcode-big{
	display:block;
}

.section4 ul li.nr7 {
    width: 48.2%;
    padding-top: 20px;
}
.section4 ul li.nr7 a {
    width: 190px;
    height: 50px;
    background: url(//dl.cfxz123.com/source/www/platformm/cfd_web/down_icon3.png) no-repeat 0 0;
    display: block;
    transition: all .1s ease-in;
}
.section4 ul li.nr7 a:hover {
    width: 190px;
    height: 50px;
    background: url(//dl.cfxz123.com/source/www/platformm/cfd_web/down_icon3_over.png) no-repeat 0 0;
    display: block;
    transition: all .1s ease-in;
}
.section4 ul li.nr5{
	width: 57.2%;
	padding-top:20px;
}
.section4 ul li.nr5 a{
	width:190px;
	height:50px;
	background:url(//dl.cfxz123.com/source/www/platformm/cfd_web/down_icon2.png) no-repeat 0 0;
	display:block;
  transition: all .1s ease-in;
}
.section4 ul li.nr5 a:hover{
	background:url(//dl.cfxz123.com/source/www/platformm/cfd_web/down_icon2_over.png) no-repeat 0 0;
}
@media (max-width: 479px){
  .page {
    width: 91.99%;;
  }
  .container{
    width: 90.5%;
  }
  
}
@media (min-width: 480px){
  .page {
    width: 95%;
  }
  .container{
    width: 93.5%;
  }
  .section4 ul li.nr2 span {
    display: inline;
    width: 100%;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .page {
    width: 96%;
  }
  .container{
    width: 96%;
  }
}
@media (min-width: 992px) {
  .page {
    width: 96.5%;
  }
  .container{
    width: 96.5%;
  }
}
@media (min-width: 1024px){
  .container{
    width: 96.5%;
  }
  .page{
    width: 96.5%;   
  }
  .section4 ul li.nr2 span {
    display: inline-block;
    width: 100%;
    padding-left: 63px;
  }
}
@media (min-width: 1218px) {
  .page {
    width: 1060px;
  }
  .container{
    width: 1156px;
  }
}



/*End Section4*/