/*fixed service*/

.fixed-service {
	position: fixed;
	z-index: 300000000;
	right: 1%;
	top: 30%;
	text-align: center;
}

.fixed-service .service-item {
	position: relative;
	width: 49px;
	height: 49px;
	line-height: 49px;
	background-color: #202020;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	z-index: 300000001;
}

.fixed-service .service-item+.service-item {
	margin-top: 1px;
}

.fixed-service .qq {
	overflow: hidden;
}

.fixed-service .service-item iframe {
	position: absolute!important;
	left: -20px!important;
	top: -110px!important;
	margin: 0px!important;
	opacity: 0;
	filter: alpha(opacity=0);
}
.fixed-service .service-item i {
	display: inline-block;
	vertical-align: middle;
	background: url("../image/fixed-icon.png") no-repeat;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}

.weixin_1 {
	border: 1px solid #ffffff;
	position: absolute;
	right: 50px;
	top: 0px;
	display: none;
}

.fixed-service .service-item .weixin_1 {
	padding: 7px 7px;
	width: 100px;
	background-color: #ffffff;
}

.fixed-service .enter .weixin_1 {
	animation: loadEnter 0.3s linear both;
	-webkit-animation: loadEnter 0.3s linear both;
}
.fixed-service .leave .weixin_1 {
	animation: loadLeave 0.3s linear;
	-webkit-animation: loadLeave 0.3s linear;
}
.fixed-service .service-item .weixin_1:before {
	content: "";
	position: absolute;
	top: 19px;
	right: -5px;
	border-left: 5px solid #fff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}


.pingguo {
    border: 1px solid #ffffff;
    position: absolute;
    right: 50px;
    top: 0px;
    display: none;
}

.fixed-service .service-item .pingguo {
    padding: 7px 7px;
    width: 100px;
    background-color: #ffffff;
}

.fixed-service .enter .pingguo {
    animation: loadEnter 0.3s linear both;
    -webkit-animation: loadEnter 0.3s linear both;
}
.fixed-service .leave .pingguo {
    animation: loadLeave 0.3s linear;
    -webkit-animation: loadLeave 0.3s linear;
}
.fixed-service .service-item .pingguo:before {
    content: "";
    position: absolute;
    top: 19px;
    right: -5px;
    border-left: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.line {
    border: 1px solid #ffffff;
    position: absolute;
    right: 50px;
    top: 0px;
    display: none;
}

.fixed-service .service-item .line {
    padding: 7px 7px;
    width: 100px;
    background-color: #ffffff;
}

.fixed-service .enter .line {
    animation: loadEnter 0.3s linear both;
    -webkit-animation: loadEnter 0.3s linear both;
}
.fixed-service .leave .line {
    animation: loadLeave 0.3s linear;
    -webkit-animation: loadLeave 0.3s linear;
}
.fixed-service .service-item .line:before {
    content: "";
    position: absolute;
    top: 19px;
    right: -5px;
    border-left: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.fixed-service .service-item .download {
	position: absolute;
	right: 50px;
	top: 6px;
	padding: 0px 15px;
	line-height: 38px;
	font-size: 12px;
	color: #fff;
	white-space: nowrap;
	background-color: #faaf40;
	display: none;
}

.fixed-service .enter .download {
	animation: loadEnter 0.3s linear both;
	-webkit-animation: loadEnter 0.3s linear both;
}
.fixed-service .leave .download {
	animation: loadLeave 0.3s linear;
	-webkit-animation: loadLeave 0.3s linear;
}
.fixed-service .service-item .download:before {
	content: "";
	position: absolute;
	top: 14px;
	right: -5px;
	border-left: 5px solid #faaf40;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

.fixed-service .service-item .qr-icon {
	width: 24px;
	height: 26px;
	background-position: left top;
}
.service-item{
	z-index: 3000000001;
}
.fixed-service .service-item:hover .qr-icon {
	background-position: left -43px;
}

.fixed-service .service-item .android-icon {
    background: url("../image/android.png") no-repeat;
    width: 24px;
    height: 26px;
    background-position: left top;
}

.fixed-service .service-item:hover .android-icon {
    background-position: left -43px;
}

.fixed-service .service-item .iphone-icon {
    background: url("../image/iphone.png") no-repeat;
    width: 24px;
    height: 26px;
    background-position: left top;
}

.fixed-service .service-item:hover .iphone-icon {
    background-position: left -43px;
}

.fixed-service .service-item .whatsapp-icon {
    background: url("../image/whatsapp.png") no-repeat;
    width: 24px;
    height: 26px;
    background-position: left top;
}

.fixed-service .service-item:hover .whatsapp-icon {
    background-position: left -43px;
}

.fixed-service .service-item .online-icon {
    background: url("../image/online.png") no-repeat;
    width: 24px;
    height: 26px;
    background-position: left top;
}

.fixed-service .service-item:hover .online-icon {
    background-position: left -43px;
}

.fixed-service .service-item .qq-icon {
	width: 24px;
	height: 26px;
	background-position: -80px top;
}

/*.fixed-service .service-item:hover .qq-icon {
	background-position: -80px -43px;
}*/

.fixed-service .service-item .mt4-icon {
	width: 24px;
	height: 26px;
	background-position: -123px top;
}

.fixed-service .service-item:hover .mt4-icon {
	background-position: -123px -43px;
}

.fixed-service .service-item .data-icon {
	width: 24px;
	height: 26px;
	background-position: -40px top;
}

.fixed-service .service-item:hover .data-icon {
	background-position: -40px -44px;
}

.fixed-service .service-item.top {
	cursor: pointer;
}

.fixed-service .service-item .top-icon {
	width: 24px;
	height: 26px;
	background-position: right 6px;
}

.fixed-service .service-item:hover .top-icon {
	background-position: right -49px;
}


/*footer contact*/

.footer-content {
	padding: 80px 0px 60px;
	/*background: url("https://fxccmarketsltd.com/img/footer-bg.jpg") center center no-repeat;*/
}

.footer-contact {
	padding: 0px;
}

.footer-contact img {
	width: 120px;
}

.footer-contact ul {
	padding-top: 26px;
}

.footer-contact li {
	white-space: nowrap;
	line-height: 24px;
}

.footer-contact li i {
	display: inline-block;
	width: 14px;
	height: 24px;
	margin-right: 10px;
	background: center center no-repeat;
	vertical-align: top;
}

.footer-contact li i.phone {
	/*background-image: url("https://fxccmarketsltd.com/img/phone-footer.png");*/
}

.footer-contact li i.email {
	/*background-image: url("https://fxccmarketsltd.com/img/email.png");*/
}

.footer-contact li span {
	display: inline-block;
	color: #bbb;
	font-size: 12px;
	vertical-align: top;
}


/*footer navigation*/

.footer-nav {
	padding: 0px;
}

.footer-nav ul {
	float: left;
	padding-left: 5.5%;
	line-height: 30px;
}

.footer-nav ul li {
	position: relative;
}

.footer-nav ul li a,
.footer-risk .container>div a,
.footer-risk .container>p a {
	font-size: 12px;
	color: #bbb;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
}

.footer-risk .container>div a,
.footer-risk .container>p a {
	color: #bbb;
}

.footer-nav ul li.subject {
	line-height: 1;
	padding-bottom: 16px;
	margin-bottom: 20px;
}

.footer-nav ul li.subject,
.footer-risk h3 {
	font-size: 16px;
	color: #fff;
}

.footer-nav ul li.subject .line-h,
.footer-risk .container h3 .line-h {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 24px;
	height: 1px;
	background-color: #faaf40;
}

.footer-nav ul li:hover a,
.footer-risk .container>div a:hover,
.footer-risk .container>p a:hover {
	color: #faaf40 !important;
}

.fj-logo {
	padding-top: 12px;
}

.footer-contact .fj-logo img {
	width: auto;
}


/*risk*/

.footer-risk {
	padding: 24px 0px 30px;
}

.footer-risk .container h3 {
	position: relative;
	margin: 36px 0px 8px 0px;
	padding-bottom: 16px;
	line-height: 26px;
}

.footer-risk .container>div,
.footer-risk .container>p {
	font-size: 12px;
	color: #666;
	line-height: 24px;
}

.footer-risk .copyRight {
	margin-top: 52px;
	font-size: 12px;
	color: #666;
}

.fixed-service img{max-width: 100% !important;}

/*animation*/

@keyframes loadEnter {
	from {
		opacity: 0;
		right: 70px;
	}
	to {
		opacity: 1;
		right: 50px;
	}
}

@-webkit-keyframes loadEnter {
	from {
		opacity: 0;
		right: 70px;
	}
	to {
		opacity: 1;
		right: 50px;
	}
}

@keyframes loadLeave {
	from {
		opacity: 1;
		right: 50px;
	}
	to {
		opacity: 0;
		right: 70px;
	}
}

@-webkit-keyframes loadLeave {
	from {
		opacity: 1;
		right: 50px;
	}
	to {
		opacity: 0;
		right: 70px;
	}
}


/*pad pro media*/

@media screen and (max-width:1199px) {
	/*footer navigation*/
	.mobile-body .footer-content {
		display: none;
	}
}


/*phone media*/

@media screen and (max-width:767px) {
	/*footer risk*/
	.mobile-body .footer-risk {
		padding-top: 0px;
	}
}