<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.icon {

  width: 24px;

  height: 24px;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: contain;

}



.flex {

  display: flex;

}



.between {

  justify-content: space-between;

}



.wrap {

  flex-wrap: wrap;

}



.align_center {

  align-items: center;

}



.align_end {

  align-items: flex-end;

}



.margin_l_20 {

  margin-left: 15px;

}



.index_header {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 80px;

  display: flex;

  justify-content: center;

  background-color: transparent;

  z-index: 99;

  transition: all .25s;

}



.index_header .index_header_contain {

  max-width: 1200px;

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-shrink: 0;

  box-sizing: border-box;

  padding: 0 10px;

}



.index_header .index_header_contain .index_header_left {

  display: flex;

  align-items: flex-end;

  justify-content: center;

  margin-right: 42px;

}



.index_header .index_header_contain .index_header_left .logo_img {

  display: block;

  width: 160px;

  height: 36px;

  margin-right: 10px;

  background: url(../images/logo_white.png) no-repeat center center/contain;

}



.index_header .index_header_contain .index_header_left .position {

  height: 30px;

  width: 62px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 8px;

  border: 1px solid #fff;

  flex-shrink: 0;
  cursor: pointer;
}



.index_header .index_header_contain .index_header_left .position .iconfont_i {

  font-size: 16px;

  color: #fff;

}



.index_header .index_header_contain .index_header_left .position span {



  font-size: 14px;

  color: #fff;

}



.index_header .index_header_contain .index_header_ul {

  display: flex;

  align-items: center;

  flex: 1;

}



.index_header .index_header_contain .index_header_ul .index_header_li {

  padding: 0;

}



.index_header .index_header_contain .index_header_ul .index_header_li a {

  font-size: 16px;

  color: #fff;

  padding: 0 12px;

  line-height: 36px;

}



.index_header .index_header_contain .index_header_ul .index_header_li.login_li {

  display: flex;

  align-items: center;

  flex: 1;

  justify-content: flex-end;

}



.index_header .index_header_contain .index_header_ul .index_header_li.login_li span {

  margin: 0 2px;

  user-select: none;

  color: #fff;

}



.index_header .index_header_contain .index_header_ul .index_header_li.login_li .iconfont_i {

  font-size: 26px;

  margin-right: 5px;

  color: #fff;

}



.page2_header {

  background-color: #fff;

  box-shadow: 0 0 8px rgba(0, 0, 0, .06);

}



.page2_header .index_header_contain .index_header_left .logo_img {

  background: url(../images/logo.png) no-repeat center center/contain;

}



.page2_header .index_header_contain .index_header_left .position {

  border-color: var(--secondaryColor);

}



.page2_header .index_header_contain .index_header_left .position .iconfont_i,

.page2_header .index_header_contain .index_header_left .position span {

  color: var(--secondaryColor);

}



.page2_header .index_header_contain .index_header_ul .index_header_li a,

.page2_header .index_header_contain .index_header_ul .index_header_li.login_li span,

.page2_header .index_header_contain .index_header_ul .index_header_li.login_li .iconfont_i {

  color: #101d37;

}



.page_one_header {

  display: flex;

  justify-content: center;

  position: absolute;

  width: 100%;

  height: 80px;

  top: 0;

  left: 0;

  background: linear-gradient(rgba(0,0,0,0.8), transparent);;

}



.page_one_header .index_header_contain {

  max-width: 1200px;

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-shrink: 0;

  box-sizing: border-box;

  padding: 0 10px;

}



.page_one_header .index_header_contain .index_header_left {

  display: flex;

  align-items: flex-end;

  justify-content: center;

  margin-right: 42px;

}



.page_one_header .index_header_contain .index_header_left .logo_img {

  display: block;

  width: 160px;

  height: 36px;

  margin-right: 10px;

  background: url(../images/logo_white.png) no-repeat center center/contain;

}

.page_one_header .index_header_contain .index_header_left .logo_ld_img {
    display: block;
    width: 160px;
    height: 34px;
    margin-right: 10px;
    background: url(../images/logo_white_ld.png) no-repeat center center/contain;
}

.page_one_header .index_header_contain .index_header_left .position {

  height: 30px;

  width: 62px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 8px;

  border: 1px solid #fff;

  flex-shrink: 0;
  cursor: pointer;
}



.page_one_header .index_header_contain .index_header_left .position .iconfont_i {

  font-size: 16px;

  color: #fff;

}



.page_one_header .index_header_contain .index_header_left .position span {



  font-size: 14px;

  color: #fff;

}



.page_one_header .index_header_contain .index_header_ul {

  display: flex;

  align-items: center;

  flex: 1;

}



.page_one_header .index_header_contain .index_header_ul .index_header_li {

  padding: 0;

}



.page_one_header .index_header_contain .index_header_ul .index_header_li a {

  font-size: 16px;

  color: #fff;

  padding: 0 12px;

  line-height: 36px;

}



.page_one_header .index_header_contain .index_header_ul .index_header_li.login_li {

  display: flex;

  align-items: center;

  flex: 1;

  justify-content: flex-end;

}



.page_one_header .index_header_contain .index_header_ul .index_header_li.login_li span {

  margin: 0 2px;

  user-select: none;

  color: #fff;

}



.page_one_header .index_header_contain .index_header_ul .index_header_li.login_li .iconfont_i {

  font-size: 26px;

  margin-right: 5px;

  color: #fff;

}





.swiper-container {

  width: 100%;

  height: 100%;

}



.swiper-wrapper {}



.swiper-slide {}



.page1 {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  position: relative;

  padding-top: 0px;

  background: transparent;

  z-index: 1;

  width: 100%;

  height: 60vh;

}



.page_one_fiexd_none {

  display: none;

}



.page_one_fiexd {

  display: flex;

  opacity: 0;

  animation-name: headerFiexd;

  animation-fill-mode: forwards;

  animation-duration: .5s;
  min-width: 1200px;

}



@keyframes headerFiexd {

  0% {

    display: flex;

    opacity: 0;

  }



  100% {

    display: flex;

    opacity: 1;

  }

}



.page1 video {

  /* position: absolute;

    right: 0;

    bottom: 0;

    min-width: 100%;

    min-height: 100%;

    width: 100%;

    height: 100%;

    object-fit: cover;

    z-index: -100;

    -webkit-filter: grayscale(20%); */

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 70vh;

  z-index: -1;

  object-fit: cover;

}



.page1 .tip {

  position: absolute;

  right: 0;

  bottom: 0;

  display: flex;

  align-items: center;

  padding: 10px 10px 10px 30px;

  color: #fff;

  font-size: 15px;

  border-top-left-radius: 16px;

  background-color: var(--primaryColor);

}



.page1 .tip .iconfont {

  font-size: 18px;

  margin-right: 5px;

}



.page1 .tip span.rise {

  color: #ff0000;

}



.page1 .tip span.reduction {

  color: #2aff00;

}



/* .page1 .title {

    font-size: 48px;

    color: #fff;

    font-weight: bold;

    margin-bottom: 30px;

    margin-top: 100px;

} */

.page1 .title_img {

  flex-shrink: 0;

  margin-bottom: 24px;

  width: 633px;

  height: 53px;

  background: url(../images/homepage1_text_img.png) no-repeat center center / contain;

}



.page1 .scrollDiv {

  height: 30px;

  overflow: hidden;

  margin-bottom: 60px;

  flex-shrink: 0;

  text-align: center;

}



.page1 .scrollDiv .p {

  font-size: 22px;

  line-height: 30px;

  color: #fff;

}



.page1 .scrollDiv .p span {

  font-weight: bold;

  color: var(--primaryColor);

}



.page1 .search {

  width: 90%;

  max-width: 780px;

  height: 50px;

  margin: 60px auto 0;

  display: flex;

  align-items: center;

  position: relative;

  flex-shrink: 0;



}



.search .search_input {

  flex: 1;

  display: flex;

  align-items: center;

  height: 100%;

  border-radius: 8px 0 0 8px;

  overflow: hidden;

  background-color: #fff;

  border: none;

}



.search .search_input input {

  width: 100%;

  height: 100%;

  padding: 0 15px;

  font-size: 14px;

  /* border-radius: 5px 0 0 5px; */

}



.search .search_input a {

  display: flex;

  align-items: center;

  height: 100%;

  margin: 0 10px;

  flex-shrink: 0;

  font-size: 14px;

  color: #333333;

}



.search .search_input a .iconfont {

  font-size: 24px;

  color: var(--secondaryColor);

  margin-right: 5px;

}



.search .search_btn {

  display: flex;

  align-items: center;

  justify-content: center;

  height: 100%;

  width: 80px;

  background-color: var(--primaryColor);

  border-radius: 0 5px 5px 0;

}



.search .search_btn .iconfont {

  font-size: 20px;

  color: #fff;

}



.search .search_radio {

  position: absolute;

  top: 0;

  left: 10px;

  display: flex;

  transform: translateY(-100%);

}



.search .search_radio .radio_li input[type="radio"] {

  display: none;

}



.search .search_radio .radio_li label {

  display: block;

  font-size: 14px;

  height: 36px;

  line-height: 36px;

  padding: 0 14px;

  color: #fff;

  border-radius: 8px 8px 0 0;

  background: var(--secondaryColor);

  transition: all .2s;

}



.search .search_radio .radio_li input[type="radio"]:checked+label {

  background: var(--primaryColor);

}





.page2 {

  display: flex;

  flex-direction: column;

  background: #F5F7FA;

  position: relative;

  z-index: 2;

}



.page2 .header_height {

  width: 100%;

  height: 10px;

  transition: height .5s;

}
.page2 .header_height.active {
  height: 80px;
}



.page2 .page2_contain {

  flex: 1;

  overflow-y: auto;

}



.page2_main {

  width: 100%;

  min-width: 1200px;

  overflow-x: auto;

  position: relative;

}



.animation_wrapper {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: -1;

}



.animation_wrapper .animation {

  width: 100%;

  height: 150px;

  background-repeat: repeat-x;

  animation-timing-function: linear;

  animation-direction: normal;

  animation-iteration-count: infinite;

  margin: 20px 0;

}



.animation_wrapper .animation1 {

  background-image: url(../images/homepage_animation_img1.png);

  animation-name: rollR;

  animation-duration: 30s;

}



.animation_wrapper .animation2 {

  background-image: url(../images/homepage_animation_img2.png);

  animation-name: rollL;

  animation-duration: 64s;

}



.animation_wrapper .animation3 {

  background-image: url(../images/homepage_animation_img3.png);

  animation-name: rollR;

  animation-duration: 54s;



}



.page2_content {

  max-width: 1200px;

  padding: 0 20px;

  margin: 0 auto;



}



.page2_menu {

  margin: 10px 0 10px 0;

}



.page2_menu .page2_tip {

  font-weight: 500;

  font-size: 32px;

  line-height: 44px;

  text-align: center;

  color: #000000;

  margin-bottom: 10px;

}
.page2_menu .page2_subtip{
  font-weight: normal;
font-size: 26px;
line-height: 36px;
color: #666;
margin-top: 8px;
}



.page2_menu .page2_menu_ul {

  display: flex;

  justify-content: space-around;

  flex-wrap: wrap;

}



.page2_menu .page2_menu_ul .page2_menu_li {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  cursor: pointer;

  flex-shrink: 0;

  margin: 0 20px;

}



.page2_menu .page2_menu_ul .page2_menu_li .icon {

  width: 100px;

  height: 100px;

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center center;

  margin-bottom: 8px;

  position: relative;

  transition: transform ease-out 0.1s;

}



.page2_menu .page2_menu_ul .page2_menu_li .icon:after {

  pointer-events: none;

  position: absolute;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  content: '';

  box-sizing: content-box;

  top: 0;

  left: 0;

  padding: 0;

  z-index: -1;

  box-shadow: 0 0 0 2px rgb(255 255 255 / 10%);

  opacity: 0;

}



.page2_menu .page2_menu_ul .page2_menu_li:hover .icon {

  transform: scale(0.93);

}



/* .page2_menu .page2_menu_ul .page2_menu_li:hover .menu_li_name,

.page2_menu .page2_menu_ul .page2_menu_li:hover .menu_li_text {

    transform: scale(1.05);

} */

.page2_menu .page2_menu_ul .page2_menu_li:hover .icon:after {

  animation: iconHover 1.3s ease-out;

}



.page2_menu .page2_menu_ul .page2_menu_li .icon1 {

  background-image: url(../images/home_menu_icon1.png);

}



.page2_menu .page2_menu_ul .page2_menu_li .icon2 {

  background-image: url(../images/home_menu_icon2.png);

}



.page2_menu .page2_menu_ul .page2_menu_li .icon3 {

  background-image: url(../images/home_menu_icon3.png);

}



.page2_menu .page2_menu_ul .page2_menu_li .icon4 {

  background-image: url(../images/home_menu_icon4.png);

}



.page2_menu .page2_menu_ul .page2_menu_li .menu_li_name {

  font-size: 26px;

  font-weight: 500;

  color: #000000;

  margin-bottom: 8px;

  line-height: 36px;

  transition: transform ease-out 0.3s;

}



.page2_menu .page2_menu_ul .page2_menu_li .menu_li_text {

  font-size: 16px;

  color: #333;

  line-height: 22px;

  transition: transform ease-out 0.3s;

}



.house_list {

  margin-bottom: 90px;

}



.house_list .list_header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-wrap: wrap;

  margin-bottom: 15px;

}



.house_list .list_header .list_header_left,

.information_list .list_header {

  display: flex;

  align-items: flex-end;

  flex-wrap: wrap;

}



.house_list .list_header .list_nav,

.information_list .list_header .list_nav {

  display: flex;

  margin-left: 36px;

}



.house_list .list_header .list_nav .list_nav_li,

.information_list .list_header .list_nav .list_nav_li {

  font-size: 18px;

  color: #333333;

  position: relative;

  margin: 0px 16px;

  padding: 0px 12px;

  line-height: 50px;

  cursor: pointer;

  transition: all .5s;

}



.house_list .list_header .list_nav .list_nav_li::after,

.information_list .list_header .list_nav .list_nav_li::after {

  content: '';

  display: block;

  position: absolute;

  bottom: 0px;

  left: 0;

  width: 0;

  height: 4px;

  border-radius: 2px;

  background-color: var(--secondaryColor);

  transition: all .5s;

}



.house_list .list_header .list_nav .list_nav_li.active,

.information_list .list_header .list_nav .list_nav_li.active {

  color: var(--secondaryColor);

}



.house_list .list_header .list_nav .list_nav_li.active::after,

.information_list .list_header .list_nav .list_nav_li.active::after {

  width: 100%;

}



.house_list .list_header .list_title,

.information_list .list_header .list_title {

  font-size: 32px;

  line-height: 50px;

  font-weight: 500;

  color: #000000;

}



.house_list .list_header .list_more {

  color: var(--primaryColor);

  font-weight: 500;

font-size: 16px;

line-height: 22px;



}



.house_list .house_card:nth-of-type(n+4) {

  margin-right: 0;

}



.newHouse_list {

  display: none;

}



.newHouse_list.newHouse_active {

  display: flex;

  justify-content: space-between;

}



.newHouse_list .house_card {

  width: 360px;

  margin-left: 0;

  margin-right: 0;

}



.newHouse_list .house_card .house_img {

  padding-bottom: 100%;

}



.houselist_swiper {

  padding-bottom: 50px;

}



.houselist_swiper .swiper-pagination {

  bottom: 20px;

}



.houselist_swiper .swiper-pagination .swiper-pagination-bullet-active {

  background: var(--primaryColor);

}



.information {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  margin-bottom: 30px;

}



.information_list {

  flex: 1;

}



.information_list .information_ul {

  display: none;

  flex-direction: column;



}



.information_list .information_ul.information_ul_active {

  display: flex;

}



.information_list .information_ul .information_li {

  margin-bottom: 15px;

}



.information_list .information_ul .information_li:last-of-type {

  margin-bottom: 0;

}



.information_list .information_ul .information_li .information_card {

  display: flex;

  width: 100%;

  padding: 25px;

  background: #fff;

  border-radius: 8px;

  transition: all .5s;

}



.information_list .information_ul .information_li .information_card:hover {

  box-shadow: 0 0 8px rgba(0, 0, 0, .08);

  transform: scale(1.01);

}



.information_list .information_ul .information_li .information_card .img {

  width: 220px;

  height: 130px;

  border-radius: 4px;

  position: relative;

  margin-right: 25px;

  flex-shrink: 0;

}



.information_list .information_ul .information_li .information_card .img .label {

  position: absolute;

  left: 10px;

  top: 10px;

  padding: 5px;

  font-size: 12px;

  border-radius: 4px;

  color: #fff;

  background: var(--primaryColor);

}



.information_list .information_ul .information_li .information_card .img img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  overflow: hidden;

}



.information_list .information_ul .information_li .information_card .card_content {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



.information_list .information_ul .information_li .information_card .card_content .title {

  font-size: 18px;

  color: #000000;

  font-weight: 600;

}



.information_list .information_ul .information_li .information_card:hover .card_content .title {

  color: var(--primaryColor);

}



.information_list .information_ul .information_li .information_card .card_content .time {

  font-size: 14px;

  color: #999999;

}



.information_more {

  width: 320px;

  margin-left: 30px;

  display: flex;

  flex-direction: column;

}



.information_more .more_header {

  display: flex;

  justify-content: flex-end;

}



.information_list .list_header,

.information_more .more_header {

  min-height: 50px;

  margin-bottom: 30px;

}



.information_more .more_header .more {

  color: var(--primaryColor)

}



.information_more .more_main {

  width: 100%;

  flex: 1;

  padding: 16px;

  border-radius: 8px;

  background: #fff;

}



.information_more .more_main .more_title {

  display: flex;

  font-size: 22px;

  color: #000000;

  margin-bottom: 15px;

}



.information_more .more_main .more_title::before {

  content: '';

  display: block;

  width: 5px;

  height: 30px;

  margin-right: 10px;

  border-radius: 3px;

  background: var(--primaryColor);

}



.information_more .more_main .mostHot {

  display: block;

  margin-bottom: 20px;

}



.information_more .more_main .mostHot .img {

  width: 100%;

  height: 0;

  padding-bottom: 60%;

  border-radius: 8px;

  position: relative;

  overflow: hidden;

  margin-bottom: 8px;

}



.information_more .more_main .mostHot .img img {

  position: absolute;

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.information_more .more_main .mostHot .title {

  font-size: 18px;

  color: #000000;

  margin-bottom: 8px;

}



.information_more .more_main .mostHot .time {

  font-size: 14px;

  color: #999999;

}



.information_more .more_main .hot_ul .hot_li {

  margin-bottom: 25px;

}



.information_more .more_main .hot_ul .hot_li:last-of-type {

  margin-bottom: 0;

}



.information_more .more_main .hot_ul .hot_li a {

  display: flex;

}



.information_more .more_main .hot_ul .hot_li a .img {

  width: 100px;

  height: 60px;

  border-radius: 4px;

  overflow: hidden;

  flex-shrink: 0;

  margin-right: 10px;

}



.information_more .more_main .hot_ul .hot_li a .img img {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.information_more .more_main .hot_ul .hot_li a .hot_content {

  flex: 1;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



.information_more .more_main .hot_ul .hot_li a .hot_content .title {

  font-size: 16px;

  color: #000000;

}



.information_more .more_main .hot_ul .hot_li:hover a .hot_content .title {

  color: var(--primaryColor);

}



.information_more .more_main .hot_ul .hot_li a .hot_content .time {

  font-size: 14px;

  color: #999999;

}





.downBtn {

  flex: 1;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: flex-end;

  color: #fff;

  cursor: pointer;

  position: absolute;

  bottom: 50px;

  left: 50%;

  transform: translateX(-50%);

}



.doubleCircle {

  position: relative;

  width: 80px;

  height: 80px;

}



/* ä¿æŒå¤§å°ä¸å˜çš„å°åœ†ç‚¹ */

.dot {

  position: absolute;

  width: 20px;

  height: 20px;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border: 1px solid #fff;

  border-radius: 50%;

  background-color: #fff;

  /* å®žå¿ƒåœ† ï¼Œå¦‚æžœæ²¡æœ‰è¿™ä¸ªå°±æ˜¯ä¸€ä¸ªå°åœ†åœˆ */

  z-index: 2;

}



/* äº§ç”ŸåŠ¨ç”»ï¼ˆå‘å¤–æ‰©æ•£å˜å¤§ï¼‰çš„åœ†åœˆ ç¬¬ä¸€ä¸ªåœ† */

.pulse {

  position: absolute;

  width: 50px;

  height: 50px;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  background-color: #fff;

  border: 1px solid #fff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  z-index: 1;

  opacity: 0;

  -webkit-animation: warn 2s linear;

  -moz-animation: warn 2s linear;

  animation: warn 2s linear;

  -webkit-animation-iteration-count: infinite;

  -moz-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  box-shadow: 1px 1px 30px #fff;

  /* é˜´å½±æ•ˆæžœ */

}



/* äº§ç”ŸåŠ¨ç”»ï¼ˆå‘å¤–æ‰©æ•£å˜å¤§ï¼‰çš„åœ†åœˆ ç¬¬äºŒä¸ªåœ† */

.pulse1 {

  position: absolute;

  width: 80px;

  height: 80px;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  background-color: #fff;

  border: 1px solid #fff;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  border-radius: 50%;

  z-index: 1;

  opacity: 0;

  -webkit-animation: warn1 2s linear;

  -moz-animation: warn1 2s linear;

  animation: warn1 2s linear;

  -webkit-animation-iteration-count: infinite;

  -moz-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  box-shadow: 1px 1px 30px #fff;

  /* é˜´å½±æ•ˆæžœ */

}



.downBtn .line {

  width: 1px;

  height: 100px;

  background-color: #fff;

  margin-top: -40px;

  margin-bottom: 5px;

}



.downBtn .iconfont {

  -webkit-animation: downIcon 2s linear;

  -moz-animation: downIcon 2s linear;

  animation: downIcon 2s linear;

  -webkit-animation-iteration-count: infinite;

  -moz-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}



.consult {

  position: fixed;

  right: 40px;

  top: 50%;

  transform: translateY(-50%);
  z-index: 100;
}

.consult .consult_icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #fff;
  background: var(--primaryColor);
  cursor: pointer;
}

.consult .consult_icon .iconfont {
  font-size: 28px;
}

.consult .consult_menu {
  width: 60px;
  height: 0;
  margin-top: 30px;
  border-radius: 30px;
  background-color: #fff;
  box-shadow: 0 0 16px rgba(0, 0, 0, .08);
  transition: all .2s;
  overflow: hidden;
  display: none;
}

.consult .consult_menu.consult_menu_show {
  height: 360px;
}

.consult .consult_menu .consult_li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 60px;
  border-bottom: 1px solid #f1f1f1;
  cursor: pointer;
}

.consult .consult_menu .consult_li:last-of-type {
  border-bottom: 0;
}

.consult .consult_menu .consult_li .iconfont {
  font-size: 26px;
  color: #999999;
}

.consult .consult_menu .consult_li .iconfont.icon-up {
  font-weight: 600;
  color: var(--primaryColor);
}

.consult .consult_menu .consult_li .okhome_icon {
  display: block;
  width: 26px;
  height: 26px;
  background: url(../images/okhome_icon.png) no-repeat center center/contain;
}

.consult .consult_menu .consult_li span {
  font-size: 12px;
  color: #999999;
}

.bottom_qrcode {
  width: 100%;
  height: 125px;
  display: none;
}

.bottom_qrcode_show {
  display: block;
}

.bottom_qrcode_show .qrcode_content {
  animation-name: bottomQrcode;
  animation-duration: .5s;
  animation-fill-mode: forwards;
}

@keyframes bottomQrcode {
  0% {
    bottom: -180px;
  }

  100% {
    bottom: 0;
  }
}

.bottom_qrcode_close {
  display: none !important;
}

.bottom_qrcode .qrcode_content {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 125px;
  background-color: #fff;
  z-index: 100;
}

.bottom_qrcode .qrcode_content .phone_img {

  display: block;

  width: 188px;

  height: auto;

}



.bottom_qrcode .qrcode_content .qrcode {

  display: flex;

  align-items: flex-start;

  height: 125px;

}



.bottom_qrcode .qrcode_content .qrcode .qrcode_img {

  display: block;

  width: auto;

  height: 100%;

  margin-right: 20px;

}



.bottom_qrcode .qrcode_content .qrcode .qrcode_tip {

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  margin: 0 30px;

}



.bottom_qrcode .qrcode_content .qrcode .qrcode_tip .p1 {

  font-size: 22px;

  font-weight: 600;

  color: #000000;

  margin-bottom: 10px;

}



.bottom_qrcode .qrcode_content .qrcode .qrcode_tip .p2 {

  font-size: 16px;

  color: #999999;

}



.bottom_qrcode .qrcode_content .qrcode .qrcode_close_btn {

  margin-top: 5px;

  cursor: pointer;

}



.bottom_qrcode .qrcode_content .qrcode .qrcode_close_btn .iconfont {

  font-size: 32px;

  color: #c7c7c7;

}







@keyframes warn {

  0% {

    transform: translate(-50%, -50%) scale(0.1);

    -webkit-transform: translate(-50%, -50%) scale(0.1);

    opacity: 0.0;

  }



  25% {

    transform: translate(-50%, -50%) scale(0.3);

    -webkit-transform: translate(-50%, -50%) scale(0.3);

    opacity: 0.1;

  }



  50% {

    transform: translate(-50%, -50%) scale(0.5);

    -webkit-transform: translate(-50%, -50%) scale(0.5);

    opacity: 0.3;

  }



  75% {

    transform: translate(-50%, -50%) scale(0.8);

    -webkit-transform: translate(-50%, -50%) scale(0.8);

    opacity: 0.5;

  }



  100% {

    transform: translate(-50%, -50%) scale(1);

    -webkit-transform: translate(-50%, -50%) scale(1);

    opacity: 0.0;

  }

}



@keyframes warn1 {

  0% {

    transform: translate(-50%, -50%) scale(0.1);

    -webkit-transform: translate(-50%, -50%) scale(0.1);

    opacity: 0.0;

  }



  25% {

    transform: translate(-50%, -50%) scale(0.3);

    -webkit-transform: translate(-50%, -50%) scale(0.3);

    opacity: 0.1;

  }



  50% {

    transform: translate(-50%, -50%) scale(0.5);

    -webkit-transform: translate(-50%, -50%) scale(0.5);

    opacity: 0.2;

  }



  75% {

    transform: translate(-50%, -50%) scale(0.8);

    -webkit-transform: translate(-50%, -50%) scale(0.8);

    opacity: 0.3;

  }



  100% {

    transform: translate(-50%, -50%) scale(1);

    -webkit-transform: translate(-50%, -50%) scale(1);

    opacity: 0.0;

  }

}



@keyframes downIcon {

  0% {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }



  33% {

    -webkit-transform: translate3d(0, -10px, 0);

    transform: translate3d(0, -10px, 0)

  }



  66% {

    -webkit-transform: translate3d(0, -5px, 0);

    transform: translate3d(0, -5px, 0)

  }



  100% {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

  }

}



@keyframes rollL {

  0% {

    background-position: 0;

  }



  100% {

    background-position: -2000px;

  }

}



@keyframes rollR {

  0% {

    background-position: 0;

  }



  100% {

    background-position: 2000px;

  }

}



@keyframes iconHover {

  0% {

    opacity: 0.3;

  }



  40% {

    opacity: 0.5;

    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--primaryColor), 0 0 0 10px rgba(255, 255, 255, 0.5);

  }



  100% {

    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px var(--primaryColor), 0 0 0 10px rgba(255, 255, 255, 0.5);

    transform: scale(1.4);

    opacity: 0;

  }

}

.index_banner{
  width: 100%;
  margin-bottom: 57px;
}
.index_banner img{
  width: 100%;
}

.index_chart_container{
  display: flex;
  margin-bottom: 50px;
}
.index_chart_container .index_chart_left{
  flex: 1;
}
.index_chart_container .index_chart_right{
  width: 30%;
}
.index_chart_container .analysis_chart{
  width: 100%;
  height: 300px;
}
.index_chart_container .filter{
  padding-bottom: 0;
}
.index_chart_container .list_nav {
  display: flex;
  align-items: center;
}

.index_chart_container .list_nav .list_nav_li {
  color: #333333;
  position: relative;
  font-weight: 500;
  font-size: 22px;
  line-height: 22px;
  cursor: pointer;
  transition: all .5s;
  margin: 0 40px;
  padding: 8px 0;
}

.index_chart_container .list_nav .list_nav_li::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 0;
  height: 4px;
  border-radius: 2px;
  background-color: var(--secondaryColor);
  transition: all .5s;
}
.index_chart_container .list_nav .list_nav_li.active {
  color: var(--secondaryColor);
}
.index_chart_container .list_nav .list_nav_li.active::after {
  width: 100%;
}
.index_chart_right .index_chart_right_title{
  padding-top: 40px;
  font-size: 22px;
  line-height: 31px;
  color: #000;
  margin-bottom: 8px;
}
.index_chart_right .index_chart_right_subtitle{
  font-size: 16px;
line-height: 22px;
margin-bottom: 12px;
color: #000;
}
.index_chart_right .index_chart_right_subtitle span{
  color: #ff0000;
} 
.index_chart_right .index_chart_right_price{
  font-weight: 600;
font-size: 42px;
line-height: 58px;
color: var(--primaryColor);
margin-bottom: 6px;
}
.index_chart_right .index_chart_right_price span{
  font-size: 22px;
  display: inline-block;
  vertical-align: middle;
} 

.index_chart_right .index_chart_right_tip{
  font-size: 14px;
  line-height: 20px;
  color: #666;
  margin-bottom: 24px;
}
.index_chart_right .index_chart_right_amount{
  background: #fff;
  border-radius: 8px;
  padding: 14px 8px;
  text-align: center;
  display: inline-block;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
}
.index_chart_right .index_chart_right_sum{
  font-weight: 600;
  font-size: 28px;
  line-height: 38px;
  color: var(--primaryColor);
  margin-bottom: 8px;
}
.index_chart_right .index_chart_right_sum span{
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}
.index_chart_right .index_chart_right_sumtitle{
  font-size: 14px;
  line-height: 20px;
  color: #666;
}</pre></body></html>