/*banner*/

.banner {
  background: url(../images/banner.jpg) no-repeat 50% 0;
  height: 1227px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}


/*banner end*/


/*container*/

.container-wrap {
  position: relative;
  width: 1163px;
  margin: -455px auto;
}

.floor-title {
  height: 115px;
  background: url(../images/floor-title.png) no-repeat;
}

.guide {
  background: url(../images/guide.png);
  width: 1163px;
  height: 517px;
  /* position: absolute; */
  /* top: -26px; */
}

.guidetitle {
	margin-top:25px;
	margin-left:447px;
}

.guidetitle p {
	text-indent: 2em;
	color: #FFFFFF;
	font-size: 31px;
	line-height: 26px;
	font-family: "微软雅黑";
}

.guidetitle p em {
	color: #ff490b;
	word-spacing:-5px;
}

.guidetitle p span {
	font-size: 16px;
	margin-left:-33px;
}

.guideinfo {
	margin-top:31px;
	margin-left:50px;
}

.guideinfo p {
	color: #FFFFFF;
    font-size: 32px;
    line-height: 43px;
    font-family: "微软雅黑";
    margin-left: 2px;
    margin-top: -9px;
}

.guideinfo p em {
	font-size: 23px;
    padding-left: 70px;
    color: #ff490b;
}

.guideinfo p span {
	font-size: 21px;
}

.guideinfo p span span {
	font-size: 18px;
}

.guideinfo p span span em {
	color:#ff490b;
	padding-left: 3px;
}

.broker-wrapper {
	position: relative;
	height: 310px;
	background-color: #4a156d;
}

.broker-avator-bg {
  width: 221px;
  float: left;
  height: 295px;
  background: url(../images/cicle.png) center center no-repeat;
  margin-left: 40px;
  padding-top: 20px;
  text-align: center;
}

.broker-info {
	float: left;
	width: 44%;
	margin-top: 5%;
	font-size: 18px;
	color: #fff;
	margin-left: 20px;
	font-family: "微软雅黑";
}

.broker-info p em{
	color: #fffc4c;
	font-weight:bold;
}

.broker-contact {
  font-size: 16px;
  height: 106px;
  background: url(../images/icon-share.png) left 15px no-repeat;
  padding-left: 31px;
  line-height: 30px;
  border-top: 2px solid #fff;
  margin-top: 10px;
  padding-top: 10px;
}

.broker-contact-phone{
	padding-top:24px;
	width:190px;
	padding-left:16px;
}

.broker-contact-phone p{
	color:#fff;
	font-weight:bold;
	font-family: "微软雅黑";
}

.broker-contact-phone p em {
	color:#fffc4c;
	font-weight:normal;
}

.broker-contact-qq{
	margin-top:-60px;
	width:190px;
	padding-left:250px;
}

.broker-contact-qq p{
	color:#fff;
	font-weight:bold;
	font-family: "微软雅黑";
}

.broker-contact-qq p em {
	color:#fffc4c;
	font-weight:normal;
}

.broker-contact-qq a button {
	background: url(../images/buttons.png) left 15px no-repeat;
	border:none;
	height:35px;
	width:166px;
	color:#fff;
	font-size:17px;
	font-weight:bold;
}

#floor-1 .broker-contact-qq a button {
	background-position: 7px 2px;
}

#floor-2 .broker-contact-qq a button {
	background-position: 7px -36px;
}

#floor-3 .broker-contact-qq a button {
	background-position: 7px -75px;
}

.btn-sign-up {
  margin-top: -52%;
  float: left;
  width: 266px;
  height: 234px;
  background: url(../images/signup.png) no-repeat;
  margin-left: 105%;
  font-size: 60px;
  color: #fff!important;
  line-height: 165%;
}

.btn-sign-up:hover{
  text-decoration: none!important;
}

#floor-2 .btn-sign-up{
	background-position: -268px 0;
}
#floor-3 .btn-sign-up{
	background-position: -537px 0;
}
.currency {
  font-size: 37px;
}

.floor {
  position: relative;
  background-color: #c31f38;
  padding: 0 35px;
}

.floor-list {
  background-color: #fff;
  padding: 0 0 35px;
}

.floor-sub-list {
  background-color: #fff;
  padding: 25px 0 0;
}

.floor-2-box {
  background: #4072b5;
  height: 1323px;
  width: 1095px;
  margin-top: 9px;
  margin-left: 35px;
  margin-bottom: 20px;
}

.common-title {
  height: 117px;
  margin: -44px -35px 0 -35px;
}

.floor-1-container-bg {
  width: 1115px;
  margin: 0 auto;
  height: 724px;
  border-radius: 20px;
  background: url(../images/floor-1-background.jpg) no-repeat;
  padding-top: 16px;
}

.floor-1-mask {
  width: 1067px;
  height: 681px;
  background: rgba(0, 0, 0, 0.5);
  margin-left: 26px;
}

.floor-1-tips {
  padding-top: 47px;
  padding-left: 99px;
}

.floor-1-tips li {
  position: relative;
  float: left;
  height: 44px;
  width: 100%;
  /* background: #fff; */
  /* margin-right: 11px; */
  /* margin-bottom: 20px; */
  font-size: 16px;
  color: #fff;
}

.floor-1-tips li i {
  position: absolute;
  display: block;
  width: 82px;
  height: 53px;
  background-position: -1290px -157px;
  top: -8px;
  font-weight: bold;
  line-height: 57px;
  padding-left: 15px;
}

.floor-1-tips li p {
  margin-left: 0;
  line-height: 42px;
  color: #5d5d5d;
  height: 39px;
}

.floor-1-tips li p em {
  color: #f34210;
}

.sign-up {
  height: 89px!important;
}

.sign-up i {
  background-position: -1280px -81px!important;
}

.up-name {
  margin-top: 7px;
  line-height: 38px!important;
  /* padding-left: 18px!important; */
}

.sign-up input {
  width: 91%;
  /* margin-top: 5px; */
  height: 29px;
  border: 1px solid rgba(255, 63, 63, 0);
  background-color: rgba(255, 255, 255, 0);
  /* padding: 6px; */
}

.password {
  /* padding-left: 18px; */
}

.password input {
  margin-top: 0;
}

.password {
  line-height: 20px!important;
}

.btn-yes {
  width: 153px;
  display: block;
  background-color: transparent;
  font-size: 16px;
  padding: 1px;
  /* text-align: center; */
  position: absolute;
  left: 50%;
  top: 131px;
  cursor: pointer;
  border: 0;
  color: #fff;
  margin-left: -125px;
  height: 40px;
  margin-top: 1px;
}

.title-2 {
  width: 1255px;
  height: 81px;
  background-position: -15px -137px;
  margin-left: -47px;
}

.title-3 {
  width: 1255px;
  height: 88px;
  background-position: -15px -252px;
  margin-left: -47px;
}

.title-4 {
  width: 1255px;
  height: 67px;
  background-position: -15px -368px;
  margin-left: -47px;
}

.link-me {
  position: relative;
  margin-top: 38px;
  margin-left: 551px;
}

.link-me p {
  border-bottom: 1px solid #fff;
  font-size: 16px;
  width: 470px;
  text-align: center;
  color: #fff;
}

.link-me i {
  background-position: -1352px -13px;
  display: block;
  width: 41px;
  height: 40px;
  position: absolute;
  right: 9px;
  bottom: 0px;
}

.link-me em {
  font-weight: bold;
}

.floor-sub-title {
  width: 96%;
  height: 50px;
  border: 2px solid #4a156d;
  margin-left: 20px;
}

.floor-sub-title p {
  font-size: 25px;
  color: #ffffff;
  padding-top: 7px;
}

.floor-sub-title-icon {
  display: block;
  width: 224px;
  height: 50px;
  background: url(../images/floor-sub-title.png) no-repeat;
  float: left;
}

.performance {
  position: relative;
}

.performance ul {
  width: 1047px!important;
  margin-left: 33px;
}

.performance li {
  overflow: hidden;
  height: 350px;
  width: 236px;
  border: 4px solid #fff;
  margin-top: 17px;
  float: left;
  margin-right: 17px;
  position: relative;
}

.img-tips {
  overflow: hidden;
  position: absolute;
  bottom: 0px;
  width: 236px;
  background: rgba(0, 0, 0, 0.5);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
  height: 46px;
}

.img-tips p {
  margin-top: 6px;
  margin-left: 9px;
  font-size: 16px;
  color: #fff;
  line-height: 37px;
}

.img-tips p i {
  font-size: 18px;
  color: #ffea00;
  float: right;
  margin-right: 10px;
}

.img-tips p i em {
  font-weight: bold;
  font-size: 27px;
}

.sale {
  margin-top: 17px;
  margin-left: 40px;
}

.sale li {
  overflow: hidden;
  float: left;
  position: relative;
  width: 319px;
  height: 297px;
  border: 4px solid #fff;
  margin-right: 23px;
}

.sale li img {
  width: 319px;
  height: 297px;
}

.img-tips-2 {
  width: 319px;
  position: absolute;
  bottom: 0px;
  height: 46px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
}

.img-tips-2 p {
  margin-top: 6px;
  margin-left: 9px;
  font-size: 16px;
  color: #fff;
  line-height: 37px;
}

.img-tips-2 p i {
  /* margin-left: 75px; */
  font-size: 18px;
  color: #ffea00;
  float: right;
  margin-right: 10px;
  height: 30px;
}

.img-tips-2 p i em {
  font-weight: bold;
  font-size: 25px;
}

.floor-3-box {
  width: 1085px;
  margin: 0 auto;
  background: #fff;
  height: 1167px;
  margin-bottom: 30px;
  padding: 33px 0 0 20px;
}

.left-title {
  width: 527px;
  height: 57px;
  background: #1966cc;
  overflow: hidden;
  margin-bottom: 30px;
}

.left-title p {
  float: left;
  width: 400px!important;
  font-size: 25px!important;
  color: #fff!important;
  font-weight: bold;
  text-indent: 0!important;
  margin-top: 3px;
  margin-left: 13px;
  letter-spacing: 3px;
}

.sigu-up-time p {
  margin-top: 9px;
  margin-left: 117px!important;
  line-height: 29px!important;
}

#floor-1 {
  background-color: #f4f3f9;
}
#floor-2 {
  background-color: #f4f3f9;
}
#floor-3 {
  background-color: #f4f3f9;
}

#floor-1 .floor-sub-title p {
  color: #4a156d;
}
#floor-2 .floor-sub-title p {
  color: #b85801;
}
#floor-3 .floor-sub-title p {
  color: #db3529;
}

#floor-2 .broker-wrapper {
  background-color: #b85801;
}
#floor-3 .broker-wrapper {
  background-color: #db3529;
}

#floor-2 .broker-contact {
  border-top-color: #e7c8aa;
}
#floor-3 .broker-contact {
  border-top-color: #c5b1d3;
}

#floor-2 .floor-title {
  background-position: 0 -117px;
}
#floor-3 .floor-title {
  background-position: 0 -255px;
}

#floor-1 .sub-title-1 {
  background-position: 0 0;
}
#floor-1 .sub-title-2 {
  background-position: 0 -60px;
}
#floor-1 .sub-title-3 {
  background-position: 0 -118px;
}

#floor-2 .sub-title-1 {
  background-position: 0 -175px;
}
#floor-2 .sub-title-2 {
  background-position: 0 -235px;
}
#floor-2 .sub-title-3 {
  background-position: 0 -295px;
}

#floor-3 .sub-title-1 {
  background-position: 0 -354px;
}
#floor-3 .sub-title-2 {
  background-position: 0 -412px;
}
#floor-3 .sub-title-3 {
  background-position: 0 -471px;
}
#floor-3 .sub-title-4 {
  background-position: 0 -529px;
}

#floor-2 .floor-sub-title {
  border-color: #b75901;
}
#floor-3 .floor-sub-title {
  border-color: #db3529;
}


/*show add*/

.img-tips-add {
  height: 69px;
  width: 236px;
  position: absolute;
  bottom: -150px;
}

.img-tips-add p {
  height: 37px;
  line-height: 37px;
}

.img-tips-add p span {
  margin-left: 8px;
  color: #fff;
}

.img-tips-add span {
  color: #fff;
  font-size: 16.67px;
  margin-left: 8px;
}

.img-tips-add button {
  cursor: pointer;
  border: 0;
  background: #ae2c20;
  width: 79px;
  height: 26px;
  font-size: 16.67px;
  color: #fff;
  margin-right: 10px;
  float: right;
}

.img-tips-add p i {
  /* margin-left: 70px; */
  color: #ffea00;
  font-size: 17.82px;
  float: right;
  height: 30px;
  margin-right: 10px;
}

.img-tips-add p i em {
  font-size: 26.74px;
  font-weight: bold;
}

.img-tips {
  display: block;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.performance ul li a:hover .img-tips p {
  display: none;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.performance ul li a:hover .img-tips {
  height: 69px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.performance ul li a:hover .img-tips-add {
  bottom: 0px!important;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.img-tips-2-add {
  height: 69px;
  width: 316px;
  position: absolute;
  bottom: -150px;
}

.img-tips-2-add p {
  height: 35px;
  line-height: 35px;
}

.img-tips-2-add p span {
  margin-left: 8px;
  color: #fff;
}

.img-tips-2-add span {
  color: #fff;
  font-size: 16.67px;
  margin-left: 8px;
}

.img-tips-2-add button {
  cursor: pointer;
  border: 0;
  background: #ae2c20;
  width: 79px;
  height: 26px;
  font-size: 16px;
  color: #fff;
  float: right;
  margin-right: 9px;
}

.img-tips-2-add p i {
  /* margin-left: 144px; */
  color: #ffea00;
  font-size: 16px;
  float: right;
  margin-right: 10px;
  height: 30px;
}

.img-tips-2-add p i em {
  font-size: 26.74px;
  font-weight: bold;
}

.img-tips-2 {
  display: block;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.sale a:hover .img-tips-2 p {
  display: none;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.sale a:hover .img-tips-2 {
  height: 69px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.sale a:hover .img-tips-2-add {
  bottom: 0px!important;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.mask-success {
  width: 450px;
  height: 240px;
  background: #fff;
  border-radius: 20px;
  position: fixed;
  top: 50%;
  left: 50%;
   display: none;
  z-index: 9999999;
  border: 3px solid #e6e6e6;
  -webkit-box-shadow: 0 5px 10px rgba(125, 125, 125, 0.8);
  -moz-box-shadow: 0 5px 10px rgba(125, 125, 125, 0.8);
  box-shadow: 0 5px 10px rgba(125, 125, 125, 0.8);
  margin-left: -225px;
  margin-top: -120px;
}

.success-icon {
  background: url(../images/success.png);
  width: 70px;
  height: 72px;
  background-position: -17px -10px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -26px;
  margin-top: -84px;
  right: 0;
  bottom: 0;
}

.success-txt {
  background: url(../images/success.png);
  background-position: -114px -18px;
  width: 249px;
  height: 61px;
  position: absolute;
  left: 50%;
  margin-left: -125px;
  top: 50%;
  margin-top: 8px;
  padding-left: 23px;
}

.success-close {
  font-size: 24.55px;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  color: #cbcbcb;
  border: 1px solid #cbcbcb;
  text-align: center;
  line-height: 24px;
  position: absolute;
  right: 7px;
  top: 7px;
  cursor: pointer;
}

.suspension {
  width: 160px;
  height: 340px;
  background: url(../images/suspension.png) no-repeat;
  position: fixed;
  left: 47%;
  margin-left: 581px;
  z-index: 999;
  top: 30%;
  display: none;
  padding-top: 98px;
  text-align: center;
}

.suspension p {
  color: #fff;
  font-size: 16.75px;
  /* position: absolute; */
  /* border-bottom: 1px solid #444; */
  width: 83%;
  margin-left: 10px;
  height: 38px;
  line-height: 38px;
}

.suspension p a {
  text-decoration: none;
  color: #fff!important;
  display: block;
}


.top-btn a em {
  color: #ff771f!important;
}

.bg {
  width: 100%;
  background: #161154;
  height:5843px;
}

.bg-icon-1 {
  background: url(../images/bg-icon.png);
  background-position: -20px -20px;
  width: 331px;
  height: 312px;
  position: absolute;
  top: 200px;
  left: -253px;
}

.floor-2 {
  position: relative;
}

.bg-icon-2 {
  background: url(../images/bg-icon.png);
  background-position: -630px 0px;
  width: 331px;
  height: 312px;
  position: absolute;
  top: 1160px;
  left: -138px;
}

.bg-icon-3 {
  background: url(../images/bg-icon.png);
  background-position: -930px -90px;
  width: 331px;
  height: 312px;
  position: absolute;
  top: 529px;
  left: 1150px;
}

.bg-icon-4 {
  background: url(../images/bg-icon.png);
  background-position: -690px -480px;
  width: 331px;
  height: 482px;
  position: absolute;
  top: 1529px;
  left: 1087px;
}

.floor-3 {
  position: relative;
}

.bg-icon-5 {
  background: url(../images/bg-icon.png);
  background-position: -30px -360px;
  width: 331px;
  height: 272px;
  position: absolute;
  top: 2179px;
  left: -280px;
}

.bg-icon-6 {
  background: url(../images/bg-icon.png);
  background-position: -20px -650px;
  width: 331px;
  height: 272px;
  position: absolute;
  top: 2609px;
  left: 1170px;
}

.bg-icon-7 {
  background: url(../images/bg-icon.png);
  background-position: -390px -360px;
  width: 331px;
  height: 272px;
  position: absolute;
  top: 3129px;
  left: -239px;
}

.bg-icon-8 {
  background: url(../images/bg-icon.png);
  background-position: -360px -700px;
  width: 331px;
  height: 272px;
  position: absolute;
  top: 3329px;
  left: 1129px;
}

.floor-more {
	display: block;
	width: 62px;
	height: 26px;
	position: absolute;
	z-index: 555;
	text-align: center;
	line-height: 26px;
	font-size: 16.67px;
	text-decoration: none;
	right: 258px;
	padding-left: 11px;
	top: 44px;
}

.floor-2-more {
  display: block;
  width: 53px;
  height: 24px;
  border-radius: 5px;
  background: #1966cc;
  position: absolute;
  z-index: 555;
  text-align: center;
  color: #fff!important;
  line-height: 25px;
  font-size: 16.67px;
  text-decoration: none;
  right: 238px;
  padding-left: 11px;
  top: 31px;
}

.floor-3-more {
  display: block;
  width: 53px;
  height: 24px;
  border-radius: 5px;
  background: #1966cc;
  position: absolute;
  z-index: 555;
  text-align: center;
  color: #fff!important;
  line-height: 25px;
  font-size: 16.67px;
  text-decoration: none;
  right: 207px;
  padding-left: 11px;
  top: 31px;
}

.success-btn {
  border: 0;
  background: #e6e6e6;
  width: 133px;
  height: 29px;
  position: absolute;
  top: 196px;
  left: 166px;
  cursor: pointer;
  font-size: 18px;
}

.error-tel {
  width: 187px;
  height: 29px;
  border: 1px solid #f7c57f;
  position: absolute;
  right: 0;
  background: #fdf1cb;
  color: #ec6941;
  font-size: 12.5px;
  display: none;
  top: 131px;
  right: -43px;
}

.error-tel i {
  display: block!important;
  border-radius: 20px;
  text-align: center;
  float: left;
  width: 19px!important;
  height: 19px!important;
  background: #ec6941!important;
  color: #fdf1cb!important;
  margin-top: 5px;
  margin-left: 5px;
}

.error-tel p {
  line-height: 30px;
  margin-left: 10px;
}

.error-name {
  display: none;
  width: 187px;
  height: 29px;
  border: 1px solid #f7c57f;
  position: absolute;
  right: 0;
  background: #fdf1cb;
  color: #ec6941;
  font-size: 12.5px;
  top: 93px;
  right: -42px;
}

.error-name i {
  display: block!important;
  border-radius: 20px;
  text-align: center;
  float: left;
  width: 19px!important;
  height: 19px!important;
  background: #ec6941!important;
  color: #fdf1cb!important;
  margin-top: 5px;
  margin-left: 5px;
}

.error-name p {
  line-height: 30px;
  margin-left: 10px;
}

.error-name span {
  width: 0;
  height: 0;
  border-width: 8px 7px 8px 0;
  border-style: solid;
  border-color: transparent #f7c782 transparent transparent;
  /*透明 灰 透明 透明 */
  margin: 40px auto;
  position: absolute;
  top: -32px;
  left: -8px;
}

.error-name em {
  display: block;
  width: 0;
  height: 0;
  border-width: 8px 8px 8px 0;
  border-style: solid;
  border-color: transparent #fdf1cb transparent transparent;
  position: absolute;
  top: -8px;
  left: 0px;
}

.error-tel span {
  width: 0;
  height: 0;
  border-width: 8px 7px 8px 0;
  border-style: solid;
  border-color: transparent #f7c782 transparent transparent;
  margin: 40px auto;
  position: absolute;
  top: -32px;
  left: -8px;
}

.error-tel em {
  display: block;
  width: 0;
  height: 0;
  border-width: 8px 8px 8px 0;
  border-style: solid;
  border-color: transparent #fdf1cb transparent transparent;
  position: absolute;
  top: -8px;
  left: 0px;
}


/*container end*/


.mask-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999991!important;
  background: #000;
  opacity: .6;
  filter: Alpha(Opacity=60);
  bottom: 0;
  right: 0;
  z-index: 888888;
  display:none;
}

.dialog-form {
  background: url(../images/dialog-bg.png) center center no-repeat;
  width: 718px;
  height: 572px;
  margin-left: -359px;
  margin-top: -286px;
  top: 50%;
  left: 50%;
  position: fixed;
}

.dialog-inner {
  padding: 38% 0 0 0;
  width: 430px;
  margin: 0 auto;
}

.dialog-close {
  position: absolute;
  right: 97px;
  width: 37px;
  height: 37px;
  top: 0;
}

.title-4 {
  width: 1162px;
  height: 95px;
  background-position: -15px -368px;
  margin-left: 0px;
}

.title-common-bg {
  background: #DA3528;
  width: 1162px;
  margin: 0 auto 0;
  position: relative;
}

.icon {
  background: url(../images/title2.jpg);
}

.container-box {
  background: #8486c6;
  width: 1162px;
}

.review {
  padding-top: 30px;
  margin-left: 35px;
  padding-bottom: 33px;
}

.review li {
  float: left;
  margin-right: 30px;
  width: 243px;
  height: 155px;
  border: 4px solid #fff;
}

.floor-4{
	height:385px;
	background-color:#4e50a1;
}