.index-wrapper {
  margin: 0 auto;
  overflow-x: hidden;
  opacity: 0;
}
.index-wrapper .banner {
  min-width: 1160px;
}
.index-wrapper .example-wrapper {
  min-width: 1160px;
  height: 160px;
  background: url("../imgs/example-bg.jpg") no-repeat center center;
  background-size: auto 160px;
}
.index-wrapper .example-wrapper .two-example-wrapper {
  width: 1000px;
  margin: 0 auto;
  font-size: 0;
}
.index-wrapper .example-wrapper .two-example-wrapper .example-title {
  top: 0;
  left: 410px;
  width: 180px;
  height: 32px;
  line-height: 30px;
  font-size: 18px;
  background-color: #e5c596;
  color: #fff;
  z-index: 5;
}
.index-wrapper .example-wrapper .two-example-wrapper .example-item {
  width: 465px;
  vertical-align: top;
  margin-right: 70px;
  cursor: pointer;
}
.index-wrapper .example-wrapper .two-example-wrapper .example-item:last-child {
  margin-right: 0;
}
.index-wrapper .example-wrapper .two-example-wrapper .example-item .example-item-name {
  font-size: 18px;
  padding-top: 45px;
  font-weight: 600;
}
.index-wrapper .example-wrapper .two-example-wrapper .example-item .example-item-desc1 {
  font-size: 16px;
  color: #df9300;
  margin: 10px 0;
}
.index-wrapper .example-wrapper .two-example-wrapper .example-item .example-item-desc2 {
  font-size: 16px;
}
.index-wrapper .example-wrapper .two-example-wrapper .example-item .example-item-desc2 span {
  color: #e00;
}
.index-wrapper .example-wrapper .two-example-wrapper .example-item i {
  right: 2px;
  top: 95px;
  width: 12px;
  height: 18px;
  background: url("../imgs/more-icon.png") no-repeat center center;
  background-size: cover;
}
.index-wrapper .main-wrapper {
  margin-top: 40px;
  min-width: 1160px;
}
.index-wrapper .main-wrapper .free-tools-wrapper {
  width: 1000px;
  height: 241px;
  margin: 0 auto;
  background: url("../imgs/free-tool-bg.png") no-repeat center center;
  background-size: cover;
}
.index-wrapper .main-wrapper .free-tools-wrapper .free-tools-title {
  width: 120px;
  height: 32px;
  line-height: 32px;
  background: #e5c596;
  color: #fff;
  margin: 0 auto;
  font-size: 18px;
}
.index-wrapper .main-wrapper .free-tools-wrapper ul {
  font-size: 0;
}
.index-wrapper .main-wrapper .free-tools-wrapper ul li {
  width: 243px;
  vertical-align: top;
  cursor: pointer;
}
.index-wrapper .main-wrapper .free-tools-wrapper ul li .tool-bg {
  height: 93px;
  background: url("../imgs/wg-bg.png") no-repeat center center;
  background-size: 112px 93px;
  margin-top: 30px;
}
.index-wrapper .main-wrapper .free-tools-wrapper ul li .tool-bg.kx-bg {
  background: url("../imgs/kx-bg.png") no-repeat center center;
  background-size: 120px 66px;
}
.index-wrapper .main-wrapper .free-tools-wrapper ul li .tool-bg.sl-bg {
  background: url("../imgs/sl-bg.png") no-repeat center center;
  background-size: 120px 72px;
}
.index-wrapper .main-wrapper .free-tools-wrapper ul li .tool-bg.fs-bg {
  background: url("../imgs/map-fs.png") no-repeat center center;
  background-size: 120px 85px;
}
.index-wrapper .main-wrapper .free-tools-wrapper ul li .tool-bg.pc-bg {
  background: url("../imgs/pc-bg.png") no-repeat center center;
  background-size: 112px 86px;
}
.index-wrapper .main-wrapper .free-tools-wrapper ul li .tool-name {
  font-size: 18px;
  margin-top: 18px;
}
.index-wrapper .main-wrapper .on-sell-wrapper {
  width: 922px;
  height: 241px;
  margin: 45px auto 0;
  font-size: 0;
}
.index-wrapper .main-wrapper .on-sell-wrapper .on-sell-item {
  vertical-align: top;
  width: 240px;
  height: 241px;
  background: url("../imgs/seel-1.png") no-repeat center center;
  background-size: cover;
  margin-right: 100px;
  cursor: pointer;
}
.index-wrapper .main-wrapper .on-sell-wrapper .on-sell-item.qymc {
  margin-right: 0;
  background: url("../imgs/sell-3.png") no-repeat center center;
  background-size: cover;
}
.index-wrapper .main-wrapper .on-sell-wrapper .on-sell-item.qmzy {
  background: url("../imgs/sell-2.png") no-repeat center center;
  background-size: cover;
}
.index-wrapper .main-wrapper .master-introduce {
  width: 1000px;
  height: 360px;
  background: url("../imgs/master-introduce-bg.jpg") no-repeat center center;
  background-size: cover;
  margin: 80px auto 0;
  font-size: 0;
}
.index-wrapper .main-wrapper .master-introduce .master-introduce-title {
  font-size: 18px;
  color: #fff;
  width: 120px;
  height: 32px;
  line-height: 32px;
  top: -15px;
  margin: 0 auto;
  background: #e5c596;
}
.index-wrapper .main-wrapper .master-introduce .zb {
  width: 156px;
  height: 256px;
  background: url("../imgs/zb.png") no-repeat center center;
  background-size: cover;
  vertical-align: top;
  margin: 30px 0 0 98px;
}
.index-wrapper .main-wrapper .master-introduce .master-title {
  width: 20px;
  font-size: 20px;
  line-height: 22px;
  vertical-align: top;
  margin: 25px 0 0 48px;
}
.index-wrapper .main-wrapper .master-introduce .master-name {
  font-size: 28px;
  width: 28px;
  line-height: 30px;
  vertical-align: top;
  margin: 112px 0 0 16px;
}
.index-wrapper .main-wrapper .master-introduce .master-desc {
  text-align: justify;
  font-size: 14px;
  width: 535px;
  line-height: 30px;
  margin: 30px 0 0 50px;
}
.index-wrapper .main-wrapper .name-fengshui-title {
  width: 260px;
  height: 30px;
  background: url("../imgs/name-fengshui-title.png") no-repeat center center;
  background-size: 242px 30px;
  margin: 50px auto 0;
}
.index-wrapper .main-wrapper .name-fengshui-detail {
  width: 1000px;
  margin: 85px auto 0;
}
.index-wrapper .main-wrapper .name-fengshui-detail .name-lucky-wrapper {
  font-size: 0;
}
.index-wrapper .main-wrapper .name-fengshui-detail .name-lucky-wrapper .left {
  width: 400px;
  height: 280px;
  background: url("../imgs/name-bg.png") no-repeat center center;
  background-size: cover;
  vertical-align: top;
}
.index-wrapper .main-wrapper .name-fengshui-detail .name-lucky-wrapper .right {
  padding-top: 75px;
  margin-left: 118px;
}
.index-wrapper .main-wrapper .name-fengshui-detail .name-lucky-wrapper .right .name-lucky .title-wrapper .red-title {
  width: 200px;
  height: 40px;
  background: url("../imgs/name-lucky.png") no-repeat center center;
  background-size: cover;
}
.index-wrapper .main-wrapper .name-fengshui-detail .name-lucky-wrapper .right .name-lucky .title-wrapper a {
  font-size: 16px;
  vertical-align: bottom;
  margin-left: 165px;
}
.index-wrapper .main-wrapper .name-fengshui-detail .name-lucky-wrapper .right .name-lucky .desc {
  width: 482px;
  line-height: 30px;
  font-size: 16px;
  text-align: justify;
  margin-top: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.index-wrapper .main-wrapper .name-fengshui-detail .yang-fengshui-wrapper {
  margin-top: 50px;
}
.index-wrapper .main-wrapper .name-fengshui-detail .yang-fengshui-wrapper .right {
  width: 420px;
  height: 297px;
  background: url("../imgs/fengshui-bg.png") no-repeat center center;
  background-size: contain;
  vertical-align: top;
}
.index-wrapper .main-wrapper .name-fengshui-detail .yang-fengshui-wrapper .left {
  padding-top: 75px;
  margin-right: 100px;
}
.index-wrapper .main-wrapper .name-fengshui-detail .yang-fengshui-wrapper .left .yang-fengshui .title-wrapper .red-title {
  width: 200px;
  height: 40px;
  background: url("../imgs/yang-fengshui.png") no-repeat center bottom;
  background-size: cover;
}
.index-wrapper .main-wrapper .name-fengshui-detail .yang-fengshui-wrapper .left .yang-fengshui .title-wrapper a {
  font-size: 16px;
  vertical-align: bottom;
  margin-left: 100px;
}
.index-wrapper .main-wrapper .name-fengshui-detail .yang-fengshui-wrapper .left .yang-fengshui .desc {
  width: 458px;
  line-height: 30px;
  font-size: 16px;
  text-align: justify;
  margin-top: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.index-wrapper .main-wrapper .team-introduce-title {
  width: 226px;
  height: 30px;
  background: url("../imgs/team-title.png") no-repeat center center;
  background-size: 219px 30px;
  margin: 0 auto;
}
.index-wrapper .main-wrapper .team-introduce-detail {
  width: 1194px;
  margin: 72px auto 0;
  font-size: 0;
}
.index-wrapper .main-wrapper .team-introduce-detail .left {
  vertical-align: top;
  width: 474px;
  height: 440px;
  background: url("../imgs/team-left.png") no-repeat center center;
  background-size: 474px 440px;
}
.index-wrapper .main-wrapper .team-introduce-detail .right {
  width: 720px;
  height: 440px;
  background-image: linear-gradient(90deg, #f3f3f3 0%, #fff 100%);
}
.index-wrapper .main-wrapper .team-introduce-detail .right ul {
  margin: 175px 0 0 95px;
}
.index-wrapper .main-wrapper .team-introduce-detail .right ul li .team-member-name {
  font-size: 20px;
  margin-bottom: 10px;
}
.index-wrapper .main-wrapper .team-introduce-detail .right ul li .team-member-desc {
  width: 343px;
  font-size: 16px;
  line-height: 30px;
  text-align: justify;
}
.index-wrapper .main-wrapper .team-introduce-detail .right a {
  top: 215px;
  right: 95px;
  font-size: 16px;
}