/*banner*/

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


/*banner end*/


/*container*/

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

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

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

.guide p {
	text-indent: 2em;
	color: #714320;
	font-size: 18px;
	width: 845px;
	margin-left: 182px;
	margin-top: 36px;
	line-height: 32px;
	font-family: "微软雅黑";
}

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

.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: 41%;
	margin-top: 5%;
	font-size: 18px;
	color: #fff;
	margin-left: 20px;
	font-family: "微软雅黑";
}

.broker-contact {
  font-size: 16px;
  height: 90px;
  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;
}

.btn-sign-up {
  margin-top: 5%;
  float: left;
  width: 314px;
  height: 124px;
  background: url(../images/btn-price.png) no-repeat;
  margin-left: 28px;
  font-size: 60px;
  color: #fff!important;
  line-height: 165%;
}
.btn-sign-up:hover{
  text-decoration: none!important;
}
.currency {
  font-size: 37px;
}

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

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

.floor-sub-list {
  background-color: #fff;
  /* padding: 35px 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: 13px;
  /* padding-left: 18px; */
}

.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: 61px;
}

.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: 99%;
  margin-top: 5px;
  height: 29px;
  border: 1px solid #ff3f3f;
  background-color: #fff;
  padding: 6px;
}

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

.password input {
  margin-top: 0;
}

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

.btn-yes {
  width: 254px;
  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: 49px;
  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: 676px;
  height: 50px;
  border-bottom: 2px solid #e71f19;
  margin-left: 20px;
  padding-top: 23px;
}

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

.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: #c31f38;
}
#floor-2 {
  background-color: #e29101;
}
#floor-3 {
  background-color: #811fc4;
}
#floor-4 {
  background-color: #1fb7c4;
}
#floor-5 {
  background-color: #83bb1c;
}
#floor-6 {
  background-color: #6e3d1b;
}



#floor-2 .broker-wrapper {
  background-color: #b75901;
}
#floor-3 .broker-wrapper {
  background-color: #51147b;
}
#floor-4 .broker-wrapper {
  background-color: #005983;
}
#floor-5 .broker-wrapper {
  background-color: #1d660c;
}
#floor-6 .broker-wrapper {
  background-color: #502b11;
}


#floor-2 .broker-contact {
  border-top-color: #e7c8aa;
}
#floor-3 .broker-contact {
  border-top-color: #c5b1d3;
}
#floor-4 .broker-contact {
  border-top-color: #aac8d6;
}
#floor-5 .broker-contact {
  border-top-color: #b4ccae;
}
#floor-6 .broker-contact {
  border-top-color: #c5b8b0;
}


#floor-2 .floor-title {
  background-position: 0 0;
}

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

#floor-3 .floor-title {
  background-position: 0 -234px;
}

#floor-4 .floor-title {
  background-position: 0 -351px;
}

#floor-5 .floor-title {
  background-position: 0 -468px;
}

#floor-6 .floor-title {
  background-position: 0 -583px;
}



#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 -120px;
}

#floor-2 .sub-title-1 {
  background-position: 0 -176px;
}
#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 -351px;
}
#floor-3 .sub-title-2 {
  background-position: 0 -411px;
}
#floor-3 .sub-title-3 {
  background-position: 0 -471px;
}

#floor-4 .sub-title-1 {
  background-position: 0 -528px;
}
#floor-4 .sub-title-2 {
  background-position: 0 -587px;
}
#floor-4 .sub-title-3 {
  background-position: 0 -647px;
}

#floor-5 .sub-title-1 {
  background-position: 0 -705px;
}
#floor-5 .sub-title-2 {
  background-position: 0 -765px;
}
#floor-5 .sub-title-3 {
  background-position: 0 -825px;
}

#floor-6 .sub-title-1 {
  background-position: 0 -882px;
}
#floor-6 .sub-title-2 {
  background-position: 0 -942px;
}
#floor-6 .sub-title-3 {
  background-position: 0 -1002px;
}




#floor-2 .floor-sub-title {
  border-bottom-color: #b75901;
}
#floor-3 .floor-sub-title {
  border-bottom-color: #51147b;
}
#floor-4 .floor-sub-title {
  border-bottom-color: #005983;
}
#floor-5 .floor-sub-title {
  border-bottom-color: #1d660c;
}
#floor-6 .floor-sub-title {
  border-bottom-color: #6e3d1b;
}



/*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: 118px;
  height: 389px;
  background: url(../images/suspension.png) no-repeat;
  position: fixed;
  left: 50%;
  margin-left: 581px;
  z-index: 999;
  top: 5%;
  display: none;
  padding-top: 258px;
  text-align: center;
}

.suspension p {
  color: #fff;
  font-size: 18.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: #870108;
}

.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;
}

.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: 359px;
  right: 139px;
}

.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: 32px;
}

.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: 303px;
  right: 139px;
}

.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: 32px;
}

.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: 117px;
  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: #DA3528;
  width: 1162px;
}

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

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