@charset "UTF-8";
/* Authored Dependencies */
/* Modules */
html {
  font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

body {
  width: 100%;
}
body.header_fixed {
  margin-top: 66.5px;
}
@media only screen and (max-width: 767px) {
  body.header_fixed {
    margin-top: 52px;
  }
}
body.header_fixed.special, body.header_fixed.similarLp {
  margin-top: 0px !important;
}
@media only screen and (max-width: 767px) {
  body.header_fixed.special, body.header_fixed.similarLp {
    margin-top: 52px !important;
  }
}
body .grecaptcha-badge {
  visibility: hidden;
}

h1 {
  font-size: inherit;
  margin: inherit;
}

a {
  text-decoration: none;
}

.hidden-pc {
  display: none;
}
@media only screen and (max-width: 767px) {
  .hidden-pc {
    display: block;
  }
}

.img-adaptive {
  width: 100%;
  height: 100%;
}

.s_servive, .s_privacy {
  cursor: pointer;
}

.checkbox-container {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  cursor: pointer;
  font-size: 12px;
  font-size: 0.75rem;
}
.checkbox-container a {
  color: #fff;
}
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkbox-container input:checked + .checkmark {
  background-color: #004fee;
  color: #fff;
  border-color: #004fee;
}
.checkbox-container input:checked + .checkmark:after {
  display: block;
}
.checkbox-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 13px;
  border-radius: 2px;
  border: 1px solid #666;
  width: 13px;
  background-color: #fff;
}
.checkbox-container .checkmark::after {
  content: "";
  font-family: "iconfont" !important;
  position: absolute;
  display: none;
  left: -0.5px;
  top: -0.5px;
  font-size: 12px;
  font-size: 0.75rem;
}

.agreement_modal {
  display: none;
  z-index: 3000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(55, 55, 55, 0.5);
}
.agreement_modal .g_container {
  width: 80%;
  margin: 0 auto;
  margin-top: 10vh;
  background: #fff;
  height: 80vh;
  padding-top: 40px;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .agreement_modal .g_container {
    width: 98%;
    padding-top: 30px;
  }
}
.agreement_modal .g_container .static_cont {
  padding-top: 0px;
}
.agreement_modal .g_container .iconfont {
  top: 10px;
  right: 20px;
  font-size: 20px;
  font-size: 1.25rem;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .agreement_modal .g_container .iconfont {
    right: 10px;
  }
}
.agreement_modal .static_container {
  width: 100%;
  height: calc(80vh - 40px);
  overflow: auto;
  padding: 0px 20px;
}
@media only screen and (max-width: 767px) {
  .agreement_modal .static_container {
    padding: 0px 10px;
    height: calc(80vh - 30px);
  }
}

.was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle + .invalid-feedback {
  display: block;
}

.bootstrap-select {
  width: 100% !important;
  background-color: transparent;
}
.bootstrap-select .dropdown-toggle.btn:hover, .bootstrap-select .dropdown-toggle.btn.show, .bootstrap-select .dropdown-toggle.btn:active, .bootstrap-select .dropdown-toggle.btn:visited, .bootstrap-select .dropdown-toggle.btn:focus {
  background-color: #fff;
  border-color: #2fa9af;
  outline: none !important;
}
.bootstrap-select .dropdown-toggle.btn:hover {
  border-color: #fff;
}
.bootstrap-select .dropdown-menu .notify {
  color: #721c24;
  background-color: #f8d7da !important;
  border-color: #f5c6cb !important;
}

.bootstrap-select .btn {
  border-radius: 0.375rem;
}

.btn-default .value {
  display: inline-block;
  width: calc(100% - 12px);
}
.btn-default .icon-arrowdown {
  position: absolute;
  right: 12px;
  vertical-align: middle;
  color: #111;
}

.drop-multiple .filter-option-inner-inner {
  color: #666;
  font-size: 13px;
  font-size: 0.8125rem;
}
.drop-multiple .close {
  color: #2fa9af;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  opacity: 1;
  margin-top: 2px;
}
.drop-multiple .bootstrap-select {
  height: 100%;
}
.drop-multiple ul .content {
  min-height: 40px;
  max-height: 200px;
  overflow-y: auto;
}
.drop-multiple ul .content .d-item {
  cursor: pointer;
  margin-bottom: 2px;
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #111;
  white-space: nowrap;
}
.drop-multiple ul .content .d-item:hover {
  background: #f5f5f5;
}
.drop-multiple ul .content .d-item.selected, .drop-multiple ul .content .d-item.selected:hover {
  background: #2fa9af;
  color: #fff;
}
.drop-multiple .btn-default {
  text-align: left;
  width: 100%;
  border: none;
  background: #fff;
  padding: 7px 10px;
  margin-top: -2px;
}
.drop-multiple .btn-default:active, .drop-multiple .btn-default:visited, .drop-multiple .btn-default:focus {
  border: none;
  outline: none;
  box-shadow: none;
  background-color: #fff;
}

.ant-notification {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: "tnum";
  position: fixed;
  z-index: 1010;
  width: 384px;
  max-width: calc(100vw - 32px);
  margin-right: 24px;
}
.ant-notification .ant-notification-notice-message {
  display: inline-block;
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px;
}
.ant-notification .ant-notification-notice-message .iconfont {
  margin-right: 10px;
}
.ant-notification .ant-notification-notice-message span {
  font-weight: 600;
  font-size: 18px;
}
.ant-notification .ant-notification-notice {
  position: relative;
  margin-bottom: 16px;
  padding: 16px 24px;
  overflow: hidden;
  line-height: 1.5;
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.ant-notification .ant-notification-notice.error {
  background: #e74c3c;
}
.ant-notification .ant-notification-notice.error, .ant-notification .ant-notification-notice.error .ant-notification-notice-message {
  color: #fff;
}
.ant-notification .ant-notification-notice-description {
  margin-left: 48px;
  font-size: 16px;
}

.ua-mobile .home .l-all {
  padding-top: 0px;
}

.m-breadcrumb_main {
  padding: 8px 0;
  font-size: 13px;
}
.m-breadcrumb_main ol li {
  display: inline;
}
.m-breadcrumb_main ol li:not(:first-child):before {
  padding: 0 2px;
  content: "";
  font-family: "iconfont" !important;
  display: inline-block;
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: auto;
  font-size: 12px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.m-breadcrumb_main ol li a {
  text-decoration: none;
}
.m-breadcrumb_main ol li a span {
  color: #373737;
}
.m-breadcrumb_main ol li a span:hover, .m-breadcrumb_main ol li a span:active, .m-breadcrumb_main ol li a span:focus, .m-breadcrumb_main ol li a span:visited {
  color: #2fa9af;
  text-decoration: underline;
}

.lazyimg, .lazyimg .lazyimg_img {
  width: 100%;
  height: 100%;
  transition: opacity 0.2s linear;
}

.lazyimg {
  position: relative;
  overflow: hidden;
  background: #eee;
}
.lazyimg .lazyimg_img {
  opacity: 0;
  -webkit-backface-visibility: hidden;
}

.lazyimg_loaded {
  transition: background 0.2s linear, opacity 0.2s linear !important;
  background: transparent;
}
.lazyimg_loaded .lazyloadimg {
  opacity: 1;
}

.fixed_QRCode {
  position: fixed;
  top: 45%;
  right: 0;
  z-index: 11;
  width: 60px;
}
.fixed_QRCode .hoverLink {
  position: relative;
  display: block;
  background-color: #2fa9af;
  height: 60px;
  margin-bottom: 8px;
  text-align: center;
  box-shadow: 1px 1px 4px 0px rgba(55, 55, 55, 0.5);
  cursor: pointer;
}
.fixed_QRCode .hoverLink:hover {
  background: #f9625c;
}
.fixed_QRCode .hoverLink:hover .qrcodeMain {
  display: block;
}
.fixed_QRCode .hoverLink:last-child {
  margin-bottom: 0px;
}
.fixed_QRCode .hoverLink img {
  width: 100%;
  margin-left: 1px;
}
.fixed_QRCode .hoverLink .qrcodeMain {
  display: none;
  position: absolute;
  top: 0;
  left: -140px;
  width: 140px;
  padding: 10px 5px;
  background: #ffffff;
  border: 1px solid #cfcfcf;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  opacity: 1;
}
.fixed_QRCode .hoverLink .qrcodeMain .section:not(:last-child) {
  margin-bottom: 10px;
  border-bottom: #999 1px solid;
}
.fixed_QRCode .hoverLink .qrcodeMain .title {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0 0 10px;
  padding: 0;
  color: #373737;
  line-height: 18px;
}
.fixed_QRCode .hoverLink .qrcodeMain .subTitle {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 2px;
}
.fixed_QRCode .hoverLink .qrcodeMain .sharelink {
  display: block;
  line-height: 20px;
}
.fixed_QRCode .hoverLink .qrcodeMain .sharelink:before, .fixed_QRCode .hoverLink .qrcodeMain .sharelink:after {
  content: " ";
  display: table;
}
.fixed_QRCode .hoverLink .qrcodeMain .sharelink:after {
  clear: both;
}
.fixed_QRCode .hoverLink .qrcodeMain .sharelink i {
  float: left;
  width: 20px;
  height: 20px;
}
.fixed_QRCode .hoverLink .qrcodeMain .sharelink i.weixinLogo {
  background: url("/img/main/cmn/qr_ico_weixin.png") no-repeat center;
  background-size: cover;
}
.fixed_QRCode .hoverLink .qrcodeMain .sharelink i.weiboLogo {
  background: url("/img/main/cmn/qr_ico_weibo.png") no-repeat center;
  background-size: cover;
}
.fixed_QRCode .hoverLink .qrcodeMain a.sharelink {
  font-weight: 600;
  color: #373737;
  cursor: pointer;
}
.fixed_QRCode .hoverLink .qrcodeMain a.sharelink:hover {
  color: #f9625c;
  text-decoration: none;
}
.fixed_QRCode .hoverLink .qrcodeMain img {
  width: 100%;
}
.fixed_QRCode .hoverLink .qrcodeMain .weixinQR {
  padding: 5px 5px 0 5px;
}
.fixed_QRCode .hoverLink .qrcodeMain .phone {
  font-size: 16px;
  font-size: 1rem;
  color: #f9625c;
  font-weight: 600;
}
.fixed_QRCode .hoverLink .qrcodeMain .phone i {
  font-size: 85%;
  margin-right: 3px;
}
.fixed_QRCode .hoverLink .qrcodeMain .button {
  display: inline-block;
  width: 80%;
  margin: 5px 0;
  padding: 6px 12px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #2fa9af;
  border: 1px solid #2fa9af;
  border-radius: 5px;
}
.fixed_QRCode .hoverLink .qrcodeMain .button:hover {
  text-decoration: none;
  opacity: 0.8;
}
.fixed_QRCode .hoverLink:last-child .qrcodeMain {
  top: -136px;
}

.img_content {
  padding: 4px;
  background-color: #2fa9af;
  float: left;
  margin-left: 24px;
  margin-top: 9px;
  margin-right: 10px;
  border-radius: 4px;
}

.fixed_appTip {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 50px;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
}
@media only screen and (max-width: 767px) {
  .fixed_appTip {
    display: inline-block;
  }
}
.fixed_appTip .icon-close {
  position: absolute;
  top: 5px;
  left: 5px;
}
.fixed_appTip:before, .fixed_appTip:after {
  content: " ";
  display: table;
}
.fixed_appTip:after {
  clear: both;
}
.fixed_appTip img {
  width: 26px;
  height: 26px;
}
.fixed_appTip .text {
  float: left;
  line-height: 18px;
  font-size: 12px;
  font-size: 0.75rem;
  margin-top: 9px;
}
.fixed_appTip .text p {
  margin-bottom: 0;
  font-size: 14px;
  font-size: 0.875rem;
}
.fixed_appTip .button {
  float: right;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 50px;
  text-align: center;
  color: #fff;
  height: 100%;
  width: 100px;
  font-weight: 600;
  background-color: #2fa9af;
}
.fixed_appTip .button a {
  display: inline-block;
  color: #fff;
  display: inline-block;
}
.fixed_appTip .button a:active, .fixed_appTip .button a:visited, .fixed_appTip .button a:focus, .fixed_appTip .button a:hover {
  color: #fff;
  text-decoration: none;
}
.home .fixed_appTip {
  top: auto;
  bottom: 0px;
}

.m-bottomLinks {
  padding: 20px 0;
  padding-top: 35px;
  background-color: #fff;
}
.m-bottomLinks dl {
  padding: 0 5px;
  line-height: 20px;
}
@media only screen and (max-width: 767px) {
  .m-bottomLinks dl {
    height: 20px;
    overflow: hidden;
    position: relative;
    transition: all 0.4s;
  }
  .m-bottomLinks dl .iconfont {
    position: absolute;
    color: #d8d8d8;
    top: 0px;
    right: 0px;
    font-size: 14px;
    font-size: 0.875rem;
    padding-right: 4px;
    line-height: 20px;
  }
  .m-bottomLinks dl .iconfont.icon-top {
    display: none !important;
  }
  .m-bottomLinks dl.isCollapse {
    height: auto;
    overflow: inherit;
  }
  .m-bottomLinks dl.isCollapse .icon-top {
    display: block !important;
  }
  .m-bottomLinks dl.isCollapse .icon-down {
    display: none !important;
  }
}
.m-bottomLinks dl:before, .m-bottomLinks dl:after {
  content: " ";
  display: table;
}
.m-bottomLinks dl:after {
  clear: both;
}
.m-bottomLinks dl dt, .m-bottomLinks dl dd {
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
  vertical-align: top;
}
.m-bottomLinks dl dt {
  width: 80px;
  font-weight: bold;
}
.m-bottomLinks dl dd {
  width: calc(100% - 85px);
}
.m-bottomLinks dl dd a {
  display: inline-block;
  margin-right: 15px;
  color: #5d5d5d;
}
.m-bottomLinks dl dd a.selected {
  color: #2fa9af;
  font-weight: bold;
}
.m-bottomLinks dl dd a:hover {
  color: #2fa9af;
}
.m-bottomLinks dl dd .partner {
  width: 150px;
}
@media only screen and (max-width: 767px) {
  .m-bottomLinks dl dt, .m-bottomLinks dl dd {
    font-size: 10px;
    font-size: 0.625rem;
  }
  .m-bottomLinks dl dt {
    width: 70px;
  }
  .m-bottomLinks dl dd {
    width: calc(100% - 80px);
  }
  .m-bottomLinks dl dd a {
    margin-right: 10px;
  }
}
.m-bottomLinks .underline {
  border-bottom: 1px solid #a9a9a9;
  padding: 0 10px;
  margin: 10px 0 10px;
}

@media only screen and (max-width: 767px) {
  .home .m-bottomLinks {
    padding-top: 0px;
  }
}

.reserveForm {
  position: relative;
  background: url("/img/main/detail/contact_bg.png") no-repeat center bottom;
  background-size: 100%;
  background-color: #e9e9e9;
}
@media only screen and (max-width: 767px) {
  .reserveForm {
    padding: 10px 0;
    background: #fff;
    overflow: hidden;
  }
  .reserveForm .container {
    padding: 0 10px;
  }
}
.reserveForm .title {
  margin: 40px 0 15px;
  font-size: 24px;
  font-size: 1.5rem;
  color: #373737;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .reserveForm .title {
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    color: #373737;
    text-align: left;
  }
}
.reserveForm .title:before {
  margin-right: 10px;
  content: "";
  color: #2fa9af;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: auto;
  font-size: 30px;
  font-size: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .reserveForm .title:before {
    display: none;
  }
}
.reserveForm .subTitle {
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  color: #5d5d5d;
  margin: 0 0 30px 0;
}
@media only screen and (max-width: 767px) {
  .reserveForm .subTitle {
    text-align: left;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 15px;
  }
}
.reserveForm .contactFormMain {
  width: 750px;
  margin: 0 auto;
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .reserveForm .contactFormMain {
    width: 100%;
  }
}
.reserveForm .contactFormMain dl {
  margin-bottom: 15px;
  background-color: white;
  border-radius: 3px;
}
@media only screen and (max-width: 767px) {
  .reserveForm .contactFormMain dl {
    border: 1px solid #CBCBCB;
  }
}
.reserveForm .contactFormMain dl:before, .reserveForm .contactFormMain dl:after {
  content: " ";
  display: table;
}
.reserveForm .contactFormMain dl:after {
  clear: both;
}
.reserveForm .contactFormMain dl dt, .reserveForm .contactFormMain dl dd {
  float: left;
  color: #A4A4A4;
}
.reserveForm .contactFormMain dl dt {
  width: 90px;
  padding: 15px 0px 15px 10px;
  color: #5d5d5d;
  line-height: 1em;
}
.reserveForm .contactFormMain dl dt .redTxt {
  color: #cc0b0b;
}
@media only screen and (max-width: 767px) {
  .reserveForm .contactFormMain dl dt {
    width: 40px;
    padding: 10px;
  }
  .reserveForm .contactFormMain dl dt img {
    width: 100%;
  }
}
.reserveForm .contactFormMain dl dd {
  width: calc(100% - 90px);
}
@media only screen and (max-width: 767px) {
  .reserveForm .contactFormMain dl dd {
    width: calc(100% - 40px);
  }
}
.reserveForm .contactFormMain dl dd .phoneNationality {
  float: left;
  height: 46px;
  width: 120px;
  background-color: #fff;
  border: none;
  font-size: 14px;
  font-size: 0.875rem;
  color: #010101;
  line-height: 36px;
  margin-right: 10px;
  padding: 0 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(/img/main/cmn/select-arrow-d.png);
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: right 5px center;
  background-attachment: scroll;
}
.reserveForm .contactFormMain dl dd .phoneNationality option {
  color: #010101;
}
.reserveForm .contactFormMain dl dd .phoneNumber {
  float: left;
  width: calc(100% - 130px);
  padding: 13px 10px 10px 0;
  color: #010101;
}
.reserveForm .contactFormMain dl dd select {
  width: 100%;
  padding: 10px 10px 10px 10px;
  color: #373737;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 17px;
  border: solid 1px #DEDEDE;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: solid 1px #ddd;
  border-radius: 5px;
  background: url("/img/main/cmn/select-arrow.png") no-repeat scroll right 5% center;
  background-position: center right 2%;
  background-color: #fff;
}
.reserveForm .contactFormMain dl dd select:focus, .reserveForm .contactFormMain dl dd select:active, .reserveForm .contactFormMain dl dd select:focus, .reserveForm .contactFormMain dl dd select:visited {
  outline: none;
}
.reserveForm .contactFormMain dl dd select:focus {
  border-color: #2fa9af;
}
.reserveForm .contactFormMain dl dd.phone input {
  padding-left: 115px;
}
.reserveForm .contactFormMain dl dd.phone .phoneNationality {
  position: absolute;
  top: 2px;
  left: 1px;
  width: 115px;
  border: none;
  font-size: 14px;
  line-height: 24px;
  padding: 6px 5px 6px 10px;
}
.reserveForm .contactFormMain dl dd input {
  width: 100%;
  padding: 13px 10px 10px 0;
  color: #373737;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5;
  border: none;
  border-radius: 3px;
  outline: none;
}
.reserveForm .contactFormMain dl dd .verifyCodeInput {
  float: left;
  width: calc(100% - 130px);
  margin-right: 10px;
}
.reserveForm .contactFormMain dl dd .verifyCodeBtn {
  float: left;
  background-color: #2fa9af;
  width: 120px;
  text-align: center;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 46px;
}
@media only screen and (max-width: 767px) {
  .reserveForm .contactFormMain dl dd .verifyCodeBtn {
    width: 120px;
  }
}
.reserveForm .contactFormMain dl dd .verifyCodeBtn .verifyCodeSubmit {
  display: block;
}
.reserveForm .contactFormMain dl dd .verifyCodeBtn:hover {
  cursor: pointer;
  background: #34bcc3;
  color: #fff;
}
.reserveForm .contactFormMain dl dd .verifyCodeTimer, .reserveForm .contactFormMain dl dd .verifyCodeTimer:hover {
  color: #fff;
  background: #bbb;
  border: 1px solid #bbb;
}
.reserveForm .contactFormMain dl.name {
  margin-bottom: 10px;
  color: #5d5d5d;
  border: none;
}
.reserveForm .contactFormMain dl.checkbox {
  padding: 14px;
  margin-top: 0;
}
.reserveForm .contactFormMain dl.checkbox label {
  display: block;
  margin-bottom: 10px;
  padding-left: 0;
  color: #5d5d5d;
}
.reserveForm .contactFormMain dl.checkbox label:last-child {
  margin-bottom: 0;
}
.reserveForm .contactFormMain dl.checkbox label input {
  display: none;
}
.reserveForm .contactFormMain dl.checkbox label i {
  float: left;
  width: 14px;
  height: 14px;
  border: 1px #cfcfcf solid;
  margin-right: 5px;
  margin-top: 1px;
  font-size: 11px;
}
.reserveForm .contactFormMain dl.checkbox label input[type="checkbox"]:checked + i {
  border-color: #2fa9af;
}
.reserveForm .contactFormMain dl.checkbox label input[type="checkbox"]:checked + i:before {
  float: left;
  content: "";
  margin-left: 1px;
  margin-top: 1px;
  color: #2fa9af;
}
@media only screen and (max-width: 767px) {
  .reserveForm .contactFormMain dl.checkbox label {
    font-size: 18px;
  }
  .reserveForm .contactFormMain dl.checkbox label i {
    width: 16px;
    height: 16px;
    font-size: 12px;
  }
}
.reserveForm .contactFormMain dl textarea {
  width: 100%;
  height: 100px;
  padding: 10px;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #373737;
  border: none;
  border-radius: 3px;
  outline: none;
}
.reserveForm .contactFormMain .message {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .reserveForm .contactFormMain .message {
    left: 0;
    bottom: 20px;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.reserveForm .contactFormMain .message.error {
  color: #cc0b0b;
  opacity: 1;
}
.reserveForm .contactFormMain .message.success {
  color: #178a17;
  opacity: 1;
}
.reserveForm .contactFormMain .button {
  padding: 25px 0 30px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .reserveForm .contactFormMain .button {
    padding: 20px 0 20px;
  }
}
.reserveForm .contactFormMain .button button {
  font-size: 20px;
  border: none;
  text-decoration: none;
  padding: 15px 60px;
  text-align: center;
  color: white;
  border-radius: 4px;
  background-color: #2fa9af;
}
.reserveForm .contactFormMain .button button:hover {
  background-color: #44c6cd;
  outline: none;
}
.reserveForm .contactFormMain .button button:active, .reserveForm .contactFormMain .button button:visited, .reserveForm .contactFormMain .button button:focus {
  background-color: #2fa9af;
  outline: none;
}
@media only screen and (max-width: 767px) {
  .reserveForm .contactFormMain .button button {
    width: 100%;
    padding: 15px 0;
    font-size: 16px;
    font-size: 1rem;
    background-color: #f9625c;
  }
  .reserveForm .contactFormMain .button button:hover, .reserveForm .contactFormMain .button button:focus {
    opacity: 0.9;
  }
  .reserveForm .contactFormMain .button button:visited, .reserveForm .contactFormMain .button button:active, .reserveForm .contactFormMain .button button:hover, .reserveForm .contactFormMain .button button:focus {
    background-color: #f9625c;
  }
}
.reserveForm .contactFormMain .contact_text {
  padding: 18px 5px;
  background-color: white;
  border-radius: 3px;
}
.reserveForm .contactFormMain .contact_text span {
  display: block;
  text-align: center;
}
.reserveForm .contactFormMain .contact_text span:nth-of-type(odd) {
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1rem;
  color: #5d5d5d;
}
.reserveForm .contactFormMain .contact_text span:nth-child(2) {
  margin-bottom: 17px;
  font-size: 18px;
  font-size: 1.125rem;
  color: #f9625c;
}
.reserveForm .contactFormMain .contact_text span:nth-child(4) img {
  width: 100px;
  padding: 3px;
  border: 1px solid #cfcfcf;
}
@media only screen and (max-width: 767px) {
  .reserveForm .contactFormMain .contact_text {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .contactFormWrapper .popupContactForm .title, .contactFormWrapper .popupContactForm .subTitle {
    text-align: center !important;
  }
}
.contactFormWrapper .contactFormTable, .contactFormWrapper .popupContactForm {
  text-align: center;
}
.contactFormWrapper .contactFormTable .checkbox-container a, .contactFormWrapper .popupContactForm .checkbox-container a {
  color: #111;
}
@media only screen and (max-width: 767px) {
  .contactFormWrapper .contactFormTable .formTable dl dd.input, .contactFormWrapper .popupContactForm .formTable dl dd.input {
    width: calc( 100 - 40px ) !important;
  }
}
.contactFormWrapper .contactFormTable .title, .contactFormWrapper .popupContactForm .title {
  margin: 0 0 10px 0;
  font-size: 24px;
  font-size: 1.5rem;
  color: #373737;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .contactFormWrapper .contactFormTable .title, .contactFormWrapper .popupContactForm .title {
    text-align: left;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    text-align: left;
  }
  .contactFormWrapper .contactFormTable .title:before, .contactFormWrapper .popupContactForm .title:before {
    display: none;
  }
}
.contactFormWrapper .contactFormTable .subTitle, .contactFormWrapper .popupContactForm .subTitle {
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  color: #5d5d5d;
  margin-bottom: 20px;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .contactFormWrapper .contactFormTable .subTitle, .contactFormWrapper .popupContactForm .subTitle {
    text-align: left;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 15px;
  }
}
@media (max-width: 2840px) {
  .contactFormWrapper .contactFormTable .formTable, .contactFormWrapper .popupContactForm .formTable {
    height: auto;
    overflow: inherit;
  }
}
@media (max-width: 1440px) {
  .contactFormWrapper .contactFormTable .formTable, .contactFormWrapper .popupContactForm .formTable {
    height: 342px;
    overflow: auto;
  }
}
.contactFormWrapper .contactFormTable dl, .contactFormWrapper .popupContactForm dl {
  margin-bottom: 10px;
}
.contactFormWrapper .contactFormTable dl:before, .contactFormWrapper .contactFormTable dl:after, .contactFormWrapper .popupContactForm dl:before, .contactFormWrapper .popupContactForm dl:after {
  content: " ";
  display: table;
}
.contactFormWrapper .contactFormTable dl:after, .contactFormWrapper .popupContactForm dl:after {
  clear: both;
}
.contactFormWrapper .contactFormTable dl.noTitle dd.input, .contactFormWrapper .popupContactForm dl.noTitle dd.input {
  width: 100%;
}
.contactFormWrapper .contactFormTable dl dt, .contactFormWrapper .contactFormTable dl dd, .contactFormWrapper .popupContactForm dl dt, .contactFormWrapper .popupContactForm dl dd {
  float: left;
  color: #A4A4A4;
}
.contactFormWrapper .contactFormTable dl dt, .contactFormWrapper .popupContactForm dl dt {
  width: 80px;
  padding: 12px 5px 12px 0;
  color: #5d5d5d;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1em;
  text-align: left;
}
.contactFormWrapper .contactFormTable dl dt .redTxt, .contactFormWrapper .popupContactForm dl dt .redTxt {
  color: #FE3333;
  font-weight: 600;
}
.contactFormWrapper .contactFormTable dl dd.tag, .contactFormWrapper .popupContactForm dl dd.tag {
  width: 50px;
  padding: 12px 0;
  text-align: center;
  font-size: 14px;
  line-height: 15px;
  color: #a9a9a9;
}
.contactFormWrapper .contactFormTable dl dd.tag.required, .contactFormWrapper .popupContactForm dl dd.tag.required {
  color: #cc0b0b;
}
.contactFormWrapper .contactFormTable dl dd.input, .contactFormWrapper .popupContactForm dl dd.input {
  position: relative;
  width: calc(100% - 80px);
}
.contactFormWrapper .contactFormTable dl dd.input input, .contactFormWrapper .popupContactForm dl dd.input input {
  width: 100%;
  height: 40px;
  padding: 10px 10px 10px 10px;
  color: #373737;
  font-size: 15px;
  font-size: 0.9375rem;
  border: solid 1px #DEDEDE;
  border-radius: 4px;
  outline: none;
}
.contactFormWrapper .contactFormTable dl dd.input input:focus, .contactFormWrapper .popupContactForm dl dd.input input:focus {
  border-color: #2fa9af;
}
.contactFormWrapper .contactFormTable dl dd.input .verifyCodeInput, .contactFormWrapper .popupContactForm dl dd.input .verifyCodeInput {
  float: left;
  width: calc(100% - 130px);
  margin-right: 10px;
}
.contactFormWrapper .contactFormTable dl dd.input .verifyCodeBtn, .contactFormWrapper .popupContactForm dl dd.input .verifyCodeBtn {
  float: left;
  background-color: #f9625c;
  width: 120px;
  text-align: center;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 40px;
}
@media only screen and (max-width: 767px) {
  .contactFormWrapper .contactFormTable dl dd.input .verifyCodeBtn, .contactFormWrapper .popupContactForm dl dd.input .verifyCodeBtn {
    width: 120px;
  }
}
.contactFormWrapper .contactFormTable dl dd.input .verifyCodeBtn .verifyCodeSubmit, .contactFormWrapper .popupContactForm dl dd.input .verifyCodeBtn .verifyCodeSubmit {
  display: block;
}
.contactFormWrapper .contactFormTable dl dd.input .verifyCodeBtn:hover, .contactFormWrapper .popupContactForm dl dd.input .verifyCodeBtn:hover {
  cursor: pointer;
  background: #fa7a75;
  color: #fff;
}
.contactFormWrapper .contactFormTable dl dd.input .verifyCodeTimer, .contactFormWrapper .contactFormTable dl dd.input .verifyCodeTimer:hover, .contactFormWrapper .popupContactForm dl dd.input .verifyCodeTimer, .contactFormWrapper .popupContactForm dl dd.input .verifyCodeTimer:hover {
  color: #fff;
  background: #bbb;
  border: 1px solid #bbb;
}
.contactFormWrapper .contactFormTable dl dd.input .autoLogin, .contactFormWrapper .popupContactForm dl dd.input .autoLogin {
  width: auto;
  height: auto;
  margin: 0;
}
.contactFormWrapper .contactFormTable dl dd.input .otherMessage, .contactFormWrapper .popupContactForm dl dd.input .otherMessage {
  margin-bottom: 15px;
}
.contactFormWrapper .contactFormTable dl dd.input .otherMessage:before, .contactFormWrapper .contactFormTable dl dd.input .otherMessage:after, .contactFormWrapper .popupContactForm dl dd.input .otherMessage:before, .contactFormWrapper .popupContactForm dl dd.input .otherMessage:after {
  content: " ";
  display: table;
}
.contactFormWrapper .contactFormTable dl dd.input .otherMessage:after, .contactFormWrapper .popupContactForm dl dd.input .otherMessage:after {
  clear: both;
}
.contactFormWrapper .contactFormTable dl dd.input .otherMessage .checkboxAutoLogin, .contactFormWrapper .popupContactForm dl dd.input .otherMessage .checkboxAutoLogin {
  display: inline-block;
  float: left;
  font-size: 13px;
  font-size: 0.8125rem;
  cursor: pointer;
}
.contactFormWrapper .contactFormTable dl dd.input .otherMessage .checkboxAutoLogin input[type="checkbox"], .contactFormWrapper .popupContactForm dl dd.input .otherMessage .checkboxAutoLogin input[type="checkbox"] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  outline: none;
  display: none;
}
.contactFormWrapper .contactFormTable dl dd.input .otherMessage .checkboxAutoLogin input[type="checkbox"] + label, .contactFormWrapper .popupContactForm dl dd.input .otherMessage .checkboxAutoLogin input[type="checkbox"] + label {
  font-weight: normal;
}
.contactFormWrapper .contactFormTable dl dd.input .otherMessage .checkboxAutoLogin input[type="checkbox"] + label:before, .contactFormWrapper .popupContactForm dl dd.input .otherMessage .checkboxAutoLogin input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border: 1px solid #ddd;
  border-radius: 2px;
  vertical-align: middle;
  margin-right: 5px;
}
.contactFormWrapper .contactFormTable dl dd.input .otherMessage .checkboxAutoLogin input[type="checkbox"]:checked + label:before, .contactFormWrapper .popupContactForm dl dd.input .otherMessage .checkboxAutoLogin input[type="checkbox"]:checked + label:before {
  content: "";
  color: #2eb1b8;
  font-size: 10px;
  text-align: center;
}
.contactFormWrapper .contactFormTable dl dd.input select, .contactFormWrapper .popupContactForm dl dd.input select {
  width: 100%;
  padding: 10px 10px 10px 10px;
  color: #373737;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 17px;
  border: solid 1px #DEDEDE;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: solid 1px #ddd;
  border-radius: 5px;
  background: url("/img/main/cmn/select-arrow.png") no-repeat scroll right 5% center;
  background-position: center right 2%;
  background-color: #fff;
}
.contactFormWrapper .contactFormTable dl dd.input select:focus, .contactFormWrapper .contactFormTable dl dd.input select:active, .contactFormWrapper .contactFormTable dl dd.input select:focus, .contactFormWrapper .contactFormTable dl dd.input select:visited, .contactFormWrapper .popupContactForm dl dd.input select:focus, .contactFormWrapper .popupContactForm dl dd.input select:active, .contactFormWrapper .popupContactForm dl dd.input select:focus, .contactFormWrapper .popupContactForm dl dd.input select:visited {
  outline: none;
}
.contactFormWrapper .contactFormTable dl dd.input select:focus, .contactFormWrapper .popupContactForm dl dd.input select:focus {
  border-color: #2fa9af;
}
.contactFormWrapper .contactFormTable dl dd.input.phone input, .contactFormWrapper .popupContactForm dl dd.input.phone input {
  padding-left: 115px;
}
.contactFormWrapper .contactFormTable dl dd.input.phone .phoneNationality, .contactFormWrapper .popupContactForm dl dd.input.phone .phoneNationality {
  position: absolute;
  top: 2px;
  left: 1px;
  width: 115px;
  border: none;
  font-size: 14px;
  line-height: 24px;
  padding: 6px 5px 6px 10px;
}
.contactFormWrapper .contactFormTable dl dd.input.checkbox, .contactFormWrapper .popupContactForm dl dd.input.checkbox {
  padding: 10px;
  margin: 0;
}
.contactFormWrapper .contactFormTable dl dd.input.checkbox label, .contactFormWrapper .popupContactForm dl dd.input.checkbox label {
  display: inline-block;
  padding-left: 0;
  color: #373737;
  text-align: left;
  font-size: 15px;
}
.contactFormWrapper .contactFormTable dl dd.input.checkbox label:nth-child(1), .contactFormWrapper .contactFormTable dl dd.input.checkbox label:nth-child(2), .contactFormWrapper .popupContactForm dl dd.input.checkbox label:nth-child(1), .contactFormWrapper .popupContactForm dl dd.input.checkbox label:nth-child(2) {
  width: 27%;
}
.contactFormWrapper .contactFormTable dl dd.input.checkbox label:nth-child(3), .contactFormWrapper .popupContactForm dl dd.input.checkbox label:nth-child(3) {
  width: 42%;
}
.contactFormWrapper .contactFormTable dl dd.input.checkbox label input, .contactFormWrapper .popupContactForm dl dd.input.checkbox label input {
  display: none;
}
.contactFormWrapper .contactFormTable dl dd.input.checkbox label i, .contactFormWrapper .popupContactForm dl dd.input.checkbox label i {
  float: left;
  width: 14px;
  height: 14px;
  border: 1px #cfcfcf solid;
  margin-right: 5px;
  margin-top: 1px;
  font-size: 11px;
  background-color: #fff;
}
.contactFormWrapper .contactFormTable dl dd.input.checkbox label input[type="checkbox"]:checked + i, .contactFormWrapper .popupContactForm dl dd.input.checkbox label input[type="checkbox"]:checked + i {
  border-color: #2fa9af;
}
.contactFormWrapper .contactFormTable dl dd.input.checkbox label input[type="checkbox"]:checked + i:before, .contactFormWrapper .popupContactForm dl dd.input.checkbox label input[type="checkbox"]:checked + i:before {
  float: left;
  content: "";
  margin-left: 1px;
  margin-top: 1px;
  color: #2fa9af;
}
.contactFormWrapper .contactFormTable dl dd.input textarea, .contactFormWrapper .popupContactForm dl dd.input textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 80px;
  padding: 10px;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #373737;
  border: 1px #cfcfcf solid;
  border-radius: 5px;
  outline: none;
}
.contactFormWrapper .contactFormTable dl dd.input textarea:focus, .contactFormWrapper .popupContactForm dl dd.input textarea:focus {
  border-color: #2fa9af;
}
.contactFormWrapper .contactFormTable dl dd.select .btn-default, .contactFormWrapper .popupContactForm dl dd.select .btn-default {
  border: solid 1px #DEDEDE;
  font-size: 16px;
  padding: 8px 10px;
  margin-top: 0px;
}
@media only screen and (max-width: 767px) {
  .contactFormWrapper .contactFormTable dl dd.select .btn-default, .contactFormWrapper .popupContactForm dl dd.select .btn-default {
    border: none;
  }
}
.contactFormWrapper .contactFormTable dl dd.select .btn-default .filter-option-inner-inner, .contactFormWrapper .popupContactForm dl dd.select .btn-default .filter-option-inner-inner {
  color: #666;
  font-size: 14px;
}
.contactFormWrapper .contactFormTable .message, .contactFormWrapper .popupContactForm .message {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .contactFormWrapper .contactFormTable .message, .contactFormWrapper .popupContactForm .message {
    left: 0;
    bottom: 20px;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.contactFormWrapper .contactFormTable .message.error, .contactFormWrapper .popupContactForm .message.error {
  color: #cc0b0b;
  opacity: 1;
}
.contactFormWrapper .contactFormTable .message.success, .contactFormWrapper .popupContactForm .message.success {
  color: #178a17;
  opacity: 1;
}
.contactFormWrapper .contactFormTable .button, .contactFormWrapper .popupContactForm .button {
  margin: 20px 0 35px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .contactFormWrapper .contactFormTable .button, .contactFormWrapper .popupContactForm .button {
    margin: 10px 0 30px;
  }
}
.contactFormWrapper .contactFormTable .button button, .contactFormWrapper .popupContactForm .button button {
  border: none;
  border-bottom: 3px solid #248287;
  text-decoration: none;
  padding: 10px 60px;
  text-align: center;
  color: white;
  font-size: 20px;
  font-weight: 600;
  border-radius: 5px;
  background-color: #2fa9af;
}
.contactFormWrapper .contactFormTable .button button:hover, .contactFormWrapper .popupContactForm .button button:hover {
  background-color: #34bcc3;
  border-bottom: 3px solid #2a969b;
  outline: none;
}
.contactFormWrapper .contactFormTable .button button:active, .contactFormWrapper .contactFormTable .button button:visited, .contactFormWrapper .contactFormTable .button button:focus, .contactFormWrapper .popupContactForm .button button:active, .contactFormWrapper .popupContactForm .button button:visited, .contactFormWrapper .popupContactForm .button button:focus {
  background-color: #2fa9af;
  outline: none;
}
@media only screen and (max-width: 767px) {
  .contactFormWrapper .contactFormTable .button button, .contactFormWrapper .popupContactForm .button button {
    width: 100%;
    padding: 14px 0;
    font-size: 16px;
    font-size: 1rem;
    background-color: #f9625c;
    border-bottom: 3px solid #f84a43;
  }
  .contactFormWrapper .contactFormTable .button button:hover, .contactFormWrapper .contactFormTable .button button:focus, .contactFormWrapper .popupContactForm .button button:hover, .contactFormWrapper .popupContactForm .button button:focus {
    background-color: #f9625c;
    border-bottom: 3px solid #f84a43;
    opacity: 0.9;
  }
  .contactFormWrapper .contactFormTable .button button:visited, .contactFormWrapper .contactFormTable .button button:active, .contactFormWrapper .popupContactForm .button button:visited, .contactFormWrapper .popupContactForm .button button:active {
    background-color: #f9625c;
    border-bottom: 3px solid #f84a43;
  }
}
@media only screen and (max-width: 767px) {
  .contactFormWrapper .contactFormTable .title, .contactFormWrapper .popupContactForm .title {
    padding: 15px 0 6px;
    margin: 0;
    font-size: 18px;
  }
  .contactFormWrapper .contactFormTable .subTitle, .contactFormWrapper .popupContactForm .subTitle {
    margin-bottom: 15px;
    font-size: 12px;
  }
  .contactFormWrapper .contactFormTable dl, .contactFormWrapper .popupContactForm dl {
    background: #fff;
    border: solid 1px #ddd;
    border-radius: 5px;
  }
  .contactFormWrapper .contactFormTable dl dt, .contactFormWrapper .popupContactForm dl dt {
    width: 80px;
    padding: 12px 6px;
  }
  .contactFormWrapper .contactFormTable dl dd.input, .contactFormWrapper .popupContactForm dl dd.input {
    width: calc(100% - 80px);
  }
  .contactFormWrapper .contactFormTable dl dd.input input, .contactFormWrapper .contactFormTable dl dd.input select, .contactFormWrapper .popupContactForm dl dd.input input, .contactFormWrapper .popupContactForm dl dd.input select {
    border: none;
    font-size: 16px;
    font-size: 1rem;
  }
  .contactFormWrapper .contactFormTable dl dd.input input, .contactFormWrapper .popupContactForm dl dd.input input {
    padding: 11px 10px;
  }
  .contactFormWrapper .contactFormTable dl dd.input select, .contactFormWrapper .popupContactForm dl dd.input select {
    padding: 11px 10px;
  }
  .contactFormWrapper .contactFormTable dl dd.input.phone input, .contactFormWrapper .popupContactForm dl dd.input.phone input {
    padding-left: 65px;
  }
  .contactFormWrapper .contactFormTable dl dd.input.phone .phoneNationality, .contactFormWrapper .popupContactForm dl dd.input.phone .phoneNationality {
    width: 60px;
  }
  .contactFormWrapper .contactFormTable dl dd.input.phone .phoneNationality .nationName, .contactFormWrapper .popupContactForm dl dd.input.phone .phoneNationality .nationName {
    display: none;
  }
  .contactFormWrapper .contactFormTable dl dd.input.checkbox, .contactFormWrapper .popupContactForm dl dd.input.checkbox {
    padding: 8px 10px 0;
  }
  .contactFormWrapper .contactFormTable dl dd.input.checkbox label:nth-child(1), .contactFormWrapper .contactFormTable dl dd.input.checkbox label:nth-child(2), .contactFormWrapper .popupContactForm dl dd.input.checkbox label:nth-child(1), .contactFormWrapper .popupContactForm dl dd.input.checkbox label:nth-child(2) {
    width: 49%;
  }
  .contactFormWrapper .contactFormTable dl dd.input.checkbox label:nth-child(3), .contactFormWrapper .popupContactForm dl dd.input.checkbox label:nth-child(3) {
    margin-top: 8px;
    width: 99%;
  }
  .contactFormWrapper .contactFormTable dl dd.input textarea, .contactFormWrapper .popupContactForm dl dd.input textarea {
    border: none;
  }
}
.contactFormWrapper .popupContactForm .dropdown {
  width: 100%;
}

.popup_module, .p_successMessage {
  display: none;
  z-index: 131;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(55, 55, 55, 0.5);
}
.popup_module .popupMain, .p_successMessage .popupMain {
  border-radius: 5px;
}
.popup_module .popupMain .popupClose, .popup_module .popupMain .popClose, .p_successMessage .popupMain .popupClose, .p_successMessage .popupMain .popClose {
  position: absolute;
  right: 8px;
  top: 8px;
  font-size: 19px;
  font-size: 1.1875rem;
  cursor: pointer;
}

.popup_module .popupMain, .p_successMessage .popupMain, .p_successMessage .pMain {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff;
}

.p_successMessage {
  z-index: 1001;
}
.p_successMessage .pMain {
  width: 610px;
  height: 320px;
  border-radius: 8px;
  margin-top: -160px;
  margin-left: -305px;
}
@media only screen and (max-width: 767px) {
  .p_successMessage .pMain {
    width: 96%;
    height: 467px;
    margin-left: -48%;
    margin-top: -230px;
  }
}
.p_successMessage .pMain:before, .p_successMessage .pMain:after {
  content: " ";
  display: table;
}
.p_successMessage .pMain:after {
  clear: both;
}
.p_successMessage .pMain .successLeft {
  float: left;
  width: 190px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.p_successMessage .pMain .successLeft .qrCode {
  padding-top: 15px;
}
.p_successMessage .pMain .successLeft .qrCode img {
  width: 101px;
  height: 101px;
  margin: 0 auto;
  display: block;
  margin-bottom: 15px;
}
.p_successMessage .pMain .successLeft .qrCode .title {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 15px;
  font-weight: 600;
  padding-bottom: 5px;
  text-align: center;
}
.p_successMessage .pMain .successLeft .qrCode .small_title {
  font-size: 12px;
  font-size: 0.75rem;
  color: #fff;
  text-align: center;
  padding-bottom: 5px;
}
.p_successMessage .pMain .successRight {
  width: calc( 100% - 190px );
  float: left;
  padding: 25px;
}
.p_successMessage .pMain .successRight .form {
  position: relative;
}
.p_successMessage .pMain .successRight .form .formMessage {
  display: none;
  position: absolute;
  bottom: -30px;
  left: 0px;
}
.p_successMessage .pMain .successRight .form .formMessage i, .p_successMessage .pMain .successRight .form .formMessage span {
  display: inline-block;
  vertical-align: middle;
  color: #D6000F;
}
.p_successMessage .pMain .successRight .form .formMessage span {
  padding-left: 3px;
  font-size: 14px;
  font-size: 0.875rem;
}
.p_successMessage .pMain .successRight .form .formMessage.success i {
  display: none;
}
.p_successMessage .pMain .successRight .form .formMessage.success span {
  color: #67c23a;
}
@media only screen and (max-width: 767px) {
  .p_successMessage .pMain .successRight {
    width: 100%;
    padding: 20px;
    padding-top: 30px;
  }
}
.p_successMessage .pMain .successRight .title {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 22px;
  position: relative;
  text-align: center;
  margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .p_successMessage .pMain .successRight .title {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 27px;
  }
}
.p_successMessage .pMain .successRight .title::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  width: 50px;
  height: 3px;
  background: linear-gradient(90deg, #5CD4D8 0%, #2FA9AF 100%);
  transform: translate(-50%);
}
@media only screen and (max-width: 767px) {
  .p_successMessage .pMain .successRight .title::after {
    bottom: -10px;
    width: 40px;
    height: 2px;
  }
}
.p_successMessage .pMain .successRight .tip {
  text-align: left;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  padding-left: 15px;
  position: relative;
  line-height: 20px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .p_successMessage .pMain .successRight .tip {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
  }
}
.p_successMessage .pMain .successRight .tip::before {
  content: "*";
  position: absolute;
  left: 0;
  top: 3px;
  color: #D6000F;
  font-size: 14px;
  font-size: 0.875rem;
}
.p_successMessage .pMain .successRight .tw_qrCode {
  padding-top: 20px;
}
.p_successMessage .pMain .successRight .tw_qrCode:before, .p_successMessage .pMain .successRight .tw_qrCode:after {
  content: " ";
  display: table;
}
.p_successMessage .pMain .successRight .tw_qrCode:after {
  clear: both;
}
.p_successMessage .pMain .successRight .tw_qrCode .qLeft, .p_successMessage .pMain .successRight .tw_qrCode .qRight {
  float: left;
  width: 50%;
}
.p_successMessage .pMain .successRight .tw_qrCode .qLeft .tw_title, .p_successMessage .pMain .successRight .tw_qrCode .qRight .tw_title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 14px;
  padding-bottom: 5px;
  text-align: center;
}
.p_successMessage .pMain .successRight .tw_qrCode .qLeft .small_title, .p_successMessage .pMain .successRight .tw_qrCode .qRight .small_title {
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  padding-bottom: 5px;
}
.p_successMessage .pMain .successRight .tw_qrCode .qLeft img, .p_successMessage .pMain .successRight .tw_qrCode .qRight img {
  width: 101px;
  height: 101px;
  margin: 0 auto;
  display: block;
}
.p_successMessage .pMain .successRight button {
  margin-top: 35px;
  border: none;
  outline: none;
  background-color: #2fa9af;
  width: 100%;
  padding: 14px 0px;
  border-radius: 2px;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  color: #fff;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .p_successMessage .pMain .successRight button {
    margin-top: 30px;
  }
}
.p_successMessage .pMain .successRight button:disabled {
  background-color: #D8D8D8;
}
.p_successMessage .pMain .successRight .agreement {
  margin-top: 10px;
  color: #A9A9A9;
  display: flex;
  align-items: center;
}
.p_successMessage .pMain .successRight .agreement input[type=checkbox] {
  margin: 0;
}
.p_successMessage .pMain .successRight .agreement a, .p_successMessage .pMain .successRight .agreement a:hover, .p_successMessage .pMain .successRight .agreement a:active {
  color: #A9A9A9;
}
.p_successMessage .pMain .successRight .form {
  display: flex;
}
.p_successMessage .pMain .successRight .form input[type=radio] {
  position: absolute;
  -moz-appearance: radio;
       appearance: radio;
  -webkit-appearance: radio;
  outline: none;
  opacity: 0;
  padding: 0;
  margin: 0;
  height: 0;
  width: 0;
}
.p_successMessage .pMain .successRight .form label {
  width: calc((100% - 10px)/2);
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  border-radius: 2px;
  padding: 12px 10px;
  border: 1px solid #D8D8D8;
}
.p_successMessage .pMain .successRight .form label.radio_selected {
  border-color: #2fa9af;
}
.p_successMessage .pMain .successRight .form label:first-child {
  margin-right: 10px;
}
.p_successMessage .pMain .successRight .form label .circle {
  padding-left: 28px;
  position: relative;
  display: -ms-flexbox;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  height: 100%;
  padding-right: 20px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .p_successMessage .pMain .successRight .form label .circle {
    padding-left: 24px;
  }
}
.p_successMessage .pMain .successRight .form label .circle span {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
}
.p_successMessage .pMain .successRight .form label .circle::before, .p_successMessage .pMain .successRight .form label .circle::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.p_successMessage .pMain .successRight .form label .circle::before {
  left: 0px;
  width: 20px;
  height: 20px;
  border: 2px solid #A9A9A9;
}
.p_successMessage .pMain .successRight .form label .circle::after {
  background: #2fa9af;
  width: 10px;
  height: 10px;
  left: 5px;
  opacity: 0;
}
.p_successMessage .pMain .successRight .form label input:checked + span::before {
  border-color: #2fa9af;
}
.p_successMessage .pMain .successRight .form label input:checked + span::after {
  opacity: 1;
}

.popup_contactForm .popupMain {
  width: 500px;
  height: 592px;
  margin-top: -296px;
  margin-left: -250px;
  padding: 20px 30px 0px;
  background-color: #f3f3f3;
}
.popup_contactForm .popupMain .contactFormWrapper .contactFormTable {
  width: 100%;
}
@media (max-width: 2840px) {
  .popup_contactForm .popupMain {
    height: 630px;
    margin-top: -350px;
  }
}
@media (max-width: 1440px) {
  .popup_contactForm .popupMain {
    height: 610px;
    margin-top: -296px;
  }
}
@media only screen and (max-width: 767px) {
  .popup_contactForm .popupMain {
    width: 90%;
    height: 571px;
    margin-left: -45%;
    margin-top: -287px;
    padding: 5px 15px 15px;
  }
  .popup_contactForm .popupMain .inquiry_tips {
    padding: 0 !important;
  }
}

.popup_successMessage .popupMain, .recommend_successMessage .popupMain {
  width: 320px;
  margin-top: -225px;
  margin-left: -160px;
  padding: 24px;
}
.popup_successMessage .popupMain .messageCloseIcon, .recommend_successMessage .popupMain .messageCloseIcon {
  font-size: 22px;
  font-size: 1.375rem;
  color: #8E8E8E;
  position: absolute;
  top: 6px;
  right: 9px;
}
.popup_successMessage .popupMain .messageText, .recommend_successMessage .popupMain .messageText {
  font-size: 18px;
  font-size: 1.125rem;
  color: #373737;
  line-height: 30px;
}
.popup_successMessage .popupMain .messageText.small, .recommend_successMessage .popupMain .messageText.small {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
}
.popup_successMessage .popupMain .m-text, .recommend_successMessage .popupMain .m-text {
  margin-bottom: 20px;
}
.popup_successMessage .popupMain .messageBtn, .recommend_successMessage .popupMain .messageBtn {
  display: inline-block;
  font-size: 20px;
  font-size: 1.25rem;
  padding: 10px 50px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  background-color: #2fa9af;
  cursor: pointer;
}
.popup_successMessage .popupMain .messageBtn a, .recommend_successMessage .popupMain .messageBtn a {
  display: inline-block;
  color: #fff;
}
.popup_successMessage .popupMain .ask_messageBtn, .recommend_successMessage .popupMain .ask_messageBtn {
  position: absolute;
  top: 10px;
  right: 14px;
  background-color: transparent;
  padding: 0;
}
.popup_successMessage .popupMain .ask_messageBtn img, .recommend_successMessage .popupMain .ask_messageBtn img {
  width: 14px;
}
@media only screen and (max-width: 767px) {
  .popup_successMessage .messageMain, .recommend_successMessage .messageMain {
    width: 240px;
    margin-left: -120px;
  }
  .popup_successMessage .messageMain .messageText, .recommend_successMessage .messageMain .messageText {
    font-size: 15px;
  }
  .popup_successMessage .messageMain .messageText.small, .recommend_successMessage .messageMain .messageText.small {
    font-size: 13px;
    line-height: 18px;
  }
  .popup_successMessage .messageMain .messageBtn, .recommend_successMessage .messageMain .messageBtn {
    font-size: 16px;
  }
}
.popup_successMessage.reservation .popupMain, .recommend_successMessage.reservation .popupMain {
  position: relative;
  width: 400px;
  height: 400px;
  margin-top: -200px;
  margin-left: -200px;
  padding: 0;
  background: transparent;
  border: none;
}
.popup_successMessage.reservation .popupMain .image, .recommend_successMessage.reservation .popupMain .image {
  width: 100%;
  height: 100%;
  background: url("/img/main/cmn/reservationForm_success.png") no-repeat center center;
  background-size: cover;
}
.popup_successMessage.reservation .popupMain .popupClose, .recommend_successMessage.reservation .popupMain .popupClose {
  background: #2fa9af;
  border-bottom: 2px solid #248287;
  border-radius: 5px;
  width: auto;
  height: auto;
  padding: 5px 15px;
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  top: auto;
  bottom: 30px;
  right: 50%;
  margin-right: -45px;
}
@media only screen and (max-width: 767px) {
  .popup_successMessage.reservation .popupMain, .recommend_successMessage.reservation .popupMain {
    width: 300px;
    height: 300px;
    margin-top: -150px;
    margin-left: -150px;
  }
  .popup_successMessage.reservation .popupMain .popupClose, .recommend_successMessage.reservation .popupMain .popupClose {
    bottom: 20px;
  }
}
.popup_successMessage .successMessageMain, .recommend_successMessage .successMessageMain {
  background: #fff;
}
.popup_successMessage .successMessageMain .successMessage, .recommend_successMessage .successMessageMain .successMessage {
  margin-bottom: 16px;
  text-align: center;
}
.popup_successMessage .successMessageMain .successMessage .messageImage, .recommend_successMessage .successMessageMain .successMessage .messageImage {
  margin-bottom: 10px;
}
.popup_successMessage .successMessageMain .successMessage .messageImage img, .recommend_successMessage .successMessageMain .successMessage .messageImage img {
  width: 69px;
}
.popup_successMessage .successMessageMain .successMessage .messageSuccess_icon, .recommend_successMessage .successMessageMain .successMessage .messageSuccess_icon {
  margin: 0 auto;
  margin-bottom: 10px;
  background: #d6faec;
  width: 64px;
  height: 64px;
  line-height: 64px;
  border-radius: 50%;
}
.popup_successMessage .successMessageMain .successMessage .messageSuccess_icon .iconfont, .recommend_successMessage .successMessageMain .successMessage .messageSuccess_icon .iconfont {
  color: #2FA9AF;
  font-size: 24px;
}
.popup_successMessage .successMessageMain .successMessage .messageTitle, .recommend_successMessage .successMessageMain .successMessage .messageTitle {
  margin-bottom: 10px;
  color: #111;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 0.8px;
}
.popup_successMessage .successMessageMain .successMessage .messageText, .recommend_successMessage .successMessageMain .successMessage .messageText {
  color: #111;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.56px;
}
.popup_successMessage .successMessageMain .successMessage .messageText .wechat, .recommend_successMessage .successMessageMain .successMessage .messageText .wechat {
  font-weight: 700;
}
.popup_successMessage .successMessageMain .successInfo, .recommend_successMessage .successMessageMain .successInfo {
  margin-bottom: 20px;
}
.popup_successMessage .successMessageMain .successQrcode, .recommend_successMessage .successMessageMain .successQrcode {
  border-top: 1px solid #F6F6F6;
  text-align: center;
}
.popup_successMessage .successMessageMain .successQrcode:before, .popup_successMessage .successMessageMain .successQrcode:after, .recommend_successMessage .successMessageMain .successQrcode:before, .recommend_successMessage .successMessageMain .successQrcode:after {
  content: " ";
  display: table;
}
.popup_successMessage .successMessageMain .successQrcode:after, .recommend_successMessage .successMessageMain .successQrcode:after {
  clear: both;
}
.popup_successMessage .successMessageMain .successQrcode .text-tips, .recommend_successMessage .successMessageMain .successQrcode .text-tips {
  color: #4A4A4A;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.6;
}
.popup_successMessage .successMessageMain .successQrcode .text-tips .wechat, .recommend_successMessage .successMessageMain .successQrcode .text-tips .wechat {
  font-weight: 700;
}
.popup_successMessage .successMessageMain .successQrcode .officeAccount, .recommend_successMessage .successMessageMain .successQrcode .officeAccount {
  float: left;
}
.popup_successMessage .successMessageMain .successQrcode .ask_qrCode, .recommend_successMessage .successMessageMain .successQrcode .ask_qrCode {
  float: inherit;
  margin: 0 auto;
}
.popup_successMessage .successMessageMain .successQrcode .ask_qrCode .qrCodeImage, .recommend_successMessage .successMessageMain .successQrcode .ask_qrCode .qrCodeImage {
  height: 110px;
}
.popup_successMessage .successMessageMain .successQrcode .ask_qrCode .qrCodeImage img, .recommend_successMessage .successMessageMain .successQrcode .ask_qrCode .qrCodeImage img {
  width: 110px;
  height: 110px;
}
.popup_successMessage .successMessageMain .successQrcode .successQrcode_desc, .recommend_successMessage .successMessageMain .successQrcode .successQrcode_desc {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 16px 0;
}
.popup_successMessage .successMessageMain .successQrcode .successQrcode_desc .qrCodeTitle, .recommend_successMessage .successMessageMain .successQrcode .successQrcode_desc .qrCodeTitle {
  color: #111;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  margin-bottom: 4px;
  letter-spacing: 0.64px;
}
.popup_successMessage .successMessageMain .successQrcode .successQrcode_desc .qrCodeText, .recommend_successMessage .successMessageMain .successQrcode .successQrcode_desc .qrCodeText {
  color: #111;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 21px;
  letter-spacing: 0.56px;
}
.popup_successMessage .successMessageMain .successQrcode .appDownload, .recommend_successMessage .successMessageMain .successQrcode .appDownload {
  display: flex;
  align-items: center;
  gap: 10px;
}
.popup_successMessage .successMessageMain .successQrcode .appDownload .appDownload_img img, .recommend_successMessage .successMessageMain .successQrcode .appDownload .appDownload_img img {
  width: 120px;
  height: 36px;
}
.popup_successMessage .successMessageMain .successQrcode .appDownload .triangle, .recommend_successMessage .successMessageMain .successQrcode .appDownload .triangle {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 12px solid #CCC;
}
.popup_successMessage .successMessageMain .successQrcode .appDownload .qrCodeDiv, .recommend_successMessage .successMessageMain .successQrcode .appDownload .qrCodeDiv {
  border: 3px solid #E5E5E5;
}
.popup_successMessage .successMessageMain .successQrcode .appDownload .qrCodeDiv .qrCodeImage, .recommend_successMessage .successMessageMain .successQrcode .appDownload .qrCodeDiv .qrCodeImage {
  height: 110px;
}
.popup_successMessage .successMessageMain .successQrcode .appDownload .qrCodeDiv .qrCodeImage img, .recommend_successMessage .successMessageMain .successQrcode .appDownload .qrCodeDiv .qrCodeImage img {
  width: 110px;
  height: 110px;
}
.popup_successMessage .successMessageMain .successQrcode_sp, .recommend_successMessage .successMessageMain .successQrcode_sp {
  background: #F6F6F6;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 16px;
}
.popup_successMessage .successMessageMain .successQrcode_sp .logo_sp, .recommend_successMessage .successMessageMain .successQrcode_sp .logo_sp {
  width: 48px;
  height: 48px;
  border-radius: 8px;
}
.popup_successMessage .successMessageMain .successQrcode_sp .logo_sp img, .recommend_successMessage .successMessageMain .successQrcode_sp .logo_sp img {
  width: 48px;
  height: 48px;
}
.popup_successMessage .successMessageMain .successQrcode_sp .qrCodeTitle_sp, .recommend_successMessage .successMessageMain .successQrcode_sp .qrCodeTitle_sp {
  color: #111;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  letter-spacing: 0.64px;
  font-weight: 500;
}
.popup_successMessage .successMessageMain .successQrcode_sp .qrCodeText_sp, .recommend_successMessage .successMessageMain .successQrcode_sp .qrCodeText_sp {
  color: #111;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 21px;
  letter-spacing: 0.56px;
  font-weight: 400;
}
.popup_successMessage .successMessageMain .appDownload_sp, .recommend_successMessage .successMessageMain .appDownload_sp {
  display: flex;
  width: 272px;
  height: 48px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  border-radius: 3px;
  background: #2FA9AF;
  margin-top: 16px;
  line-height: 24px;
  letter-spacing: 0.64px;
  font-weight: 500;
}

.fixed_contactBtn {
  z-index: 100;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 50px;
  background: #f5f5f5;
  box-shadow: 1px 1px 4px 0px rgba(55, 55, 55, 0.5);
}
.fixed_contactBtn:before, .fixed_contactBtn:after {
  content: " ";
  display: table;
}
.fixed_contactBtn:after {
  clear: both;
}
.fixed_contactBtn .contactItem {
  float: left;
  width: 48%;
  color: #fff;
  text-align: center;
  text-decoration: none;
  position: relative;
}
.fixed_contactBtn .contactItem .img-box {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 26px;
}
.fixed_contactBtn .contactItem img {
  width: 18px;
  animation: chat 1.1s infinite linear;
}
@keyframes chat {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.05);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
.fixed_contactBtn .contactItem .text {
  color: #4A4A4A;
  font-size: 12px;
  font-size: 0.75rem;
}
.fixed_contactBtn .contactItem.tel {
  width: 21%;
  padding: 8px 0;
}
.fixed_contactBtn .contactItem.tel img {
  width: 18px;
  height: auto;
  display: block;
  margin: 0 auto 5px;
}
.fixed_contactBtn .contactItem.message {
  width: 79%;
  padding: 12px 0;
  font-size: 16px;
  font-size: 1rem;
  height: 52px;
  background-color: #2FA9AF;
}

.list .fixed_contactBtn .contactItem.favorite {
  display: none;
}
.list .fixed_contactBtn .contactItem.message {
  width: 79%;
  background-color: #f9625c;
}
.list .fixed_contactBtn .contactItem.message .img-box {
  font-size: 22px;
}
.list .fixed_contactBtn .contactItem.message span {
  position: relative;
  padding-left: 37px;
}
.list .fixed_contactBtn .contactItem.message span::after {
  content: "";
  background: url("/img/main/detail/message.png") no-repeat;
  width: 30px;
  height: 26px;
  position: absolute;
  background-size: 100% 100%;
  top: 0;
  left: 0px;
}

.modal-loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99994;
  opacity: 0.8;
  background-color: #fff;
  display: none;
}
.modal-loading .loading-content .circular {
  height: 42px;
  width: 42px;
  position: fixed;
  left: 50%;
  top: 40%;
  transform: translate(-50%);
  animation: loading-rotate 2s linear infinite;
}
@keyframes loading-dash {
  100% {
    transform: rotate(360deg);
  }
}
.modal-loading .loading-content .circular .path {
  animation: loading-dash 1s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: #2FA9AF;
  stroke-linecap: round;
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}
.inquiry_tips {
  padding-top: 10px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  color: #000815;
}
@media only screen and (max-width: 767px) {
  .inquiry_tips {
    line-height: 20px;
  }
}
.inquiry_tips span {
  color: #F8625C;
  font-weight: 600;
}
.inquiry_tips.inquiry_bottom_tips {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .inquiry_tips.inquiry_bottom_tips {
    width: 282px;
    margin: 0 auto;
    text-align: left;
  }
}
.inquiry_tips .asterisk {
  color: #D6000F;
  font-size: 14px;
  font-size: 0.875rem;
  margin-right: 5px;
}

.fixed_ContactBanner {
  position: fixed;
  right: 0px;
  bottom: 0px;
  z-index: 1001;
  background: #fff;
}
.fixed_ContactBanner .contactButton {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 220px;
  cursor: pointer;
  background-color: #fff;
}
.fixed_ContactBanner .contactButton .buttonMain {
  background-color: #F8625C;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  line-height: 44px;
}
.fixed_ContactBanner .contactButton .buttonMain img {
  vertical-align: middle;
}
.fixed_ContactBanner .floatWindowMain {
  display: none;
  position: absolute;
  bottom: 0;
  right: 65px;
  width: 420px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.fixed_ContactBanner .floatWindowMain .picture {
  position: absolute;
  top: -50px;
  left: 50px;
}
.fixed_ContactBanner .floatWindowMain .picture img {
  width: 127px;
}
.fixed_ContactBanner .floatWindowMain .floatWindowTitle {
  position: relative;
  height: 42px;
  background: url("/img/main/cmn/contactFavForm/bg_contactFavForm_title_pc.png") no-repeat center 0px;
  background-size: cover;
  border-radius: 6px 6px 0px 0px;
}
.fixed_ContactBanner .floatWindowMain .floatWindowTitle .slideDownBtn {
  position: absolute;
  top: 13px;
  right: 20px;
  font-size: 20px;
}
.fixed_ContactBanner .floatWindowMain .floatWindowTitle .slideDownBtn .iconfont {
  font-size: 20px;
  font-size: 1.25rem;
}
.fixed_ContactBanner .floatWindowMain .floatWindowTitle .title {
  padding: 15px 0 5px 106px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  color: #000;
}
@media only screen and (max-width: 767px) {
  .fixed_ContactBanner .floatWindowMain .floatWindowTitle .title {
    padding: 15px 0 5px 84px;
  }
}
.fixed_ContactBanner .floatWindowMain .floatWindowTitle .text {
  padding: 0 50px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #000;
  text-align: center;
  line-height: 1.6;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont {
  background: #ffff;
  padding: 15px;
  padding-bottom: 0px;
}
@media (max-width: 1280px) {
  .fixed_ContactBanner .floatWindowMain .floatWindowCont {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .redTxt {
  color: #FE3333;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowReason .reasonTitle {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowReason ul {
  margin-bottom: 0;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowReason ul:before, .fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowReason ul:after {
  content: " ";
  display: table;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowReason ul:after {
  clear: both;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowReason ul li {
  float: left;
  margin-right: 10px;
  font-size: 14px;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowReason ul li input[type="radio"] {
  width: 16px;
  height: 16px;
  margin: 0 0 0 -20px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 2px solid #DDDDDD;
  border-radius: 100%;
  outline: none;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowReason ul li input[type="radio"]:checked {
  border: none;
  background: url("/img/main/cmn/icon_radio_blue.png") no-repeat center;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm {
  padding-bottom: 10px;
}
@media (max-width: 1280px) {
  .fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm {
    padding-bottom: 5px;
  }
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl {
  margin-bottom: 10px;
  padding: 0 10px;
  padding-right: 0;
  font-size: 14px;
  font-size: 0.875rem;
  background: #F3F5F4;
  height: 38px;
}
@media (max-width: 1280px) {
  .fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl {
    margin-bottom: 5px;
  }
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl:before, .fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl:after {
  content: " ";
  display: table;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl:after {
  clear: both;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dt {
  float: left;
  width: 67px;
  color: #111;
  font-weight: 700;
  line-height: 38px;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd {
  float: right;
  width: calc(100% - 67px);
  color: #000;
  line-height: 38px;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd:before, .fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd:after {
  content: " ";
  display: table;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd:after {
  clear: both;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .filter-option-inner-inner {
  color: #666;
  font-size: 13px;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .btn-default {
  background: #F3F5F4;
  padding: 7px 1px;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd input {
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
  background: none;
  border: none;
  line-height: 18px;
  outline: none;
  padding: 10px 0;
  vertical-align: middle;
  height: 38px;
  color: #010101;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd input::-moz-placeholder {
  color: #666;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd input::placeholder {
  font-size: 13px;
  font-size: 0.8125rem;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .verifyCodeInput, .fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .verifyCodeBtn {
  float: left;
  line-height: 38px;
  height: 38px;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .verifyCodeInput {
  width: calc(100% - 130px);
  margin-right: 10px;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .verifyCodeBtn {
  background-color: #F8625C;
  width: 120px;
  text-align: center;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .verifyCodeBtn .verifyCodeSubmit {
  display: block;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .verifyCodeBtn:hover {
  cursor: pointer;
  background: #f17a75;
  color: #fff;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .verifyCodeTimer, .fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .verifyCodeTimer:hover {
  color: #fff;
  background: #bbb;
  border: 1px solid #bbb;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .autoLogin {
  width: auto;
  height: auto;
  margin: 0;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .otherMessage {
  margin-bottom: 15px;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .otherMessage:before, .fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .otherMessage:after {
  content: " ";
  display: table;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .otherMessage:after {
  clear: both;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .otherMessage .checkboxAutoLogin {
  display: inline-block;
  float: left;
  font-size: 13px;
  font-size: 0.8125rem;
  cursor: pointer;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .otherMessage .checkboxAutoLogin input[type="checkbox"] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  outline: none;
  display: none;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .otherMessage .checkboxAutoLogin input[type="checkbox"] + label {
  font-weight: normal;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .otherMessage .checkboxAutoLogin input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border: 1px solid #ddd;
  border-radius: 2px;
  vertical-align: middle;
  margin-right: 5px;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .otherMessage .checkboxAutoLogin input[type="checkbox"]:checked + label:before {
  content: "";
  color: #2eb1b8;
  font-size: 10px;
  text-align: center;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .phoneNationality {
  float: left;
  width: 120px;
  border: none;
  font-size: 14px;
  font-size: 0.875rem;
  color: #010101;
  margin-right: 10px;
  padding: 0 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/img/main/cmn/select-arrow-d.png) no-repeat right center;
  background-size: 8px;
  outline: none;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .phoneNumber {
  float: left;
  height: 38px;
  line-height: 38px;
  width: calc(100% - 130px);
  color: #010101;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd textarea {
  width: 100%;
  height: 45px;
  color: #010101;
  background: transparent;
  resize: none;
  border: none;
  line-height: 20px;
  border-radius: 3px;
  outline: none;
  padding: 10px 0;
  vertical-align: middle;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd textarea::-moz-placeholder {
  font-size: 13px;
  font-size: 0.8125rem;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd textarea::placeholder {
  font-size: 13px;
  font-size: 0.8125rem;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm .message {
  margin-bottom: 5px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #414141;
  text-align: center;
  opacity: 0;
  display: inline-block;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm .message.error {
  color: #F5492C;
  opacity: 1;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm .message.error:before {
  content: "";
  font-family: "iconfont" !important;
  font-weight: 900;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm .message.success {
  color: #414141;
  opacity: 1;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm .floatWindowButton button {
  width: 100%;
  margin-bottom: 5px;
  padding: 12px 36px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #F8625C;
  border-radius: 4px;
  outline: 0;
  border: none;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm .floatWindowButton button:hover {
  background-color: rgba(248, 98, 92, 0.8);
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm .agreement {
  color: #A9A9A9;
}
.fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm .agreement a {
  color: #A9A9A9;
}
@media only screen and (max-width: 767px) {
  .fixed_ContactBanner .contactButton {
    background: none;
    width: auto;
    right: 10px;
    bottom: 70px;
  }
  .fixed_ContactBanner .contactButton .buttonMain {
    background: none;
  }
  .fixed_ContactBanner .contactButton .buttonMain .twContactUsBtn {
    width: 70px;
  }
  .fixed_ContactBanner .floatWindowMain {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0 auto;
  }
  .fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowReason ul li {
    float: none;
  }
  .fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowReason ul li:not(:last-child) {
    margin-bottom: 8px;
  }
  .fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .phoneNationality {
    width: 60px;
  }
  .fixed_ContactBanner .floatWindowMain .floatWindowCont .floatWindowForm dl dd .phoneNumber {
    width: calc(100% - 70px);
  }
  .fixed_ContactBanner .floatWindowMain .floatWindowTitle {
    padding: 0 10px;
  }
  .fixed_ContactBanner .floatWindowMain .floatWindowTitle .text {
    padding: 0 10px;
  }
}

.fixed_ContactBanner {
  width: 100%;
  z-index: 130;
}
.fixed_ContactBanner .contactButton {
  right: 65px;
}
@media only screen and (max-width: 767px) {
  .fixed_ContactBanner .contactButton {
    right: 0px;
  }
}

.fixed_rightnav {
  position: fixed;
  right: 0;
  top: 20%;
  background: #FFF;
  box-shadow: -3px 0 6px 0 rgba(4, 8, 24, 0.1);
  width: 65px;
  z-index: 999;
}
@media only screen and (max-width: 1199px) {
  .fixed_rightnav {
    width: 60px;
  }
}
.fixed_rightnav ul {
  width: 100%;
}
.fixed_rightnav ul li {
  position: relative;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 12px 4px;
  height: 65px;
  color: #111;
  cursor: pointer;
  text-align: center;
  position: relative;
}
.fixed_rightnav ul li::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  width: 45px;
  height: 1px;
  background: #D8D8D8;
}
@media only screen and (max-width: 1199px) {
  .fixed_rightnav ul li {
    height: 60px;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.fixed_rightnav ul li .d_pic {
  display: none;
  position: absolute;
  top: 2px;
  right: 68px;
  width: 147px;
}
.fixed_rightnav ul li .d_pic.t_content {
  right: 75px;
}
.fixed_rightnav ul li .d_pic .d_tel {
  width: 147px;
  padding-top: 10px;
  height: 63px;
  background: #2FA9AF;
  border: 1px solid #fff;
}
.fixed_rightnav ul li .d_pic .d_tel div {
  font-size: 17px;
  font-size: 1.0625rem;
}
.fixed_rightnav ul li .d_pic .d_tel::after {
  position: absolute;
  top: 50%;
  right: -7px;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-left: 8px solid #2FA9AF;
  border-bottom: 8px solid transparent;
}
.fixed_rightnav ul li .d_pic p {
  position: absolute;
  bottom: 7px;
  left: 29px;
  font-size: 14px;
  margin-bottom: 0px !important;
  color: #fff;
}
.fixed_rightnav ul li .d_pic.t_content p {
  position: relative;
  top: 0;
  left: 0;
  padding-bottom: 12px;
}
.fixed_rightnav ul li .d_pic img {
  width: 100%;
}
.fixed_rightnav ul li .iconfont {
  margin-bottom: 4px;
  display: block;
  font-size: 24px;
  font-size: 1.5rem;
  color: #999;
}
.fixed_rightnav ul li.back_top .iconfont {
  color: #2FA9AF;
}
.fixed_rightnav ul li:nth-child(-n+6) img {
  display: none;
}
.fixed_rightnav ul li:nth-child(-n+6):hover {
  background: #2FA9AF;
  color: #fff;
}
.fixed_rightnav ul li:nth-child(-n+6):hover .iconfont {
  color: #fff;
}
.fixed_rightnav ul li:nth-child(-n+6):hover::after {
  height: 0px;
}
.fixed_rightnav ul li:nth-child(-n+6):hover .d_pic {
  display: block;
}
.fixed_rightnav ul li:nth-child(-n+6):hover img {
  display: inline-block;
}
.fixed_rightnav ul li:nth-child(n+4) .d_pic {
  top: -22px;
}
.fixed_rightnav ul li:nth-child(n+4) .d_pic p {
  top: auto;
  left: auto;
  padding-right: 5px;
  bottom: 10px;
  font-size: 12px;
  width: 100%;
  text-align: center;
}

.lazy_loaded {
  display: block;
}

.fixed_APPDownload {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: rgba(51, 51, 51, 0.9);
  height: 150px;
  width: 100%;
}
.fixed_APPDownload.closed {
  display: none;
}
.fixed_APPDownload .content {
  float: left;
  color: #fff;
  margin-left: 10px;
}
.fixed_APPDownload .content .contentTitle {
  padding: 20px 0 12px;
  font-size: 22px;
  font-weight: 600;
}
.fixed_APPDownload .content .contentMain {
  font-size: 16px;
  line-height: 28px;
}
.fixed_APPDownload .qrCode {
  float: right;
}
.fixed_APPDownload .qrCode img {
  width: 110px;
  margin-top: 10px;
}
.fixed_APPDownload .qrCode .text {
  color: #fff;
  font-size: 14px;
  margin-top: 7px;
  width: 110px;
  text-align: center;
}
.fixed_APPDownload .bannerClose {
  float: right;
  margin: 5px 40px 0 20px;
}
.fixed_APPDownload .bannerClose .closeButton {
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: #cdcdcd;
  cursor: pointer;
}

.fixed_APPDownload_small {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 10;
  height: 215px;
  width: 268px;
  background-size: contain;
}
.fixed_APPDownload_small .app_download_content {
  position: absolute;
  top: 117px;
  right: 8px;
}
.fixed_APPDownload_small .app_download_content p {
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
}
.fixed_APPDownload_small .app_download_content p:first-child {
  font-size: 13px;
  font-size: 0.8125rem;
}
.fixed_APPDownload_small .app_download_content p:nth-child(2) {
  margin-top: 10px;
}
.fixed_APPDownload_small .app_download_content p:nth-child(n+2) {
  line-height: 18px;
}
.fixed_APPDownload_small .app_download_content p a {
  color: #fff;
  text-decoration: underline;
}
.fixed_APPDownload_small.closed {
  display: none;
}
.fixed_APPDownload_small img.qrcode-pc {
  width: 268px;
  height: 215px;
}
.fixed_APPDownload_small .closeQrcode {
  font-size: 16px;
  font-size: 1rem;
  position: absolute;
  right: 4px;
  top: 7px;
  color: #fff;
  cursor: pointer;
}

.fixed_APPDownload_home {
  width: 100vw;
  height: 150px;
  background: linear-gradient(to right, #57AEB9, #7B9DDE);
  position: fixed;
  bottom: -150px;
  left: 0;
  z-index: 999;
  display: none;
}
.fixed_APPDownload_home .closeQrcode {
  cursor: pointer;
  position: absolute;
  right: 60px;
  top: 25px;
}
.fixed_APPDownload_home .app_download_home {
  background-size: cover;
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 1000px;
  height: 100%;
}
.fixed_APPDownload_home .app_download_home .lazyimg, .fixed_APPDownload_home .app_download_home img {
  width: 211px;
  height: 208px;
  bottom: 28px;
}
.fixed_APPDownload_home .app_download_home .app_download_con {
  color: #fff;
  margin: 0 54px 0 32px;
}
.fixed_APPDownload_home .app_download_home .app_download_con .app_download_con_title {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 38px;
  font-weight: 700;
  letter-spacing: 3.5px;
}
.fixed_APPDownload_home .app_download_home .app_download_con .app_download_con_text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  letter-spacing: 1px;
}
.fixed_APPDownload_home .app_download_home .app_download_icon {
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  width: 175px;
  height: 60px;
}
.fixed_APPDownload_home .app_download_home .app_download_icon .app_download_icon_title {
  display: flex;
  margin-bottom: 12px;
}
.fixed_APPDownload_home .app_download_home .app_download_icon .app_download_icon_title p {
  letter-spacing: 2px;
  margin: 1px 0 0 4px;
}
.fixed_APPDownload_home .app_download_home .app_download_icon .app_download_icon_prompt {
  display: flex;
  justify-content: space-between;
}
.fixed_APPDownload_home .app_download_home .app_download_icon .app_download_icon_prompt img {
  width: 85px;
  height: 28px;
}
.fixed_APPDownload_home .app_download_home .app_download_code {
  width: 92px;
  height: 92px;
  background-color: #fff;
  border-radius: 4px;
  margin-left: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fixed_APPDownload_home .app_download_home .app_download_code img {
  width: 67px;
  height: 69px;
}

.buyFlow .smallReservationForm .input {
  border: 1px solid #CECECE;
}

.input {
  position: relative;
  background-color: #fff;
  border-radius: 4px;
}
.input:before, .input:after {
  content: " ";
  display: table;
}
.input:after {
  clear: both;
}
.input .dropdown {
  cursor: pointer;
  width: calc(100% - 90px);
  display: inline-block;
}
.input .dropdown .btn {
  font-size: 16px;
  margin-top: 0;
}
.input .dropdown .btn .filter-option-inner-inner {
  color: #5d5d5d;
}
.input .inputTitle {
  float: left;
  width: 90px;
  padding-left: 15px;
  line-height: 40px;
  font-weight: 600;
}
.input .inputTitle .redTxt {
  color: #FE3333;
  font-weight: 600;
}
.input .verifyCodeInput, .input input {
  float: left;
  width: calc(100% - 220px);
}
.input input {
  padding: 0 10px;
  border: none;
  line-height: 40px;
  outline: none;
}
@media only screen and (max-width: 767px) {
  .input input {
    width: calc(100% - 168px);
  }
}
.input .verifyCodeInput {
  margin-right: 10px;
}
.input .verifyCodeBtn {
  float: left;
  background-color: #2fa9af;
  width: 120px;
  text-align: center;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 40px;
}
.input .verifyCodeBtn .verifyCodeSubmit {
  display: block;
}
.input .verifyCodeBtn:hover {
  cursor: pointer;
  background: #34bcc3;
}
.input .verifyCodeTimer, .input .verifyCodeTimer:hover {
  color: #fff;
  background: #bbb;
  border: 1px solid #bbb;
}
.input .autoLogin {
  width: auto;
  height: auto;
  margin: 0;
}
.input .otherMessage {
  margin-bottom: 15px;
}
.input .otherMessage:before, .input .otherMessage:after {
  content: " ";
  display: table;
}
.input .otherMessage:after {
  clear: both;
}
.input .otherMessage .checkboxAutoLogin {
  display: inline-block;
  float: left;
  font-size: 13px;
  font-size: 0.8125rem;
  cursor: pointer;
}
.input .otherMessage .checkboxAutoLogin input[type="checkbox"] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  outline: none;
  display: none;
}
.input .otherMessage .checkboxAutoLogin input[type="checkbox"] + label {
  font-weight: normal;
}
.input .otherMessage .checkboxAutoLogin input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border: 1px solid #ddd;
  border-radius: 2px;
  vertical-align: middle;
  margin-right: 5px;
}
.input .otherMessage .checkboxAutoLogin input[type="checkbox"]:checked + label:before {
  content: "";
  color: #2eb1b8;
  font-size: 10px;
  text-align: center;
}
.input .optional {
  position: absolute;
  color: #a9a9a9;
  right: 5px;
  top: 12px;
}
.input .phoneNationality {
  float: left;
  width: 130px;
  padding: 0 10px;
  line-height: 40px;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url(/img/main/cmn/select-arrow.png) no-repeat scroll right 0px center;
  background-position: center right 0px;
  background-color: #fff;
}
.input .phoneNumber {
  width: calc(100% - 220px);
  padding-left: 0px;
}

.smallReservationForm .checkbox-container a {
  color: #111;
}
.smallReservationForm .subTitle {
  text-align: center;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 600;
}
.smallReservationForm dl {
  padding: 0 30px;
  font-size: 16px;
}
.smallReservationForm dl:before, .smallReservationForm dl:after {
  content: " ";
  display: table;
}
.smallReservationForm dl:after {
  clear: both;
}
.smallReservationForm dl dd {
  float: left;
  width: 50%;
  padding: 7px 10px;
}
.smallReservationForm dl .submit-btn .button {
  text-align: right;
}
.smallReservationForm .btn-default {
  padding: 9px 10px;
}
.smallReservationForm .btn-default .filter-option-inner-inner {
  font-size: 15px !important;
  color: #5d5d5d;
}
.smallReservationForm .button button {
  width: 200px;
  background-color: #2fa9af;
  color: #fff;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  outline: none;
  border: none;
}
.smallReservationForm .button button:hover {
  background-color: #34bcc3;
}
.smallReservationForm .errMsg {
  text-align: left;
  color: #cc0b0b;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .smallReservationForm dl {
    padding: 0;
  }
  .smallReservationForm dl dd {
    width: 100%;
  }
  .smallReservationForm .input .phoneNationality {
    width: 60px;
  }
  .smallReservationForm .input .phoneNumber {
    width: calc(100% - 168px);
  }
  .smallReservationForm .button {
    text-align: center;
  }
  .smallReservationForm .button button {
    float: none;
    display: inline-block;
    width: 100%;
  }
}

.metalTips {
  background-color: #F1E5BF !important;
  border-radius: 4px;
  color: #836616 !important;
}
.metalTips:after {
  border-top: 10px solid #F1E5BF !important;
}
.metalTips.top:after {
  border-bottom: 10px solid #F1E5BF !important;
}

.lgjTips {
  background-color: #FFE3CF !important;
  border-radius: 4px;
  color: #B53705 !important;
}
.lgjTips:after {
  border-top: 10px solid #FFE3CF !important;
}
.lgjTips.top:after {
  border-bottom: 10px solid #FFE3CF !important;
}
.lgjTips .profit {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #000;
  margin-bottom: 5px;
}
.lgjTips .profit .largeSize {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}

.q_player, .q_player .player {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.q_player {
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000;
  display: none;
}
.q_player .player {
  width: 640px;
  height: 498px;
  position: absolute;
  margin: auto;
  font-family: inherit;
}
.q_player .player .clear-btn {
  position: absolute;
  top: 0;
  right: -35px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  color: #fff;
  font-size: 26px;
  font-size: 1.625rem;
}
@media only screen and (max-width: 767px) {
  .q_player .player {
    width: 80%;
    height: 265px;
  }
  .q_player .player .clear-btn {
    right: -25px;
    width: 25px;
    height: 25px;
  }
}

.adEntry {
  background: #fff;
  margin: 55px 0;
  margin-top: 45px;
  padding-bottom: 0;
  text-align: center;
}
.adEntry a {
  display: inline-block;
  width: 87%;
  height: 94px;
}
@media only screen and (max-width: 767px) {
  .adEntry a {
    width: 100%;
    height: 50px;
  }
}
.adEntry .lazyimg, .adEntry img {
  width: 100%;
  height: 100%;
}
.adEntry a:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .adEntry {
    margin: 32px 0px;
  }
  .adEntry img {
    width: 100%;
  }
}

.hosting .adEntry {
  padding: 20px 0;
}

.themeInquiry ul li {
  display: flex;
  position: relative;
  width: 100%;
  height: 44px;
  margin-bottom: 10px;
  font-size: 16px;
  padding: 9px 0px 10px 15px;
  background: #fff;
  border-radius: 1px;
  line-height: 28px;
}
.themeInquiry ul li:before, .themeInquiry ul li:after {
  content: " ";
  display: table;
}
.themeInquiry ul li:after {
  clear: both;
}
.themeInquiry ul li .dropdown {
  width: calc(100% - 156px);
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .themeInquiry ul li .dropdown {
    width: calc(100% - 133px);
  }
}
@media only screen and (max-width: 767px) {
  .themeInquiry ul li {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.themeInquiry ul li .btn-default {
  padding: 3px 10px;
}
.themeInquiry ul li .filter-option-inner-inner {
  font-size: 16px !important;
}
@media only screen and (max-width: 767px) {
  .themeInquiry ul li .filter-option-inner-inner {
    font-size: 15px !important;
  }
}
.themeInquiry ul li .verifyCodeBtn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #1580DF;
  width: 120px;
  text-align: center;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 44px;
}
@media only screen and (max-width: 767px) {
  .themeInquiry ul li .verifyCodeBtn {
    width: 100px;
  }
}
@media(max-width : 320px) {
  .themeInquiry ul li .verifyCodeBtn {
    width: 90px;
  }
}
.themeInquiry ul li .verifyCodeBtn .verifyCodeSubmit {
  display: block;
}
.themeInquiry ul li .verifyCodeBtn:hover {
  cursor: pointer;
  background: #1580DF;
  color: #fff;
}
.themeInquiry ul li .verifyCodeTimer, .themeInquiry ul li .verifyCodeTimer:hover {
  color: #fff;
  background: #bbb !important;
  border: none;
}
.themeInquiry ul li .autoLogin {
  width: auto;
  height: auto;
  margin: 0;
}
.themeInquiry ul li .otherMessage {
  margin-bottom: 15px;
}
.themeInquiry ul li .otherMessage:before, .themeInquiry ul li .otherMessage:after {
  content: " ";
  display: table;
}
.themeInquiry ul li .otherMessage:after {
  clear: both;
}
.themeInquiry ul li .otherMessage .checkboxAutoLogin {
  display: inline-block;
  float: left;
  font-size: 13px;
  font-size: 0.8125rem;
  cursor: pointer;
}
.themeInquiry ul li .otherMessage .checkboxAutoLogin input[type="checkbox"] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  outline: none;
  display: none;
}
.themeInquiry ul li .otherMessage .checkboxAutoLogin input[type="checkbox"] + label {
  font-weight: normal;
}
.themeInquiry ul li .otherMessage .checkboxAutoLogin input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border: 1px solid #ddd;
  border-radius: 2px;
  vertical-align: middle;
  margin-right: 5px;
}
.themeInquiry ul li .yakCode {
  background-color: #2FA9AF;
}
.themeInquiry ul li .yakCode:hover {
  background-color: #34bcc3;
}
.themeInquiry ul li .name {
  display: inline-block;
  width: 65px;
  font-size: 15px;
  color: #202020;
}
@media only screen and (max-width: 767px) {
  .themeInquiry ul li .name {
    font-size: 15px;
  }
}
.themeInquiry ul li input, .themeInquiry ul li .phoneNationality {
  border: none;
  outline: none;
  font-size: 16px;
}
.themeInquiry ul li input {
  width: calc(100% - 130px);
  color: #4A4A4A;
  line-height: 1;
}
.themeInquiry ul li .phoneNationality {
  width: 125px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ffffff;
  background-image: url("/img/main/cmn/select-arrow-d.png");
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: right 5px center;
  background-attachment: scroll;
}
.themeInquiry ul li .phone {
  width: calc(100% - 265px);
}
.themeInquiry ul li .hint {
  width: 60px;
  float: right;
  font-size: 14px;
  line-height: 30px;
  font-weight: 400;
  color: #A9A9A9;
}
.themeInquiry ul li .codeHint {
  float: none;
  position: absolute;
  top: 8px;
  right: 120px;
}
@media only screen and (max-width: 767px) {
  .themeInquiry ul li .codeHint {
    right: 95px;
  }
}
@media(max-width : 320px) {
  .themeInquiry ul li .codeHint {
    right: 80px;
  }
}
.themeInquiry ul li .required {
  color: #CC0B0B;
}
.themeInquiry ul .code input {
  width: calc(100% - 190px);
}
.themeInquiry .message {
  height: 25px;
}
.themeInquiry .button {
  width: 100%;
  background: #1580DF;
  border-radius: 4px;
  border: none;
  outline: none;
  padding: 10px 0;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .themeInquiry {
    width: 100%;
  }
  .themeInquiry ul li .name {
    width: 55px;
  }
  .themeInquiry ul li input {
    width: calc(100% - 130px);
  }
  .themeInquiry ul li .phoneNationality {
    width: 65px;
  }
  .themeInquiry ul li .phone {
    width: calc(100% - 200px);
  }
}

.commonPopupBg, .advPopupBg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  display: none;
  background: rgba(0, 0, 0, 0.55);
}

.commonPopupBg {
  height: 100vh;
}

.advPopupBg.active {
  display: block;
}
.advPopupBg .advPopupContainer {
  width: 600px;
  margin: 0 auto;
  font-size: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.advPopupBg .advPopupContainer .advImageBig {
  display: inline-block;
  vertical-align: top;
  width: 550px;
}
.advPopupBg .advPopupContainer .advClose {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  vertical-align: top;
  margin-left: 24px;
  cursor: pointer;
  color: #fff;
  font-size: 28px;
}

/* Sections */
.l-all {
  width: 100%;
  min-height: 100%;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .l-all {
    max-width: 100%;
    min-width: 100%;
    background-color: #ffffff;
    overflow-x: hidden;
  }
}
.l-all .l-container {
  min-height: calc(100vh - 224px);
}
@media only screen and (max-width: 767px) {
  .l-all .l-container {
    min-height: calc(100vh - 242px);
  }
}
.l-all .l-ask {
  min-height: calc(100vh - 256px);
}
.l-all .l-ask .home_contact {
  min-height: calc(100vh - 256px);
}
@media only screen and (max-width: 767px) {
  .l-all .l-ask {
    min-height: calc(100vh - 244px);
  }
  .l-all .l-ask .home_contact {
    min-height: calc(100vh - 244px);
  }
  .l-all .l-ask .home_contact .bottom_tips {
    padding-right: 0px;
  }
}
.l-all .l-report {
  min-height: calc(100vh - 286px);
}

footer {
  background: #111111;
  padding: 36px 0;
  font-size: 12px;
  color: #FFF;
}
@media only screen and (max-width: 767px) {
  footer {
    padding: 22px 0 25px;
  }
}
footer .footer {
  text-align: center;
}
footer .footer_navi {
  margin-bottom: 20px !important;
}
@media only screen and (max-width: 767px) {
  footer .footer_navi {
    margin-bottom: 10px !important;
    text-align: center;
  }
}
footer .footer_navi li {
  display: inline-block;
  margin-right: 20px;
  background: url(/2.0/img/main/cmn/link_arrow_foot.gif) 0 50% no-repeat;
  padding-left: 12px !important;
}
footer .footer_navi li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  footer .footer_navi li {
    text-align: center;
    margin-bottom: 10px;
    margin-right: 10px;
  }
  footer .footer_navi li:first-child {
    display: block;
    width: 4em;
    margin: 0 auto 10px;
  }
}
footer .footer_navi li a, footer .footer_navi li a:visited, footer .footer_navi li a:hover, footer .footer_navi li a:active, footer .footer_navi li a:focus {
  color: #FFF;
  text-decoration: none;
  outline: 0;
  padding: 1px;
}
footer .footer_navi li a:hover {
  opacity: 0.7;
}
footer .footer_info {
  margin-bottom: 15px;
  font-size: 13px;
  font-size: 0.8125rem;
  text-align: center;
}
footer .footer_info a {
  display: inline-block;
  margin: 0 10px;
  color: #FFF;
}
@media only screen and (max-width: 767px) {
  footer .footer_info {
    margin-bottom: 10px;
  }
  footer .footer_info a {
    margin: 0 5px;
    line-height: 24px;
  }
}
footer .footer_help {
  padding-bottom: 32px;
  border-bottom: 1px solid #fff;
  margin-bottom: 22px;
}
@media only screen and (max-width: 767px) {
  footer .footer_help {
    padding-bottom: 0px;
  }
}
footer .footer_help:before, footer .footer_help:after {
  content: " ";
  display: table;
}
footer .footer_help:after {
  clear: both;
}
footer .footer_help .f_left {
  width: 63%;
  float: left;
}
@media only screen and (max-width: 767px) {
  footer .footer_help .f_left {
    width: 100%;
    float: none;
  }
}
footer .footer_help .f_left .footer_title {
  font-size: 22px;
  font-size: 1.375rem;
  color: #fff;
  line-height: 24px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  footer .footer_help .f_left .footer_title {
    font-size: 14px;
    font-size: 0.875rem;
    color: #c3c3c3;
    font-weight: normal;
    text-align: center;
  }
}
footer .footer_help .f_left p {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  footer .footer_help .f_left p {
    margin-top: 6px;
    color: #c3c3c3;
  }
}
footer .footer_help .company_content {
  float: left;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  footer .footer_help .company_content {
    float: none;
  }
}
footer .footer_help .company_content ul:before, footer .footer_help .company_content ul:after {
  content: " ";
  display: table;
}
footer .footer_help .company_content ul:after {
  clear: both;
}
footer .footer_help .company_content ul li {
  float: left;
  width: 33.33%;
}
@media only screen and (max-width: 767px) {
  footer .footer_help .company_content ul li {
    float: none;
    width: 100%;
    text-align: left;
  }
}
footer .footer_help .company_content ul li .company {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  color: #fff;
  line-height: 20px;
  padding-bottom: 15px;
  padding-top: 35px;
}
@media only screen and (max-width: 767px) {
  footer .footer_help .company_content ul li .company {
    display: inline-block;
    font-size: 14px;
    color: #c3c3c3;
    padding-top: 20px;
  }
}
footer .footer_help .company_content ul li .company .iconfont {
  font-size: 23px;
  font-size: 1.4375rem;
  margin-right: 5px;
  vertical-align: middle;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  footer .footer_help .company_content ul li .company .iconfont {
    font-size: 19px;
    font-size: 1.1875rem;
  }
}
footer .footer_help .company_content ul li .c_info {
  line-height: 24px;
  font-size: 14px;
  font-size: 0.875rem;
}
footer .footer_help .company_content ul li .c_info .iconfont {
  font-size: 13px;
  font-size: 0.8125rem;
  margin-right: 3px;
}
footer .footer_help .company_content ul li:last-child {
  flaot: right;
}
@media only screen and (max-width: 1199px) {
  footer .footer_help .company_content ul li:last-child {
    padding-left: 10px;
  }
}
footer .footer_help .company_content ul li:last-child .c_info {
  width: 256px;
  height: 38px;
}
@media only screen and (max-width: 1199px) {
  footer .footer_help .company_content ul li:last-child .c_info {
    width: 245px;
    height: 37px;
  }
}
@media only screen and (max-width: 767px) {
  footer .footer_help .company_content ul li:last-child .c_info {
    width: 99px;
    display: inline-block;
    vertical-align: middle;
    height: 24px;
  }
}
footer .footer_help .company_content ul li:last-child .c_info img {
  width: 100%;
}
footer .footer_help .f_right {
  float: right;
  width: calc( 37% - 30px);
  padding-top: 48px;
}
@media only screen and (max-width: 1199px) {
  footer .footer_help .f_right {
    width: calc( 37% - 35px);
  }
}
footer .footer_help .f_right ul:before, footer .footer_help .f_right ul:after {
  content: " ";
  display: table;
}
footer .footer_help .f_right ul:after {
  clear: both;
}
footer .footer_help .f_right ul li {
  text-align: center;
  float: left;
  width: 16.66%;
  cursor: pointer;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  footer .footer_help .f_right ul li {
    width: 33.33%;
  }
  footer .footer_help .f_right ul li:nth-child(n+3) {
    margin-top: 5px;
  }
  footer .footer_help .f_right ul li:nth-child(n+3) .c_modal {
    left: -17px !important;
  }
}
footer .footer_help .f_right ul li p {
  color: #fff;
  padding-top: 11px;
}
footer .footer_help .f_right ul li .c_modal {
  width: 140px;
  position: absolute;
  top: -165px;
  left: -37px;
  display: none;
  box-shadow: 0px 0px 7px 0px rgba(132, 132, 132, 0.5);
  z-index: 1000;
}
footer .footer_help .f_right ul li .c_modal img {
  width: 100% !important;
}
footer .footer_help .f_right ul li .c_modal .i_title {
  position: absolute;
  bottom: 14px;
  text-align: center;
  width: 100%;
}
footer .footer_help .f_right ul li .c_modal .i_title p {
  color: #111;
  font-size: 14px;
  padding: 0;
  line-height: 18px;
}
footer .footer_help .f_right ul li .c_modal .i_title p.qr_title {
  color: #2fa9af;
}
footer .footer_help .f_right ul li .c_modal .i_title p:first-child {
  padding-left: 2px;
}
footer .footer_help .f_right ul li .c_modal .i_title p:last-child {
  font-weight: 600;
}
footer .footer_help .f_right ul li .icon {
  width: 46px;
  height: 46px;
  background: #fff;
  border-radius: 50%;
  line-height: 46px;
  margin: 0 auto;
}
footer .footer_help .f_right ul li .icon img {
  vertical-align: middle;
}
footer .footer_help .f_right ul li:hover .icon {
  opacity: 0.8;
}
footer .footer_help .f_right ul li:hover p {
  opacity: 0.8;
}
footer .footer_help .f_right ul li:hover .c_modal {
  display: inline-block;
}
footer .footer_help .f_right ul li:first-child img {
  width: 36px;
}
footer .footer_help .f_right ul li:nth-child(2) img {
  width: 32px;
}
footer .footer_help .f_right ul li:nth-child(3) img {
  width: 37px;
}
footer .footer_help .f_right ul li:nth-child(4) img {
  width: 22px;
}
footer .footer_help .f_right ul li:nth-child(5) img {
  width: 26px;
}
footer .footer_help .f_right ul li:nth-child(6) img {
  width: 32px;
}
footer .footer_copy {
  font-size: 13px;
  font-size: 0.8125rem;
  text-align: center;
}
footer .footer_copy br {
  display: none;
}
@media only screen and (max-width: 767px) {
  footer .footer_copy {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    width: 80%;
    margin: 0 auto;
  }
  footer .footer_copy br {
    display: block;
  }
}
footer .footer_icp {
  margin-top: 12px;
  font-size: 13px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  footer .footer_icp {
    margin-top: 6px;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
footer .footer_icp .footer_record {
  margin-right: 5px;
  vertical-align: middle;
  width: 20px;
  height: 23px;
}

@media (max-width: 992px) {
  .container .navlink_zs {
    display: none !important;
  }
  .container .phone_num {
    display: none;
  }
  .container .right_phone {
    width: 15% !important;
  }
}

.header {
  width: 100%;
  background-color: #fff;
  box-shadow: 0px 1px 2px #E7E7E7;
}
.header:before, .header:after {
  content: " ";
  display: table;
}
.header:after {
  clear: both;
}
.header .header_container {
  padding-inline: 80px;
  align-items: center;
  border-bottom: 1px solid #E5E7EB;
}
.header .header_container .header_logo {
  padding-block: 12px;
}
.header .header_container .header_logo a img {
  height: 44px;
}
.header .h_nav {
  background-color: #2fa9af;
  width: 100%;
  margin-top: 15px;
}
.header .h_nav ul:before, .header .h_nav ul:after {
  content: " ";
  display: table;
}
.header .h_nav ul:after {
  clear: both;
}
.header .h_nav ul li {
  float: left;
  height: 42px;
  line-height: 42px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0px 18px;
}
.header .h_nav ul li:hover, .header .h_nav ul li.selected {
  background: #17787D;
}
.header .h_nav ul li a {
  color: #fff;
  display: inline-block;
}
.header .h_nav ul li:selected {
  background-color: #17787D;
}
.header .zhaoshang {
  width: 143px;
  height: 35px;
  background: #2fa9af;
  border-radius: 4px;
  position: absolute;
  top: 42px;
  right: 0;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 35px;
  text-align: center;
  cursor: pointer;
  z-index: 1;
}
.header .zhaoshang:hover {
  background: #34bcc3;
}
.header .container {
  padding: 0;
  margin: 10px auto;
  position: relative;
}
.header .container:before, .header .container:after {
  content: " ";
  display: table;
}
.header .container:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .header .container {
    padding: 0 5px;
  }
}
@media only screen and (max-width: 767px) {
  .header_logo {
    float: left;
    margin-top: 0px;
    width: auto;
  }
}
.header_logo a {
  display: inline-block;
}
.header_logo a img {
  height: 43.3px;
  width: 170px;
}
@media only screen and (max-width: 767px) {
  .header_logo a img {
    width: 143px;
  }
}
.header_logo a:hover {
  opacity: 0.9;
}
.header_slogan {
  margin: 38px 0 0 20px;
  font-size: 20px;
  font-size: 1.25rem;
  color: #2fa9af;
}
.header_nav {
  font-family: Inter, DIN Alternate;
}
.header_nav:before, .header_nav:after {
  content: " ";
  display: table;
}
.header_nav:after {
  clear: both;
}
.header_nav ul {
  padding-inline: 4px;
  letter-spacing: 0.1px;
}
.header_nav ul:before, .header_nav ul:after {
  content: " ";
  display: table;
}
.header_nav ul:after {
  clear: both;
}
.header_nav ul li {
  position: relative;
  display: inline-block;
}
.header_nav ul li .iconfont {
  display: inline-block;
  margin-left: 6px;
}
.header_nav ul li .navlink {
  display: block;
  padding-block: 25px;
  padding-inline: 10px;
  color: #111;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  text-decoration: none;
  line-height: 22px;
}
@media only screen and (max-width: 1199px) {
  .header_nav ul li .navlink {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.header_nav ul li.current .navlink {
  color: #2fa9af;
  font-weight: bold;
}
.header_nav ul li .help_room {
  position: relative;
}
.header_nav ul li .help_room span {
  display: inline-block;
  width: 30px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  color: #fff;
  position: absolute;
  top: -8px;
  right: 10px;
  background: #F74031;
  border-radius: 2px;
}
.header_nav ul li .help_room span::after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translate(-50%);
  width: 0px;
  height: 0px;
  border: 4px solid transparent;
  border-top-color: #F74031;
}
.header_nav ul li:hover .subNav {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease;
}
.header_nav ul li:hover .navlink {
  color: #2fa9af;
}
.header_nav ul li:hover .navlink i {
  transform: rotate(180deg);
}
.header_nav ul li.phone {
  margin-left: 15px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  color: #f9625c;
}
.header_nav ul li.phone span {
  float: left;
  display: block;
  margin-right: 4px;
  width: 20px;
  height: 20px;
  background: url("/img/main/cmn/header_ico_phone.png") no-repeat center;
  background-size: cover;
}
.header_nav ul li .subNav::after, .header_nav ul li .subNav::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #E5E7EB;
  z-index: -1;
}
.header_nav ul li .subNav::before {
  border-bottom: 7px solid #ffffff;
  top: -5px;
  z-index: 0;
}
.header_nav ul li .subNav {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 15px;
  text-align: left;
  z-index: 5;
  transition: all 0.3s ease;
  background-color: #fff;
  border-radius: 4px;
  padding: 10px;
  box-shadow: 0px 10px 38px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2);
}
.header_nav ul li .subNav.language {
  width: 50px;
  margin-left: 0;
}
.header_nav ul li .subNav:hover {
  opacity: 1;
  visibility: visible;
}
.header_nav ul li .subNav a {
  display: block;
  color: #111;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  text-decoration: none;
  padding-block: 5px;
}
.header_nav ul li .subNav a:hover {
  line-height: 20px;
  color: #2fa9af;
}
.header_nav ul li .subNav a.current {
  line-height: 20px;
  color: #2fa9af;
}
.header .searchBar {
  float: left;
  margin-top: 15px;
  margin-left: 4%;
}
.header .searchBar.s-zufang .searchBarDefault .leftInput {
  position: relative;
}
.header .searchBar.s-zufang .searchBarDefault .leftInput .s-select {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 95px;
}
.header .searchBar.s-zufang .searchBarDefault .leftInput .s-select .dropdown {
  height: 100%;
}
.header .searchBar.s-zufang .searchBarDefault .leftInput .s-select .dropdown .btn-default {
  margin-top: 0px;
}
.header .searchBar.s-zufang .searchBarDefault .leftInput .s-select .dropdown .btn-default .value {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #111;
  font-weight: 600;
}
.header .searchBar.s-zufang .searchBarDefault input {
  padding-left: 104px;
  width: 100%;
  font-size: 15px;
  font-size: 0.9375rem;
}
.header .searchBar.s-zufang .searchBarDefault input::-webkit-input-placeholder {
  font-size: 15px;
  font-size: 0.9375rem;
}
@media only screen and (max-width: 1199px) {
  .header .searchBar {
    margin-top: 15px;
  }
  .header ul li.phone {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .header_slogan {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .header_slogan {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .header .searchBar {
    margin-top: 0px;
  }
  .header_nav ul li.phone {
    margin-left: 15px;
  }
  .header_nav ul li .subNav {
    width: 70px;
    margin-left: -3px;
  }
  .header_nav ul li .subNav.language {
    width: 50px;
    border-radius: 4px;
    padding: 10px;
    padding-bottom: 20px;
    box-shadow: 0px 10px 38px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2);
  }
  .header_nav ul li .subNav a {
    font-size: 14px;
    line-height: 14px;
  }
  .header_nav ul li .subNav a:hover, .header_nav ul li .subNav a.current {
    line-height: 14px;
  }
  .header_nav ul li .subNav a:hover:hover, .header_nav ul li .subNav a.current:hover {
    line-height: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .header {
    background-color: #f5f5f5;
    height: 52px;
  }
  .header .navbar {
    z-index: 100;
    height: 100%;
  }
  .header .navbar:before, .header .navbar:after {
    content: " ";
    display: table;
  }
  .header .navbar:after {
    clear: both;
  }
  .header .navbar .tel {
    color: #D6000F;
    font-size: 14px;
    font-size: 0.875rem;
    display: block;
    line-height: 37px;
    margin-right: 10px;
    font-weight: 600;
  }
  .header .navbar .tel i {
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
  }
  @media(max-width : 375px) {
    .header .navbar .tel {
      font-size: 13px;
      font-size: 0.8125rem;
      margin-right: 0px;
    }
  }
  .header .navbar .lang-content {
    padding: 0px 9px;
    position: relative;
    line-height: 37px;
  }
  .header .navbar .lang-content .subNav {
    width: 60px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    text-align: center;
    z-index: 5;
    transition: all 0.3s ease;
    background: #fff;
    border-radius: 4px;
    padding: 4px;
    border: 1px solid #E5E7EB;
    font-family: Inter;
  }
  .header .navbar .lang-content .subNav a {
    padding: 10px 0px;
    display: block;
    line-height: 14px;
    color: #111;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .header .navbar .lang-content .navlink {
    color: #111;
    font-size: 14px;
    font-size: 0.875rem;
    display: block;
  }
  .header .navbar .lang-content .navlink i {
    font-size: 13px;
    font-size: 0.8125rem;
    margin-left: 4px;
    color: #ccc;
  }
  .header .navbar .lang-content:hover .subNav {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease;
  }
  .header .navbar .lang-content:hover .navlink {
    color: #2fa9af;
    font-weight: bold;
  }
  .header .navbar .lang-content:hover .navlink i {
    transform: rotate(180deg);
  }
  .header .navbar.navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;
    border-bottom: 1px solid #EEEFF1;
  }
  .header .navbar.navbar-default .navbar-header {
    background-color: #fff;
    border-color: #e7e7e7;
    display: flex;
    float: right;
    align-items: center;
  }
  .header .navbar.navbar-default .navbar-header .search_buy_btn {
    margin: 0 10px;
  }
  .header .navbar .navbar-toggle {
    border-color: transparent;
    margin-right: 5px;
    background-color: #fff;
  }
  .header .navbar .navbar-toggle:focus, .header .navbar .navbar-toggle:hover {
    background: transparent;
    color: #2fa9af;
  }
  .header .navbar .navbar-collapse {
    height: calc(100vh - 51px);
    background-color: rgba(0, 0, 0, 0.6);
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 44px;
  }
  .header .navbar .navbar-collapse .col_content {
    border-color: #E7E7E7;
    background: #fff;
    width: 100%;
    overflow: hidden;
  }
  .header .navbar .navbar-collapse .col_content .navbar-nav {
    display: inline-block;
    padding: 8px;
  }
  .header .navbar .navbar-collapse ul:before, .header .navbar .navbar-collapse ul:after {
    content: " ";
    display: table;
  }
  .header .navbar .navbar-collapse ul:after {
    clear: both;
  }
  .header .navbar .navbar-collapse ul li {
    float: left;
    text-align: center;
    width: 25%;
    padding: 8px;
  }
  .header .navbar .navbar-collapse ul li a {
    color: #111;
    padding: 0px;
  }
  .header .navbar .navbar-collapse ul li a:hover {
    color: #2fa9af;
  }
  .header .navbar .navbar-collapse ul li.active a {
    color: #2fa9af;
    background-color: #fff;
  }
  .header .navbar .navbar-collapse ul li .la_img {
    height: 34px;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: 300px 80px;
  }
  .header .navbar .navbar-collapse ul li .item_title {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    padding-top: 8px;
    line-height: 20px;
  }
  .header .navbar .navbar-collapse ul li:first-child .la_img {
    width: 35px;
    background-position: -233px -25px;
  }
  .header .navbar .navbar-collapse ul li:nth-child(2) .la_img {
    width: 40px;
    background-position: 2px -25px;
  }
  .header .navbar .navbar-collapse ul li:nth-child(3) .la_img {
    width: 35px;
    background-position: -39px -25px;
  }
  .header .navbar .navbar-collapse ul li:nth-child(4) .la_img {
    width: 28px;
    background-position: -170px -25px;
  }
  .header .navbar .navbar-collapse ul li:nth-child(5) .la_img {
    width: 35px;
    background-position: -200px -25px;
  }
  .header .navbar .navbar-collapse ul li:nth-child(6) .la_img {
    width: 30px;
    background-position: -112px -25px;
  }
  .header .navbar .navbar-collapse ul li:nth-child(7) .la_img {
    width: 35px;
    background-position: -76px -25px;
  }
  .header .navbar .navbar-collapse ul li:nth-child(8) .la_img {
    width: 35px;
    background-position: -267px -25px;
  }
  .header .navbar .navbar-collapse ul li:nth-child(9) .la_img {
    width: 30px;
    background-position: -141px -25px;
  }
  .header_logo {
    padding-left: 8px;
  }
  .header_logo a img {
    height: 36px;
  }
  .header_slogan {
    display: none;
  }
  .header_nav {
    width: calc(100% - 40px);
    float: right;
  }
  .header_nav ul {
    width: 100%;
  }
  .header_nav ul li .navlink, .header_nav ul li.current .navlink, .header_nav ul li:hover .navlink {
    padding: 23px 3px 13px;
    font-size: 14px;
    line-height: 14px;
  }
  @media(max-width : 375px) {
    .header_nav ul li .navlink.nav_company, .header_nav ul li.current .navlink.nav_company, .header_nav ul li:hover .navlink.nav_company {
      display: none;
    }
  }
  .header_nav ul li .navlink:hover, .header_nav ul li.current .navlink:hover, .header_nav ul li:hover .navlink:hover {
    line-height: 14px;
  }
  .header_nav ul li .subNav, .header_nav ul li.current .subNav, .header_nav ul li:hover .subNav {
    width: 70px;
    margin-left: -12px;
  }
  .header_nav ul li .subNav.language, .header_nav ul li.current .subNav.language, .header_nav ul li:hover .subNav.language {
    width: 50px;
  }
  .header_nav ul li.rightBarUser {
    float: right;
    cursor: pointer;
  }
  .header_nav ul li.rightBarUser .login {
    display: block;
  }
  .header_nav ul li.rightBarUser .user {
    display: block;
    position: relative;
    left: 0;
    top: 0;
  }
  .header_nav ul li.rightBarUser .user .userAvatar {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 18px 0 12px;
    background-size: cover;
    border: 1px solid #aaa;
    border-radius: 100%;
    vertical-align: middle;
  }
  .header_nav ul li.rightBarUser .user .userAvatarDefault {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 18px 0 12px;
    border-radius: 100%;
    background-size: cover;
    text-align: center;
    font-size: 12px;
    border: 1px solid #2fa9af;
    line-height: 18px;
    color: #2fa9af;
  }
  .header_nav ul li.rightBarUser .user .userAbout {
    display: none;
    z-index: 1000;
    position: absolute;
    width: 100px;
    top: 100%;
    right: 0;
    border: 1px solid #E3E4E5;
    background: #fff;
  }
  .header_nav ul li.rightBarUser .user .userAbout a {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
    color: #545454;
    text-align: center;
  }
  .header_nav ul li.rightBarUser .user .userAbout a.logout {
    border-top: 1px solid #E3E4E5;
  }
  .header_nav ul li.rightBarUser .user .userAbout a:hover {
    background: #E4F7F8;
    color: #2EB1B8;
    font-weight: bold;
  }
  .header_nav ul li.rightBarUser .user.active .userAbout {
    display: block;
  }
}
.header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.header.spfix {
  display: none;
  background-color: #f5f5f5;
  max-height: 60px;
}
@media only screen and (max-width: 767px) {
  .header.spfix {
    display: block;
  }
}
.header.spfix .header_logo {
  text-align: center;
  padding: 8px 10px;
}
.header.spfix .header_logo h1 {
  margin: 0 !important;
}
.header.spfix .header_logo a {
  display: inline-block;
}
.header.spfix .header_logo a:before, .header.spfix .header_logo a:after {
  content: " ";
  display: table;
}
.header.spfix .header_logo a:after {
  clear: both;
}
.header.spfix .header_logo a img {
  float: left;
  height: 36px;
}
.header.spfix .header_logo a span {
  float: left;
  margin-left: 10px;
  margin-top: 16px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #2fa9af;
}
.mb .header {
  display: none;
}
.header .fixed_nav {
  display: none !important;
  height: 85px;
}
.header .fixed_nav .header_logo {
  margin: 19.5px 20px 0px 40px;
}
.header .fixed_nav .header_nav {
  margin-top: 22px;
  width: calc(100% - 300px);
}
.header .fixed_nav .zhaoshang {
  top: 26px;
  right: 100px;
}
.header .fixed_nav .searchBar {
  margin-right: 30px;
  position: absolute;
  top: 0px;
  right: 0px;
  margin-left: 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header .fixed_nav .searchBar .searchBarDefault {
    width: calc( 100vw - 803px);
  }
}
.header .show_fixedNav {
  display: block;
}
.header .hide_header {
  display: none;
}

.topHeaderBar {
  background: #303030;
  height: 36px;
}
.topHeaderBar .container:before, .topHeaderBar .container:after {
  content: " ";
  display: table;
}
.topHeaderBar .container:after {
  clear: both;
}
.topHeaderBar .leftBar {
  float: left;
}
@media only screen and (max-width: 767px) {
  .topHeaderBar .leftBar {
    padding-left: 15px;
  }
}
.topHeaderBar .leftBar ul li {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  cursor: pointer;
  height: 36px;
}
.topHeaderBar .leftBar ul li .leftBarTitle {
  color: #fff;
  font-size: 14px;
  line-height: 36px;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 767px) {
  .topHeaderBar .leftBar ul li .leftBarTitle {
    font-size: 14px;
  }
}
.topHeaderBar .leftBar ul li .leftBarTitle i {
  margin-left: 5px;
  font-size: 12px;
  font-size: 0.75rem;
  display: inline-block;
}
.topHeaderBar .leftBar ul li .leftBarTitle:hover {
  color: #fff;
}
.topHeaderBar .leftBar ul li .leftBarTitle:hover i {
  transform: rotate(180deg);
}
.topHeaderBar .leftBar ul li.appDownload .leftBarCont .appDownloadLeft {
  width: 120px;
  float: left;
  text-align: center;
}
.topHeaderBar .leftBar ul li.appDownload .leftBarCont .appDownloadLeft img {
  width: 100%;
}
.topHeaderBar .leftBar ul li.appDownload .leftBarCont .appDownloadLeft a {
  display: block;
}
.topHeaderBar .leftBar ul li.appDownload .leftBarCont .appDownloadLeft h1, .topHeaderBar .leftBar ul li.appDownload .leftBarCont .appDownloadLeft h2 {
  display: none;
}
.topHeaderBar .leftBar ul li.appDownload .leftBarCont .appDownloadLeft .logo {
  margin: 10px 0 5px;
}
.topHeaderBar .leftBar ul li.appDownload .leftBarCont .appDownloadLeft .logo img {
  width: 120px;
}
.topHeaderBar .leftBar ul li.appDownload .leftBarCont .appDownloadLeft .text {
  font-size: 14px;
  font-size: 0.875rem;
  color: #4A4A4A;
  text-align: center;
}
.topHeaderBar .leftBar ul li.appDownload .leftBarCont .appDownloadRight {
  width: calc(100% - 120px);
  float: right;
  font-size: 14px;
  font-size: 0.875rem;
  padding-top: 14px;
}
.topHeaderBar .leftBar ul li.appDownload .leftBarCont .appDownloadRight p {
  line-height: 24px;
  display: flex;
  margin-bottom: 0;
  font-size: 14px;
  font-size: 0.875rem;
}
.topHeaderBar .leftBar ul li.appDownload .leftBarCont .appDownloadRight p a {
  color: #111;
}
.topHeaderBar .leftBar ul li.appDownload .leftBarCont .appDownloadRight p span {
  display: inline-block;
  width: 80px;
}
.topHeaderBar .leftBar ul li.appDownload .leftBarCont .appDownloadRight p span:nth-child(2) {
  width: auto;
}
.topHeaderBar .leftBar ul li.appDownload .leftBarCont .appDownloadRight p p {
  display: inline-block;
}
.topHeaderBar .leftBar ul li.appDownload .leftBarCont .appDownloadRight p:nth-child(n+2) span {
  width: 86px;
}
.topHeaderBar .leftBar ul li.appDownload:hover .leftBarCont {
  display: block;
}
.topHeaderBar .leftBar ul li.officialAccounts:hover .leftBarCont {
  display: block;
}
.topHeaderBar .leftBar ul li.wechatApplet:hover .leftBarCont {
  display: block;
}
.topHeaderBar .leftBar ul li.pluginShare .title {
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid #DDDDDD;
}
.topHeaderBar .leftBar ul li.pluginShare .title a {
  color: #4A4A4A;
  font-size: 16px;
  line-height: 18px;
}
.topHeaderBar .leftBar ul li.pluginShare .title a:hover {
  color: #EA5D5C;
}
.topHeaderBar .leftBar ul li.pluginShare .title .weiboLogo {
  background: url(/img/main/cmn/qr_ico_weibo.png) no-repeat center;
  background-size: cover;
  float: left;
  width: 20px;
  height: 20px;
}
.topHeaderBar .leftBar ul li.pluginShare:hover .leftBarCont {
  display: block;
}
.topHeaderBar .leftBar ul li .leftBarCont {
  z-index: 1000;
  display: none;
  position: absolute;
  top: 36px;
  left: 0;
  width: 372px;
  padding: 10px;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
}
.topHeaderBar .leftBar ul li .leftBarCont:before, .topHeaderBar .leftBar ul li .leftBarCont:after {
  content: " ";
  display: table;
}
.topHeaderBar .leftBar ul li .leftBarCont:after {
  clear: both;
}
.topHeaderBar .leftBar ul li .leftBarCont .left {
  float: left;
  width: 120px;
  height: 120px;
}
.topHeaderBar .leftBar ul li .leftBarCont .left img {
  width: 100%;
}
.topHeaderBar .leftBar ul li .leftBarCont .right {
  float: right;
  width: calc(100% - 135px);
  padding-top: 15px;
  line-height: 1.6;
}
.topHeaderBar .leftBar ul li .leftBarCont .right .title {
  padding-bottom: 5px;
  color: #10AEC2;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px dotted #D8D8D8;
}
.topHeaderBar .leftBar ul li .leftBarCont .right .title .sub {
  display: block;
  font-size: 12px;
}
.topHeaderBar .leftBar ul li .leftBarCont .right .text {
  padding-top: 5px;
  font-size: 14px;
  color: #4A4A4A;
}
.topHeaderBar .rigthBar {
  float: right;
}
@media only screen and (max-width: 767px) {
  .topHeaderBar .rigthBar {
    padding-right: 15px;
  }
}
.topHeaderBar .rigthBar ul:before, .topHeaderBar .rigthBar ul:after {
  content: " ";
  display: table;
}
.topHeaderBar .rigthBar ul:after {
  clear: both;
}
.topHeaderBar .rigthBar ul li {
  float: left;
  line-height: 36px;
}
@media only screen and (max-width: 767px) {
  .topHeaderBar .rigthBar ul li {
    float: right;
  }
}
.topHeaderBar .rigthBar ul li.rightBarUser {
  position: relative;
  margin-right: 20px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #D8D8D8;
}
.topHeaderBar .rigthBar ul li.rightBarUser .login {
  display: block;
  cursor: pointer;
}
.topHeaderBar .rigthBar ul li.rightBarUser .login span:hover {
  color: #fff;
}
.topHeaderBar .rigthBar ul li.rightBarUser .user {
  display: block;
}
.topHeaderBar .rigthBar ul li.rightBarUser .user .userAvatar {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background-size: cover;
  vertical-align: middle;
  background-size: cover;
  border-radius: 100%;
  border: 1px solid #fff;
}
.topHeaderBar .rigthBar ul li.rightBarUser .user .userAvatarDefault {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background-size: cover;
  vertical-align: middle;
  border-radius: 100%;
  background-size: cover;
  text-align: center;
  font-size: 12px;
  border: 1px solid #fff;
  line-height: 18px;
  color: #fff;
}
.topHeaderBar .rigthBar ul li.rightBarUser .user .userName {
  display: inline-block;
}
.topHeaderBar .rigthBar ul li.rightBarUser .user .userName .name {
  max-width: 56px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
}
.topHeaderBar .rigthBar ul li.rightBarUser .user .userAbout {
  display: none;
  z-index: 1000;
  position: absolute;
  width: 100px;
  top: 100%;
  left: 0;
  border: 1px solid #E3E4E5;
  background: #fff;
}
.topHeaderBar .rigthBar ul li.rightBarUser .user .userAbout a {
  display: block;
  padding: 10px 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.6;
  color: #545454;
  text-align: center;
  text-decoration: none;
}
.topHeaderBar .rigthBar ul li.rightBarUser .user .userAbout a.logout {
  border-top: 1px solid #E3E4E5;
}
.topHeaderBar .rigthBar ul li.rightBarUser .user .userAbout a:hover {
  background: #E4F7F8;
  color: #2EB1B8;
  font-weight: bold;
}
.topHeaderBar .rigthBar ul li.rightBarUser .user:hover {
  cursor: pointer;
}
.topHeaderBar .rigthBar ul li.rightBarUser .user:hover .userName i {
  transform: rotate(180deg);
}
.topHeaderBar .rigthBar ul li.rightBarUser .user:hover .userAbout {
  display: inline-block;
}
.topHeaderBar .rigthBar ul li.zhaoshang {
  padding-right: 34px;
  font-size: 14px;
  font-size: 0.875rem;
}
.topHeaderBar .rigthBar ul li.rigthBarLanguage {
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
}
.topHeaderBar .rigthBar ul li.rigthBarLanguage a {
  color: #fff;
  text-decoration: none;
}
.topHeaderBar .rigthBar ul li.rigthBarLanguage a i {
  margin-left: 5px;
  font-size: 12px;
  font-size: 0.75rem;
}
.topHeaderBar .rigthBar ul li.rigthBarLanguage a:hover {
  color: #fff;
}
.topHeaderBar .rigthBar ul li.rigthBarLanguage a:hover i {
  transform: rotate(180deg);
}
.topHeaderBar .rigthBar ul li.rigthBarLanguage .language {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 50px;
  text-align: center;
  z-index: 5;
  transition: all 0.3s ease;
}
.topHeaderBar .rigthBar ul li.rigthBarLanguage .language a {
  font-size: 14px;
  line-height: 14px;
  display: block;
  padding: 10px 0;
  color: #373737;
  line-height: 16px;
  background-color: #fff;
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  text-decoration: none;
}
.topHeaderBar .rigthBar ul li.rigthBarLanguage:hover .language {
  display: block;
}

.rigthBarPhone {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  color: #D60010;
  display: flex;
  position: absolute;
  top: 15px;
  right: 80px;
  width: 300px;
  justify-content: flex-end;
  align-items: center;
  z-index: 9;
}
.rigthBarPhone .right_phone {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.rigthBarPhone .search_btn {
  color: #6f6f6f;
  cursor: pointer;
  padding: 0 20px;
  line-height: 24px;
}
.rigthBarPhone .search_btn:hover {
  color: #2fa9af;
}
@media only screen and (max-width: 767px) {
  .rigthBarPhone {
    width: auto;
    margin-top: 10px;
    margin-bottom: 0px;
    top: 0px;
    position: relative;
  }
}
.rigthBarPhone a {
  color: #D6000F;
}
@media only screen and (max-width: 1199px) {
  .rigthBarPhone {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.rigthBarPhone .tel_title {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: right;
  color: #111;
  font-weight: 400;
  line-height: 24px;
  padding-left: 10px;
}
@media only screen and (max-width: 767px) {
  .rigthBarPhone {
    font-size: 14px;
    font-size: 0.875rem;
    margin-top: 0px;
    color: #FF9051;
  }
  .rigthBarPhone a {
    color: #FF9051;
  }
}
.rigthBarPhone span {
  float: left;
  display: block;
  margin: 0px 8px 0px 0px;
  font-size: 21px;
  font-size: 1.3125rem;
  color: #D6000F;
  font-weight: 400;
}
.rigthBarPhone .phone_num {
  font-size: 17px;
  font-size: 1.0625rem;
  letter-spacing: 1px;
}
.rigthBarPhone .rigthBar {
  cursor: pointer;
  margin-left: 8px;
}
@media only screen and (max-width: 767px) {
  .rigthBarPhone .rigthBar {
    padding-left: 15px;
  }
}
.rigthBarPhone .rigthBar ul:before, .rigthBarPhone .rigthBar ul:after {
  content: " ";
  display: table;
}
.rigthBarPhone .rigthBar ul:after {
  clear: both;
}
.rigthBarPhone .rigthBar ul li {
  float: left;
  line-height: 24px;
  padding: 8px;
}
@media only screen and (max-width: 767px) {
  .rigthBarPhone .rigthBar ul li {
    float: right;
  }
}
.rigthBarPhone .rigthBar ul li.rigthBarLanguage {
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
  z-index: 999;
}
.rigthBarPhone .rigthBar ul li.rigthBarLanguage:hover .language {
  display: block;
}
.rigthBarPhone .rigthBar ul li.rigthBarLanguage a {
  text-decoration: none;
  color: #6F6F6F;
}
.rigthBarPhone .rigthBar ul li.rigthBarLanguage a i {
  margin-left: 5px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #ccc;
}
.rigthBarPhone .rigthBar ul li.rigthBarLanguage a:hover i {
  transform: rotate(180deg);
}
.rigthBarPhone .rigthBar ul li.rigthBarLanguage .language {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  width: 50px;
  text-align: center;
  z-index: 5;
  transition: all 0.3s ease;
  border-radius: 6px;
  border: 1px solid #E5E7EB;
  font-weight: 500;
  box-shadow: 0px 10px 38px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2);
  background: #fff;
}
.rigthBarPhone .rigthBar ul li.rigthBarLanguage .language a {
  font-size: 14px;
  line-height: 14px;
  display: block;
  padding: 10px 0;
  color: #373737;
  line-height: 16px;
  text-decoration: none;
}

.searchBarDefault {
  width: 360px;
  position: relative;
  padding-bottom: 28px;
}
@media only screen and (max-width: 1199px) {
  .searchBarDefault {
    width: 375px;
  }
}
.searchBarDefault:before, .searchBarDefault:after {
  content: " ";
  display: table;
}
.searchBarDefault:after {
  clear: both;
}
.searchBarDefault .leftInput {
  float: left;
  width: calc(100% - 65px);
  height: 40px;
  border-left: 1px solid #10AEC2;
  border-right: none;
  border-bottom: 1px solid #10AEC2;
  border-top: 1px solid #10AEC2;
  border-radius: 4px 0 0 4px;
}
.searchBarDefault .leftInput i {
  max-width: 35px;
  display: inline-block;
  font-size: 16px;
  padding: 0 0 0 15px;
  color: #c0c0c0;
}
.searchBarDefault .leftInput input {
  display: inline-block;
  width: calc(100% - 39px);
  height: 100%;
  padding: 10px;
  border: none;
  color: #1D1D1D;
  font-size: 14px;
  outline: none;
  background-color: transparent;
}
.searchBarDefault .leftInput input::-moz-placeholder {
  height: 100%;
  font-size: 14px;
  color: #A9A9A9;
  font-weight: 600;
}
.searchBarDefault .leftInput input::placeholder {
  height: 100%;
  font-size: 14px;
  color: #A9A9A9;
  font-weight: 600;
}
.searchBarDefault .leftInput input:input:-webkit-autofill {
  background-color: transparent;
}
.searchBarDefault .hot-words {
  padding-left: 10px;
  position: absolute;
  height: 30px;
  top: 41px;
  width: 380px;
  overflow: hidden;
}
.searchBarDefault .hot-words a {
  display: inline-block;
  color: #666;
  padding-right: 6px;
}
.searchBarDefault .hot-words a:last-child {
  padding-right: 0;
}
.searchBarDefault .hot-words li {
  font-size: 12px;
  font-weight: 600;
  line-height: 27px;
  cursor: pointer;
}
.searchBarDefault .hot-words .hotWord {
  color: #B82521;
}
.searchBarDefault .rightBtn {
  float: right;
  width: 65px;
  height: 40px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  background: #10AEC2;
  outline: none;
  border-radius: 0 4px 4px 0;
  border-bottom: 1px solid #10AEC2;
  border-top: 1px solid #10AEC2;
  border-right: 1px solid #10AEC2;
  border-left: none;
}
.searchBarDefault input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
  -webkit-text-fill-color: #333;
}
.searchBarDefault input[type=text]:focus {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
@media only screen and (max-width: 991px) {
  .searchBarDefault {
    width: 220px;
  }
  .searchBarDefault .leftInput {
    width: calc(100% - 60px);
    height: 30px;
  }
  .searchBarDefault .leftInput input {
    padding: 3px;
    width: calc( 100% - 0px);
  }
  .searchBarDefault .rightBtn {
    width: 60px;
    height: 30px;
    line-height: 25px;
    font-size: 14px;
  }
  .searchBarDefault .btn-default {
    padding: 4px 10px;
  }
}

.s-zufang, .zufang-searchBar {
  position: relative;
}
.s-zufang #s_list, .zufang-searchBar #s_list {
  display: none;
  position: absolute;
  top: 50px;
  left: 120px;
  box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  background-color: #fff;
  overflow: scroll;
  max-height: 300px;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .s-zufang #s_list, .zufang-searchBar #s_list {
    left: 60px;
    width: 100%;
  }
}
.s-zufang #s_list li, .zufang-searchBar #s_list li {
  padding: 0 20px;
  margin: 0;
  line-height: 34px;
  cursor: pointer;
  font-size: 14px;
  list-style: none;
  min-width: 140px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 767px) {
  .s-zufang #s_list li, .zufang-searchBar #s_list li {
    width: 100%;
    line-height: 40px;
    position: relative;
  }
  .s-zufang #s_list li::after, .zufang-searchBar #s_list li::after {
    content: "";
    font-family: "iconfont" !important;
    position: absolute;
    top: 0px;
    right: 15px;
  }
}
.s-zufang #s_list li a, .zufang-searchBar #s_list li a {
  color: #111;
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .s-zufang #s_list li a, .zufang-searchBar #s_list li a {
    border-bottom: 1px solid #F6F6F6;
  }
}
.s-zufang #s_list li i, .zufang-searchBar #s_list li i {
  color: #C8C9CB;
  margin-right: 4px;
}
.s-zufang #s_list li:hover, .zufang-searchBar #s_list li:hover {
  background: #F3F4F9;
}

.s-zufang #s_list {
  top: 40px;
  left: 75px;
}

.zufang-searchBar #s_list {
  width: 400px;
}
@media only screen and (max-width: 767px) {
  .zufang-searchBar #s_list {
    width: 100%;
  }
}

.brand h1 {
  font-size: 30px;
  font-size: 1.875rem;
  text-align: center;
  padding: 37px 0px;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .brand h1 {
    font-size: 16px;
    font-size: 1rem;
    padding: 15px 0px;
    text-align: left;
  }
}
.brand .list_pagination {
  text-align: center;
}
.brand .list {
  border-top: 3px solid #2FA9AF;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .brand .list {
    padding-bottom: 20px;
    border-top: 2px solid #2FA9AF;
  }
}
.brand .list ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .brand .list ul {
    display: inline-block;
  }
}
.brand .list ul li {
  padding: 25px 30px 30px 20px;
  width: 50%;
  position: relative;
  transition: all 0.4s;
  cursor: pointer;
}
.brand .list ul li:before, .brand .list ul li:after {
  content: " ";
  display: table;
}
.brand .list ul li:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .brand .list ul li {
    padding: 10px 0;
    width: 100%;
    border-bottom: 1px solid #DFDFDF;
  }
}
.brand .list ul li:nth-child(odd):after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 200%;
  height: 1px;
  background: #D8D8D8;
}
@media only screen and (max-width: 767px) {
  .brand .list ul li:nth-child(odd):after {
    height: 0;
    width: 0;
    position: relative;
  }
}
.brand .list ul li:nth-child(odd):last-child:after {
  content: "";
  height: 0;
}
.brand .list ul li:before, .brand .list ul li:after {
  content: " ";
  display: table;
}
.brand .list ul li:after {
  clear: both;
}
.brand .list ul li a {
  display: inline-block;
  width: 100%;
  color: #111;
  height: 100%;
}
.brand .list ul li .item-left {
  float: left;
  border: 2px solid #F0EFEF;
  width: 160px;
  height: 120px;
  margin-right: 23px;
  background: #fff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .brand .list ul li .item-left {
    width: 80px;
    height: 60px;
    margin-right: 12px;
  }
}
.brand .list ul li .item-left a {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.brand .list ul li .item-left .brand-logo {
  display: inline-block;
  margin-top: 20px;
  width: 80px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width: 767px) {
  .brand .list ul li .item-left .brand-logo {
    width: 35px;
    height: 35px;
    margin-top: 12.5px;
  }
}
.brand .list ul li .item-right {
  float: left;
  width: calc(100% - 187px);
}
@media only screen and (max-width: 767px) {
  .brand .list ul li .item-right {
    width: calc( 100% - 92px );
  }
}
.brand .list ul li .item-right .title {
  display: flex;
  align-items: center;
  padding-bottom: 5px;
}
.brand .list ul li .item-right .title img {
  width: 24px;
  height: 24px;
  display: inline-block;
}
.brand .list ul li .item-right .title .agent-name {
  transition: all 0.3s;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  margin-left: 3px;
}
@media only screen and (max-width: 767px) {
  .brand .list ul li .item-right .title img {
    width: 18px;
    height: 18px;
  }
  .brand .list ul li .item-right .title .agent-name {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.brand .list ul li .item-right .agent-info .company-info:before, .brand .list ul li .item-right .agent-info .company-info:after {
  content: " ";
  display: table;
}
.brand .list ul li .item-right .agent-info .company-info:after {
  clear: both;
}
.brand .list ul li .item-right .agent-info .company-info .a-label, .brand .list ul li .item-right .agent-info .company-info .a-content {
  float: left;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 21px;
}
.brand .list ul li .item-right .agent-info .company-info .a-label {
  width: 70px;
  font-weight: 700;
}
.brand .list ul li .item-right .agent-info .company-info .a-content {
  width: calc( 100% - 70px );
}
@media only screen and (max-width: 767px) {
  .brand .list ul li .item-right .agent-info .company-info .a-label, .brand .list ul li .item-right .agent-info .company-info .a-content {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .brand .list ul li .item-right .agent-info .company-info .a-label {
    width: 60px;
  }
  .brand .list ul li .item-right .agent-info .company-info .a-content {
    font-weight: normal;
    width: calc( 100% - 60px );
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.brand .list ul li .item-right .company-desc {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  padding-top: 4px;
}
.brand .list ul li .company-desc {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20px;
  padding-top: 4px;
  float: left;
  position: relative;
}
.brand .list ul li .company-desc .detail {
  color: #1682E1;
}
.brand .list ul li .company-desc .detail i {
  color: #111;
  margin-right: 5px;
}
.brand .list ul .selected {
  background: #F5F5F5;
}
.brand .list ul .selected .title .agent-name {
  color: #2FA9AF;
}
@media only screen and (max-width: 767px) {
  .brand .list ul .selected {
    background: #ffffff;
  }
  .brand .list ul .selected .title .agent-name {
    color: #111;
  }
}

.contact input[type=text], .contact textarea {
  outline: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}
.contact .l_breadcrumb {
  padding-top: 14px;
  padding-bottom: 25px;
}
.contact .l_breadcrumb li:last-child span {
  font-weight: 600;
}
.contact .banner {
  height: 240px;
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: center center;
}
@media only screen and (max-width: 767px) {
  .contact .banner {
    height: 190px;
  }
}
@media(max-width : 414px) {
  .contact .banner {
    height: 185px;
  }
}
@media(max-width : 320px) {
  .contact .banner {
    height: 170px;
  }
}
.contact .contact-content .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  padding-bottom: 9px;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 18px;
  }
}
.contact .contact-content .title1 {
  font-size: 16px;
  line-height: 16px;
  color: #666;
  padding-bottom: 25px;
  line-height: 12px;
  font-size: 12px;
  font-size: 0.75rem;
}
.contact .contact-content .title, .contact .contact-content .title1 {
  text-align: center;
}
.contact .contact-content .form-content .inquiry_tips {
  padding-left: 212px;
  padding-top: 0px;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content .inquiry_tips {
    padding-left: 0px;
    text-align: left;
  }
}
.contact .contact-content .form-content .form-hidden {
  display: none;
  animation: fadenum 0.5s ease;
}
@keyframes fadenum {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.contact .contact-content .form-content .module3 {
  padding-top: 40px;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content .module3 {
    padding-top: 15px;
  }
}
.contact .contact-content .form-content dl {
  width: 100%;
  border: 1px solid #E5E5E5;
  border-top: none;
  min-height: 85px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content dl {
    height: auto;
    border: none;
    padding-bottom: 25px;
  }
  .contact .contact-content .form-content dl.payment {
    border-bottom: 1px solid #E5E5E5;
  }
}
.contact .contact-content .form-content dl:first-of-type {
  border-top: 1px solid #E5E5E5;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content dl:first-of-type {
    border-top: none;
  }
}
.contact .contact-content .form-content dl dd {
  width: calc(75% - 4px);
  display: -ms-flexbox;
  box-sizing: border-box;
  position: relative;
  flex-wrap: wrap;
  position: relative;
  padding: 15px;
  padding-bottom: 23px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content dl dd {
    padding: 0px;
  }
}
.contact .contact-content .form-content dl dd .out-content {
  display: inline-block;
}
.contact .contact-content .form-content dl dd .redtxt {
  position: absolute;
  flex-basis: 100%;
  bottom: 2px;
  color: #D6000F;
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content dl dd .redtxt {
    bottom: -20px;
  }
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content dl dd {
    width: 100%;
  }
}
.contact .contact-content .form-content dl dd input[type=radio], .contact .contact-content .form-content dl dd input[type=checkbox] {
  position: absolute;
  -moz-appearance: radio;
       appearance: radio;
  -webkit-appearance: radio;
  outline: none;
  opacity: 0;
  padding: 0;
  margin: 0;
  height: 0;
  width: 0;
}
.contact .contact-content .form-content dl dd label {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content dl dd label {
    width: 50%;
    padding-top: 15px;
  }
  .contact .contact-content .form-content dl dd label:nth-child(-n+2) {
    padding-top: 0px;
  }
}
.contact .contact-content .form-content dl dd label .circle {
  padding-left: 28px;
  position: relative;
  display: -ms-flexbox;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  height: 100%;
  padding-right: 10px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content dl dd label .circle {
    padding-left: 24px;
  }
}
.contact .contact-content .form-content dl dd label .circle span {
  display: block;
  min-width: 100px;
}
.contact .contact-content .form-content dl dd label .circle::before, .contact .contact-content .form-content dl dd label .circle::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.contact .contact-content .form-content dl dd label .circle::before {
  left: 0px;
  width: 20px;
  height: 20px;
  border: 2px solid #A9A9A9;
}
.contact .contact-content .form-content dl dd label .circle::after {
  background: #2fa9af;
  width: 10px;
  height: 10px;
  left: 5px;
  opacity: 0;
}
.contact .contact-content .form-content dl dd label input:checked + span::before {
  border-color: #2fa9af;
}
.contact .contact-content .form-content dl dd label input:checked + span::after {
  opacity: 1;
}
.contact .contact-content .form-content dl dd input[type=checkbox] {
  -moz-appearance: checkbox;
       appearance: checkbox;
  -webkit-appearance: checkbox;
}
.contact .contact-content .form-content dl dd input[type=checkbox] + span::before, .contact .contact-content .form-content dl dd input[type=checkbox] + span::after {
  border-radius: 2px;
  border: 2px solid #A9A9A9;
}
.contact .contact-content .form-content dl dd input[type=checkbox] + span::after {
  content: "";
  font-family: "iconfont" !important;
  color: #fff;
  opacity: 0;
  top: 0px;
  left: 2px;
}
.contact .contact-content .form-content dl dd input[type=checkbox]:checked + span::before {
  background-color: #2fa9af;
  border-color: #2fa9af;
}
.contact .contact-content .form-content dl dd input[type=checkbox]:checked + span::after {
  opacity: 1;
  background: none;
  width: 0px;
  height: 0px;
  border: none;
  border-radius: none;
}
.contact .contact-content .form-content dl dd .drop-multiple {
  height: 44px;
  border-radius: 4px;
  border: 1px solid #E5E5E5;
  width: 500px;
}
.contact .contact-content .form-content dl dd .drop-multiple .btn-default {
  font-size: 16px;
  font-size: 1rem;
  margin-top: 0;
  line-height: 41px;
  padding-top: 0;
  padding-bottom: 0;
}
.contact .contact-content .form-content dl dd .drop-multiple .btn-default:hover {
  background-color: #fff;
}
.contact .contact-content .form-content dl dd .drop-multiple .filter-option-inner-inner {
  font-size: 16px;
  font-size: 1rem;
  color: #999999;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content dl dd .drop-multiple {
    width: 100%;
  }
}
.contact .contact-content .form-content dl dt {
  width: 25%;
  background: #f9f9f9;
  border-right: 1px solid #E5E5E5;
  display: flex;
  align-items: center;
  line-height: 20px;
  font-size: 16px;
  font-size: 1rem;
  box-sizing: border-box;
  padding-left: 20px;
  font-weight: 600;
}
.contact .contact-content .form-content dl dt span {
  font-size: 12px;
  font-size: 0.75rem;
}
.contact .contact-content .form-content dl dt .required {
  color: #D6000F;
  padding-left: 4px;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content dl dt {
    width: 100%;
    height: auto;
    border-right: none;
    background: none;
    padding-left: 0px;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.contact .contact-content .form-content input {
  padding-left: 10px;
}
.contact .contact-content .form-content .phone-module, .contact .contact-content .form-content input {
  height: 44px;
  width: 500px;
  border: 1px solid #E5E5E5;
  outline: none;
  border-radius: 4px;
  font-size: 16px;
  font-size: 1rem;
}
.contact .contact-content .form-content .phone-module:focus, .contact .contact-content .form-content input:focus {
  border-color: #2fa9af;
  outline: 0;
  box-shadow: 0 0 0 1px rgba(47, 169, 175, 0.2);
}
.contact .contact-content .form-content .phone-module .blur, .contact .contact-content .form-content input .blur {
  border-color: #E5E5E5;
  box-shadow: none;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content .phone-module, .contact .contact-content .form-content input {
    width: 100%;
    margin-left: 0px;
  }
  .contact .contact-content .form-content .phone-module.verifyCodeInput, .contact .contact-content .form-content input.verifyCodeInput {
    width: calc(100% - 130px);
  }
}
.contact .contact-content .form-content .phone-module .phoneNationality, .contact .contact-content .form-content input .phoneNationality {
  line-height: 41px;
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content .phone-module .phoneNationality, .contact .contact-content .form-content input .phoneNationality {
    width: 80px;
  }
}
.contact .contact-content .form-content .phone-module input, .contact .contact-content .form-content input input {
  width: 368px;
  margin-left: 0;
  height: 42px;
  border: none;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content .phone-module input, .contact .contact-content .form-content input input {
    width: calc(100% - 80px);
  }
}
.contact .contact-content .form-content input, .contact .contact-content .form-content select {
  line-height: 44px;
}
.contact .contact-content .form-content input:-moz-placeholder, .contact .contact-content .form-content select:-moz-placeholder {
  color: #999999;
}
.contact .contact-content .form-content input::-moz-placeholder, .contact .contact-content .form-content select::-moz-placeholder {
  color: #999999;
}
.contact .contact-content .form-content input::-webkit-input-placeholder, .contact .contact-content .form-content select::-webkit-input-placeholder {
  color: #999999;
}
.contact .contact-content .form-content input:-ms-input-placeholder, .contact .contact-content .form-content select:-ms-input-placeholder {
  color: #999999;
}
.contact .contact-content .form-content input:-moz-placeholder, .contact .contact-content .form-content select:-moz-placeholder {
  font-size: 16px;
}
.contact .contact-content .form-content input::-moz-placeholder, .contact .contact-content .form-content select::-moz-placeholder {
  font-size: 16px;
}
.contact .contact-content .form-content input::-webkit-input-placeholder, .contact .contact-content .form-content select::-webkit-input-placeholder {
  font-size: 16px;
}
.contact .contact-content .form-content input:-ms-input-placeholder, .contact .contact-content .form-content select:-ms-input-placeholder {
  font-size: 16px;
}
.contact .contact-content .form-content .module1 dl:first-of-type, .contact .contact-content .form-content .module2 dl:first-of-type {
  border-top: 1px solid #E5E5E5;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content .module1 dl:first-of-type, .contact .contact-content .form-content .module2 dl:first-of-type {
    border-top: none;
  }
}
.contact .contact-content .form-content .module1 h3, .contact .contact-content .form-content .module2 h3 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content .module1 h3, .contact .contact-content .form-content .module2 h3 {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 25px;
  }
}
.contact .contact-content .form-content .module1 .verifyCodeBtn, .contact .contact-content .form-content .module2 .verifyCodeBtn {
  list-height: 44px;
  width: 119px;
}
.contact .contact-content .form-content .module1 textarea, .contact .contact-content .form-content .module2 textarea {
  width: 500px;
  height: 90px;
  outline: none;
  font-size: 16px;
  font-size: 1rem;
  border: 1px solid #E5E5E5;
  border-radius: 4px;
  padding: 10px;
}
.contact .contact-content .form-content .module1 textarea:-moz-placeholder, .contact .contact-content .form-content .module2 textarea:-moz-placeholder {
  color: #999999;
}
.contact .contact-content .form-content .module1 textarea::-moz-placeholder, .contact .contact-content .form-content .module2 textarea::-moz-placeholder {
  color: #999999;
}
.contact .contact-content .form-content .module1 textarea::-webkit-input-placeholder, .contact .contact-content .form-content .module2 textarea::-webkit-input-placeholder {
  color: #999999;
}
.contact .contact-content .form-content .module1 textarea:-ms-input-placeholder, .contact .contact-content .form-content .module2 textarea:-ms-input-placeholder {
  color: #999999;
}
.contact .contact-content .form-content .module1 textarea:-moz-placeholder, .contact .contact-content .form-content .module2 textarea:-moz-placeholder {
  font-size: 16px;
}
.contact .contact-content .form-content .module1 textarea::-moz-placeholder, .contact .contact-content .form-content .module2 textarea::-moz-placeholder {
  font-size: 16px;
}
.contact .contact-content .form-content .module1 textarea::-webkit-input-placeholder, .contact .contact-content .form-content .module2 textarea::-webkit-input-placeholder {
  font-size: 16px;
}
.contact .contact-content .form-content .module1 textarea:-ms-input-placeholder, .contact .contact-content .form-content .module2 textarea:-ms-input-placeholder {
  font-size: 16px;
}
.contact .contact-content .form-content .module1 textarea:focus, .contact .contact-content .form-content .module2 textarea:focus {
  border-color: #2fa9af;
  outline: 0;
  box-shadow: 0 0 0 1px rgba(47, 169, 175, 0.2);
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content .module1 {
    border-bottom: 1px solid #E5E5E5;
  }
}
.contact .contact-content .form-content .footer-btn {
  padding-top: 60px;
  text-align: center;
  padding-bottom: 100px;
}
.contact .contact-content .form-content .footer-btn .redtxt {
  color: #D6000F;
  width: 300px;
  margin: 0 auto;
  text-align: left;
  padding-top: 10px;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content .footer-btn .redtxt {
    width: 100%;
  }
}
.contact .contact-content .form-content .footer-btn .mt-10, .contact .contact-content .form-content .footer-btn a {
  color: #a9a9a9;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content .footer-btn .mt-10, .contact .contact-content .form-content .footer-btn a {
    text-align: left;
  }
}
.contact .contact-content .form-content .footer-btn input[type=checkbox] {
  height: 13px;
  width: 13px;
  margin-left: 0px;
  vertical-align: bottom;
}
.contact .contact-content .form-content .footer-btn button {
  width: 330px;
  height: 55px;
  background: #2fa9af;
  border-radius: 4px;
  border: none;
  outline: none;
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 55px;
}
.contact .contact-content .form-content .footer-btn button:focus {
  border-color: none;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content .footer-btn {
    padding-top: 16px;
    padding-bottom: 40px;
    width: 100%;
  }
  .contact .contact-content .form-content .footer-btn button {
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    font-size: 1rem;
  }
}
.contact .contact-content .form-content .module2 dl {
  border: none;
  min-height: auto;
  justify-content: center;
}
.contact .contact-content .form-content .module2 dl:last-of-type dd {
  padding-bottom: 0px !important;
}
.contact .contact-content .form-content .module2 dl:first-child {
  border: none;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content .module2 dl {
    padding-bottom: 20px;
  }
}
.contact .contact-content .form-content .module2 dl dt {
  background: #fff;
  border: none;
  width: 124px;
  height: 44px;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content .module2 dl dt {
    width: 90px;
  }
}
.contact .contact-content .form-content .module2 dl dd {
  width: auto;
  padding-top: 0px;
}
.contact .contact-content .form-content .module2 dl dd .verifyCodeInput {
  width: 371px;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content .module2 dl dd {
    width: calc( 100% - 90px );
  }
  .contact .contact-content .form-content .module2 dl dd .redtxt {
    bottom: -18px;
  }
  .contact .contact-content .form-content .module2 dl dd .verifyCodeBtn {
    width: 95px;
  }
  .contact .contact-content .form-content .module2 dl dd .verifyCodeInput {
    width: calc( 100% - 105px );
  }
}
.contact .contact-content .form-content.has-form dl dt {
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .contact .contact-content .form-content.has-form dl dt {
    padding-bottom: 0px;
    margin-bottom: 14px;
  }
}
.contact .en-popupMain {
  height: 300px;
  width: 370px;
  margin-top: -150px;
  margin-left: -185px;
}
.contact .en-popupMain .successMessageMain {
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .contact .en-popupMain {
    width: 320px;
    height: 300px;
    margin-top: -130px;
    margin-left: -160px;
  }
  .contact .en-popupMain .messageText, .contact .en-popupMain .successMessage {
    margin-bottom: 15px;
  }
}
.contact .messageBtn {
  padding: 0 !important;
}
.contact .messageBtn a {
  padding: 10px 50px;
}
.contact .messageBtn .ok {
  width: 240px;
  height: 40px;
}
.contact .messageBtn .ok a {
  padding: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 40px;
}
@media only screen and (max-width: 767px) {
  .contact .contact-container .l_breadcrumb {
    padding-bottom: 20px;
  }
}
.contact .contact-container .footer-btn {
  padding-top: 0px !important;
  padding-bottom: 70px !important;
  padding-right: 48px;
}
.contact .contact-container .footer-btn .mt-10 {
  padding-right: 12px;
}
@media only screen and (max-width: 767px) {
  .contact .contact-container .footer-btn {
    padding-bottom: 40px !important;
    padding-right: 0px;
  }
}

.en-customized .has-form dt .required, .en-renosy .has-form dt .required {
  left: 4px;
}
@media only screen and (max-width: 767px) {
  .en-customized .has-form dt .required, .en-renosy .has-form dt .required {
    top: 4px;
    transform: none;
    left: 0px;
  }
}
.en-customized dt, .en-renosy dt {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .en-customized dt, .en-renosy dt {
    padding-left: 8px !important;
  }
}
.en-customized dt .required, .en-renosy dt .required {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding-left: 0px !important;
}
.en-customized .footer-btn .mt-10, .en-customized .footer-btn .inquiry_tips, .en-renosy .footer-btn .mt-10, .en-renosy .footer-btn .inquiry_tips {
  margin: 0 auto;
  max-width: 470px;
}
.en-customized .footer-btn .inquiry_tips, .en-renosy .footer-btn .inquiry_tips {
  padding-left: 0px !important;
  text-align: left;
}
.en-customized .footer .footer_help, .en-renosy .footer .footer_help {
  position: relative;
  border-bottom: none;
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .en-customized .footer .footer_help .company_content ul li .company, .en-renosy .footer .footer_help .company_content ul li .company {
    padding-bottom: 5px;
  }
}
.en-customized .footer .footer_help .company_content ul li:last-child, .en-renosy .footer .footer_help .company_content ul li:last-child {
  position: absolute;
  top: 14px;
  right: 0px;
}
@media only screen and (max-width: 767px) {
  .en-customized .footer .footer_help .company_content ul li:last-child, .en-renosy .footer .footer_help .company_content ul li:last-child {
    position: static;
    padding-left: 0px;
  }
}

.estateDetail .l-all {
  min-width: 990px;
}
.estateDetail .l-all .container {
  min-width: 990px;
}
@media only screen and (max-width: 767px) {
  .estateDetail .l-all {
    min-width: 100%;
    padding-bottom: 52px;
  }
  .estateDetail .l-all.pb-0 {
    padding-bottom: 0;
  }
  .estateDetail .l-all .container {
    min-width: 100%;
  }
}
.ua-mobile .estateDetail .m-breadcrumb .container {
  padding-right: 10px;
  padding-left: 10px;
}
.ua-mobile .estateDetail .m-breadcrumb_main ol {
  width: calc(100vw - 20px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.estateDetail .room, .estateDetail .mansion, .estateDetail .rental {
  background-color: #E9E9E9;
}
.estateDetail .room .root_detail:before, .estateDetail .room .root_detail:after, .estateDetail .mansion .root_detail:before, .estateDetail .mansion .root_detail:after, .estateDetail .rental .root_detail:before, .estateDetail .rental .root_detail:after {
  content: " ";
  display: table;
}
.estateDetail .room .root_detail:after, .estateDetail .mansion .root_detail:after, .estateDetail .rental .root_detail:after {
  clear: both;
}
.estateDetail .room_top, .estateDetail .mansion_top, .estateDetail .rental_top {
  margin-bottom: 10px;
  padding: 20px 0;
  background-color: #ffffff;
}
.estateDetail .room_top:before, .estateDetail .room_top:after, .estateDetail .mansion_top:before, .estateDetail .mansion_top:after, .estateDetail .rental_top:before, .estateDetail .rental_top:after {
  content: " ";
  display: table;
}
.estateDetail .room_top:after, .estateDetail .mansion_top:after, .estateDetail .rental_top:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_top, .estateDetail .mansion_top, .estateDetail .rental_top {
    margin-bottom: 10px;
    padding: 0 0 10px;
  }
}
.estateDetail .room_top .agentInfo, .estateDetail .mansion_top .agentInfo, .estateDetail .rental_top .agentInfo {
  padding: 7px 4px;
  width: 90%;
  border: #e4e4e4 solid 1.5px;
  margin: 15px auto 0 auto;
}
.estateDetail .room_top .agentInfo:before, .estateDetail .room_top .agentInfo:after, .estateDetail .mansion_top .agentInfo:before, .estateDetail .mansion_top .agentInfo:after, .estateDetail .rental_top .agentInfo:before, .estateDetail .rental_top .agentInfo:after {
  content: " ";
  display: table;
}
.estateDetail .room_top .agentInfo:after, .estateDetail .mansion_top .agentInfo:after, .estateDetail .rental_top .agentInfo:after {
  clear: both;
}
.estateDetail .room_top .agentInfo .infoLogo, .estateDetail .mansion_top .agentInfo .infoLogo, .estateDetail .rental_top .agentInfo .infoLogo {
  float: left;
  width: 120px;
  height: 70px;
}
.estateDetail .room_top .agentInfo .infoLogo .img, .estateDetail .mansion_top .agentInfo .infoLogo .img, .estateDetail .rental_top .agentInfo .infoLogo .img {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.estateDetail .room_top .agentInfo .infoCont, .estateDetail .mansion_top .agentInfo .infoCont, .estateDetail .rental_top .agentInfo .infoCont {
  float: left;
  width: calc(100% - 190px);
}
.estateDetail .room_top .agentInfo .infoCont .name, .estateDetail .mansion_top .agentInfo .infoCont .name, .estateDetail .rental_top .agentInfo .infoCont .name {
  margin: 0px 0 7px;
  font-size: 18px;
  font-weight: bold;
  color: #5d5d5d;
}
.estateDetail .room_top .agentInfo .infoCont .time, .estateDetail .mansion_top .agentInfo .infoCont .time, .estateDetail .rental_top .agentInfo .infoCont .time {
  font-size: 14px;
  line-height: 16px;
}
.estateDetail .room_top .agentInfo .infoCont .time span, .estateDetail .mansion_top .agentInfo .infoCont .time span, .estateDetail .rental_top .agentInfo .infoCont .time span {
  margin-right: 5px;
  font-weight: bold;
}
.estateDetail .room_top .agentInfo .infoMetal, .estateDetail .mansion_top .agentInfo .infoMetal, .estateDetail .rental_top .agentInfo .infoMetal {
  float: right;
  width: 70px;
  height: 70px;
}
.estateDetail .room_top .agentInfo .infoMetal img, .estateDetail .mansion_top .agentInfo .infoMetal img, .estateDetail .rental_top .agentInfo .infoMetal img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_top .agentInfo, .estateDetail .mansion_top .agentInfo, .estateDetail .rental_top .agentInfo {
    margin: 0;
    padding: 15px 0 0;
    width: 100%;
    border: none;
    border-top: 1px solid #cfcfcf;
  }
  .estateDetail .room_top .agentInfo .infoLogo, .estateDetail .mansion_top .agentInfo .infoLogo, .estateDetail .rental_top .agentInfo .infoLogo {
    width: 80px;
  }
  .estateDetail .room_top .agentInfo .infoCont, .estateDetail .mansion_top .agentInfo .infoCont, .estateDetail .rental_top .agentInfo .infoCont {
    width: calc(100% - 140px);
  }
  .estateDetail .room_top .agentInfo .infoCont .name, .estateDetail .mansion_top .agentInfo .infoCont .name, .estateDetail .rental_top .agentInfo .infoCont .name {
    margin: 0px 0 6px;
    font-size: 16px;
  }
  .estateDetail .room_top .agentInfo .infoCont .time, .estateDetail .mansion_top .agentInfo .infoCont .time, .estateDetail .rental_top .agentInfo .infoCont .time {
    font-size: 12px;
    line-height: 18px;
  }
  .estateDetail .room_top .agentInfo .infoMetal, .estateDetail .mansion_top .agentInfo .infoMetal, .estateDetail .rental_top .agentInfo .infoMetal {
    margin-top: 10px;
    float: right;
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_top_img, .estateDetail .mansion_top_img, .estateDetail .rental_top_img {
    padding: 0;
  }
}
.estateDetail .room_top_img .imgMain, .estateDetail .mansion_top_img .imgMain, .estateDetail .rental_top_img .imgMain {
  width: 100%;
  height: 280px;
  margin-bottom: 10px;
  position: relative;
}
.estateDetail .room_top_img .imgMain .sell-out, .estateDetail .mansion_top_img .imgMain .sell-out, .estateDetail .rental_top_img .imgMain .sell-out {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(231, 231, 231, 0.65);
}
.estateDetail .room_top_img .imgMain .sell-out img, .estateDetail .mansion_top_img .imgMain .sell-out img, .estateDetail .rental_top_img .imgMain .sell-out img {
  width: 176px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ua-desktop .estateDetail .room_top_img .imgMain.rentImg, .ua-desktop .estateDetail .mansion_top_img .imgMain.rentImg, .ua-desktop .estateDetail .rental_top_img .imgMain.rentImg {
  height: 280px;
}
.estateDetail .room_top_img .imgMain .specialTag, .estateDetail .mansion_top_img .imgMain .specialTag, .estateDetail .rental_top_img .imgMain .specialTag {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 45px;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_top_img .imgMain .specialTag, .estateDetail .mansion_top_img .imgMain .specialTag, .estateDetail .rental_top_img .imgMain .specialTag {
    width: 80px;
    height: 36px;
  }
}
.estateDetail .room_top_img .imgMain .swiper-slide, .estateDetail .mansion_top_img .imgMain .swiper-slide, .estateDetail .rental_top_img .imgMain .swiper-slide {
  cursor: pointer;
}
.estateDetail .room_top_img .imgMain .swiper-slide span, .estateDetail .mansion_top_img .imgMain .swiper-slide span, .estateDetail .rental_top_img .imgMain .swiper-slide span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.estateDetail .room_top_img .imgMain .swiper-slide span .swiper-video, .estateDetail .mansion_top_img .imgMain .swiper-slide span .swiper-video, .estateDetail .rental_top_img .imgMain .swiper-slide span .swiper-video {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: url("/img/main/detail/swiper_video.png") center/100% no-repeat;
}
.estateDetail .room_top_img .imgMain .swiper-pagination, .estateDetail .mansion_top_img .imgMain .swiper-pagination, .estateDetail .rental_top_img .imgMain .swiper-pagination {
  display: none;
}
.estateDetail .room_top_img .imgMain .p_tag, .estateDetail .mansion_top_img .imgMain .p_tag, .estateDetail .rental_top_img .imgMain .p_tag {
  width: 80px;
  height: 20px;
  background: #fff;
  border-radius: 10px;
  opacity: 0.85;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%);
  z-index: 1;
}
.estateDetail .room_top_img .imgMain .p_tag span, .estateDetail .mansion_top_img .imgMain .p_tag span, .estateDetail .rental_top_img .imgMain .p_tag span {
  width: 40px;
  display: inline-block;
  height: 20px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 20px;
  text-align: center;
}
.estateDetail .room_top_img .imgMain .p_tag span.active, .estateDetail .mansion_top_img .imgMain .p_tag span.active, .estateDetail .rental_top_img .imgMain .p_tag span.active {
  background: #2FA9AF;
  border-radius: 10px;
  opacity: 0.95;
  color: #fff;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_top_img .imgMain, .estateDetail .mansion_top_img .imgMain, .estateDetail .rental_top_img .imgMain {
    height: 230px;
  }
  .estateDetail .room_top_img .imgMain .swiper-pagination, .estateDetail .mansion_top_img .imgMain .swiper-pagination, .estateDetail .rental_top_img .imgMain .swiper-pagination {
    display: block;
    width: 40px;
    right: 15px;
    bottom: 10px;
    padding: 4px 0;
    font-size: 12px;
    font-size: 0.75rem;
    border-radius: 10px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
  }
}
.estateDetail .room_top_img .imgThumbnail, .estateDetail .mansion_top_img .imgThumbnail, .estateDetail .rental_top_img .imgThumbnail {
  position: relative;
  height: 70px;
  width: 100%;
}
.estateDetail .room_top_img .imgThumbnail .swiper-slide, .estateDetail .mansion_top_img .imgThumbnail .swiper-slide, .estateDetail .rental_top_img .imgThumbnail .swiper-slide {
  width: 25%;
  height: 100%;
  padding-right: 8px;
  cursor: pointer;
}
.estateDetail .room_top_img .imgThumbnail .swiper-slide span, .estateDetail .mansion_top_img .imgThumbnail .swiper-slide span, .estateDetail .rental_top_img .imgThumbnail .swiper-slide span {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
}
.estateDetail .room_top_img .imgThumbnail .swiper-slide span .mask, .estateDetail .mansion_top_img .imgThumbnail .swiper-slide span .mask, .estateDetail .rental_top_img .imgThumbnail .swiper-slide span .mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_top_img .imgThumbnail .swiper-slide span .mask, .estateDetail .mansion_top_img .imgThumbnail .swiper-slide span .mask, .estateDetail .rental_top_img .imgThumbnail .swiper-slide span .mask {
    display: none;
  }
}
.estateDetail .room_top_img .imgThumbnail .swiper-slide span:hover, .estateDetail .mansion_top_img .imgThumbnail .swiper-slide span:hover, .estateDetail .rental_top_img .imgThumbnail .swiper-slide span:hover {
  cursor: pointer;
}
.estateDetail .room_top_img .imgThumbnail .swiper-slide span:hover .mask, .estateDetail .mansion_top_img .imgThumbnail .swiper-slide span:hover .mask, .estateDetail .rental_top_img .imgThumbnail .swiper-slide span:hover .mask {
  display: none;
}
.estateDetail .room_top_img .imgThumbnail .active-nav span .mask, .estateDetail .mansion_top_img .imgThumbnail .active-nav span .mask, .estateDetail .rental_top_img .imgThumbnail .active-nav span .mask {
  display: none;
}
.estateDetail .room_top_img .imgThumbnail .button, .estateDetail .mansion_top_img .imgThumbnail .button, .estateDetail .rental_top_img .imgThumbnail .button {
  position: absolute;
  top: 0;
  width: 23px;
  height: 70px;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  line-height: 80px;
  cursor: pointer;
  z-index: 10;
}
.estateDetail .room_top_img .imgThumbnail .button:hover, .estateDetail .mansion_top_img .imgThumbnail .button:hover, .estateDetail .rental_top_img .imgThumbnail .button:hover {
  cursor: pointer;
  background-color: rgba(51, 51, 51, 0.9);
}
.estateDetail .room_top_img .imgThumbnail .button:hover .iconfont, .estateDetail .mansion_top_img .imgThumbnail .button:hover .iconfont, .estateDetail .rental_top_img .imgThumbnail .button:hover .iconfont {
  color: #ff7621;
}
.estateDetail .room_top_img .imgThumbnail .button:active, .estateDetail .mansion_top_img .imgThumbnail .button:active, .estateDetail .rental_top_img .imgThumbnail .button:active {
  background: rgba(0, 0, 0, 0.9);
}
.estateDetail .room_top_img .imgThumbnail .button .iconfont, .estateDetail .mansion_top_img .imgThumbnail .button .iconfont, .estateDetail .rental_top_img .imgThumbnail .button .iconfont {
  font-size: 24px;
  font-size: 1.5rem;
  color: #ffffff;
}
.estateDetail .room_top_img .imgThumbnail .leftBtn, .estateDetail .mansion_top_img .imgThumbnail .leftBtn, .estateDetail .rental_top_img .imgThumbnail .leftBtn {
  left: 0;
}
.estateDetail .room_top_img .imgThumbnail .rightBtn, .estateDetail .mansion_top_img .imgThumbnail .rightBtn, .estateDetail .rental_top_img .imgThumbnail .rightBtn {
  right: 0;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_top_cont, .estateDetail .mansion_top_cont, .estateDetail .rental_top_cont {
    padding: 0 10px;
  }
}
.estateDetail .room_top_cont .head, .estateDetail .mansion_top_cont .head, .estateDetail .rental_top_cont .head {
  position: relative;
  background-color: #f9625c;
  font-size: 16px;
  margin: 0 -15px;
  padding: 12px 15px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_top_cont .head, .estateDetail .mansion_top_cont .head, .estateDetail .rental_top_cont .head {
    margin: 0 -10px;
  }
}
.estateDetail .room_top_cont .head .mainPrice, .estateDetail .mansion_top_cont .head .mainPrice, .estateDetail .rental_top_cont .head .mainPrice {
  font-size: 30px;
  font-weight: 600;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
}
.estateDetail .room_top_cont .title, .estateDetail .mansion_top_cont .title, .estateDetail .rental_top_cont .title {
  margin-top: 10px;
  margin-bottom: 6px;
}
.estateDetail .room_top_cont .title h1, .estateDetail .mansion_top_cont .title h1, .estateDetail .rental_top_cont .title h1 {
  margin: 0;
  color: #373737;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 28px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_top_cont .title, .estateDetail .mansion_top_cont .title, .estateDetail .rental_top_cont .title {
    margin-top: 10px;
  }
  .estateDetail .room_top_cont .title h1, .estateDetail .mansion_top_cont .title h1, .estateDetail .rental_top_cont .title h1 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.estateDetail .room_top_cont .mainTitle, .estateDetail .mansion_top_cont .mainTitle, .estateDetail .rental_top_cont .mainTitle {
  position: relative;
}
.estateDetail .room_top_cont .mainTitle:before, .estateDetail .room_top_cont .mainTitle:after, .estateDetail .mansion_top_cont .mainTitle:before, .estateDetail .mansion_top_cont .mainTitle:after, .estateDetail .rental_top_cont .mainTitle:before, .estateDetail .rental_top_cont .mainTitle:after {
  content: " ";
  display: table;
}
.estateDetail .room_top_cont .mainTitle:after, .estateDetail .mansion_top_cont .mainTitle:after, .estateDetail .rental_top_cont .mainTitle:after {
  clear: both;
}
.estateDetail .room_top_cont .mainTitle .type, .estateDetail .mansion_top_cont .mainTitle .type, .estateDetail .rental_top_cont .mainTitle .type {
  float: left;
  width: 60px;
  background-color: #4795c7;
  font-size: 14px;
  font-weight: 600;
  color: #fcfcfc;
  text-align: center;
  padding: 4px 0;
  margin-top: 3px;
  margin-bottom: 6px;
}
.estateDetail .room_top_cont .mainTitle .keyword, .estateDetail .mansion_top_cont .mainTitle .keyword, .estateDetail .rental_top_cont .mainTitle .keyword {
  float: left;
  background-color: #EB7274;
  margin-left: 5px;
  font-size: 14px;
  font-weight: 600;
  color: #fcfcfc;
  text-align: center;
  padding: 4px;
  margin-top: 3px;
  margin-bottom: 6px;
}
.estateDetail .room_top_cont .mainTitle .shops, .estateDetail .mansion_top_cont .mainTitle .shops, .estateDetail .rental_top_cont .mainTitle .shops {
  background: #EB8731;
}
.estateDetail .room_top_cont .mainTitle .local, .estateDetail .mansion_top_cont .mainTitle .local, .estateDetail .rental_top_cont .mainTitle .local {
  background-color: #1BB8CE;
}
.estateDetail .room_top_cont .mainTitle .all, .estateDetail .mansion_top_cont .mainTitle .all, .estateDetail .rental_top_cont .mainTitle .all {
  background-color: #3F9EFF;
}
.estateDetail .room_top_cont .mainTitle h1, .estateDetail .mansion_top_cont .mainTitle h1, .estateDetail .rental_top_cont .mainTitle h1 {
  float: left;
  width: calc(100% - 60px);
  padding-left: 5px;
}
.estateDetail .room_top_cont .subTitle, .estateDetail .mansion_top_cont .subTitle, .estateDetail .rental_top_cont .subTitle {
  margin-top: 5px;
  font-size: 14px;
  color: #5d5d5d;
}
.estateDetail .room_top_cont .hintTxt, .estateDetail .mansion_top_cont .hintTxt, .estateDetail .rental_top_cont .hintTxt {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 700;
  color: #f9625c;
}
.estateDetail .room_top_cont .listingDate, .estateDetail .mansion_top_cont .listingDate, .estateDetail .rental_top_cont .listingDate {
  float: right;
  font-size: 14px;
  display: inline-block;
  line-height: 18px;
}
.estateDetail .room_top_cont .listingDate span, .estateDetail .mansion_top_cont .listingDate span, .estateDetail .rental_top_cont .listingDate span {
  font-weight: 600;
}
.estateDetail .room_top_cont .listingDate img, .estateDetail .mansion_top_cont .listingDate img, .estateDetail .rental_top_cont .listingDate img {
  width: 16px;
  vertical-align: middle;
}
.estateDetail .room_top_cont .charter, .estateDetail .mansion_top_cont .charter, .estateDetail .rental_top_cont .charter {
  margin-bottom: 10px;
}
.estateDetail .room_top_cont .charter:before, .estateDetail .room_top_cont .charter:after, .estateDetail .mansion_top_cont .charter:before, .estateDetail .mansion_top_cont .charter:after, .estateDetail .rental_top_cont .charter:before, .estateDetail .rental_top_cont .charter:after {
  content: " ";
  display: table;
}
.estateDetail .room_top_cont .charter:after, .estateDetail .mansion_top_cont .charter:after, .estateDetail .rental_top_cont .charter:after {
  clear: both;
}
.estateDetail .room_top_cont .charter .charterTitle, .estateDetail .mansion_top_cont .charter .charterTitle, .estateDetail .rental_top_cont .charter .charterTitle {
  float: left;
  margin-top: 5px;
  color: #8E8E8E;
  font-size: 14px;
  font-size: 0.875rem;
}
.estateDetail .room_top_cont .charter .charterInfo, .estateDetail .mansion_top_cont .charter .charterInfo, .estateDetail .rental_top_cont .charter .charterInfo {
  float: left;
  margin: 5px 8px 0 0;
  color: #838383;
  font-size: 13px;
  font-size: 0.8125rem;
}
.estateDetail .room_top_cont .charter .charterInfo .text, .estateDetail .mansion_top_cont .charter .charterInfo .text, .estateDetail .rental_top_cont .charter .charterInfo .text {
  margin-right: 2px;
}
.estateDetail .room_top_cont .charter .charterInfo .icon, .estateDetail .mansion_top_cont .charter .charterInfo .icon, .estateDetail .rental_top_cont .charter .charterInfo .icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("/img/main/list/icon_question.png") no-repeat center;
  background-size: 100%;
  vertical-align: bottom;
}
.estateDetail .room_top_cont .charter .charterOyo, .estateDetail .mansion_top_cont .charter .charterOyo, .estateDetail .rental_top_cont .charter .charterOyo {
  float: left;
  margin-right: 5px;
}
.estateDetail .room_top_cont .charter .charterOyo .text, .estateDetail .mansion_top_cont .charter .charterOyo .text, .estateDetail .rental_top_cont .charter .charterOyo .text {
  display: block;
  padding: 3px 5px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  color: #E69048;
  border: 1px solid #E69048;
  border-radius: 2px;
}
.estateDetail .room_top_cont .charter .charterOyo .text i, .estateDetail .mansion_top_cont .charter .charterOyo .text i, .estateDetail .rental_top_cont .charter .charterOyo .text i {
  color: #7F7F7F;
}
.estateDetail .room_top_cont .charter .charterGroup, .estateDetail .mansion_top_cont .charter .charterGroup, .estateDetail .rental_top_cont .charter .charterGroup {
  float: left;
  margin-right: 5px;
}
.estateDetail .room_top_cont .charter .charterGroup .text, .estateDetail .mansion_top_cont .charter .charterGroup .text, .estateDetail .rental_top_cont .charter .charterGroup .text {
  display: block;
  margin-right: 5px;
  padding: 3px 5px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  color: #FB7069;
  border: 1px solid #FB7069;
  border-radius: 2px;
}
.estateDetail .room_top_cont .charter .charterGroup .text i, .estateDetail .mansion_top_cont .charter .charterGroup .text i, .estateDetail .rental_top_cont .charter .charterGroup .text i {
  color: #7F7F7F;
}
.estateDetail .room_top_cont .keywords, .estateDetail .mansion_top_cont .keywords, .estateDetail .rental_top_cont .keywords {
  margin-bottom: 7px;
}
.estateDetail .room_top_cont .keywords ul li, .estateDetail .mansion_top_cont .keywords ul li, .estateDetail .rental_top_cont .keywords ul li {
  display: inline-block;
  margin-right: 5px;
  padding: 5px 8px;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #fff;
}
.estateDetail .room_top_cont .keywords ul li:nth-child(1), .estateDetail .mansion_top_cont .keywords ul li:nth-child(1), .estateDetail .rental_top_cont .keywords ul li:nth-child(1) {
  background-color: #F77979;
}
.estateDetail .room_top_cont .keywords ul li:nth-child(2), .estateDetail .mansion_top_cont .keywords ul li:nth-child(2), .estateDetail .rental_top_cont .keywords ul li:nth-child(2) {
  background-color: #70CBE9;
}
.estateDetail .room_top_cont .keywords ul li:nth-child(3), .estateDetail .mansion_top_cont .keywords ul li:nth-child(3), .estateDetail .rental_top_cont .keywords ul li:nth-child(3) {
  background-color: #F8BC60;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_top_cont .keywords, .estateDetail .mansion_top_cont .keywords, .estateDetail .rental_top_cont .keywords {
    margin-bottom: 15px;
  }
}
.estateDetail .room_top_cont .baseInfo, .estateDetail .mansion_top_cont .baseInfo, .estateDetail .rental_top_cont .baseInfo {
  margin-bottom: 10px;
}
.estateDetail .room_top_cont .baseInfo ul:before, .estateDetail .room_top_cont .baseInfo ul:after, .estateDetail .mansion_top_cont .baseInfo ul:before, .estateDetail .mansion_top_cont .baseInfo ul:after, .estateDetail .rental_top_cont .baseInfo ul:before, .estateDetail .rental_top_cont .baseInfo ul:after {
  content: " ";
  display: table;
}
.estateDetail .room_top_cont .baseInfo ul:after, .estateDetail .mansion_top_cont .baseInfo ul:after, .estateDetail .rental_top_cont .baseInfo ul:after {
  clear: both;
}
.estateDetail .room_top_cont .baseInfo ul li, .estateDetail .mansion_top_cont .baseInfo ul li, .estateDetail .rental_top_cont .baseInfo ul li {
  float: left;
  padding: 3px 10px;
  color: #5d5d5d;
  font-size: 14px;
  font-size: 0.875rem;
}
.estateDetail .room_top_cont .baseInfo ul li:not(:last-child), .estateDetail .mansion_top_cont .baseInfo ul li:not(:last-child), .estateDetail .rental_top_cont .baseInfo ul li:not(:last-child) {
  border-right: 1px solid #5d5d5d;
}
.estateDetail .room_top_cont .baseInfo ul li:first-child, .estateDetail .mansion_top_cont .baseInfo ul li:first-child, .estateDetail .rental_top_cont .baseInfo ul li:first-child {
  padding-left: 0px;
}
.estateDetail .room_top_cont .baseInfo .address, .estateDetail .mansion_top_cont .baseInfo .address, .estateDetail .rental_top_cont .baseInfo .address {
  margin-top: 8px;
  font-size: 14px;
}
.estateDetail .room_top_cont .baseInfo .address .address-ico, .estateDetail .mansion_top_cont .baseInfo .address .address-ico, .estateDetail .rental_top_cont .baseInfo .address .address-ico {
  margin-left: 34px;
  color: #B2B2B2;
  margin-right: 3px;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_top_cont .baseInfo .address, .estateDetail .mansion_top_cont .baseInfo .address, .estateDetail .rental_top_cont .baseInfo .address {
    padding: 5px 0px;
    background: #f0f2f5;
  }
  .estateDetail .room_top_cont .baseInfo .address .address-ico, .estateDetail .mansion_top_cont .baseInfo .address .address-ico, .estateDetail .rental_top_cont .baseInfo .address .address-ico {
    margin-left: 10px;
  }
}
.estateDetail .room_top_cont .baseInfo_table, .estateDetail .mansion_top_cont .baseInfo_table, .estateDetail .rental_top_cont .baseInfo_table {
  padding: 0 48px;
  margin: 0 -15px;
  border-bottom: 1px solid #cfcfcf;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_top_cont .baseInfo_table, .estateDetail .mansion_top_cont .baseInfo_table, .estateDetail .rental_top_cont .baseInfo_table {
    padding: 0 10px;
    margin: 0;
  }
}
.estateDetail .room_top_cont .baseInfo_table table, .estateDetail .mansion_top_cont .baseInfo_table table, .estateDetail .rental_top_cont .baseInfo_table table {
  width: 100%;
}
.estateDetail .room_top_cont .baseInfo_table table th, .estateDetail .room_top_cont .baseInfo_table table td, .estateDetail .mansion_top_cont .baseInfo_table table th, .estateDetail .mansion_top_cont .baseInfo_table table td, .estateDetail .rental_top_cont .baseInfo_table table th, .estateDetail .rental_top_cont .baseInfo_table table td {
  padding-bottom: 12px;
  font-size: 14px;
  font-size: 0.875rem;
}
.estateDetail .room_top_cont .baseInfo_table table th, .estateDetail .mansion_top_cont .baseInfo_table table th, .estateDetail .rental_top_cont .baseInfo_table table th {
  color: #5d5d5d;
}
.estateDetail .room_top_cont .baseInfo_table table td, .estateDetail .mansion_top_cont .baseInfo_table table td, .estateDetail .rental_top_cont .baseInfo_table table td {
  color: #373737;
}
.estateDetail .room_top_cont .dataInfo, .estateDetail .mansion_top_cont .dataInfo, .estateDetail .rental_top_cont .dataInfo {
  margin: 0 -15px 15px;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_top_cont .dataInfo, .estateDetail .mansion_top_cont .dataInfo, .estateDetail .rental_top_cont .dataInfo {
    margin: 0 0 15px;
  }
}
.estateDetail .room_top_cont .dataInfo .info, .estateDetail .mansion_top_cont .dataInfo .info, .estateDetail .rental_top_cont .dataInfo .info {
  padding: 8px 0;
  border-top: 1px solid #cfcfcf;
  text-align: center;
}
.estateDetail .room_top_cont .dataInfo .info:before, .estateDetail .room_top_cont .dataInfo .info:after, .estateDetail .mansion_top_cont .dataInfo .info:before, .estateDetail .mansion_top_cont .dataInfo .info:after, .estateDetail .rental_top_cont .dataInfo .info:before, .estateDetail .rental_top_cont .dataInfo .info:after {
  content: " ";
  display: table;
}
.estateDetail .room_top_cont .dataInfo .info:after, .estateDetail .mansion_top_cont .dataInfo .info:after, .estateDetail .rental_top_cont .dataInfo .info:after {
  clear: both;
}
.estateDetail .room_top_cont .dataInfo .info:last-child, .estateDetail .mansion_top_cont .dataInfo .info:last-child, .estateDetail .rental_top_cont .dataInfo .info:last-child {
  border-bottom: 1px solid #cfcfcf;
}
.estateDetail .room_top_cont .dataInfo .info dl, .estateDetail .mansion_top_cont .dataInfo .info dl, .estateDetail .rental_top_cont .dataInfo .info dl {
  display: inline-block;
  padding: 5px 0;
  text-align: center;
}
.estateDetail .room_top_cont .dataInfo .info dl dt, .estateDetail .mansion_top_cont .dataInfo .info dl dt, .estateDetail .rental_top_cont .dataInfo .info dl dt {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #5d5d5d;
  padding-top: 7px;
  vertical-align: top;
  display: inline-block;
}
.estateDetail .room_top_cont .dataInfo .info dl dd, .estateDetail .mansion_top_cont .dataInfo .info dl dd, .estateDetail .rental_top_cont .dataInfo .info dl dd {
  font-size: 14px;
  font-size: 0.875rem;
  color: #838383;
  display: inline-block;
}
.estateDetail .room_top_cont .dataInfo .info dl dd .main, .estateDetail .mansion_top_cont .dataInfo .info dl dd .main, .estateDetail .rental_top_cont .dataInfo .info dl dd .main {
  font-size: 20px;
  font-size: 1.25rem;
  color: #f9625c;
  font-weight: bold;
  position: relative;
  padding-right: 20px;
}
.estateDetail .room_top_cont .dataInfo .info dl dd .main .tips, .estateDetail .mansion_top_cont .dataInfo .info dl dd .main .tips, .estateDetail .rental_top_cont .dataInfo .info dl dd .main .tips {
  margin-left: 5px;
  border-radius: 100%;
  background: #dddddd;
  display: inline-block;
  color: #666666;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  line-height: 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  vertical-align: middle;
  text-decoration: none;
}
.estateDetail .room_top_cont .dataInfo .info dl dd .main img, .estateDetail .mansion_top_cont .dataInfo .info dl dd .main img, .estateDetail .rental_top_cont .dataInfo .info dl dd .main img {
  height: 20px;
}
.estateDetail .room_top_cont .dataInfo .info dl dd .main.greenTxt, .estateDetail .mansion_top_cont .dataInfo .info dl dd .main.greenTxt, .estateDetail .rental_top_cont .dataInfo .info dl dd .main.greenTxt {
  color: #63C77A;
}
.estateDetail .room_top_cont .dataInfo .info dl dd .sub, .estateDetail .mansion_top_cont .dataInfo .info dl dd .sub, .estateDetail .rental_top_cont .dataInfo .info dl dd .sub {
  margin-top: 7px;
}
.estateDetail .room_top_cont .dataInfo .price dl dt .oyo, .estateDetail .mansion_top_cont .dataInfo .price dl dt .oyo, .estateDetail .rental_top_cont .dataInfo .price dl dt .oyo {
  margin-right: 3px;
  padding: 0 2px;
  color: #ffffff;
  font-size: 14px;
  font-size: 0.875rem;
  background: #E88A3C;
  box-shadow: 0px 1px 0px 1px #cf660f;
  border-radius: 4px;
}
.estateDetail .room_top_cont .dataInfo .price dl:not(:last-child), .estateDetail .mansion_top_cont .dataInfo .price dl:not(:last-child), .estateDetail .rental_top_cont .dataInfo .price dl:not(:last-child) {
  border-right: 1px solid #cfcfcf;
}
.estateDetail .room_top_cont .dataInfo .price dl:last-child dd .main, .estateDetail .mansion_top_cont .dataInfo .price dl:last-child dd .main, .estateDetail .rental_top_cont .dataInfo .price dl:last-child dd .main {
  font-size: 24px;
  font-size: 1.5rem;
  padding-left: 10px;
}
.estateDetail .room_top_cont .dataInfo .price dl:last-child dd .lgjIcon, .estateDetail .mansion_top_cont .dataInfo .price dl:last-child dd .lgjIcon, .estateDetail .rental_top_cont .dataInfo .price dl:last-child dd .lgjIcon {
  display: inline-block;
  margin-left: 5px;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/img/main/cmn/ico_lgj.png");
}
.estateDetail .room_top_cont .dataInfo .rental-info dl, .estateDetail .mansion_top_cont .dataInfo .rental-info dl, .estateDetail .rental_top_cont .dataInfo .rental-info dl {
  float: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
}
.estateDetail .room_top_cont .dataInfo .rental-info dl dt, .estateDetail .mansion_top_cont .dataInfo .rental-info dl dt, .estateDetail .rental_top_cont .dataInfo .rental-info dl dt {
  line-height: 24px;
}
.estateDetail .room_top_cont .dataInfo .rental-info dl dd .main, .estateDetail .mansion_top_cont .dataInfo .rental-info dl dd .main, .estateDetail .rental_top_cont .dataInfo .rental-info dl dd .main {
  margin-top: 0 !important;
}
.estateDetail .room_top_cont .dataInfo .property dl, .estateDetail .mansion_top_cont .dataInfo .property dl, .estateDetail .rental_top_cont .dataInfo .property dl {
  width: 50%;
  padding: 5px 0;
}
@media only screen and (max-width: 991px) {
  .estateDetail .room_top_cont .dataInfo .info dl dt, .estateDetail .mansion_top_cont .dataInfo .info dl dt, .estateDetail .rental_top_cont .dataInfo .info dl dt {
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .estateDetail .room_top_cont .dataInfo .info dl dd, .estateDetail .mansion_top_cont .dataInfo .info dl dd, .estateDetail .rental_top_cont .dataInfo .info dl dd {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .estateDetail .room_top_cont .dataInfo .info dl dd .main, .estateDetail .mansion_top_cont .dataInfo .info dl dd .main, .estateDetail .rental_top_cont .dataInfo .info dl dd .main {
    font-size: 16px;
    font-size: 1rem;
  }
}
.estateDetail .room_top_cont .rentInfo, .estateDetail .mansion_top_cont .rentInfo, .estateDetail .rental_top_cont .rentInfo {
  padding: 10px 0;
  margin-bottom: 10px;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}
.estateDetail .room_top_cont .rentInfo dl, .estateDetail .mansion_top_cont .rentInfo dl, .estateDetail .rental_top_cont .rentInfo dl {
  display: block !important;
}
.estateDetail .room_top_cont .rentInfo dl:before, .estateDetail .room_top_cont .rentInfo dl:after, .estateDetail .mansion_top_cont .rentInfo dl:before, .estateDetail .mansion_top_cont .rentInfo dl:after, .estateDetail .rental_top_cont .rentInfo dl:before, .estateDetail .rental_top_cont .rentInfo dl:after {
  content: " ";
  display: table;
}
.estateDetail .room_top_cont .rentInfo dl:after, .estateDetail .mansion_top_cont .rentInfo dl:after, .estateDetail .rental_top_cont .rentInfo dl:after {
  clear: both;
}
.estateDetail .room_top_cont .rentInfo dl dt, .estateDetail .room_top_cont .rentInfo dl dd, .estateDetail .mansion_top_cont .rentInfo dl dt, .estateDetail .mansion_top_cont .rentInfo dl dd, .estateDetail .rental_top_cont .rentInfo dl dt, .estateDetail .rental_top_cont .rentInfo dl dd {
  float: left;
  font-size: 16px;
  color: #5d5d5d;
}
.estateDetail .room_top_cont .rentInfo dl dt, .estateDetail .mansion_top_cont .rentInfo dl dt, .estateDetail .rental_top_cont .rentInfo dl dt {
  width: 75px;
  font-weight: bold;
}
.estateDetail .room_top_cont .rentInfo dl dd, .estateDetail .mansion_top_cont .rentInfo dl dd, .estateDetail .rental_top_cont .rentInfo dl dd {
  width: calc(100% - 75px);
  padding: 0 !important;
}
.estateDetail .room_top_cont .rentInfo dl dd .cny, .estateDetail .mansion_top_cont .rentInfo dl dd .cny, .estateDetail .rental_top_cont .rentInfo dl dd .cny {
  color: #f9625c;
  font-size: 18px;
  font-weight: bold;
}
.estateDetail .room_top_cont .rentInfo dl dd .jyp, .estateDetail .mansion_top_cont .rentInfo dl dd .jyp, .estateDetail .rental_top_cont .rentInfo dl dd .jyp {
  color: #a9a9a9;
}
.estateDetail .room_top_cont .rentInfo dl:not(:last-child), .estateDetail .mansion_top_cont .rentInfo dl:not(:last-child), .estateDetail .rental_top_cont .rentInfo dl:not(:last-child) {
  margin-bottom: 10px;
}
.estateDetail .room_top_cont .contactPhone, .estateDetail .mansion_top_cont .contactPhone, .estateDetail .rental_top_cont .contactPhone {
  background: #F8F8F8;
  padding: 10px 15px;
  margin-top: 10px;
}
.estateDetail .room_top_cont .contactPhone:before, .estateDetail .room_top_cont .contactPhone:after, .estateDetail .mansion_top_cont .contactPhone:before, .estateDetail .mansion_top_cont .contactPhone:after, .estateDetail .rental_top_cont .contactPhone:before, .estateDetail .rental_top_cont .contactPhone:after {
  content: " ";
  display: table;
}
.estateDetail .room_top_cont .contactPhone:after, .estateDetail .mansion_top_cont .contactPhone:after, .estateDetail .rental_top_cont .contactPhone:after {
  clear: both;
}
.estateDetail .room_top_cont .contactPhone .contactPhoneIco, .estateDetail .mansion_top_cont .contactPhone .contactPhoneIco, .estateDetail .rental_top_cont .contactPhone .contactPhoneIco {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 15px;
  background: url("/img/main/detail/contact_phone_ico.png") no-repeat center;
  background-size: contain;
}
.estateDetail .room_top_cont .contactPhone .contactPhoneTitle, .estateDetail .mansion_top_cont .contactPhone .contactPhoneTitle, .estateDetail .rental_top_cont .contactPhone .contactPhoneTitle {
  margin-bottom: 5px;
  font-size: 16px;
  color: #868686;
}
.estateDetail .room_top_cont .contactPhone .contactPhoneNumber, .estateDetail .mansion_top_cont .contactPhone .contactPhoneNumber, .estateDetail .rental_top_cont .contactPhone .contactPhoneNumber {
  font-size: 27px;
  font-weight: 600;
  color: #e86b62;
}
.estateDetail .room_top_cont .adviserInfo, .estateDetail .mansion_top_cont .adviserInfo, .estateDetail .rental_top_cont .adviserInfo {
  margin-bottom: 15px;
  padding: 0 20px;
}
.estateDetail .room_top_cont .adviserInfo:before, .estateDetail .room_top_cont .adviserInfo:after, .estateDetail .mansion_top_cont .adviserInfo:before, .estateDetail .mansion_top_cont .adviserInfo:after, .estateDetail .rental_top_cont .adviserInfo:before, .estateDetail .rental_top_cont .adviserInfo:after {
  content: " ";
  display: table;
}
.estateDetail .room_top_cont .adviserInfo:after, .estateDetail .mansion_top_cont .adviserInfo:after, .estateDetail .rental_top_cont .adviserInfo:after {
  clear: both;
}
.estateDetail .room_top_cont .adviserInfo .infoLeft, .estateDetail .mansion_top_cont .adviserInfo .infoLeft, .estateDetail .rental_top_cont .adviserInfo .infoLeft {
  float: left;
  width: 80px;
  margin-right: 15px;
}
.estateDetail .room_top_cont .adviserInfo .infoLeft img, .estateDetail .mansion_top_cont .adviserInfo .infoLeft img, .estateDetail .rental_top_cont .adviserInfo .infoLeft img {
  width: 100%;
}
.estateDetail .room_top_cont .adviserInfo .infoText, .estateDetail .mansion_top_cont .adviserInfo .infoText, .estateDetail .rental_top_cont .adviserInfo .infoText {
  float: left;
  width: calc(100% - 175px);
  font-size: 16px;
  color: #5d5d5d;
}
.estateDetail .room_top_cont .adviserInfo .infoText .caption, .estateDetail .mansion_top_cont .adviserInfo .infoText .caption, .estateDetail .rental_top_cont .adviserInfo .infoText .caption {
  margin: 8px 0;
  font-weight: bold;
}
.estateDetail .room_top_cont .adviserInfo .infoText .name, .estateDetail .mansion_top_cont .adviserInfo .infoText .name, .estateDetail .rental_top_cont .adviserInfo .infoText .name {
  margin-bottom: 5px;
  font-weight: bold;
}
.estateDetail .room_top_cont .adviserInfo .infoText .numer, .estateDetail .mansion_top_cont .adviserInfo .infoText .numer, .estateDetail .rental_top_cont .adviserInfo .infoText .numer {
  line-height: 20px;
}
.estateDetail .room_top_cont .adviserInfo .infoCode, .estateDetail .mansion_top_cont .adviserInfo .infoCode, .estateDetail .rental_top_cont .adviserInfo .infoCode {
  float: right;
  width: 80px;
  padding: 2px 2px 0 2px;
  border: 1px solid #cfcfcf;
}
.estateDetail .room_top_cont .adviserInfo .infoCode img, .estateDetail .mansion_top_cont .adviserInfo .infoCode img, .estateDetail .rental_top_cont .adviserInfo .infoCode img {
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .estateDetail .room_top_cont .adviserInfo, .estateDetail .mansion_top_cont .adviserInfo, .estateDetail .rental_top_cont .adviserInfo {
    margin-bottom: 10px;
  }
  .estateDetail .room_top_cont .adviserInfo .infoLeft, .estateDetail .mansion_top_cont .adviserInfo .infoLeft, .estateDetail .rental_top_cont .adviserInfo .infoLeft {
    width: 70px;
  }
  .estateDetail .room_top_cont .adviserInfo .infoText, .estateDetail .mansion_top_cont .adviserInfo .infoText, .estateDetail .rental_top_cont .adviserInfo .infoText {
    width: calc(100% - 85px);
    font-size: 14px;
  }
  .estateDetail .room_top_cont .adviserInfo .infoCode, .estateDetail .mansion_top_cont .adviserInfo .infoCode, .estateDetail .rental_top_cont .adviserInfo .infoCode {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_top_cont .adviserInfo, .estateDetail .mansion_top_cont .adviserInfo, .estateDetail .rental_top_cont .adviserInfo {
    display: none;
    padding: 10px 0 0 0;
    margin-bottom: 0;
  }
}
.estateDetail .room_top_cont .agentContact, .estateDetail .mansion_top_cont .agentContact, .estateDetail .rental_top_cont .agentContact {
  margin-top: 10px;
}
.estateDetail .room_top_cont .agentContact:before, .estateDetail .room_top_cont .agentContact:after, .estateDetail .mansion_top_cont .agentContact:before, .estateDetail .mansion_top_cont .agentContact:after, .estateDetail .rental_top_cont .agentContact:before, .estateDetail .rental_top_cont .agentContact:after {
  content: " ";
  display: table;
}
.estateDetail .room_top_cont .agentContact:after, .estateDetail .mansion_top_cont .agentContact:after, .estateDetail .rental_top_cont .agentContact:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_top_cont .agentContact, .estateDetail .mansion_top_cont .agentContact, .estateDetail .rental_top_cont .agentContact {
    margin-bottom: 0px;
  }
}
.estateDetail .room_top_cont .agentContact .favorite, .estateDetail .mansion_top_cont .agentContact .favorite, .estateDetail .rental_top_cont .agentContact .favorite {
  float: right;
  width: calc(50% - 10px);
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
}
.estateDetail .room_top_cont .agentContact .favorite i, .estateDetail .mansion_top_cont .agentContact .favorite i, .estateDetail .rental_top_cont .agentContact .favorite i {
  width: 100%;
  height: 100%;
  display: inline-block;
  padding: 9px 0;
  cursor: pointer;
  border: 1px solid #f9625c;
  border-radius: 5px;
}
.estateDetail .room_top_cont .agentContact .favorite i:before, .estateDetail .mansion_top_cont .agentContact .favorite i:before, .estateDetail .rental_top_cont .agentContact .favorite i:before {
  display: inline-block;
  content: "";
  width: 27px;
  height: 23px;
  background: url("/img/main/cmn/icon_favorite.png") no-repeat center;
  background-size: 100%;
  vertical-align: middle;
}
.estateDetail .room_top_cont .agentContact .favorite i:after, .estateDetail .mansion_top_cont .agentContact .favorite i:after, .estateDetail .rental_top_cont .agentContact .favorite i:after {
  content: "加入收藏";
  width: 70px;
  margin-left: 5px;
  font-size: 16px;
  font-size: 1rem;
  color: #000000;
  display: inline-block;
}
.estateDetail .room_top_cont .agentContact .favorite i.selected, .estateDetail .mansion_top_cont .agentContact .favorite i.selected, .estateDetail .rental_top_cont .agentContact .favorite i.selected {
  background: #F8625C;
}
.estateDetail .room_top_cont .agentContact .favorite i.selected:before, .estateDetail .mansion_top_cont .agentContact .favorite i.selected:before, .estateDetail .rental_top_cont .agentContact .favorite i.selected:before {
  background: url("/img/main/detail/icon_detail_favorite_selected.png") no-repeat center;
  background-size: 100%;
}
.estateDetail .room_top_cont .agentContact .favorite i.selected:after, .estateDetail .mansion_top_cont .agentContact .favorite i.selected:after, .estateDetail .rental_top_cont .agentContact .favorite i.selected:after {
  content: "取消收藏";
  color: #fff;
}
.estateDetail .room_top_cont .agentContact .obtain_btn, .estateDetail .mansion_top_cont .agentContact .obtain_btn, .estateDetail .rental_top_cont .agentContact .obtain_btn {
  float: left;
  width: calc( 50% - 10px);
  cursor: pointer;
  height: 43px;
  background: linear-gradient(180deg, #FFBC4B 0%, #F78901 63%, #E78002 100%);
  box-shadow: 0px 2px 2px 0px #D8D8D8;
  border-radius: 4px;
  border: 1px solid #FFFFFF;
  font-weight: 600;
  color: #fff;
  font-size: 16px;
  line-height: 42px;
  text-align: center;
  transition: all 0.3s;
  margin-right: 20px;
}
.estateDetail .room_top_cont .agentContact .obtain_btn i, .estateDetail .mansion_top_cont .agentContact .obtain_btn i, .estateDetail .rental_top_cont .agentContact .obtain_btn i {
  vertical-align: middle;
  margin-right: 2px;
}
.estateDetail .room_top_cont .agentContact .obtain_btn:hover, .estateDetail .mansion_top_cont .agentContact .obtain_btn:hover, .estateDetail .rental_top_cont .agentContact .obtain_btn:hover {
  opacity: 0.8;
}
.estateDetail .room_top_cont .agentContact .obtain_btn img, .estateDetail .mansion_top_cont .agentContact .obtain_btn img, .estateDetail .rental_top_cont .agentContact .obtain_btn img {
  width: 15px;
  vertical-align: middle;
  margin-right: 4px;
}
.estateDetail .room_top_cont .agentContact .obtain_btn span, .estateDetail .mansion_top_cont .agentContact .obtain_btn span, .estateDetail .rental_top_cont .agentContact .obtain_btn span {
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_top_cont .agentContact .obtain_btn, .estateDetail .mansion_top_cont .agentContact .obtain_btn, .estateDetail .rental_top_cont .agentContact .obtain_btn {
    width: calc( 50% - 10px );
  }
  @media(min-width : 320px) {
    .estateDetail .room_top_cont .agentContact .obtain_btn, .estateDetail .mansion_top_cont .agentContact .obtain_btn, .estateDetail .rental_top_cont .agentContact .obtain_btn {
      font-size: 12px;
    }
    .estateDetail .room_top_cont .agentContact .obtain_btn span, .estateDetail .mansion_top_cont .agentContact .obtain_btn span, .estateDetail .rental_top_cont .agentContact .obtain_btn span {
      font-size: 12px;
    }
  }
}
.estateDetail .room_top_cont .agentContact .obtain_chat, .estateDetail .mansion_top_cont .agentContact .obtain_chat, .estateDetail .rental_top_cont .agentContact .obtain_chat {
  margin-right: 0 !important;
}
.estateDetail .room_top_cont .agentContact .button img, .estateDetail .mansion_top_cont .agentContact .button img, .estateDetail .rental_top_cont .agentContact .button img {
  width: 21px;
  vertical-align: sub;
  animation: c-chat 0.5s infinite linear;
}
@keyframes c-chat {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(1px);
  }
  50% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(-1px);
  }
  100% {
    transform: translateY(0px);
  }
}
.estateDetail .room_top_cont .agentContact a, .estateDetail .room_top_cont .agentContact .chat_content, .estateDetail .mansion_top_cont .agentContact a, .estateDetail .mansion_top_cont .agentContact .chat_content, .estateDetail .rental_top_cont .agentContact a, .estateDetail .rental_top_cont .agentContact .chat_content {
  float: left;
  width: calc(50% - 10px);
  display: block;
  height: 43px;
  line-height: 43px;
  font-size: 16px;
  font-size: 1rem;
  color: #2fa9af;
  text-align: center;
  border: 1px solid #2fa9af;
  border-radius: 5px;
  text-decoration: none;
  background-color: #2fa9af;
  border: none;
  color: #fff;
  transition: all 0.2s;
}
.estateDetail .room_top_cont .agentContact a:hover, .estateDetail .room_top_cont .agentContact .chat_content:hover, .estateDetail .mansion_top_cont .agentContact a:hover, .estateDetail .mansion_top_cont .agentContact .chat_content:hover, .estateDetail .rental_top_cont .agentContact a:hover, .estateDetail .rental_top_cont .agentContact .chat_content:hover {
  background-color: #34bcc3;
}
.estateDetail .room_top_cont .agentContact .chat_content, .estateDetail .mansion_top_cont .agentContact .chat_content, .estateDetail .rental_top_cont .agentContact .chat_content {
  cursor: pointer;
}
@media(min-width : 320px) {
  .estateDetail .room_top_cont .agentContact .chat_content, .estateDetail .mansion_top_cont .agentContact .chat_content, .estateDetail .rental_top_cont .agentContact .chat_content {
    font-size: 12px;
  }
  .estateDetail .room_top_cont .agentContact .chat_content img, .estateDetail .mansion_top_cont .agentContact .chat_content img, .estateDetail .rental_top_cont .agentContact .chat_content img {
    width: 18px;
  }
}
@media(min-width : 414px) {
  .estateDetail .room_top_cont .agentContact .chat_content, .estateDetail .mansion_top_cont .agentContact .chat_content, .estateDetail .rental_top_cont .agentContact .chat_content {
    font-size: 16px;
  }
}
.estateDetail .room_top_cont .contactInfo, .estateDetail .mansion_top_cont .contactInfo, .estateDetail .rental_top_cont .contactInfo {
  padding: 0 20px;
}
.estateDetail .room_top_cont .contactInfo:before, .estateDetail .room_top_cont .contactInfo:after, .estateDetail .mansion_top_cont .contactInfo:before, .estateDetail .mansion_top_cont .contactInfo:after, .estateDetail .rental_top_cont .contactInfo:before, .estateDetail .rental_top_cont .contactInfo:after {
  content: " ";
  display: table;
}
.estateDetail .room_top_cont .contactInfo:after, .estateDetail .mansion_top_cont .contactInfo:after, .estateDetail .rental_top_cont .contactInfo:after {
  clear: both;
}
.estateDetail .room_top_cont .contactInfo a, .estateDetail .mansion_top_cont .contactInfo a, .estateDetail .rental_top_cont .contactInfo a {
  width: calc(50% - 10px);
  float: left;
  text-decoration: none;
}
.estateDetail .room_top_cont .contactInfo a:not(:last-child), .estateDetail .mansion_top_cont .contactInfo a:not(:last-child), .estateDetail .rental_top_cont .contactInfo a:not(:last-child) {
  margin-right: 20px;
}
.estateDetail .room_top_cont .contactInfo a .button, .estateDetail .mansion_top_cont .contactInfo a .button, .estateDetail .rental_top_cont .contactInfo a .button {
  padding: 12px 0;
  font-size: 18px;
  font-size: 1.125rem;
  color: #2fa9af;
  text-align: center;
  border: 1px solid #2fa9af;
  border-radius: 5px;
}
.estateDetail .room_top_cont .contactInfo a .button:hover, .estateDetail .mansion_top_cont .contactInfo a .button:hover, .estateDetail .rental_top_cont .contactInfo a .button:hover {
  color: #fff;
  background-color: #68C0C4;
  border: 1px solid #68C0C4;
}
.estateDetail .room_top_cont .contactInfo a .button:active, .estateDetail .mansion_top_cont .contactInfo a .button:active, .estateDetail .rental_top_cont .contactInfo a .button:active {
  opcity: 0.8;
}
.estateDetail .room .mansion_top .title, .estateDetail .mansion .mansion_top .title, .estateDetail .rental .mansion_top .title {
  margin: 10px 0 20px;
  font-size: 24px;
  font-weight: 600;
}
.estateDetail .room .mansion_top .title h1, .estateDetail .mansion .mansion_top .title h1, .estateDetail .rental .mansion_top .title h1 {
  margin-bottom: 10px;
}
.estateDetail .room .mansion_top .title h2, .estateDetail .mansion .mansion_top .title h2, .estateDetail .rental .mansion_top .title h2 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  color: #838383;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room .mansion_top .title h1, .estateDetail .mansion .mansion_top .title h1, .estateDetail .rental .mansion_top .title h1 {
    margin-bottom: 5px;
  }
  .estateDetail .room .mansion_top .title h2, .estateDetail .mansion .mansion_top .title h2, .estateDetail .rental .mansion_top .title h2 {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.estateDetail .room .mansion_top .introduction, .estateDetail .mansion .mansion_top .introduction, .estateDetail .rental .mansion_top .introduction {
  padding: 10px;
  margin-bottom: 20px;
  background-color: rgba(254, 243, 227, 0.6);
  border: #FFDDAC 1px solid;
  font-size: 14px;
  line-height: 24px;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room .mansion_top .room_info_table .block, .estateDetail .mansion .mansion_top .room_info_table .block, .estateDetail .rental .mansion_top .room_info_table .block {
    width: 100%;
  }
  .estateDetail .room .mansion_top .room_info_table .block table th, .estateDetail .room .mansion_top .room_info_table .block td, .estateDetail .mansion .mansion_top .room_info_table .block table th, .estateDetail .mansion .mansion_top .room_info_table .block td, .estateDetail .rental .mansion_top .room_info_table .block table th, .estateDetail .rental .mansion_top .room_info_table .block td {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .estateDetail .room .mansion_top .title, .estateDetail .mansion .mansion_top .title, .estateDetail .rental .mansion_top .title {
    margin: 10px 0;
    font-size: 16px;
    line-height: 20px;
  }
  .estateDetail .room .mansion_top .introduction, .estateDetail .mansion .mansion_top .introduction, .estateDetail .rental .mansion_top .introduction {
    padding: 5px;
    line-height: 20px;
  }
  .estateDetail .room .mansion_top .room_top_cont, .estateDetail .mansion .mansion_top .room_top_cont, .estateDetail .rental .mansion_top .room_top_cont {
    padding: 0;
  }
  .estateDetail .room .mansion_top .room_top_cont .baseInfo_sp, .estateDetail .mansion .mansion_top .room_top_cont .baseInfo_sp, .estateDetail .rental .mansion_top .room_top_cont .baseInfo_sp {
    padding: 0;
  }
}
.estateDetail .room_samllContact, .estateDetail .mansion_samllContact, .estateDetail .rental_samllContact {
  margin-bottom: 10px;
  padding: 25px 0;
  padding-bottom: 0;
  background-color: #DFEAEB;
}
.estateDetail .room_samllContact .title, .estateDetail .mansion_samllContact .title, .estateDetail .rental_samllContact .title {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}
.estateDetail .room_menu, .estateDetail .mansion_menu, .estateDetail .rental_menu {
  background-color: #fff;
}
.estateDetail .room_menu.fixed, .estateDetail .mansion_menu.fixed, .estateDetail .rental_menu.fixed {
  z-index: 2;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}
.estateDetail .room_menu.display_none, .estateDetail .mansion_menu.display_none, .estateDetail .rental_menu.display_none {
  display: none !important;
}
.estateDetail .room_menu .menu, .estateDetail .mansion_menu .menu, .estateDetail .rental_menu .menu {
  border-bottom: 4px solid #E9E9E9;
}
.estateDetail .room_menu .menu:before, .estateDetail .room_menu .menu:after, .estateDetail .mansion_menu .menu:before, .estateDetail .mansion_menu .menu:after, .estateDetail .rental_menu .menu:before, .estateDetail .rental_menu .menu:after {
  content: " ";
  display: table;
}
.estateDetail .room_menu .menu:after, .estateDetail .mansion_menu .menu:after, .estateDetail .rental_menu .menu:after {
  clear: both;
}
.estateDetail .room_menu .menu ul, .estateDetail .mansion_menu .menu ul, .estateDetail .rental_menu .menu ul {
  float: left;
}
.estateDetail .room_menu .menu ul:before, .estateDetail .room_menu .menu ul:after, .estateDetail .mansion_menu .menu ul:before, .estateDetail .mansion_menu .menu ul:after, .estateDetail .rental_menu .menu ul:before, .estateDetail .rental_menu .menu ul:after {
  content: " ";
  display: table;
}
.estateDetail .room_menu .menu ul:after, .estateDetail .mansion_menu .menu ul:after, .estateDetail .rental_menu .menu ul:after {
  clear: both;
}
.estateDetail .room_menu .menu ul.left, .estateDetail .mansion_menu .menu ul.left, .estateDetail .rental_menu .menu ul.left {
  width: calc(100% - 420px);
}
.estateDetail .room_menu .menu ul.left li, .estateDetail .mansion_menu .menu ul.left li, .estateDetail .rental_menu .menu ul.left li {
  position: relative;
  float: left;
  width: calc(100%/6);
  padding: 20px 0;
  font-size: 18px;
  font-size: 1.125rem;
  color: #373737;
  text-align: center;
}
.estateDetail .room_menu .menu ul.left li.active, .estateDetail .mansion_menu .menu ul.left li.active, .estateDetail .rental_menu .menu ul.left li.active {
  color: #fff;
  background-color: #2fa9af;
}
.estateDetail .room_menu .menu ul.left li:hover, .estateDetail .mansion_menu .menu ul.left li:hover, .estateDetail .rental_menu .menu ul.left li:hover {
  color: #fff;
  background-color: #68C0C4;
}
.estateDetail .room_menu .menu ul.right, .estateDetail .mansion_menu .menu ul.right, .estateDetail .rental_menu .menu ul.right {
  width: 410px;
}
.estateDetail .room_menu .menu ul.right li, .estateDetail .mansion_menu .menu ul.right li, .estateDetail .rental_menu .menu ul.right li {
  float: right;
  text-align: center;
}
.estateDetail .room_menu .menu ul.right li.price, .estateDetail .mansion_menu .menu ul.right li.price, .estateDetail .rental_menu .menu ul.right li.price {
  width: 120px;
  padding-top: 20px;
  padding-right: 10px;
  color: #ff7621;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 600;
  text-align: right;
}
.estateDetail .room_menu .menu ul.right li.button a, .estateDetail .mansion_menu .menu ul.right li.button a, .estateDetail .rental_menu .menu ul.right li.button a {
  display: inline-block;
  margin-top: 13px;
  width: 130px;
  padding: 7px 10px;
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  border-radius: 4px;
  color: #fff;
  background-color: #ff7621;
  text-decoration: none;
}
.estateDetail .room_menu .menu ul.right li.button a:hover, .estateDetail .mansion_menu .menu ul.right li.button a:hover, .estateDetail .rental_menu .menu ul.right li.button a:hover {
  background-color: #FF8E48;
}
.estateDetail .room_menu .menu ul.right li.phone, .estateDetail .mansion_menu .menu ul.right li.phone, .estateDetail .rental_menu .menu ul.right li.phone {
  margin: 20px 0 0 10px;
  font-size: 18px;
  font-size: 1.125rem;
  color: #fff;
}
.estateDetail .room_menu .menu ul.right li.phone .fa, .estateDetail .mansion_menu .menu ul.right li.phone .fa, .estateDetail .rental_menu .menu ul.right li.phone .fa {
  margin-right: 5px;
  font-size: 83%;
}
.estateDetail .room_menu.room_menu_fixed, .estateDetail .mansion_menu.room_menu_fixed, .estateDetail .rental_menu.room_menu_fixed {
  background-color: #353940;
}
.estateDetail .room_menu.room_menu_fixed .menu, .estateDetail .mansion_menu.room_menu_fixed .menu, .estateDetail .rental_menu.room_menu_fixed .menu {
  border-bottom: none;
}
.estateDetail .room_menu.room_menu_fixed .menu ul.left, .estateDetail .mansion_menu.room_menu_fixed .menu ul.left, .estateDetail .rental_menu.room_menu_fixed .menu ul.left {
  width: calc(100% - 420px);
}
.estateDetail .room_menu.room_menu_fixed .menu ul.left li, .estateDetail .mansion_menu.room_menu_fixed .menu ul.left li, .estateDetail .rental_menu.room_menu_fixed .menu ul.left li {
  color: #fff;
}
.estateDetail .room_menu.room_menu_fixed .menu ul.left li.active, .estateDetail .mansion_menu.room_menu_fixed .menu ul.left li.active, .estateDetail .rental_menu.room_menu_fixed .menu ul.left li.active {
  padding: 20px 0;
  color: #fff;
  background-color: #2FA9AF;
}
@media only screen and (max-width: 991px) {
  .estateDetail .room_menu.room_menu_fixed .container, .estateDetail .mansion_menu.room_menu_fixed .container, .estateDetail .rental_menu.room_menu_fixed .container {
    width: 100%;
    min-width: 100%;
    padding: 0;
  }
  .estateDetail .room_menu.room_menu_fixed .container .menu ul.left, .estateDetail .mansion_menu.room_menu_fixed .container .menu ul.left, .estateDetail .rental_menu.room_menu_fixed .container .menu ul.left {
    width: calc(100% - 350px);
  }
  .estateDetail .room_menu.room_menu_fixed .container .menu ul.left li, .estateDetail .mansion_menu.room_menu_fixed .container .menu ul.left li, .estateDetail .rental_menu.room_menu_fixed .container .menu ul.left li {
    font-size: 16px;
    font-size: 1rem;
  }
  .estateDetail .room_menu.room_menu_fixed .container .menu ul.right, .estateDetail .mansion_menu.room_menu_fixed .container .menu ul.right, .estateDetail .rental_menu.room_menu_fixed .container .menu ul.right {
    width: 350px;
  }
  .estateDetail .room_menu.room_menu_fixed .container .menu ul.right li.price, .estateDetail .mansion_menu.room_menu_fixed .container .menu ul.right li.price, .estateDetail .rental_menu.room_menu_fixed .container .menu ul.right li.price {
    width: 110px;
    padding-top: 21px;
    font-size: 16px;
    font-size: 1rem;
  }
  .estateDetail .room_menu.room_menu_fixed .container .menu ul.right li.button, .estateDetail .mansion_menu.room_menu_fixed .container .menu ul.right li.button, .estateDetail .rental_menu.room_menu_fixed .container .menu ul.right li.button {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .estateDetail .room_menu.room_menu_fixed .container .menu ul.right li.button a, .estateDetail .mansion_menu.room_menu_fixed .container .menu ul.right li.button a, .estateDetail .rental_menu.room_menu_fixed .container .menu ul.right li.button a {
    width: 100px;
  }
  .estateDetail .room_menu.room_menu_fixed .container .menu ul.right li.phone, .estateDetail .mansion_menu.room_menu_fixed .container .menu ul.right li.phone, .estateDetail .rental_menu.room_menu_fixed .container .menu ul.right li.phone {
    width: 125px;
    font-size: 16px;
    font-size: 1rem;
  }
  .estateDetail .room_menu.room_menu_fixed .container .menu ul.right li.phone span, .estateDetail .mansion_menu.room_menu_fixed .container .menu ul.right li.phone span, .estateDetail .rental_menu.room_menu_fixed .container .menu ul.right li.phone span {
    width: 16px;
    height: 16px;
  }
}
.estateDetail .room_info, .estateDetail .mansion_info, .estateDetail .rental_info {
  padding: 30px 15px;
  background: #ffffff;
  border-bottom: #e9e9e9 8px solid;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_info, .estateDetail .mansion_info, .estateDetail .rental_info {
    padding: 10px 10px;
  }
  .estateDetail .room_info .container, .estateDetail .mansion_info .container, .estateDetail .rental_info .container {
    padding: 0 10px;
  }
}
.estateDetail .room_info .title, .estateDetail .mansion_info .title, .estateDetail .rental_info .title {
  padding: 6px 0 6px 12px;
  margin-bottom: 30px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #373737;
  border-left: 12px solid #2fa9af;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_info .title, .estateDetail .mansion_info .title, .estateDetail .rental_info .title {
    padding: 0;
    margin: 5px 0 15px;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    color: #373737;
    background: none;
    border-left: none;
  }
}
.estateDetail .room_info .description, .estateDetail .mansion_info .description, .estateDetail .rental_info .description {
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #5d5d5d;
  line-height: 20px;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_info .description, .estateDetail .mansion_info .description, .estateDetail .rental_info .description {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.estateDetail .room_info .introduction, .estateDetail .mansion_info .introduction, .estateDetail .rental_info .introduction {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.6;
}
.estateDetail .room_info .allCont, .estateDetail .mansion_info .allCont, .estateDetail .rental_info .allCont {
  overflow: hidden;
  height: 65px;
  margin-bottom: 10px;
}
.estateDetail .room_info .allCont p, .estateDetail .mansion_info .allCont p, .estateDetail .rental_info .allCont p {
  color: #373737;
  font-size: 14px;
  font-size: 0.875rem;
  text-indent: 2em;
  line-height: 1.6;
}
.estateDetail .room_info .allBtn, .estateDetail .mansion_info .allBtn, .estateDetail .rental_info .allBtn {
  margin-right: 2px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #2fa9af;
  text-align: right;
}
.estateDetail .room_info .allUp, .estateDetail .mansion_info .allUp, .estateDetail .rental_info .allUp {
  display: none;
}
.estateDetail .room_info_table .block, .estateDetail .mansion_info_table .block, .estateDetail .rental_info_table .block {
  width: 100%;
}
.estateDetail .room_info_table .block:not(:last-child), .estateDetail .mansion_info_table .block:not(:last-child), .estateDetail .rental_info_table .block:not(:last-child) {
  margin-bottom: 40px;
}
.estateDetail .room_info_table .block .tableName, .estateDetail .mansion_info_table .block .tableName, .estateDetail .rental_info_table .block .tableName {
  padding-bottom: 10px;
  margin-bottom: 15px;
  font-size: 20px;
  font-size: 1.25rem;
  color: #373737;
  border-bottom: 2px solid #2fa9af;
}
.estateDetail .room_info_table .block table, .estateDetail .mansion_info_table .block table, .estateDetail .rental_info_table .block table {
  width: 100%;
}
.estateDetail .room_info_table .block table th, .estateDetail .room_info_table .block table td, .estateDetail .mansion_info_table .block table th, .estateDetail .mansion_info_table .block table td, .estateDetail .rental_info_table .block table th, .estateDetail .rental_info_table .block table td {
  padding: 8px 5px;
  font-size: 16px;
  font-size: 1rem;
}
.estateDetail .room_info_table .block table th, .estateDetail .mansion_info_table .block table th, .estateDetail .rental_info_table .block table th {
  color: #838383;
}
.estateDetail .room_info_table .block table td, .estateDetail .mansion_info_table .block table td, .estateDetail .rental_info_table .block table td {
  color: #373737;
}
.estateDetail .room_info_table .block ul, .estateDetail .mansion_info_table .block ul, .estateDetail .rental_info_table .block ul {
  font-size: 16px;
}
.estateDetail .room_info_table .block ul:before, .estateDetail .room_info_table .block ul:after, .estateDetail .mansion_info_table .block ul:before, .estateDetail .mansion_info_table .block ul:after, .estateDetail .rental_info_table .block ul:before, .estateDetail .rental_info_table .block ul:after {
  content: " ";
  display: table;
}
.estateDetail .room_info_table .block ul:after, .estateDetail .mansion_info_table .block ul:after, .estateDetail .rental_info_table .block ul:after {
  clear: both;
}
.estateDetail .room_info_table .block ul li, .estateDetail .mansion_info_table .block ul li, .estateDetail .rental_info_table .block ul li {
  float: left;
  position: relative;
  display: table-row;
  padding: 6px 0;
}
.estateDetail .room_info_table .block ul li:before, .estateDetail .room_info_table .block ul li:after, .estateDetail .mansion_info_table .block ul li:before, .estateDetail .mansion_info_table .block ul li:after, .estateDetail .rental_info_table .block ul li:before, .estateDetail .rental_info_table .block ul li:after {
  content: " ";
  display: table;
}
.estateDetail .room_info_table .block ul li:after, .estateDetail .mansion_info_table .block ul li:after, .estateDetail .rental_info_table .block ul li:after {
  clear: both;
}
.estateDetail .room_info_table .block ul li.row1, .estateDetail .mansion_info_table .block ul li.row1, .estateDetail .rental_info_table .block ul li.row1 {
  width: 25%;
}
.estateDetail .room_info_table .block ul li.row2, .estateDetail .mansion_info_table .block ul li.row2, .estateDetail .rental_info_table .block ul li.row2 {
  width: 50%;
}
.estateDetail .room_info_table .block ul li.row3, .estateDetail .mansion_info_table .block ul li.row3, .estateDetail .rental_info_table .block ul li.row3 {
  width: calc( 100%/3);
}
.estateDetail .room_info_table .block ul li.row4, .estateDetail .mansion_info_table .block ul li.row4, .estateDetail .rental_info_table .block ul li.row4 {
  width: calc( 100%/3*2);
}
.estateDetail .room_info_table .block ul li.row5, .estateDetail .mansion_info_table .block ul li.row5, .estateDetail .rental_info_table .block ul li.row5 {
  width: 100%;
}
.estateDetail .room_info_table .block ul li dt, .estateDetail .room_info_table .block ul li dd, .estateDetail .mansion_info_table .block ul li dt, .estateDetail .mansion_info_table .block ul li dd, .estateDetail .rental_info_table .block ul li dt, .estateDetail .rental_info_table .block ul li dd {
  display: table-cell;
}
.estateDetail .room_info_table .block ul li dt, .estateDetail .mansion_info_table .block ul li dt, .estateDetail .rental_info_table .block ul li dt {
  white-space: nowrap;
  color: #838383;
  width: -moz-min-content;
  width: min-content;
}
.estateDetail .room_info_table .block ul li dd, .estateDetail .mansion_info_table .block ul li dd, .estateDetail .rental_info_table .block ul li dd {
  color: #373737;
  padding-right: 5px;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_info_table .block ul, .estateDetail .mansion_info_table .block ul, .estateDetail .rental_info_table .block ul {
    font-size: 14px;
  }
  .estateDetail .room_info_table .block ul li.row1, .estateDetail .mansion_info_table .block ul li.row1, .estateDetail .rental_info_table .block ul li.row1 {
    width: 50%;
  }
  .estateDetail .room_info_table .block ul li.row2, .estateDetail .mansion_info_table .block ul li.row2, .estateDetail .rental_info_table .block ul li.row2 {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .estateDetail .room_info .block, .estateDetail .mansion_info .block, .estateDetail .rental_info .block {
    width: 100%;
  }
  .estateDetail .room_info .block:before, .estateDetail .room_info .block:after, .estateDetail .mansion_info .block:before, .estateDetail .mansion_info .block:after, .estateDetail .rental_info .block:before, .estateDetail .rental_info .block:after {
    content: " ";
    display: table;
  }
  .estateDetail .room_info .block:after, .estateDetail .mansion_info .block:after, .estateDetail .rental_info .block:after {
    clear: both;
  }
}
.estateDetail .room_info .chartBox, .estateDetail .mansion_info .chartBox, .estateDetail .rental_info .chartBox {
  z-index: 0;
  position: relative;
}
.estateDetail .room_info .chartBox .chartBoxPeriod, .estateDetail .mansion_info .chartBox .chartBoxPeriod, .estateDetail .rental_info .chartBox .chartBoxPeriod {
  position: absolute;
  top: 5px;
  left: 80px;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_info .chartBox .chartBoxPeriod, .estateDetail .mansion_info .chartBox .chartBoxPeriod, .estateDetail .rental_info .chartBox .chartBoxPeriod {
    top: -12px;
  }
}
.estateDetail .room_info .chartBox .chartBoxPeriod ul, .estateDetail .mansion_info .chartBox .chartBoxPeriod ul, .estateDetail .rental_info .chartBox .chartBoxPeriod ul {
  display: inline-block;
}
.estateDetail .room_info .chartBox .chartBoxPeriod ul li, .estateDetail .mansion_info .chartBox .chartBoxPeriod ul li, .estateDetail .rental_info .chartBox .chartBoxPeriod ul li {
  position: relative;
  display: inline-block;
  padding: 3px 12px;
  font-size: 13px;
  cursor: pointer;
}
.estateDetail .room_info .chartBox .chartBoxPeriod ul li::before, .estateDetail .mansion_info .chartBox .chartBoxPeriod ul li::before, .estateDetail .rental_info .chartBox .chartBoxPeriod ul li::before {
  content: " ";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  border: #2fa9af 1px solid;
  position: absolute;
  left: -2px;
}
.estateDetail .room_info .chartBox .chartBoxPeriod ul li.is-active, .estateDetail .mansion_info .chartBox .chartBoxPeriod ul li.is-active, .estateDetail .rental_info .chartBox .chartBoxPeriod ul li.is-active {
  position: relative;
}
.estateDetail .room_info .chartBox .chartBoxPeriod ul li.is-active::before, .estateDetail .mansion_info .chartBox .chartBoxPeriod ul li.is-active::before, .estateDetail .rental_info .chartBox .chartBoxPeriod ul li.is-active::before {
  content: " ";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background-color: #2fa9af;
  position: absolute;
  left: -2px;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_info .chartBox .chartBoxPeriod, .estateDetail .mansion_info .chartBox .chartBoxPeriod, .estateDetail .rental_info .chartBox .chartBoxPeriod {
    left: 0;
  }
  .estateDetail .room_info .chartBox .chartBoxPeriod ul li, .estateDetail .mansion_info .chartBox .chartBoxPeriod ul li, .estateDetail .rental_info .chartBox .chartBoxPeriod ul li {
    padding: 3px 6px 3px 12px;
  }
}
.estateDetail .room_info .chartBox svg, .estateDetail .mansion_info .chartBox svg, .estateDetail .rental_info .chartBox svg {
  height: 400px;
}
.estateDetail .room_info_deal:before, .estateDetail .room_info_deal:after, .estateDetail .mansion_info_deal:before, .estateDetail .mansion_info_deal:after, .estateDetail .rental_info_deal:before, .estateDetail .rental_info_deal:after {
  content: " ";
  display: table;
}
.estateDetail .room_info_deal:after, .estateDetail .mansion_info_deal:after, .estateDetail .rental_info_deal:after {
  clear: both;
}
.estateDetail .room_info_deal .cont, .estateDetail .mansion_info_deal .cont, .estateDetail .rental_info_deal .cont {
  width: 100%;
}
.estateDetail .room_info_deal .cont:first-child, .estateDetail .mansion_info_deal .cont:first-child, .estateDetail .rental_info_deal .cont:first-child {
  margin-bottom: 20px;
}
.estateDetail .room_info_deal .cont table, .estateDetail .mansion_info_deal .cont table, .estateDetail .rental_info_deal .cont table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #cfcfcf;
}
.estateDetail .room_info_deal .cont table th, .estateDetail .room_info_deal .cont table td, .estateDetail .mansion_info_deal .cont table th, .estateDetail .mansion_info_deal .cont table td, .estateDetail .rental_info_deal .cont table th, .estateDetail .rental_info_deal .cont table td {
  padding: 10px 0;
  text-align: center;
  border: 1px solid #cfcfcf;
}
.estateDetail .room_info_deal .cont table .caption, .estateDetail .mansion_info_deal .cont table .caption, .estateDetail .rental_info_deal .cont table .caption {
  font-size: 16px;
  font-size: 1rem;
}
.estateDetail .room_info_deal .cont table th, .estateDetail .mansion_info_deal .cont table th, .estateDetail .rental_info_deal .cont table th {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
}
.estateDetail .room_info_deal .cont table th.caption, .estateDetail .mansion_info_deal .cont table th.caption, .estateDetail .rental_info_deal .cont table th.caption {
  background-color: #FEEDD8;
}
.estateDetail .room_info_deal .cont table td, .estateDetail .mansion_info_deal .cont table td, .estateDetail .rental_info_deal .cont table td {
  font-size: 14px;
  font-size: 0.875rem;
}
.estateDetail .room_info_deal .cont:last-child, .estateDetail .mansion_info_deal .cont:last-child, .estateDetail .rental_info_deal .cont:last-child {
  margin-right: 0;
}
.estateDetail .room_info_deal .cont:last-child th.caption, .estateDetail .mansion_info_deal .cont:last-child th.caption, .estateDetail .rental_info_deal .cont:last-child th.caption {
  background-color: #DDF2F3;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_info_deal .cont table th, .estateDetail .mansion_info_deal .cont table th, .estateDetail .rental_info_deal .cont table th {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .estateDetail .room_info_deal .cont table .caption, .estateDetail .mansion_info_deal .cont table .caption, .estateDetail .rental_info_deal .cont table .caption {
    font-size: 16px;
    font-size: 1rem;
  }
}
.estateDetail .room_info .mapBox:before, .estateDetail .room_info .mapBox:after, .estateDetail .mansion_info .mapBox:before, .estateDetail .mansion_info .mapBox:after, .estateDetail .rental_info .mapBox:before, .estateDetail .rental_info .mapBox:after {
  content: " ";
  display: table;
}
.estateDetail .room_info .mapBox:after, .estateDetail .mansion_info .mapBox:after, .estateDetail .rental_info .mapBox:after {
  clear: both;
}
.estateDetail .room_info .mapBox .mapMain, .estateDetail .mansion_info .mapBox .mapMain, .estateDetail .rental_info .mapBox .mapMain {
  float: left;
  width: calc(100% - 300px);
  position: relative;
}
.estateDetail .room_info .mapBox .mapMain .map, .estateDetail .mansion_info .mapBox .mapMain .map, .estateDetail .rental_info .mapBox .mapMain .map {
  height: 400px;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_info .mapBox .mapMain .map, .estateDetail .mansion_info .mapBox .mapMain .map, .estateDetail .rental_info .mapBox .mapMain .map {
    height: 200px;
  }
}
.estateDetail .room_info .mapBox .mapMain .zoomControl, .estateDetail .mansion_info .mapBox .mapMain .zoomControl, .estateDetail .rental_info .mapBox .mapMain .zoomControl {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 8;
}
.estateDetail .room_info .mapBox .mapMain .zoomControl ul li, .estateDetail .mansion_info .mapBox .mapMain .zoomControl ul li, .estateDetail .rental_info .mapBox .mapMain .zoomControl ul li {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  color: #373737;
  background-color: #fff;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.estateDetail .room_info .mapBox .mapMain .zoomControl ul li.zoomIn, .estateDetail .mansion_info .mapBox .mapMain .zoomControl ul li.zoomIn, .estateDetail .rental_info .mapBox .mapMain .zoomControl ul li.zoomIn {
  margin-bottom: 10px;
}
.estateDetail .room_info .mapBox .mapMain .centerControl, .estateDetail .mansion_info .mapBox .mapMain .centerControl, .estateDetail .rental_info .mapBox .mapMain .centerControl {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 8px 10px;
  font-size: 13px;
  font-weight: bold;
  color: #373737;
  background-color: #fff;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.estateDetail .room_info .mapBox .mapMain .surroundingMarker, .estateDetail .mansion_info .mapBox .mapMain .surroundingMarker, .estateDetail .rental_info .mapBox .mapMain .surroundingMarker {
  position: absolute;
  display: block;
  width: 45px;
  height: 24px;
  cursor: grab;
}
.estateDetail .room_info .mapBox .mapMain .surroundingMarker .icon, .estateDetail .mansion_info .mapBox .mapMain .surroundingMarker .icon, .estateDetail .rental_info .mapBox .mapMain .surroundingMarker .icon {
  width: 45px;
  height: 24px;
  background-size: cover;
  background-position: 50% 0%;
}
.estateDetail .room_info .mapBox .mapMain .surroundingMarker .til, .estateDetail .mansion_info .mapBox .mapMain .surroundingMarker .til, .estateDetail .rental_info .mapBox .mapMain .surroundingMarker .til {
  margin: 0;
  position: absolute;
  padding: 4px 0 3px 14px;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  color: #fcfcfc;
  right: 5px;
}
.estateDetail .room_info .mapBox .mapMain .surroundingMarker .infoBox, .estateDetail .mansion_info .mapBox .mapMain .surroundingMarker .infoBox, .estateDetail .rental_info .mapBox .mapMain .surroundingMarker .infoBox {
  z-index: 1000;
  display: none;
  position: absolute;
  width: 400px;
  top: -28px;
  left: -177px;
  text-align: center;
}
.estateDetail .room_info .mapBox .mapMain .surroundingMarker .infoBox span, .estateDetail .mansion_info .mapBox .mapMain .surroundingMarker .infoBox span, .estateDetail .rental_info .mapBox .mapMain .surroundingMarker .infoBox span {
  display: inline-block;
  max-width: 400px;
  padding: 5px;
  background: rgba(93, 93, 93, 0.9);
  font-size: 12px;
  color: #fefefe;
  border-radius: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.estateDetail .room_info .mapBox .mapMain .surroundingMarker.active .infoBox, .estateDetail .mansion_info .mapBox .mapMain .surroundingMarker.active .infoBox, .estateDetail .rental_info .mapBox .mapMain .surroundingMarker.active .infoBox {
  display: block;
}
.estateDetail .room_info .mapBox .mapPanel, .estateDetail .mansion_info .mapBox .mapPanel, .estateDetail .rental_info .mapBox .mapPanel {
  float: right;
  width: 300px;
  height: 400px;
  background: #fff;
  border: 1px solid #eee;
}
.estateDetail .room_info .mapBox .mapPanel .panelTitle, .estateDetail .mansion_info .mapBox .mapPanel .panelTitle, .estateDetail .rental_info .mapBox .mapPanel .panelTitle {
  width: 100%;
}
.estateDetail .room_info .mapBox .mapPanel .panelTitle:before, .estateDetail .room_info .mapBox .mapPanel .panelTitle:after, .estateDetail .mansion_info .mapBox .mapPanel .panelTitle:before, .estateDetail .mansion_info .mapBox .mapPanel .panelTitle:after, .estateDetail .rental_info .mapBox .mapPanel .panelTitle:before, .estateDetail .rental_info .mapBox .mapPanel .panelTitle:after {
  content: " ";
  display: table;
}
.estateDetail .room_info .mapBox .mapPanel .panelTitle:after, .estateDetail .mansion_info .mapBox .mapPanel .panelTitle:after, .estateDetail .rental_info .mapBox .mapPanel .panelTitle:after {
  clear: both;
}
.estateDetail .room_info .mapBox .mapPanel .panelTitle ul li, .estateDetail .mansion_info .mapBox .mapPanel .panelTitle ul li, .estateDetail .rental_info .mapBox .mapPanel .panelTitle ul li {
  float: left;
  width: 25%;
  padding: 12px 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #F4F4F4;
}
.estateDetail .room_info .mapBox .mapPanel .panelTitle ul li.active, .estateDetail .mansion_info .mapBox .mapPanel .panelTitle ul li.active, .estateDetail .rental_info .mapBox .mapPanel .panelTitle ul li.active {
  color: #fff;
  background: #2FA9AF;
}
.estateDetail .room_info .mapBox .mapPanel .panelTitle ul li.active:hover, .estateDetail .mansion_info .mapBox .mapPanel .panelTitle ul li.active:hover, .estateDetail .rental_info .mapBox .mapPanel .panelTitle ul li.active:hover {
  color: #fff;
}
.estateDetail .room_info .mapBox .mapPanel .panelTitle ul li:hover, .estateDetail .mansion_info .mapBox .mapPanel .panelTitle ul li:hover, .estateDetail .rental_info .mapBox .mapPanel .panelTitle ul li:hover {
  cursor: pointer;
  color: #2FA9AF;
}
.estateDetail .room_info .mapBox .mapPanel .subPanelTitle, .estateDetail .mansion_info .mapBox .mapPanel .subPanelTitle, .estateDetail .rental_info .mapBox .mapPanel .subPanelTitle {
  width: 100%;
  height: 32px;
  background: #F4F4F4;
}
.estateDetail .room_info .mapBox .mapPanel .subPanelTitle:before, .estateDetail .room_info .mapBox .mapPanel .subPanelTitle:after, .estateDetail .mansion_info .mapBox .mapPanel .subPanelTitle:before, .estateDetail .mansion_info .mapBox .mapPanel .subPanelTitle:after, .estateDetail .rental_info .mapBox .mapPanel .subPanelTitle:before, .estateDetail .rental_info .mapBox .mapPanel .subPanelTitle:after {
  content: " ";
  display: table;
}
.estateDetail .room_info .mapBox .mapPanel .subPanelTitle:after, .estateDetail .mansion_info .mapBox .mapPanel .subPanelTitle:after, .estateDetail .rental_info .mapBox .mapPanel .subPanelTitle:after {
  clear: both;
}
.estateDetail .room_info .mapBox .mapPanel .subPanelTitle .subLeftBtn, .estateDetail .mansion_info .mapBox .mapPanel .subPanelTitle .subLeftBtn, .estateDetail .rental_info .mapBox .mapPanel .subPanelTitle .subLeftBtn {
  display: none;
  float: left;
  margin: 4px 8px 0 5px;
  color: #898989;
}
.estateDetail .room_info .mapBox .mapPanel .subPanelTitle .subLeftBtn i, .estateDetail .mansion_info .mapBox .mapPanel .subPanelTitle .subLeftBtn i, .estateDetail .rental_info .mapBox .mapPanel .subPanelTitle .subLeftBtn i {
  font-size: 24px;
}
.estateDetail .room_info .mapBox .mapPanel .subPanelTitle .subRightBtn, .estateDetail .mansion_info .mapBox .mapPanel .subPanelTitle .subRightBtn, .estateDetail .rental_info .mapBox .mapPanel .subPanelTitle .subRightBtn {
  display: none;
  float: right;
  margin: 4px 5px 0 8px;
  color: #898989;
}
.estateDetail .room_info .mapBox .mapPanel .subPanelTitle .subRightBtn i, .estateDetail .mansion_info .mapBox .mapPanel .subPanelTitle .subRightBtn i, .estateDetail .rental_info .mapBox .mapPanel .subPanelTitle .subRightBtn i {
  font-size: 24px;
  cursor: pointer;
}
.estateDetail .room_info .mapBox .mapPanel .subPanelTitle .subCont, .estateDetail .mansion_info .mapBox .mapPanel .subPanelTitle .subCont, .estateDetail .rental_info .mapBox .mapPanel .subPanelTitle .subCont {
  position: relative;
  float: left;
  width: calc(100% - 45px);
  height: 100%;
  line-height: 30px;
  overflow: hidden;
}
.estateDetail .room_info .mapBox .mapPanel .subPanelTitle .subCont ul, .estateDetail .mansion_info .mapBox .mapPanel .subPanelTitle .subCont ul, .estateDetail .rental_info .mapBox .mapPanel .subPanelTitle .subCont ul {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}
.estateDetail .room_info .mapBox .mapPanel .subPanelTitle .subCont ul li, .estateDetail .mansion_info .mapBox .mapPanel .subPanelTitle .subCont ul li, .estateDetail .rental_info .mapBox .mapPanel .subPanelTitle .subCont ul li {
  display: inline-block;
  padding: 0 5px;
  font-size: 14px;
  font-weight: bold;
}
.estateDetail .room_info .mapBox .mapPanel .subPanelTitle .subCont ul li img, .estateDetail .mansion_info .mapBox .mapPanel .subPanelTitle .subCont ul li img, .estateDetail .rental_info .mapBox .mapPanel .subPanelTitle .subCont ul li img {
  width: 15px;
  margin-right: 5px;
  vertical-align: text-top;
}
.estateDetail .room_info .mapBox .mapPanel .subPanelTitle .subCont ul li.active, .estateDetail .mansion_info .mapBox .mapPanel .subPanelTitle .subCont ul li.active, .estateDetail .rental_info .mapBox .mapPanel .subPanelTitle .subCont ul li.active {
  border-bottom: 2px solid #2FA9AF;
}
.estateDetail .room_info .mapBox .mapPanel .subPanelTitle .subCont ul li:hover, .estateDetail .mansion_info .mapBox .mapPanel .subPanelTitle .subCont ul li:hover, .estateDetail .rental_info .mapBox .mapPanel .subPanelTitle .subCont ul li:hover {
  cursor: pointer;
  color: #2FA9AF;
}
.estateDetail .room_info .mapBox .mapPanel .panelCont, .estateDetail .mansion_info .mapBox .mapPanel .panelCont, .estateDetail .rental_info .mapBox .mapPanel .panelCont {
  width: 100%;
  height: 328px;
  overflow-y: auto;
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item {
  border-bottom: 1px solid #cfcfcf;
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item .itemTitle, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item .itemTitle, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item .itemTitle {
  padding: 10px 10px 5px;
  font-size: 14px;
  font-weight: 700;
  color: #373737;
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item:last-child, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item:last-child, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item:last-child {
  border-bottom: none;
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item ul li, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item ul li, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item ul li {
  padding: 10px;
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item ul li:before, .estateDetail .room_info .mapBox .mapPanel .panelCont .item ul li:after, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item ul li:before, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item ul li:after, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item ul li:before, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item ul li:after {
  content: " ";
  display: table;
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item ul li:after, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item ul li:after, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item ul li:after {
  clear: both;
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item ul li .mark, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item ul li .mark, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item ul li .mark {
  float: left;
  width: 40px;
  margin-right: 10px;
  padding: 5px 0;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item ul li .cont, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item ul li .cont, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item ul li .cont {
  float: right;
  width: calc(100% - 50px);
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item ul li .cont .name, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item ul li .cont .name, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item ul li .cont .name {
  margin: 0 0 10px 0;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item ul li .cont .info, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item ul li .cont .info, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item ul li .cont .info {
  font-size: 14px;
  margin-bottom: 5px;
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item ul li .cont .info i, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item ul li .cont .info i, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item ul li .cont .info i {
  color: #898989;
  margin-right: 5px;
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item ul li .cont .route, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item ul li .cont .route, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item ul li .cont .route {
  font-size: 14px;
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item ul li .cont .route i, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item ul li .cont .route i, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item ul li .cont .route i {
  color: #898989;
  margin-right: 5px;
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item ul li:hover, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item ul li:hover, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item ul li:hover {
  cursor: pointer;
  background: #F3F5F4;
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item.station .sign, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item.station .sign, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item.station .sign {
  color: #0080FF;
  background: rgba(0, 128, 255, 0.2);
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item.convenient .sign, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item.convenient .sign, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item.convenient .sign {
  color: #FF7473;
  background: rgba(255, 116, 115, 0.2);
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item.department .sign, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item.department .sign, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item.department .sign {
  color: #EF5285;
  background: rgba(239, 82, 133, 0.2);
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item.electric .sign, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item.electric .sign, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item.electric .sign {
  color: #8F37DF;
  background: rgba(143, 55, 223, 0.2);
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item.super .sign, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item.super .sign, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item.super .sign {
  color: #DF8400;
  background: rgba(223, 132, 0, 0.2);
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item.store .sign, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item.store .sign, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item.store .sign {
  color: #AF4034;
  background: rgba(175, 64, 52, 0.2);
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item.primary .sign, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item.primary .sign, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item.primary .sign {
  color: #00BCFF;
  background: rgba(0, 188, 255, 0.2);
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item.middle .sign, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item.middle .sign, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item.middle .sign {
  color: #41D3BD;
  background: rgba(65, 211, 189, 0.2);
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item.high .sign, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item.high .sign, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item.high .sign {
  color: #008C9E;
  background: rgba(0, 140, 158, 0.2);
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item.university .sign, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item.university .sign, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item.university .sign {
  color: #0045C7;
  background: rgba(0, 69, 199, 0.2);
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item.kinder .sign, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item.kinder .sign, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item.kinder .sign {
  color: #FF84B5;
  background: rgba(255, 132, 181, 0.2);
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item.bank .sign, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item.bank .sign, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item.bank .sign {
  color: #DF8400;
  background: rgba(223, 132, 0, 0.2);
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item.hall .sign, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item.hall .sign, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item.hall .sign {
  color: #A6172D;
  background: rgba(166, 23, 45, 0.2);
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item.hospital .sign, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item.hospital .sign, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item.hospital .sign {
  color: #00BCFF;
  background: rgba(0, 188, 255, 0.2);
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item.library .sign, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item.library .sign, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item.library .sign {
  color: #59BF8C;
  background: rgba(89, 191, 140, 0.2);
}
.estateDetail .room_info .mapBox .mapPanel .panelCont .item.police .sign, .estateDetail .mansion_info .mapBox .mapPanel .panelCont .item.police .sign, .estateDetail .rental_info .mapBox .mapPanel .panelCont .item.police .sign {
  color: #1E59FD;
  background: rgba(30, 89, 253, 0.2);
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_info .mapBox .mapPanel, .estateDetail .mansion_info .mapBox .mapPanel, .estateDetail .rental_info .mapBox .mapPanel {
    width: 100%;
    height: auto;
  }
  .estateDetail .room_info .mapBox .mapPanel .panelCont, .estateDetail .mansion_info .mapBox .mapPanel .panelCont, .estateDetail .rental_info .mapBox .mapPanel .panelCont {
    height: 150px;
  }
  .estateDetail .room_info .mapBox .mapMain, .estateDetail .mansion_info .mapBox .mapMain, .estateDetail .rental_info .mapBox .mapMain {
    width: 100%;
  }
}
.estateDetail .room_info .addressBox table, .estateDetail .mansion_info .addressBox table, .estateDetail .rental_info .addressBox table {
  width: 100%;
  margin-bottom: 10px;
  line-height: 1.6;
}
.estateDetail .room_info .addressBox table th, .estateDetail .room_info .addressBox table td, .estateDetail .mansion_info .addressBox table th, .estateDetail .mansion_info .addressBox table td, .estateDetail .rental_info .addressBox table th, .estateDetail .rental_info .addressBox table td {
  padding: 4px 0;
  font-size: 14px;
  font-size: 0.875rem;
}
.estateDetail .room_info .addressBox table th, .estateDetail .mansion_info .addressBox table th, .estateDetail .rental_info .addressBox table th {
  width: 45px;
  color: #838383;
  vertical-align: top;
}
.estateDetail .room_info .addressBox table td, .estateDetail .mansion_info .addressBox table td, .estateDetail .rental_info .addressBox table td {
  color: #373737;
}
.estateDetail .room_info_cost, .estateDetail .mansion_info_cost, .estateDetail .rental_info_cost {
  float: left;
  width: 50%;
  margin-bottom: 20px;
}
.estateDetail .room_info_cost:first-child, .estateDetail .mansion_info_cost:first-child, .estateDetail .rental_info_cost:first-child {
  padding-right: 30px;
}
.estateDetail .room_info_cost:last-child, .estateDetail .mansion_info_cost:last-child, .estateDetail .rental_info_cost:last-child {
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_info_cost, .estateDetail .mansion_info_cost, .estateDetail .rental_info_cost {
    float: none;
    width: 100%;
  }
  .estateDetail .room_info_cost:first-child, .estateDetail .room_info_cost:last-child, .estateDetail .mansion_info_cost:first-child, .estateDetail .mansion_info_cost:last-child, .estateDetail .rental_info_cost:first-child, .estateDetail .rental_info_cost:last-child {
    padding: 0;
  }
}
.estateDetail .room_info_cost .text, .estateDetail .mansion_info_cost .text, .estateDetail .rental_info_cost .text {
  margin-top: 35px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
}
.estateDetail .room_info_cost .text a, .estateDetail .mansion_info_cost .text a, .estateDetail .rental_info_cost .text a {
  color: #f9625c;
  cursor: pointer;
}
.estateDetail .room_info_cost .text a:hover, .estateDetail .mansion_info_cost .text a:hover, .estateDetail .rental_info_cost .text a:hover {
  color: #f9625c;
  opacity: 0.9;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_info_cost .text, .estateDetail .mansion_info_cost .text, .estateDetail .rental_info_cost .text {
    margin-top: 15px;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.estateDetail .room_info_cost table, .estateDetail .mansion_info_cost table, .estateDetail .rental_info_cost table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #cfcfcf;
}
.estateDetail .room_info_cost table th, .estateDetail .room_info_cost table td, .estateDetail .mansion_info_cost table th, .estateDetail .mansion_info_cost table td, .estateDetail .rental_info_cost table th, .estateDetail .rental_info_cost table td {
  padding: 12px 0;
  text-align: center;
  border: 1px solid #cfcfcf;
}
.estateDetail .room_info_cost table th, .estateDetail .mansion_info_cost table th, .estateDetail .rental_info_cost table th {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  background-color: #F8F8F8;
}
.estateDetail .room_info_cost table th.caption, .estateDetail .mansion_info_cost table th.caption, .estateDetail .rental_info_cost table th.caption {
  font-size: 18px;
  font-size: 1.125rem;
}
.estateDetail .room_info_cost table th.subCaption, .estateDetail .mansion_info_cost table th.subCaption, .estateDetail .rental_info_cost table th.subCaption {
  font-size: 16px;
  font-size: 1rem;
  padding: 10px 0;
  background-color: #E7E7E7;
}
.estateDetail .room_info_cost table th.yellow, .estateDetail .mansion_info_cost table th.yellow, .estateDetail .rental_info_cost table th.yellow {
  background-color: #FDF3D6;
}
.estateDetail .room_info_cost table th.blue, .estateDetail .mansion_info_cost table th.blue, .estateDetail .rental_info_cost table th.blue {
  background-color: #D9EBF9;
}
.estateDetail .room_info_cost table td, .estateDetail .mansion_info_cost table td, .estateDetail .rental_info_cost table td {
  font-size: 14px;
  font-size: 0.875rem;
}
.estateDetail .room_info_cost table .tips, .estateDetail .mansion_info_cost table .tips, .estateDetail .rental_info_cost table .tips {
  margin-left: 5px;
  border-radius: 100%;
  background: #dddddd;
  display: inline-block;
  color: #666666;
  font-size: 10px;
  font-weight: bold;
  line-height: 16px;
  width: 16px;
  height: 16px;
  text-decoration: none;
}
.estateDetail .room_info_cost table .lgjIcon, .estateDetail .mansion_info_cost table .lgjIcon, .estateDetail .rental_info_cost table .lgjIcon {
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/img/main/cmn/ico_lgj.png");
}
.estateDetail .room_info_cost:last-child, .estateDetail .mansion_info_cost:last-child, .estateDetail .rental_info_cost:last-child {
  margin-right: 0;
}
.estateDetail .room_info_cost:last-child th.caption, .estateDetail .mansion_info_cost:last-child th.caption, .estateDetail .rental_info_cost:last-child th.caption {
  background-color: #DDF2F3;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_info_cost table th, .estateDetail .mansion_info_cost table th, .estateDetail .rental_info_cost table th {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .estateDetail .room_info_cost table .caption, .estateDetail .mansion_info_cost table .caption, .estateDetail .rental_info_cost table .caption {
    font-size: 16px;
    font-size: 1rem;
  }
}
.estateDetail .room_info_roomList, .estateDetail .mansion_info_roomList, .estateDetail .rental_info_roomList {
  position: relative;
}
.estateDetail .room_info_roomList .filter, .estateDetail .mansion_info_roomList .filter, .estateDetail .rental_info_roomList .filter {
  position: absolute;
  right: 0;
  top: -61px;
}
.estateDetail .room_info_roomList .filter:before, .estateDetail .room_info_roomList .filter:after, .estateDetail .mansion_info_roomList .filter:before, .estateDetail .mansion_info_roomList .filter:after, .estateDetail .rental_info_roomList .filter:before, .estateDetail .rental_info_roomList .filter:after {
  content: " ";
  display: table;
}
.estateDetail .room_info_roomList .filter:after, .estateDetail .mansion_info_roomList .filter:after, .estateDetail .rental_info_roomList .filter:after {
  clear: both;
}
.estateDetail .room_info_roomList .filter div, .estateDetail .mansion_info_roomList .filter div, .estateDetail .rental_info_roomList .filter div {
  float: left;
  color: #2fa9af;
  font-size: 16px;
  font-size: 1rem;
  cursor: pointer;
}
.estateDetail .room_info_roomList .filter div:not(:last-child), .estateDetail .mansion_info_roomList .filter div:not(:last-child), .estateDetail .rental_info_roomList .filter div:not(:last-child) {
  margin-right: 28px;
}
.estateDetail .room_info_roomList .filter div:hover, .estateDetail .mansion_info_roomList .filter div:hover, .estateDetail .rental_info_roomList .filter div:hover {
  color: #44c6cd;
}
.estateDetail .room_info_roomList .filter div.active_filter, .estateDetail .mansion_info_roomList .filter div.active_filter, .estateDetail .rental_info_roomList .filter div.active_filter {
  padding-bottom: 5px;
  color: #ff7621;
  font-weight: bold;
  border-bottom: 3px solid #ff7621;
}
.estateDetail .room_info_roomList .result ul, .estateDetail .mansion_info_roomList .result ul, .estateDetail .rental_info_roomList .result ul {
  display: none;
  height: 200px;
}
.estateDetail .room_info_roomList .result ul li, .estateDetail .mansion_info_roomList .result ul li, .estateDetail .rental_info_roomList .result ul li {
  display: inline-block;
  width: calc((100% - 50px)/3);
  vertical-align: top;
}
.estateDetail .room_info_roomList .result ul li a .photo, .estateDetail .mansion_info_roomList .result ul li a .photo, .estateDetail .rental_info_roomList .result ul li a .photo {
  position: relative;
  padding-top: 66%;
  margin-bottom: 10px;
  background-size: cover;
}
.estateDetail .room_info_roomList .result ul li a .photo span, .estateDetail .mansion_info_roomList .result ul li a .photo span, .estateDetail .rental_info_roomList .result ul li a .photo span {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 8px 10px;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.6);
}
.estateDetail .room_info_roomList .result ul li a .text, .estateDetail .mansion_info_roomList .result ul li a .text, .estateDetail .rental_info_roomList .result ul li a .text {
  font-size: 14px;
  font-size: 0.875rem;
  color: #373737;
  line-height: 20px;
}
.estateDetail .room_info_roomList .result ul li a:hover, .estateDetail .mansion_info_roomList .result ul li a:hover, .estateDetail .rental_info_roomList .result ul li a:hover {
  text-decoration: none;
}
.estateDetail .room_info_roomList .result ul li a:hover .photo, .estateDetail .mansion_info_roomList .result ul li a:hover .photo, .estateDetail .rental_info_roomList .result ul li a:hover .photo {
  opacity: 0.7;
}
.estateDetail .room_info_roomList .result ul li a:active, .estateDetail .room_info_roomList .result ul li a:visited, .estateDetail .room_info_roomList .result ul li a:focus, .estateDetail .mansion_info_roomList .result ul li a:active, .estateDetail .mansion_info_roomList .result ul li a:visited, .estateDetail .mansion_info_roomList .result ul li a:focus, .estateDetail .rental_info_roomList .result ul li a:active, .estateDetail .rental_info_roomList .result ul li a:visited, .estateDetail .rental_info_roomList .result ul li a:focus {
  text-decoration: none;
}
.estateDetail .room_info_roomList .result ul li a:active .photo, .estateDetail .room_info_roomList .result ul li a:visited .photo, .estateDetail .room_info_roomList .result ul li a:focus .photo, .estateDetail .mansion_info_roomList .result ul li a:active .photo, .estateDetail .mansion_info_roomList .result ul li a:visited .photo, .estateDetail .mansion_info_roomList .result ul li a:focus .photo, .estateDetail .rental_info_roomList .result ul li a:active .photo, .estateDetail .rental_info_roomList .result ul li a:visited .photo, .estateDetail .rental_info_roomList .result ul li a:focus .photo {
  opacity: 1;
}
.estateDetail .room_info_roomList .result ul li:not(:last-child), .estateDetail .mansion_info_roomList .result ul li:not(:last-child), .estateDetail .rental_info_roomList .result ul li:not(:last-child) {
  margin-right: 20px;
}
.estateDetail .room_info_roomList .result ul.result_active, .estateDetail .mansion_info_roomList .result ul.result_active, .estateDetail .rental_info_roomList .result ul.result_active {
  display: block;
  height: auto;
}
.estateDetail .room_info_roomList .moreInfo, .estateDetail .mansion_info_roomList .moreInfo, .estateDetail .rental_info_roomList .moreInfo {
  margin-top: 10px;
}
.estateDetail .room_info_roomList .moreInfo .text, .estateDetail .mansion_info_roomList .moreInfo .text, .estateDetail .rental_info_roomList .moreInfo .text {
  margin-right: 40px;
  margin-bottom: 10px;
  font-size: 16px;
  color: #F9625C;
}
.estateDetail .room_info_roomList .moreInfo .contactBtn a, .estateDetail .mansion_info_roomList .moreInfo .contactBtn a, .estateDetail .rental_info_roomList .moreInfo .contactBtn a {
  display: inline-block;
  width: 100px;
  text-decoration: none;
}
.estateDetail .room_info_roomList .moreInfo .contactBtn a:not(:last-child), .estateDetail .mansion_info_roomList .moreInfo .contactBtn a:not(:last-child), .estateDetail .rental_info_roomList .moreInfo .contactBtn a:not(:last-child) {
  margin-right: 20px;
}
.estateDetail .room_info_roomList .moreInfo .contactBtn a .button, .estateDetail .mansion_info_roomList .moreInfo .contactBtn a .button, .estateDetail .rental_info_roomList .moreInfo .contactBtn a .button {
  padding: 8px 0;
  font-size: 14px;
  font-size: 0.875rem;
  color: #2fa9af;
  text-align: center;
  border: 1px solid #2fa9af;
  border-radius: 5px;
}
.estateDetail .room_info_roomList .moreInfo .contactBtn a .button:hover, .estateDetail .mansion_info_roomList .moreInfo .contactBtn a .button:hover, .estateDetail .rental_info_roomList .moreInfo .contactBtn a .button:hover {
  color: #fff;
  background-color: #68C0C4;
  border: 1px solid #68C0C4;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_info_roomList .moreInfo .text, .estateDetail .mansion_info_roomList .moreInfo .text, .estateDetail .rental_info_roomList .moreInfo .text {
    font-size: 14px;
  }
  .estateDetail .room_info_roomList .moreInfo .contactBtn a .button, .estateDetail .mansion_info_roomList .moreInfo .contactBtn a .button, .estateDetail .rental_info_roomList .moreInfo .contactBtn a .button {
    padding: 5px 0;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 1199px) {
  .estateDetail .room_info_roomList .result ul, .estateDetail .mansion_info_roomList .result ul, .estateDetail .rental_info_roomList .result ul {
    height: 260px;
  }
}
@media only screen and (max-width: 991px) {
  .estateDetail .room_info_roomList .result ul, .estateDetail .mansion_info_roomList .result ul, .estateDetail .rental_info_roomList .result ul {
    height: 210px;
  }
}
@media only screen and (max-width: 767px) {
  .estateDetail .room_info_roomList .filter, .estateDetail .mansion_info_roomList .filter, .estateDetail .rental_info_roomList .filter {
    top: -25px;
  }
  .estateDetail .room_info_roomList .filter div, .estateDetail .mansion_info_roomList .filter div, .estateDetail .rental_info_roomList .filter div {
    margin-right: 10px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .estateDetail .room_info_roomList .filter div.active_filter, .estateDetail .mansion_info_roomList .filter div.active_filter, .estateDetail .rental_info_roomList .filter div.active_filter {
    border-bottom: 2px solid #ff7621;
    padding-bottom: 3px;
  }
  .estateDetail .room_info_roomList .result ul, .estateDetail .mansion_info_roomList .result ul, .estateDetail .rental_info_roomList .result ul {
    overflow-x: scroll;
    height: 190px;
    white-space: nowrap;
  }
  .estateDetail .room_info_roomList .result ul li, .estateDetail .mansion_info_roomList .result ul li, .estateDetail .rental_info_roomList .result ul li {
    width: 210px;
    margin-right: 10px;
    white-space: normal;
  }
  .estateDetail .room_info_roomList .result ul li .photo span, .estateDetail .mansion_info_roomList .result ul li .photo span, .estateDetail .rental_info_roomList .result ul li .photo span {
    padding: 5px;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .estateDetail .room_info_roomList .result ul li .text, .estateDetail .mansion_info_roomList .result ul li .text, .estateDetail .rental_info_roomList .result ul li .text {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
.estateDetail .room .rental_info .rentTitle, .estateDetail .mansion .rental_info .rentTitle, .estateDetail .rental .rental_info .rentTitle {
  margin-bottom: 10px;
}
.estateDetail .room .rental_info .rentKeyword, .estateDetail .mansion .rental_info .rentKeyword, .estateDetail .rental .rental_info .rentKeyword {
  margin-bottom: 10px;
}
.estateDetail .room .rental_info .rentKeyword:before, .estateDetail .room .rental_info .rentKeyword:after, .estateDetail .mansion .rental_info .rentKeyword:before, .estateDetail .mansion .rental_info .rentKeyword:after, .estateDetail .rental .rental_info .rentKeyword:before, .estateDetail .rental .rental_info .rentKeyword:after {
  content: " ";
  display: table;
}
.estateDetail .room .rental_info .rentKeyword:after, .estateDetail .mansion .rental_info .rentKeyword:after, .estateDetail .rental .rental_info .rentKeyword:after {
  clear: both;
}
.estateDetail .room .rental_info .rentKeyword li, .estateDetail .mansion .rental_info .rentKeyword li, .estateDetail .rental .rental_info .rentKeyword li {
  float: left;
  padding: 5px 8px;
  margin: 0 5px 10px 0;
  font-size: 12px;
  color: #AD7E38;
  background: #FEF3E3;
  border-radius: 1px;
}
.estateDetail .room .rental_info .rentKeyword li:nth-child(4n+1), .estateDetail .mansion .rental_info .rentKeyword li:nth-child(4n+1), .estateDetail .rental .rental_info .rentKeyword li:nth-child(4n+1) {
  color: #ab3939;
  background-color: #fde7e7;
}
.estateDetail .room .rental_info .rentKeyword li:nth-child(4n+2), .estateDetail .mansion .rental_info .rentKeyword li:nth-child(4n+2), .estateDetail .rental .rental_info .rentKeyword li:nth-child(4n+2) {
  color: #ad7e38;
  background-color: #fef3e3;
}
.estateDetail .room .rental_info .rentKeyword li:nth-child(4n+3), .estateDetail .mansion .rental_info .rentKeyword li:nth-child(4n+3), .estateDetail .rental .rental_info .rentKeyword li:nth-child(4n+3) {
  color: #4d869e;
  background-color: #e5f6fb;
}
.estateDetail .room .rental_info .rentKeyword li:nth-child(4n+4), .estateDetail .mansion .rental_info .rentKeyword li:nth-child(4n+4), .estateDetail .rental .rental_info .rentKeyword li:nth-child(4n+4) {
  color: #659679;
  background-color: #e5fbee;
}
.estateDetail .room .rental_info .rentRemark, .estateDetail .mansion .rental_info .rentRemark, .estateDetail .rental .rental_info .rentRemark {
  padding: 10px;
  margin-top: 20px;
  font-size: 13px;
  color: #5d5d5d;
  line-height: 20px;
  border: 1px solid #cfcfcf;
}
.estateDetail .room .rental_info .room_info_table .block .tableName, .estateDetail .mansion .rental_info .room_info_table .block .tableName, .estateDetail .rental .rental_info .room_info_table .block .tableName {
  width: 300px;
}
.estateDetail .room .rental_info .room_info_table .block table, .estateDetail .mansion .rental_info .room_info_table .block table, .estateDetail .rental .rental_info .room_info_table .block table {
  float: right;
  width: 50%;
}
.estateDetail .room .rental_info .room_info_table .block .tableIcon:before, .estateDetail .room .rental_info .room_info_table .block .tableIcon:after, .estateDetail .mansion .rental_info .room_info_table .block .tableIcon:before, .estateDetail .mansion .rental_info .room_info_table .block .tableIcon:after, .estateDetail .rental .rental_info .room_info_table .block .tableIcon:before, .estateDetail .rental .rental_info .room_info_table .block .tableIcon:after {
  content: " ";
  display: table;
}
.estateDetail .room .rental_info .room_info_table .block .tableIcon:after, .estateDetail .mansion .rental_info .room_info_table .block .tableIcon:after, .estateDetail .rental .rental_info .room_info_table .block .tableIcon:after {
  clear: both;
}
.estateDetail .room .rental_info .room_info_table .block .tableIcon span, .estateDetail .mansion .rental_info .room_info_table .block .tableIcon span, .estateDetail .rental .rental_info .room_info_table .block .tableIcon span {
  float: left;
  width: 20%;
  padding: 0 5px;
  margin-bottom: 20px;
  font-size: 15px;
}
.estateDetail .room .rental_info .room_info_table .block .tableIcon span:before, .estateDetail .room .rental_info .room_info_table .block .tableIcon span:after, .estateDetail .mansion .rental_info .room_info_table .block .tableIcon span:before, .estateDetail .mansion .rental_info .room_info_table .block .tableIcon span:after, .estateDetail .rental .rental_info .room_info_table .block .tableIcon span:before, .estateDetail .rental .rental_info .room_info_table .block .tableIcon span:after {
  content: " ";
  display: table;
}
.estateDetail .room .rental_info .room_info_table .block .tableIcon span:after, .estateDetail .mansion .rental_info .room_info_table .block .tableIcon span:after, .estateDetail .rental .rental_info .room_info_table .block .tableIcon span:after {
  clear: both;
}
.estateDetail .room .rental_info .room_info_table .block .tableIcon span img, .estateDetail .mansion .rental_info .room_info_table .block .tableIcon span img, .estateDetail .rental .rental_info .room_info_table .block .tableIcon span img {
  width: 35px;
  float: left;
  margin-right: 12px;
  vertical-align: middle;
}
.estateDetail .room .rental_info .room_info_table .block .tableIcon span i, .estateDetail .mansion .rental_info .room_info_table .block .tableIcon span i, .estateDetail .rental .rental_info .room_info_table .block .tableIcon span i {
  float: left;
  width: calc(100% - 47px);
  height: 35px;
  padding-top: 10px;
}
@media only screen and (max-width: 767px) {
  .estateDetail .room .rental_info .rentKeyword, .estateDetail .mansion .rental_info .rentKeyword, .estateDetail .rental .rental_info .rentKeyword {
    margin-bottom: 0px;
  }
  .estateDetail .room .rental_info .introduction, .estateDetail .mansion .rental_info .introduction, .estateDetail .rental .rental_info .introduction {
    font-size: 14px;
  }
  .estateDetail .room .rental_info .rentRemark, .estateDetail .mansion .rental_info .rentRemark, .estateDetail .rental .rental_info .rentRemark {
    padding: 5px;
    margin-top: 10px;
    font-size: 12px;
  }
  .estateDetail .room .rental_info .room_info_table .block:not(:last-child), .estateDetail .mansion .rental_info .room_info_table .block:not(:last-child), .estateDetail .rental .rental_info .room_info_table .block:not(:last-child) {
    margin-bottom: 20px;
  }
  .estateDetail .room .rental_info .room_info_table .block .tableName, .estateDetail .mansion .rental_info .room_info_table .block .tableName, .estateDetail .rental .rental_info .room_info_table .block .tableName {
    font-size: 16px;
  }
  .estateDetail .room .rental_info .room_info_table .block table, .estateDetail .mansion .rental_info .room_info_table .block table, .estateDetail .rental .rental_info .room_info_table .block table {
    width: 100%;
  }
  .estateDetail .room .rental_info .room_info_table .block table th, .estateDetail .room .rental_info .room_info_table .block table td, .estateDetail .mansion .rental_info .room_info_table .block table th, .estateDetail .mansion .rental_info .room_info_table .block table td, .estateDetail .rental .rental_info .room_info_table .block table th, .estateDetail .rental .rental_info .room_info_table .block table td {
    font-size: 13px;
  }
  .estateDetail .room .rental_info .room_info_table .block .tableIcon span, .estateDetail .mansion .rental_info .room_info_table .block .tableIcon span, .estateDetail .rental .rental_info .room_info_table .block .tableIcon span {
    font-size: 13px;
    width: 33%;
  }
  .estateDetail .room .rental_info .room_info_table .block .tableIcon span img, .estateDetail .mansion .rental_info .room_info_table .block .tableIcon span img, .estateDetail .rental .rental_info .room_info_table .block .tableIcon span img {
    width: 25px;
    margin-right: 10px;
  }
  .estateDetail .room .rental_info .room_info_table .block .tableIcon span i, .estateDetail .mansion .rental_info .room_info_table .block .tableIcon span i, .estateDetail .rental .rental_info .room_info_table .block .tableIcon span i {
    width: calc(100% - 35px);
    height: 25px;
    padding-top: 4px;
  }
}
.estateDetail .room, .estateDetail .rental {
  background-color: #ffffff;
}
.estateDetail .room_menu .menu ul.left, .estateDetail .rental_menu .menu ul.left {
  width: 100%;
}
.estateDetail .root_detail_content {
  float: left;
}
.estateDetail .adv_content {
  float: right;
  width: 234px;
  position: sticky;
  top: 124px;
  z-index: 8;
}
.estateDetail .adv_content .adv_item {
  margin-bottom: 15px;
}
.estateDetail .adv_content .adv_item img {
  width: 100%;
  height: auto;
}
.estateDetail .adv_content .adv_item .clause {
  position: relative !important;
  bottom: 26px !important;
}
.estateDetail .r_bottom .adv_content {
  position: static;
}
@media only screen and (min-width: 1200px) {
  .estateDetail .container {
    width: 1200px;
  }
  .estateDetail .root_detail_content {
    width: 880px;
  }
  .estateDetail .root_detail_content .room_info_agent {
    position: relative;
  }
  .estateDetail .root_detail_content .room_info_agent:before, .estateDetail .root_detail_content .room_info_agent:after {
    content: " ";
    display: table;
  }
  .estateDetail .root_detail_content .room_info_agent:after {
    clear: both;
  }
  .estateDetail .root_detail_content .room_info_agent .left {
    float: left;
    width: calc(100% - 380px);
  }
  .estateDetail .root_detail_content .room_info_agent .right {
    float: right;
    width: 350px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .estateDetail .container {
    width: 990px;
  }
  .estateDetail .root_detail_content .room_info_agent .left {
    float: left;
    width: calc(100% - 330px);
  }
  .estateDetail .root_detail_content .room_info_agent .right {
    float: right;
    width: 300px;
  }
}
@media only screen and (max-width: 1199px) {
  .estateDetail .container {
    min-width: 990px;
  }
  .estateDetail .container .root_detail_content {
    width: 750px;
  }
  .estateDetail .container .adv_content {
    width: calc( 100% - 800px );
  }
}
@media only screen and (max-width: 767px) {
  .estateDetail .room .container, .estateDetail .rental .container {
    width: 100%;
  }
  .estateDetail .room .root_detail_content, .estateDetail .rental .root_detail_content {
    float: none;
    width: 100%;
  }
  .estateDetail .room .adv_content, .estateDetail .rental .adv_content {
    float: none;
    padding: 0px;
    margin-top: 20px;
    width: 100%;
  }
  .estateDetail .room .adv_content .adv_item, .estateDetail .rental .adv_content .adv_item {
    margin-bottom: 20px;
  }
  .estateDetail .room .adv_content .mb10, .estateDetail .rental .adv_content .mb10 {
    margin-bottom: 10px;
  }
}

.scroll {
  overflow: hidden;
  height: 100vh;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .agentListAchor {
    margin: 15px 0;
  }
}
.agentListAchor a {
  color: #2fa9af;
  font-size: 16px;
  font-size: 1rem;
  text-decoration: none;
}
.agentListAchor a i {
  font-size: 120%;
}
.agentListAchor a i:first-child {
  margin-left: 3px;
}
.agentListAchor a:hover {
  opacity: 0.7;
}

.room_info_agent {
  position: relative;
}
.room_info_agent:before, .room_info_agent:after {
  content: " ";
  display: table;
}
.room_info_agent:after {
  clear: both;
}
.room_info_agent .left {
  float: left;
  width: calc(100% - 530px);
}
.room_info_agent .right {
  float: right;
  width: 500px;
}
.room_info_agent .baseInfo {
  margin-bottom: 10px;
}
.room_info_agent .baseInfo:before, .room_info_agent .baseInfo:after {
  content: " ";
  display: table;
}
.room_info_agent .baseInfo:after {
  clear: both;
}
.room_info_agent .baseInfo .logo {
  float: left;
  margin-right: 15px;
}
.room_info_agent .baseInfo .logo img {
  max-width: 160px;
  height: 70px;
}
.room_info_agent .baseInfo .info .name {
  margin-top: 3px;
  margin-bottom: 8px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}
.room_info_agent .baseInfo .info .text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
}
.room_info_agent .baseInfo .detail {
  margin-top: 10px;
  width: 100%;
  border: #e4e4e4 solid 1.5px;
  padding: 8px;
}
.room_info_agent .baseInfo .detail:before, .room_info_agent .baseInfo .detail:after {
  content: " ";
  display: table;
}
.room_info_agent .baseInfo .detail:after {
  clear: both;
}
.room_info_agent .baseInfo .detail .text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
}
.room_info_agent .baseInfo .detail .detailText {
  float: left;
  width: calc(100% - 60px);
}
.room_info_agent .baseInfo .detail .detailText table th, .room_info_agent .baseInfo .detail .detailText table td {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
}
.room_info_agent .baseInfo .detail .detailText table th {
  font-weight: bold;
  vertical-align: top;
}
.room_info_agent .baseInfo .detail .detailInfo {
  float: left;
  width: calc(100% - 60px);
}
.room_info_agent .baseInfo .detail .detailInfo dl:before, .room_info_agent .baseInfo .detail .detailInfo dl:after {
  content: " ";
  display: table;
}
.room_info_agent .baseInfo .detail .detailInfo dl:after {
  clear: both;
}
.room_info_agent .baseInfo .detail .detailInfo dl dt, .room_info_agent .baseInfo .detail .detailInfo dl dd {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.6;
}
.room_info_agent .baseInfo .detail .detailInfo dl dt {
  float: left;
  width: 70px;
  font-weight: bold;
  vertical-align: top;
}
.room_info_agent .baseInfo .detail .detailInfo dl dd {
  float: left;
  width: calc(100% - 70px);
  overflow: hidden;
}
.room_info_agent .baseInfo .detail .detailInfo dl dd .linkInfo {
  width: 100%;
  color: #111;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.room_info_agent .baseInfo .detail .metal {
  float: right;
  width: 60px;
  height: 60px;
}
.room_info_agent .baseInfo .detail .metal img {
  width: 100%;
  height: 100%;
}
.room_info_agent .descInfo {
  padding-top: 10px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  clear: both;
}
.room_info_agent .descInfo pre {
  white-space: pre-wrap;
}
.room_info_agent .photo {
  padding-top: 60%;
  background-size: 80%;
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 991px) {
  .room_info_agent .left {
    float: none;
    width: 100%;
  }
  .room_info_agent .right {
    float: none;
    width: 350px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    margin-bottom: 20px;
  }
  .room_info_agent .baseInfo {
    margin-bottom: 10px;
  }
  .room_info_agent .baseInfo .info .name {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .room_info_agent .descInfo {
    padding-top: 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 767px) {
  .room_info_agent .baseInfo .logo {
    float: left;
    margin-right: 15px;
  }
  .room_info_agent .baseInfo .logo img {
    max-width: 100px;
    height: 50px;
  }
  .room_info_agent .baseInfo .info .name {
    margin: 2px 0 6px;
    font-size: 16px;
    font-size: 1rem;
  }
  .room_info_agent .baseInfo .info .text {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
  }
  .room_info_agent .baseInfo .detail .text {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .room_info_agent .right {
    width: 100%;
  }
  .room_info_agent .agentList {
    margin: 10px 0;
    text-align: center;
  }
}

.rent_contact .contactFormMain {
  width: 500px;
}
@media only screen and (max-width: 767px) {
  .rent_contact .contactFormMain {
    width: 100%;
  }
}

.room_contact {
  background: url("/img/main/detail/contact_info_bg.jpg") no-repeat right center;
  background-size: cover;
}
.room_contact.reserveForm:before, .room_contact.reserveForm:after {
  content: " ";
  display: table;
}
.room_contact.reserveForm:after {
  clear: both;
}
.room_contact .contactInfoWrapper {
  float: left;
  width: 35%;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .room_contact .contactInfoWrapper {
    display: none;
  }
}
.room_contact .contactInfoWrapper .contactInfoMain {
  display: inline-block;
  width: 280px;
  height: 530px;
  text-align: left;
  color: #fff;
}
.room_contact .contactInfoWrapper .contactInfoMain .mainTitle {
  margin: 100px 50px 25px 0;
  padding-bottom: 15px;
  font-size: 28px;
  font-weight: 600;
  border-bottom: #2fa9af 2px solid;
}
.room_contact .contactInfoWrapper .contactInfoMain .subTitle {
  text-align: left;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 10px;
}
.room_contact .contactInfoWrapper .contactInfoMain .text {
  font-size: 22px;
  margin-bottom: 30px;
  font-weight: bold;
}
.room_contact .contactInfoWrapper .contactInfoMain .time {
  margin-bottom: 10px;
}
.room_contact .contactInfoWrapper .contactInfoMain .time span {
  display: block;
  font-size: 14px;
  line-height: 20px;
}
.room_contact .contactInfoWrapper .contactInfoMain .qrcode {
  margin-bottom: 80px;
}
.room_contact .contactInfoWrapper .contactInfoMain .qrcode img {
  width: 150px;
  background-color: #fff;
}
.room_contact .contactFormWrapper {
  float: right;
  width: 65%;
}
.room_contact .contactFormWrapper .contactFormTable {
  width: 600px;
  height: 530px;
  background-color: #F7F7F7;
  margin-left: 100px;
  padding: 0 100px;
}
.room_contact .contactFormWrapper .contactFormTable .title {
  margin: 0;
  padding: 40px 0 10px;
}
@media only screen and (max-width: 1199px) {
  .room_contact .contactFormWrapper .contactFormTable {
    width: 500px;
    margin-left: 40px;
    padding: 0 60px;
  }
}
@media only screen and (max-width: 991px) {
  .room_contact .contactInfoWrapper .contactInfoMain {
    width: 210px;
  }
  .room_contact .contactFormWrapper .contactFormTable {
    margin-left: 10px;
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .room_contact {
    background: none;
    background-color: #F7F7F7;
  }
  .room_contact .contactFormWrapper {
    float: none;
    width: 100%;
  }
  .room_contact .contactFormWrapper .contactFormTable {
    width: 100%;
    height: auto;
    margin-left: 0;
    padding: 0 10px;
  }
  .room_contact .contactFormWrapper .contactFormTable .title {
    padding: 0;
    margin: 0 0 10px 0;
  }
}
.room_contact.agentForm {
  background: none;
  background-color: #F7F7F7;
}
.room_contact.agentForm .contactInfoWrapper {
  display: none;
}
.room_contact.agentForm .contactFormWrapper {
  float: none;
  width: 100%;
}
.room_contact.agentForm .contactFormWrapper .contactFormTable {
  width: 480px;
  padding: 0 20px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .room_contact.agentForm .contactFormWrapper .contactFormTable {
    width: 100%;
  }
}

.expressDetail .room_info .title {
  border-left: 12px solid #09af64;
}
@media only screen and (max-width: 767px) {
  .expressDetail .room_info .title {
    border-left: none;
  }
}
.expressDetail .room_menu.room_menu_fixed .menu ul.left li.active, .expressDetail .room_menu .menu ul.left li.active {
  background-color: #09af64;
}
.expressDetail .room_menu.room_menu_fixed .menu ul.left li:hover, .expressDetail .room_menu .menu ul.left li:hover {
  background-color: #60c597;
}
.expressDetail .room_top .agentInfo {
  background-color: #f5f5f5;
}
.expressDetail .room_top .agentInfo .infoCont .name {
  font-size: 24px;
  margin: 3px 0 13px;
}
.expressDetail .room_top .agentInfo .infoCont .time {
  font-size: 16px;
  line-height: 24px;
}
@media only screen and (max-width: 767px) {
  .expressDetail .room_top .agentInfo {
    background-color: white;
  }
  .expressDetail .room_top .agentInfo .name {
    font-size: 22px;
    margin: 5px 0 11px;
  }
  .expressDetail .room_top .agentInfo .time {
    font-size: 14px;
  }
}

.popup_contactFavForm {
  display: none;
}
.popup_contactFavForm .checkbox-container a {
  color: #111;
}
.popup_contactFavForm .popupClose, .popup_contactFavForm .popClose {
  z-index: 1;
}
.popup_contactFavForm .popupMain {
  width: 450px;
  transform: translate(-50%, -50%);
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteTitle {
  position: relative;
  height: 100px;
  background: url("/img/main/cmn/contactFavForm/bg_contactFavForm_title_pc.png") no-repeat center;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteTitle .picture {
  position: absolute;
  top: -28px;
  left: 50px;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteTitle .picture img {
  width: 127px;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteTitle .title {
  padding: 15px 0 20px 175px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #000;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteTitle .text {
  font-size: 14px;
  font-size: 0.875rem;
  color: #000;
  text-align: center;
  line-height: 1.6;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont {
  background: #ffff;
  padding: 0 20px;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteFeature {
  padding: 8px 0;
  border-bottom: 1px solid #E5E5E5;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteFeature ul:before, .popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteFeature ul:after {
  content: " ";
  display: table;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteFeature ul:after {
  clear: both;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteFeature ul li {
  width: 25%;
  float: left;
  color: #000;
  font-size: 16px;
  font-size: 1rem;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteFeature ul li img {
  width: 18px;
  vertical-align: text-bottom;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm {
  padding: 10px 0;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl {
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 0.875rem;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl:before, .popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl:after {
  content: " ";
  display: table;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl:after {
  clear: both;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dt {
  float: left;
  width: 64px;
  color: #4A4A4A;
  padding: 8px 0;
  font-weight: 700;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dt .redTxt {
  color: #FE3333;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd {
  float: right;
  width: calc(100% - 64px);
  color: #000;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .btn-default {
  background: #F3F5F4;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .btn-default .filter-option-inner-inner {
  color: #757575;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd:before, .popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd:after {
  content: " ";
  display: table;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd:after {
  clear: both;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd input {
  width: 100%;
  height: 36px;
  padding: 7px 10px;
  background: #F3F5F4;
  border: none;
  line-height: inherit;
  border-radius: 2px;
  outline: 0;
  color: #010101;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .verifyCodeInput {
  float: left;
  width: calc(100% - 130px);
  margin-right: 10px;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .verifyCodeBtn {
  float: left;
  background-color: #2fa9af;
  width: 120px;
  text-align: center;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 38px;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .verifyCodeBtn .verifyCodeSubmit {
  display: block;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .verifyCodeBtn:hover {
  cursor: pointer;
  background: #34bcc3;
  color: #fff;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .verifyCodeTimer, .popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .verifyCodeTimer:hover {
  color: #fff;
  background: #bbb;
  border: 1px solid #bbb;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .autoLogin {
  width: auto;
  height: auto;
  margin: 0;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .otherMessage {
  margin-bottom: 15px;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .otherMessage:before, .popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .otherMessage:after {
  content: " ";
  display: table;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .otherMessage:after {
  clear: both;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .otherMessage .checkboxAutoLogin {
  display: inline-block;
  float: left;
  font-size: 13px;
  font-size: 0.8125rem;
  cursor: pointer;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .otherMessage .checkboxAutoLogin input[type="checkbox"] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  outline: none;
  display: none;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .otherMessage .checkboxAutoLogin input[type="checkbox"] + label {
  font-weight: normal;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .otherMessage .checkboxAutoLogin input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border: 1px solid #ddd;
  border-radius: 2px;
  vertical-align: middle;
  margin-right: 5px;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .otherMessage .checkboxAutoLogin input[type="checkbox"]:checked + label:before {
  content: "";
  color: #2eb1b8;
  font-size: 10px;
  text-align: center;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .phoneNationality {
  float: left;
  height: 36px;
  width: 120px;
  background: #F3F5F4;
  border: none;
  font-size: 14px;
  color: #010101;
  line-height: 36px;
  margin-right: 10px;
  padding: 0 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(/img/main/cmn/select-arrow-d.png);
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: right 5px center;
  background-attachment: scroll;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .phoneNumber {
  float: left;
  width: calc(100% - 130px);
  padding: 7px 10px;
  color: #010101;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd textarea {
  width: 100%;
  height: 60px;
  padding: 10px;
  color: #010101;
  background: #F3F5F4;
  resize: none;
  border: none;
  border-radius: 3px;
  outline: 0;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm .message {
  margin-bottom: 10px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #414141;
  text-align: center;
  opacity: 0;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm .message.error {
  color: #F5492C;
  opacity: 1;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm .message.error:before {
  content: "";
  font-family: "iconfont" !important;
  font-weight: 900;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm .message.success {
  color: #414141;
  opacity: 1;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm .button button {
  width: 100%;
  margin-bottom: 5px;
  padding: 13px 36px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #eb8731;
  border-radius: 4px;
  outline: 0;
  border: none;
}
.popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm .button button:hover {
  background-color: rgba(235, 135, 49, 0.8);
}
@media only screen and (max-width: 767px) {
  .popup_contactFavForm .popupMain {
    width: 340px;
  }
  .popup_contactFavForm .popupMain .contactFavoriteMain .favoriteTitle {
    height: 104px;
    background: url("/img/main/cmn/contactFavForm/bg_contactFavForm_title_sp.png") no-repeat center;
  }
  .popup_contactFavForm .popupMain .contactFavoriteMain .favoriteTitle .picture {
    top: -50px;
    left: 2px;
  }
  .popup_contactFavForm .popupMain .contactFavoriteMain .favoriteTitle .title {
    padding: 15px 0 15px 122px;
  }
  .popup_contactFavForm .popupMain .contactFavoriteMain .favoriteTitle .text {
    padding: 0 40px;
  }
  .popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont {
    padding: 0 15px;
  }
  .popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteFeature {
    text-align: center;
  }
  .popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteFeature img {
    margin-bottom: 5px;
  }
  .popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteFeature span {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm {
    padding: 15px 0;
  }
  .popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .phoneNationality {
    width: 60px;
  }
  .popup_contactFavForm .popupMain .contactFavoriteMain .favoriteCont .favoriteForm dl dd .phoneNumber {
    width: calc(100% - 70px);
  }
}

.elite_visa .banner {
  height: 380px;
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: center center;
}
@media only screen and (max-width: 767px) {
  .elite_visa .banner {
    height: 210px;
  }
}
@media(max-width : 414px) {
  .elite_visa .banner {
    height: 225px;
  }
}
@media(max-width : 320px) {
  .elite_visa .banner {
    height: 180px;
  }
}
.elite_visa .banner .v_content {
  max-width: 750px;
  padding-top: 60px;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .elite_visa .banner .v_content {
    padding-top: 15px;
    max-width: calc( 100% - 40px );
  }
}
.elite_visa .banner .v_content .title {
  font-size: 42px;
  font-size: 2.625rem;
  font-weight: 600;
  padding-bottom: 13px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .banner .v_content .title {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.elite_visa .banner .v_content p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 26px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .elite_visa .banner .v_content p {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
  }
}
.elite_visa .banner .v_content p span {
  color: #88562A;
}
.elite_visa .banner .v_content .apply_btn {
  margin: 0 auto;
  margin-top: 26px;
  width: 450px;
  height: 70px;
  background: #875429;
  border-radius: 4px;
  line-height: 70px;
  cursor: pointer;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
}
.elite_visa .banner .v_content .apply_btn a {
  display: inline-block;
  color: #fff;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .elite_visa .banner .v_content .apply_btn {
    width: 230px;
    height: 35px;
    line-height: 35px;
    margin-top: 15px;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.elite_visa .banner .v_content .apply_btn:hover {
  background: #804414;
}
.elite_visa .banner .v_content .apply_btn:active {
  background: #a66835;
}
.elite_visa .c-btn {
  width: 275px;
  height: 44px;
  background: #AD8D42;
  border-radius: 4px;
  line-height: 44px;
  color: #fff;
  cursor: pointer;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
}
.elite_visa .c-btn a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.elite_visa .c-btn:hover {
  background: #ad8425;
}
.elite_visa .c-btn:active {
  background: #79632d;
}
.elite_visa .v-title {
  padding-top: 50px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-title {
    padding-top: 35px;
  }
}
.elite_visa .v-title .title {
  font-size: 30px;
  font-size: 1.875rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-title .title {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.elite_visa .v-title p {
  font-size: 18px;
  font-size: 1.125rem;
  text-align: center;
  margin-bottom: 35px;
  padding-top: 25px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-title p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 21px;
    padding-top: 15px;
    font-weight: 400;
    margin-bottom: 20px;
  }
}
.elite_visa .v-module ul:before, .elite_visa .v-module ul:after {
  content: " ";
  display: table;
}
.elite_visa .v-module ul:after {
  clear: both;
}
.elite_visa .v-module ul li {
  border-radius: 10px;
  width: calc( (100% - 40px)/3 );
  margin-right: 20px;
}
.elite_visa .v-module ul li:nth-child(3n) {
  margin-right: 0px;
}
.elite_visa .v-module ul li:nth-child(n-3) {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-module ul.privilege {
    padding-top: 20px;
  }
}
.elite_visa .v-module ul.privilege li {
  box-shadow: 2px 1px 10px 1px #E6E6E6;
  padding: 15px 29px 0px;
  float: left;
  text-align: center;
  height: 205px;
}
.elite_visa .v-module ul.privilege li:nth-child(-n+3) {
  margin-top: 0px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-module ul.privilege li {
    width: calc((100% - 10px)/2);
    margin-right: 10px !important;
    position: relative;
    padding: 15px 10px 14px;
    margin-bottom: 35px;
    margin-top: 0px;
  }
  .elite_visa .v-module ul.privilege li:nth-last-child(-n+2) {
    margin-bottom: 0px;
  }
  .elite_visa .v-module ul.privilege li:nth-child(2n) {
    margin-right: 0px !important;
  }
  .elite_visa .v-module ul.privilege li:nth-child(-n+2) {
    height: 260px;
  }
  .elite_visa .v-module ul.privilege li .step {
    position: absolute;
    top: -20px;
    left: 50%;
    width: 40px;
    height: 40px;
    background: #AD8D42;
    border-radius: 50%;
    padding-top: 9px;
    transform: translate(-50%);
  }
  .elite_visa .v-module ul.privilege li .step span {
    font-size: 10px;
    font-size: 0.625rem;
    color: #fff;
    display: block;
    transform: scale(0.83);
  }
  .elite_visa .v-module ul.privilege li .step i {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    color: #fff;
    font-style: italic;
  }
}
.elite_visa .v-module ul.privilege li .lazyimg {
  width: 55px;
  height: 55px;
  margin: 0 auto;
}
.elite_visa .v-module ul.privilege li .title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  padding-top: 15px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-module ul.privilege li .title {
    line-height: 24px;
    padding-bottom: 5px;
  }
}
.elite_visa .v-module ul.privilege li img {
  width: 55px;
  display: inline-block;
}
.elite_visa .v-module ul.privilege li p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 21px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-module ul.privilege li p {
    text-align: justify;
  }
}
.elite_visa .v-module ul.privilege li p span {
  color: #AD8D42;
  font-weight: 600;
}
.elite_visa .v-module ul.package li {
  padding: 10px 14px 17px;
  border: 1px solid #F0F0F0;
  height: 566px;
  float: left;
  position: relative;
}
.elite_visa .v-module ul.package li:nth-child(-n+3) {
  margin-top: 0px;
}
.elite_visa .v-module ul.package li:nth-child(3) ol li:last-child i {
  font-size: 18px;
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-module ul.package li:nth-child(3) ol li:last-child i {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-module ul.package li {
    width: 100%;
    height: auto;
    padding: 15px 14px;
    margin-bottom: 15px;
  }
  .elite_visa .v-module ul.package li:nth-child(n-3) {
    margin-top: 0px;
  }
  .elite_visa .v-module ul.package li:last-child {
    margin-bottom: 0px;
  }
}
.elite_visa .v-module ul.package li .lazyimg {
  height: 188px;
  margin-bottom: 18px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-module ul.package li .lazyimg {
    margin-bottom: 15px;
  }
}
.elite_visa .v-module ul.package li:hover {
  box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.1);
}
.elite_visa .v-module ul.package li img {
  width: 100%;
  display: inline-block;
  height: 100%;
}
.elite_visa .v-module ul.package li .title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-module ul.package li .title {
    text-align: center;
  }
}
.elite_visa .v-module ul.package li p {
  font-size: 14px;
  font-size: 0.875rem;
}
.elite_visa .v-module ul.package li p span {
  font-weight: 600;
}
.elite_visa .v-module ul.package li p:first-of-type {
  margin-bottom: 15px;
}
.elite_visa .v-module ul.package li ol {
  padding-top: 20px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-module ul.package li ol {
    padding-top: 10px;
  }
}
.elite_visa .v-module ul.package li ol:before, .elite_visa .v-module ul.package li ol:after {
  content: " ";
  display: table;
}
.elite_visa .v-module ul.package li ol:after {
  clear: both;
}
.elite_visa .v-module ul.package li ol li {
  padding: 0px;
  border: none;
  height: auto;
  line-height: 20px;
  padding-bottom: 14px;
  width: 100%;
  border-radius: 0px;
  margin-right: 0px;
  padding-left: 20px;
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-module ul.package li ol li {
    padding-bottom: 0px;
  }
  .elite_visa .v-module ul.package li ol li:last-child {
    padding-bottom: 15px;
  }
}
.elite_visa .v-module ul.package li ol li:hover {
  box-shadow: none;
}
.elite_visa .v-module ul.package li ol li:nth-child(n-3) {
  margin-top: 0px;
}
.elite_visa .v-module ul.package li ol li i {
  color: #AE7B49;
  position: absolute;
  top: 0px;
  left: 0px;
}
.elite_visa .v-module ul.package li:nth-child(4) ol li {
  padding-left: 0px;
}
.elite_visa .v-module ul.package li .a-btn {
  position: absolute;
  bottom: 17px;
  left: 50%;
  transform: translate(-50%);
}
.elite_visa .v-module ul.package li .a-btn a {
  color: #fff;
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-module ul.package li .a-btn {
    position: static;
    transform: inherit;
    margin: 0 auto;
  }
}
.elite_visa .qualifications {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-bottom: 35px;
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .qualifications {
    padding-bottom: 30px;
    margin-top: 35px;
  }
}
.elite_visa .qualifications .container {
  height: 400px;
  text-align: center;
  padding-top: 39px;
  box-sizing: content-box;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .elite_visa .qualifications .container {
    height: auto;
    padding-top: 30px;
    display: inline-block;
  }
}
.elite_visa .qualifications .container:before, .elite_visa .qualifications .container:after {
  content: " ";
  display: table;
}
.elite_visa .qualifications .container:after {
  clear: both;
}
.elite_visa .qualifications .container .right {
  min-width: 510px !important;
}
@media only screen and (max-width: 767px) {
  .elite_visa .qualifications .container .right {
    min-width: auto !important;
    width: 100% !important;
  }
}
.elite_visa .qualifications .container .lazyimg {
  width: 492px !important;
}
@media only screen and (max-width: 767px) {
  .elite_visa .qualifications .container .lazyimg {
    width: 100% !important;
  }
}
.elite_visa .qualifications .container img {
  width: 100%;
  display: inline-block;
  height: 100%;
}
.elite_visa .qualifications .container .right {
  padding: 17px 27px 26px;
  text-align: left;
  height: 100%;
  background: #fff;
  border: 1px solid #AD8D42;
}
@media only screen and (max-width: 767px) {
  .elite_visa .qualifications .container .right {
    text-align: center;
    padding: 17px 13px 20px;
  }
}
.elite_visa .qualifications .container .right .title {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 600;
  padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .qualifications .container .right .title {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.elite_visa .qualifications .container .right .title1 {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}
.elite_visa .qualifications .container .right p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 21px;
  padding-bottom: 15px;
  padding-top: 12px;
}
.elite_visa .qualifications .container .right ul {
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .elite_visa .qualifications .container .right ul {
    text-align: left;
  }
}
.elite_visa .qualifications .container .right ul li {
  padding-bottom: 12px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .qualifications .container .right ul li {
    padding-bottom: 15xpx;
    padding-left: 26px;
    position: relative;
    line-height: 21px;
  }
  .elite_visa .qualifications .container .right ul li:last-child {
    padding-bottom: 0px;
  }
}
.elite_visa .qualifications .container .right ul li i {
  color: #AD8D42;
  vertical-align: bottom;
  margin-right: 5px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .qualifications .container .right ul li i {
    position: absolute;
    top: 0px;
    left: 0px;
  }
}
.elite_visa .apply-vip ul {
  margin-top: 52px;
}
.elite_visa .apply-vip ul:before, .elite_visa .apply-vip ul:after {
  content: " ";
  display: table;
}
.elite_visa .apply-vip ul:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .elite_visa .apply-vip ul {
    margin-top: 45px;
  }
}
.elite_visa .apply-vip ul li {
  border-radius: 10px;
  box-shadow: 2px 1px 10px 1px #E6E6E6;
  float: left;
  margin-right: 20px;
  text-align: center;
  padding: 38px 27px 20px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .elite_visa .apply-vip ul li {
    width: 100% !important;
    padding: 35px 15px 14px;
    height: auto !important;
    float: inherit;
  }
  .elite_visa .apply-vip ul li:nth-child(-n+4) {
    margin-bottom: 35px;
  }
}
.elite_visa .apply-vip ul li .lazyimg {
  width: 155px;
  height: 110px;
  margin: 0 auto;
}
.elite_visa .apply-vip ul li:nth-child(-n+3) {
  height: 305px;
  width: calc( (100% - 40px)/3 );
  margin-bottom: 37px;
}
.elite_visa .apply-vip ul li:nth-child(n+4) {
  width: calc((100% - 20px)/2);
  height: 245px;
}
.elite_visa .apply-vip ul li:nth-child(3), .elite_visa .apply-vip ul li:nth-child(5) {
  margin-right: 0px;
}
.elite_visa .apply-vip ul li img {
  width: 100%;
  display: block;
}
.elite_visa .apply-vip ul li .title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  padding-top: 13px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .apply-vip ul li .title {
    padding-top: 0px;
    line-height: 20px;
  }
}
.elite_visa .apply-vip ul li p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 21px;
}
.elite_visa .apply-vip ul li p span {
  color: #AD8D42;
  font-weight: 600;
}
.elite_visa .apply-vip ul li .apply-btn {
  width: 225px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%);
}
.elite_visa .apply-vip ul li .apply-btn a {
  color: #fff;
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .elite_visa .apply-vip ul li .apply-btn {
    position: static;
    transform: inherit;
    margin: 0 auto;
    margin-top: 15px;
  }
}
.elite_visa .apply-vip ul li .step {
  position: absolute;
  top: -20px;
  left: 30px;
  width: 50px;
  height: 50px;
  background: #F9F2E3;
  border-radius: 50%;
  padding-top: 9px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .apply-vip ul li .step {
    width: 40px;
    height: 40px;
    font-size: 10px;
    font-size: 0.625rem;
    left: 50%;
    transform: translate(-50%);
  }
}
.elite_visa .apply-vip ul li .step span {
  font-size: 14px;
  font-size: 0.875rem;
  color: #7F4E00;
  display: block;
}
@media only screen and (max-width: 767px) {
  .elite_visa .apply-vip ul li .step span {
    font-size: 10px;
    font-size: 0.625rem;
  }
}
.elite_visa .apply-vip ul li .step i {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #7F4E00;
  font-style: italic;
}
@media only screen and (max-width: 767px) {
  .elite_visa .apply-vip ul li .step i {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.elite_visa .apply-condition {
  margin-top: 50px;
  width: 100%;
  background-size: 100% 100%;
  text-align: center;
  background-repeat: no-repeat;
  padding: 48px 0px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .apply-condition {
    margin-top: 35px;
    padding: 24px 0px;
  }
}
.elite_visa .apply-condition .container {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .elite_visa .apply-condition .container {
    display: inline-block;
    align-items: inherit;
    width: 100%;
  }
}
.elite_visa .apply-condition .left {
  width: calc(100% - 350px);
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 600;
  color: #fff;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .apply-condition .left {
    width: 100%;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
  }
}
.elite_visa .apply-condition .right-btn {
  width: 350px;
  height: 60px;
  line-height: 60px;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px 0px #004B74;
  border-radius: 4px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  cursor: pointer;
}
.elite_visa .apply-condition .right-btn:hover {
  background: #F0F0F0;
}
@media only screen and (max-width: 767px) {
  .elite_visa .apply-condition .right-btn {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-size: 1rem;
    margin-top: 23px;
  }
}
.elite_visa .apply-condition .right-btn a {
  color: #111;
  display: inline-block;
  width: 100%;
}
.elite_visa .preferential .v-title {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .elite_visa .preferential .v-title .title {
    display: flex;
    justify-content: center;
    line-height: 27px;
    align-items: center;
  }
  .elite_visa .preferential .v-title .title img {
    height: 37px;
  }
}
.elite_visa .preferential .v-title img {
  width: 62px;
  display: inline-block;
  vertical-align: sub;
}
.elite_visa .preferential .p-title {
  display: inline-block;
  position: relative;
  margin-bottom: 27px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .preferential .p-title {
    margin-bottom: 15px;
  }
}
.elite_visa .preferential .p-title::before, .elite_visa .preferential .p-title::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  width: 270px;
  background: #AD8D42;
}
@media only screen and (max-width: 767px) {
  .elite_visa .preferential .p-title::before, .elite_visa .preferential .p-title::after {
    width: 113px;
  }
}
.elite_visa .preferential .p-title::before {
  left: -284px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .preferential .p-title::before {
    left: -123px;
  }
}
.elite_visa .preferential .p-title::after {
  left: 184px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .preferential .p-title::after {
    left: 105px;
  }
}
.elite_visa .preferential .p-title img {
  width: 174px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .elite_visa .preferential .p-title img {
    width: 94px;
  }
}
.elite_visa .preferential .p-title .title {
  margin-bottom: 40px;
}
.elite_visa .preferential ul {
  margin-top: 40px;
}
.elite_visa .preferential ul:before, .elite_visa .preferential ul:after {
  content: " ";
  display: table;
}
.elite_visa .preferential ul:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .elite_visa .preferential ul {
    margin-top: 20px;
  }
}
.elite_visa .preferential ul li {
  width: calc((100% - 40px)/3);
  height: 210px;
  margin-right: 20px;
  float: left;
}
@media only screen and (max-width: 767px) {
  .elite_visa .preferential ul li {
    width: 100%;
    float: inherit;
    margin-right: 0px;
    height: auto;
    margin-bottom: 15px;
  }
}
.elite_visa .preferential ul li img {
  width: 100%;
  display: inline-block;
}
.elite_visa .preferential ul li:nth-child(3) {
  margin-right: 0px;
}
.elite_visa .preferential .p_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 35px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .preferential .p_btn {
    margin-top: 5px;
    margin-bottom: 35px;
  }
}
.elite_visa .preferential .p_btn .s_estate {
  width: 255px;
  height: 44px;
  line-height: 44px;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
  border: 1px solid #AD8D42;
  text-align: center;
  margin-right: 30px;
  border-radius: 4px;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .elite_visa .preferential .p_btn .s_estate {
    width: calc( (100% - 10px)/2 );
    margin-right: 10px;
  }
}
.elite_visa .preferential .p_btn .s_estate:hover {
  background: #AD8D42;
}
.elite_visa .preferential .p_btn .s_estate:hover a {
  color: #fff;
}
.elite_visa .preferential .p_btn .s_estate:active {
  background: #79632d;
}
.elite_visa .preferential .p_btn .s_estate a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #AD8D42;
}
.elite_visa .preferential .p_btn .s_estate a i {
  margin-left: 2px;
}
.elite_visa .preferential .p_btn .c-btn a {
  color: #fff;
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .elite_visa .preferential .p_btn .c-btn {
    width: calc( (100% - 10px)/2 );
  }
}
.elite_visa .v-form {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-color: #EFEFEF;
  padding: 35px 0px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-form {
    background-size: 100% 352px;
  }
}
.elite_visa .v-form:before, .elite_visa .v-form:after {
  content: " ";
  display: table;
}
.elite_visa .v-form:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-form .container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
.elite_visa .v-form .f-left {
  float: left;
  width: calc( 100% - 475px );
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-form .f-left {
    width: 100%;
    float: inherit;
    padding-top: 30px;
  }
}
.elite_visa .v-form .f-left .c-info {
  display: flex;
}
.elite_visa .v-form .f-left .c-info img {
  width: 60px;
  height: 60px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-form .f-left .c-info img {
    width: 40px;
    height: 40px;
  }
}
.elite_visa .v-form .f-left .c-info .c-right {
  padding-left: 14px;
  font-size: 16px;
  font-size: 1rem;
}
.elite_visa .v-form .f-left .c-info .c-right .title {
  display: inline-block;
  font-weight: 600;
  padding-bottom: 10px;
}
.elite_visa .v-form .f-left .c-info .c-right .title:nth-of-type(n+2) {
  padding-top: 20px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-form .f-left .c-info .c-right .title:nth-of-type(n+2) {
    padding-top: 15px;
  }
}
.elite_visa .v-form .f-left .c-info .c-right .desc {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-form .f-left .c-info .c-right .desc {
    line-height: 21px;
  }
}
.elite_visa .v-form .f-left .c-info:first-child .c-right .title {
  border-bottom: 1px solid #AD8D42;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-form .f-left .c-info:first-child .c-right .title {
    border-bottom: 2px solid #AD8D42;
  }
}
.elite_visa .v-form .f-left .c-info:first-child .c-right .desc {
  padding-top: 14px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-form .f-left .c-info:first-child .c-right .desc {
    padding-top: 10px;
  }
}
.elite_visa .v-form .f-left .c-info:nth-child(n+2) {
  padding-top: 50px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-form .f-left .c-info:nth-child(n+2) {
    padding-top: 20px;
  }
}
.elite_visa .v-form .f-right {
  float: right;
  padding: 20px 27px 14px;
  width: 455px;
  background-image: linear-gradient(180deg, #FEFEFE 0%, #F0F0F0 100%);
  box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.4);
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-form .f-right {
    padding: 20px 12px 18px;
    width: 100%;
    border-radius: 4px;
  }
}
.elite_visa .v-form .f-right .title {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-form .f-right .title {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.elite_visa .v-form .f-right .form {
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 288px 288px;
}
.elite_visa .v-form .v-contactForm {
  max-width: 400px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-form .v-contactForm {
    max-width: 100%;
  }
}
.elite_visa .v-form .v-contactForm .formItem {
  position: relative;
  margin-bottom: 15px;
}
.elite_visa .v-form .v-contactForm .formItem:nth-of-type(6) {
  margin-bottom: 0px;
}
.elite_visa .v-form .v-contactForm .formItem:before, .elite_visa .v-form .v-contactForm .formItem:after {
  content: " ";
  display: table;
}
.elite_visa .v-form .v-contactForm .formItem:after {
  clear: both;
}
.elite_visa .v-form .v-contactForm .formItem.select {
  height: 44px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-form .v-contactForm .formItem.select {
    height: 36px;
  }
}
.elite_visa .v-form .v-contactForm .formItem .verifyCodeBtn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #AD8D42;
  width: 120px;
  text-align: center;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 44px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-form .v-contactForm .formItem .verifyCodeBtn {
    line-height: 36px;
    width: 104px;
  }
}
.elite_visa .v-form .v-contactForm .formItem .verifyCodeBtn:hover {
  background: #ad8425;
}
.elite_visa .v-form .v-contactForm .formItem .verifyCodeBtn:active {
  background: #79632d;
}
.elite_visa .v-form .v-contactForm .formItem .verifyCodeBtn .verifyCodeSubmit {
  display: block;
}
.elite_visa .v-form .v-contactForm .formItem .verifyCodeTimer, .elite_visa .v-form .v-contactForm .formItem .verifyCodeTimer:hover {
  color: #fff;
  background: #bbb !important;
  border: none;
}
.elite_visa .v-form .v-contactForm .formItem .verifyCodeTimer .autoLogin, .elite_visa .v-form .v-contactForm .formItem .verifyCodeTimer:hover .autoLogin {
  width: auto;
  height: auto;
  margin: 0;
}
.elite_visa .v-form .v-contactForm .formItem .verifyCodeTimer .otherMessage, .elite_visa .v-form .v-contactForm .formItem .verifyCodeTimer:hover .otherMessage {
  margin-bottom: 15px;
}
.elite_visa .v-form .v-contactForm .formItem .verifyCodeTimer:before, .elite_visa .v-form .v-contactForm .formItem .verifyCodeTimer:after, .elite_visa .v-form .v-contactForm .formItem .verifyCodeTimer:hover:before, .elite_visa .v-form .v-contactForm .formItem .verifyCodeTimer:hover:after {
  content: " ";
  display: table;
}
.elite_visa .v-form .v-contactForm .formItem .verifyCodeTimer:after, .elite_visa .v-form .v-contactForm .formItem .verifyCodeTimer:hover:after {
  clear: both;
}
.elite_visa .v-form .v-contactForm .formItem .checkboxAutoLogin {
  display: inline-block;
  float: left;
  font-size: 13px;
  font-size: 0.8125rem;
  cursor: pointer;
}
.elite_visa .v-form .v-contactForm .formItem .checkboxAutoLogin input[type="checkbox"] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  outline: none;
  display: none;
}
.elite_visa .v-form .v-contactForm .formItem .checkboxAutoLogin input[type="checkbox"] + label {
  font-weight: normal;
}
.elite_visa .v-form .v-contactForm .formItem .checkboxAutoLogin input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border: 1px solid #ddd;
  border-radius: 2px;
  vertical-align: middle;
  margin-right: 5px;
}
.elite_visa .v-form .v-contactForm .formItem .iconImg {
  position: absolute;
  top: 10px;
  left: 20px;
  width: 20px;
  height: 20px;
}
.elite_visa .v-form .v-contactForm .formItem .wechat-icon {
  height: 17px;
  margin-top: 2px;
}
.elite_visa .v-form .v-contactForm .formItem .inputName {
  float: left;
  font-size: 16px;
  padding: 14px 0px;
  display: inline-block;
  vertical-align: top;
  width: 90px;
  text-align: left;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-form .v-contactForm .formItem .inputName {
    padding: 10px 0px;
  }
}
.elite_visa .v-form .v-contactForm .formItem .redTxt {
  color: #FE3333;
  font-weight: 600;
}
.elite_visa .v-form .v-contactForm .formItem .formInput {
  width: calc(100% - 90px);
  float: left;
  height: 44px;
  outline: none;
  font-size: 14px;
  padding-left: 8px;
  background: #fff;
  border: 1px solid #A9A9A9;
  border-radius: 3px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-form .v-contactForm .formItem .formInput {
    height: 36px;
    padding-left: 6px;
  }
}
.elite_visa .v-form .v-contactForm .formItem .formInput:active, .elite_visa .v-form .v-contactForm .formItem .formInput:focus {
  border-color: #AD8D42;
}
.elite_visa .v-form .v-contactForm .formItem textarea {
  height: 73px !important;
  padding: 12px 8px;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-form .v-contactForm .formItem textarea {
    height: 65px;
    padding: 9px 6px;
  }
}
.elite_visa .v-form .v-contactForm .formItem.phone {
  display: flex;
}
.elite_visa .v-form .v-contactForm .formItem.phone .formInput {
  width: calc( 100% - 202px );
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-form .v-contactForm .formItem.phone .formInput {
    width: calc(100% - 165px);
  }
}
.elite_visa .v-form .v-contactForm .formItem .phoneNationality {
  width: 102px;
  border: 1px solid #a9a9a9;
  outline: none;
  margin-right: 10px;
  border-radius: 4px;
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-form .v-contactForm .formItem .phoneNationality {
    width: 70px;
  }
}
.elite_visa .v-form .v-contactForm .formItem .phoneNationality:active {
  border-color: #AD8D42;
}
.elite_visa .v-form .v-contactForm .formItem.sendCode .formInput {
  width: calc(100% - 220px);
}
@media only screen and (max-width: 767px) {
  .elite_visa .v-form .v-contactForm .formItem.sendCode .formInput {
    width: calc( 100% - 204px );
  }
}
.elite_visa .v-form .v-contactForm .formItem .selection {
  position: absolute;
  top: 13px;
  right: 8px;
  font-size: 14px;
  color: #a9a9a9;
}
.elite_visa .v-form .v-contactForm .formItem.redTxt {
  color: #cc0b0b;
}
.elite_visa .v-form .v-contactForm .formItem .must-input {
  left: 230px;
}
.elite_visa .v-form .v-contactForm .btnAsk {
  width: 100%;
  height: 44px;
  background: #1C244B;
  border: none;
  font-size: 16px;
  font-weight: 600;
  border-radius: 4px;
  color: #fff;
  margin-bottom: 8px;
}
.elite_visa .v-form .v-contactForm .btnAsk:hover {
  background: #2c3351;
}
.elite_visa .v-form .v-contactForm .btnAsk:active {
  background: #0f194c;
}
.elite_visa .v-form .v-contactForm .message {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 30px;
  height: 30px;
}
.elite_visa .v-form .v-contactForm .message.error {
  color: #cc0b0b;
}
.elite_visa .v-form .v-contactForm .b-tips, .elite_visa .v-form .v-contactForm .b-tips a {
  color: #A9A9A9;
}
.elite_visa .v-form .v-contactForm .b-tips input, .elite_visa .v-form .v-contactForm .b-tips a input {
  vertical-align: bottom;
}

.enrenosy .footer .footer_help {
  position: relative;
  border-bottom: none;
  margin-bottom: 0px;
}
.enrenosy .footer .footer_help .company_content ul li:last-child {
  position: absolute;
  top: 14px;
  right: 0px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .footer .footer_help .company_content ul li:last-child {
    position: static;
  }
}
.enrenosy .renosy .reason {
  padding-top: 35px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .reason {
    padding-top: 25px;
    padding-bottom: 35px;
  }
  .enrenosy .renosy .reason .renosy-title {
    line-height: 24px;
  }
}
.enrenosy .renosy .reason .renosy-title span, .enrenosy .renosy .reason .top-title span {
  color: #D67C1D;
}
.enrenosy .renosy .reason .desc p {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 24px;
}
.enrenosy .renosy .reason .desc p span {
  color: #D67C1D;
}
.enrenosy .renosy .reason .desc p span.tips {
  font-size: 16px;
  font-size: 1rem;
  cursor: pointer;
  padding-top: 0px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .reason .desc p span.tips {
    text-decoration: underline;
  }
}
.enrenosy .renosy .reason ul {
  padding-top: 35px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .reason ul {
    padding-top: 25px;
  }
}
.enrenosy .renosy .reason ul li {
  padding-top: 0px;
  height: 310px;
  border-radius: 2px;
}
.enrenosy .renosy .reason ul li p {
  padding-bottom: 0px;
  line-height: 24px;
}
.enrenosy .renosy .reason ul li .lazyimg {
  margin-bottom: 17px;
  width: 100% !important;
  height: 210px !important;
}
.enrenosy .renosy .reason ul li .lazyimg img {
  height: 100%;
  display: block;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .reason ul li {
    height: auto;
    box-shadow: 1px 2px 11px 0px #D8D8D8;
    display: inline-block;
    margin-right: 0px;
    padding-bottom: 17px;
  }
  .enrenosy .renosy .reason ul li:first-child {
    margin-top: 0px;
  }
  .enrenosy .renosy .reason ul li .lazyimg {
    height: 175px !important;
    margin-bottom: 17px;
  }
}
.enrenosy .renosy .reason.expectations {
  padding-top: 0px;
}
.enrenosy .renosy .reason.expectations .performance {
  margin-top: 63px;
}
.enrenosy .renosy .reason.expectations .performance img {
  width: 100%;
}
.enrenosy .renosy .reason.expectations .point {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: -22px;
  width: 40px;
  height: 40px;
  background: #D67C1D;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  font-size: 0.625rem;
  padding-top: 10px;
  display: block;
}
.enrenosy .renosy .reason.expectations .point i {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  font-style: italic;
  display: block;
}
.enrenosy .renosy .reason.expectations .renosy-title {
  line-height: 45px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .reason.expectations .renosy-title {
    margin-top: 10px;
    line-height: 24px;
    width: calc( 100% - 30px );
  }
  .enrenosy .renosy .reason.expectations .renosy-title::before, .enrenosy .renosy .reason.expectations .renosy-title::after {
    height: 0px;
  }
}
.enrenosy .renosy .reason.expectations ul {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .reason.expectations ul {
    display: inline-block;
    padding-top: 45px;
  }
}
.enrenosy .renosy .reason.expectations ul li {
  padding: 15px;
  float: initial;
  height: auto !important;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .reason.expectations ul li {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 35px;
  }
  .enrenosy .renosy .reason.expectations ul li:last-child {
    margin-bottom: 0px;
  }
}
.enrenosy .renosy .reason.expectations ul li .lazyimg {
  height: 149px !important;
  width: auto !important;
  margin: 0 auto;
  text-align: center;
}
.enrenosy .renosy .reason.expectations ul li .lazyimg img {
  width: auto !important;
  height: 149px !important;
}
.enrenosy .renosy .reason.expectations ul li .title {
  padding-top: 12px;
  line-height: 24px;
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .reason.expectations ul li .title {
    padding-top: 20px;
    line-height: 20px;
  }
}
.enrenosy .renosy .reason.expectations ul li .t-desc {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
  line-height: 21px;
  padding-top: 5px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .reason.expectations ul li .t-desc {
    padding-top: 10px;
    text-align: left;
  }
}
.enrenosy .renosy .experience {
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .experience {
    padding-bottom: 35px;
  }
}
.enrenosy .renosy .experience .renosy-title {
  padding-bottom: 58px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .experience .renosy-title {
    padding-bottom: 45px;
  }
}
.enrenosy .renosy .experience ul {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .experience ul {
    display: inline-block;
  }
}
.enrenosy .renosy .experience ul li {
  height: auto;
  float: inherit;
  position: relative;
  width: calc( (100% - 40px)/3 );
  box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.11);
  background-color: #fff;
  padding-bottom: 47px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .experience ul li {
    border-radius: 4px;
    box-shadow: 1px 2px 10px 2px rgba(200, 200, 200, 0.5);
    width: 100%;
    margin-right: 0px !important;
    margin-bottom: 35px;
  }
  .enrenosy .renosy .experience ul li:last-child {
    margin-bottom: 0px;
  }
}
.enrenosy .renosy .experience ul li .intro {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .experience ul li .intro {
    padding-top: 10px;
  }
}
.enrenosy .renosy .experience ul li .e-title {
  color: #D67C1D;
}
.enrenosy .renosy .experience ul li .tip {
  position: absolute;
  bottom: 25px;
  left: 18px;
}
.enrenosy .renosy .technologies {
  padding-bottom: 35px;
}
.enrenosy .renosy .technologies .renosy-title {
  padding-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .technologies .renosy-title {
    padding-top: 35px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .technologies {
    padding-bottom: 25px;
  }
}
.enrenosy .renosy .technologies .affiliated {
  display: flex;
  align-items: center;
  justify-content: center;
}
.enrenosy .renosy .technologies .affiliated img {
  width: 55px;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .technologies .affiliated img {
    width: 34px;
  }
}
.enrenosy .renosy .technologies .affiliated .af-content {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .technologies .affiliated .af-content {
    line-height: 18px;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 600;
  }
}
.enrenosy .renosy .technologies .container {
  padding-top: 35px;
}
.enrenosy .renosy .technologies .container .lazyimg img {
  width: 100%;
  display: block;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .technologies .container p {
    text-align: left;
  }
}
.enrenosy .renosy .technologies .container.number {
  padding-top: 0px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .technologies .container.number {
    padding-left: 20px;
    margin-top: 25px;
    margin-bottom: 15px;
  }
}
.enrenosy .renosy .technologies .container.number ul {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .technologies .container.number ul {
    display: inline-block;
    margin-bottom: 15px;
  }
}
.enrenosy .renosy .technologies .container.number ul li {
  float: inherit;
  width: auto;
  padding-left: 0px;
  display: flex;
  align-items: flex-start;
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .technologies .container.number ul li {
    align-items: center;
  }
}
.enrenosy .renosy .technologies .container.number ul li .n-right {
  padding-bottom: 0px;
  margin-top: 0px;
}
.enrenosy .renosy .technologies .container.number ul li .n-right p {
  color: #D67C1D;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .technologies .container.number ul li {
    padding-bottom: 0px !important;
  }
}
.enrenosy .renosy .technologies .container.number ul li span {
  display: inline-block;
  width: auto;
  position: static;
}
.enrenosy .renosy .honor.honor-content {
  padding-bottom: 30px;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .honor.honor-content {
    padding-top: 35px;
    padding-bottom: 0px;
  }
  .enrenosy .renosy .honor.honor-content .renosy-title {
    padding-top: 0px;
  }
}
.enrenosy .renosy .honor.attractive {
  padding-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .honor.attractive {
    padding-bottom: 25px;
  }
}
.enrenosy .renosy .honor.attractive .s-content {
  width: 100%;
  margin-top: 35px;
}
.enrenosy .renosy .honor.attractive .s-content img {
  width: 100%;
  display: block;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .honor.attractive .s-content {
    margin-top: 25px;
  }
}
.enrenosy .renosy .honor.attractive .renosy-title {
  padding-top: 35px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .honor.attractive .renosy-title {
    line-height: 24px;
  }
}
.enrenosy .renosy .honor.attractive .renosy-title span {
  color: #D67C1D;
}
.enrenosy .renosy .honor.attractive ul li {
  width: 100%;
  padding: 25px 20px 30px;
  height: auto;
}
.enrenosy .renosy .honor.attractive ul li:first-child .lazyimg {
  min-height: 200px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .honor.attractive ul li {
    float: inherit;
    width: 100% !important;
    margin-right: 0px;
  }
  .enrenosy .renosy .honor.attractive ul li:last-of-type {
    margin-bottom: 0px;
  }
}
.enrenosy .renosy .honor.attractive ul li p {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  padding-bottom: 22px;
}
.enrenosy .renosy .honor.attractive ul li p span {
  color: #D67C1D;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .honor.attractive ul li p {
    font-size: 14px;
    font-size: 0.875rem;
    padding-bottom: 15px;
    line-height: 21px;
  }
}
.enrenosy .renosy .honor.attractive ul li img {
  width: 100%;
  display: block;
  position: relative;
}
.enrenosy .renosy .metropolis .renosy-title {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .metropolis .renosy-title {
    width: auto;
    margin-top: 10px;
  }
  .enrenosy .renosy .metropolis .renosy-title::before, .enrenosy .renosy .metropolis .renosy-title::after {
    height: 0px;
  }
}
.enrenosy .renosy .metropolis .top-title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  padding-top: 20px;
  position: relative;
}
.enrenosy .renosy .metropolis .top-title i {
  height: 30px;
  width: 2px;
  background: #D67C1D;
  vertical-align: middle;
  display: inline-block;
}
.enrenosy .renosy .metropolis .top-title i.left {
  margin-right: 17px;
  transform: rotate(-35deg);
}
.enrenosy .renosy .metropolis .top-title i.right {
  margin-left: 17px;
  transform: rotate(35deg);
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .metropolis .top-title {
    padding: 10px 35px 0px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 18px;
  }
  .enrenosy .renosy .metropolis .top-title i {
    position: absolute;
    top: 2px;
  }
  .enrenosy .renosy .metropolis .top-title i.left {
    left: 32px;
  }
  .enrenosy .renosy .metropolis .top-title i.right {
    right: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .metropolis ul:before, .enrenosy .renosy .metropolis ul:after {
    content: " ";
    display: table;
  }
  .enrenosy .renosy .metropolis ul:after {
    clear: both;
  }
}
.enrenosy .renosy .metropolis ul li {
  height: auto;
}
.enrenosy .renosy .metropolis ul li:last-of-type {
  margin-right: 0px;
}
.enrenosy .renosy .metropolis ul li .title {
  padding-top: 24px;
  padding-bottom: 20px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .metropolis ul li .title {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 18px;
    height: 56px;
  }
}
.enrenosy .renosy .metropolis ul li .lazyimg {
  height: auto !important;
  margin-bottom: 0px;
}
.enrenosy .renosy .metropolis ul li .lazyimg img {
  display: block;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .metropolis ul li {
    width: calc( (100% - 20px)/3 );
    float: left;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-right: 10px;
  }
}
.enrenosy .renosy .metropolis .elements {
  width: 100%;
  padding-top: 50px;
  min-height: 400px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .metropolis .elements {
    padding-top: 35px;
  }
}
.enrenosy .renosy .metropolis .elements img {
  width: 100%;
}
.enrenosy .renosy .cases {
  padding-bottom: 50px;
}
.enrenosy .renosy .cases .renosy-title {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .cases .renosy-title {
    margin-top: 0px;
  }
}
.enrenosy .renosy .cases ul {
  padding-top: 35px;
}
.enrenosy .renosy .cases ul:before, .enrenosy .renosy .cases ul:after {
  content: " ";
  display: table;
}
.enrenosy .renosy .cases ul:after {
  clear: both;
}
.enrenosy .renosy .cases ul li {
  float: left;
  margin-right: 20px;
  position: relative;
  width: calc((100% - 40px)/3);
}
.enrenosy .renosy .cases ul li:last-child {
  margin-right: 0px;
}
.enrenosy .renosy .cases ul li .lazyimg {
  min-height: 160px;
}
.enrenosy .renosy .cases ul li img {
  width: 100%;
  display: block;
}
.enrenosy .renosy .cases ul li .area {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 8px;
  background: #D67C1D;
  color: #ffff;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
}
.enrenosy .renosy .cases ul li .price-info {
  position: absolute;
  bottom: 0px;
  right: 0;
  padding: 11px;
  font-weight: 600;
  color: #fff;
  background: rgba(0, 0, 0, 0.54);
}
.enrenosy .renosy .cases ul li .price-info .ry {
  font-size: 20px;
  font-size: 1.25rem;
}
.enrenosy .renosy .cases ul li .price-info .rent {
  font-size: 16px;
  font-size: 1rem;
  padding-top: 8px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .cases ul li {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 15px;
  }
  .enrenosy .renosy .cases ul li:last-child {
    margin-bottom: 0px;
  }
  .enrenosy .renosy .cases ul li img {
    width: 100%;
  }
  .enrenosy .renosy .cases ul li .price-info .rent {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .cases {
    padding-bottom: 35px;
  }
  .enrenosy .renosy .cases .tip {
    text-align: left;
    line-height: 18px;
  }
}
.enrenosy .renosy .contact {
  height: auto;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .contact .contact-btn {
    margin-top: 10px;
  }
}
.enrenosy .renosy .contact .left-content {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .contact .left-content {
    line-height: 24px;
    letter-spacing: 0px;
    font-size: 16px;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .chart .renosy-title {
    margin-top: 35px;
    line-height: 24px;
  }
}
.enrenosy .renosy .chart .t-title {
  font-size: 16px;
  font-size: 1rem;
  padding-top: 25px;
  line-height: 24px;
  text-align: left;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .chart .t-title {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.enrenosy .renosy .chart .chart-content {
  padding: 0 60px;
}
.enrenosy .renosy .chart .chart-content img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .chart .chart-content {
    padding: 0px;
    margin-top: 5px;
  }
}
.enrenosy .renosy .chart .line {
  line-height: 45px;
  padding-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .chart .line {
    line-height: 24px;
    padding-bottom: 24px;
  }
}
.enrenosy .renosy .chart.exchange .renosy-title {
  line-height: 45px;
  padding-bottom: 35px;
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .chart.exchange .renosy-title {
    line-height: 24px;
    padding-bottom: 25px;
    margin-top: 25px;
  }
}
.enrenosy .renosy .chart.exchange .buy-tip {
  padding: 17px 22px;
  background: rgba(255, 216, 175, 0.27);
  opacity: 0.8;
  border: 1px solid #B37B1D;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 50px;
  font-weight: 600;
  font-size: 30px;
  font-size: 1.875rem;
  color: #D67C1D;
  display: table;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .chart.exchange .buy-tip {
    margin-top: 16px;
    margin-bottom: 35px;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 11px 26px;
  }
}
.enrenosy .renosy .line-chart {
  padding-bottom: 50px;
}
.enrenosy .renosy .line-chart .chart-content {
  padding: 0px;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .line-chart {
    padding-bottom: 35px;
  }
}
.enrenosy .renosy .tip {
  font-size: 12px;
  font-size: 0.75rem;
  color: #666;
  padding-top: 20px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .enrenosy .renosy .tip {
    padding-top: 10px;
    text-align: left;
  }
}
.enrenosy .actual {
  padding-bottom: 35px;
}
.enrenosy .actual .title {
  padding-top: 8px;
  padding-bottom: 9px;
  background-color: #F5F5F5;
  line-height: 24px;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .enrenosy .actual .title {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #fff;
  }
}
.enrenosy .actual .lazyimg {
  margin-top: 25px;
  width: 100%;
  height: 87px;
}
.enrenosy .actual .lazyimg img {
  width: 100%;
  display: block;
}

@media only screen and (max-width: 767px) {
  .tw-tips {
    max-width: 280px !important;
  }
  .tw-tips::after {
    border-top: 10px solid transparent !important;
  }
}

.error_wrapper {
  padding: 40px 0;
  display: table;
  width: 100%;
  min-height: calc(100vh - 160px);
}
@media only screen and (max-width: 767px) {
  .error_wrapper {
    padding: 20px 0;
    min-height: calc(100vh - 131px);
  }
}
.error_wrapper_cont {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.error_wrapper_cont .title {
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 600;
  color: #838383;
}
@media only screen and (max-width: 767px) {
  .error_wrapper_cont .title {
    font-size: 27px;
    font-size: 1.6875rem;
  }
}
.error_wrapper_cont .image {
  width: 600px;
  padding: 20px 20px 50px;
  margin: 0 auto;
}
.error_wrapper_cont .image img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .error_wrapper_cont .image {
    width: 100%;
    padding: 15px 10px 50px;
  }
  .error_wrapper_cont .image img {
    width: 90%;
  }
}
.error_wrapper_cont .button {
  text-align: center;
}
.error_wrapper_cont .button a {
  display: inline-block;
  width: 150px;
  padding: 12px 0;
  margin: 0 30px;
  font-size: 18px;
  font-size: 1.125rem;
  border-radius: 5px;
  text-decoration: none;
  cursor: pointer;
}
.error_wrapper_cont .button a:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  .error_wrapper_cont .button a {
    width: 120px;
    padding: 8px 0;
    margin: 0 10px;
    font-size: 16px;
    font-size: 1rem;
  }
}
.error .error404 .button a {
  color: #2fa9af;
  border: 1px solid #2fa9af;
}
.error .error500 .button a {
  color: #9D3939;
  border: 1px solid #9D3939;
}

.estateList .l-all {
  padding-bottom: 52px;
}
.estateList .l-all .list_menu {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
}
.estateList .l-all .list_menu ul {
  width: 100vw;
  overflow-x: auto;
  white-space: nowrap;
  border-bottom: 5px solid #e9e9e9;
}
.estateList .l-all .list_menu ul li {
  display: inline-block;
  padding: 10px;
}
.estateList .l-all .list_menu ul li a {
  text-decoration: none;
  font-size: 16px;
  font-size: 1rem;
  color: #373737;
}
.estateList .l-all .list_menu ul li.active {
  padding: 10px 10px 6px 10px;
  border-bottom: 4px solid #2fa9af;
}
.estateList .l-all .list_menu ul li.active a {
  font-weight: bold;
}
.estateList .l-all .list_cont {
  padding-top: 47px;
}
.estateList .l-all .list_cont_item {
  padding: 10px 15px;
  background-color: #fff;
}
.estateList .l-all .list_cont_item:not(:last-child) {
  border-bottom: 5px solid #e9e9e9;
}
.estateList .l-all .list_cont_item:before, .estateList .l-all .list_cont_item:after {
  content: " ";
  display: table;
}
.estateList .l-all .list_cont_item:after {
  clear: both;
}
.estateList .l-all .list_cont_item .photo {
  float: left;
  width: 120px;
}
.estateList .l-all .list_cont_item .photo span {
  display: block;
  height: 85px;
  background-size: cover;
}
.estateList .l-all .list_cont_item .cont {
  position: relative;
  float: right;
  width: calc(100% - 130px);
}
.estateList .l-all .list_cont_item .cont .title {
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #373737;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.estateList .l-all .list_cont_item .cont .info {
  font-size: 12px;
  font-size: 0.75rem;
  color: #5d5d5d;
}
.estateList .l-all .list_cont_item .cont .info span {
  display: block;
  margin-bottom: 7px;
}
.estateList .l-all .list_cont_item .cont .jpy_price {
  position: absolute;
  right: 0;
  top: 60px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #838383;
}
.estateList .l-all .list_cont_item .cont .cny_price {
  position: absolute;
  right: 0;
  top: 40px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  color: #f9625c;
}
.estateList .l-all .list_cont_item .cont .rate {
  display: inline-block;
  padding: 5px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #BA7330;
  background-color: rgba(241, 172, 106, 0.3);
}
.estateList .l-all .fixed_appTip {
  bottom: 0;
  top: auto;
}

.toContactUs {
  text-align: center;
  padding-top: 10px;
  line-height: 22px;
  font-size: 16px;
  color: #383838;
}
.toContactUs .detailFormButton {
  margin-left: 20px;
  line-height: 41px;
  width: 113px;
  text-align: center;
  display: inline-block;
  background: #2fa9af;
  border-radius: 5px;
  border-bottom: 3px solid #248287;
  color: white;
  cursor: pointer;
}
.toContactUs .detailFormButton:hover {
  background-color: #34bcc3;
  border-bottom: 3px solid #2a969b;
  outline: none;
  text-decoration: none;
}

.toContactUs-xs {
  text-align: center;
}
.toContactUs-xs #detailFormButton-content {
  display: block;
  line-height: 35px;
  width: 113px;
  margin: 0 auto;
  text-align: center;
  background: #2FA9AF;
  color: white;
  border-radius: 4px;
  margin-top: 10px;
}

.showCode {
  cursor: pointer;
}

.description {
  position: relative;
}
.description .qrcode {
  display: none;
  height: 200px;
  width: 200px;
  position: absolute;
  right: -5px;
  top: 18px;
}
.description .qrcode img {
  width: 100%;
  height: 100%;
}

.property-title {
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  background: #F8F8F8;
  font-weight: 600;
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 8px;
}

#property-info {
  border: 1px solid #cfcfcf;
  padding: 0;
  padding-bottom: 8px;
}
#property-info dl:not(:last-child) {
  border-right: 1px solid #cfcfcf;
}

.fangjia .l-all .l-bgMain {
  background-color: #fff;
}
.fangjia .l-all .l-bgMain .ask {
  height: 90px;
}
@media only screen and (max-width: 767px) {
  .fangjia .l-all .l-bgMain .ask {
    height: 50px;
  }
}
.fangjia .l-all .l-bgMain .ask a {
  width: 100%;
  height: 100%;
}
.fangjia .l-all .l-bgMain .ask a img {
  height: 100%;
  width: 100%;
}
.fangjia .l-all header {
  position: relative;
}
.fangjia .fangjiaH1 {
  margin: 0 0 30px 0;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  color: #373737;
}
@media only screen and (max-width: 767px) {
  .fangjia .fangjiaH1 {
    margin-bottom: 20px;
    font-size: 24px;
  }
}
.fangjia .description {
  padding: 15px;
  text-align: center;
  font-size: 16px;
  color: #373737;
  line-height: 22px;
  border: 1px solid #2FA9AF;
}
.fangjia .description a {
  color: #F9625C;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .fangjia .description {
    padding: 10px;
    text-align: justify;
    text-align: left;
  }
}
.fangjia h2 {
  margin: 0 0 20px;
  padding-left: 6px;
  font-size: 24px;
  font-weight: 600;
  color: #373737;
  border-left: 5px solid #2fa9af;
}
.fangjia h2 span {
  font-size: 20px;
  color: #5d5d5d;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .fangjia h2 {
    margin-bottom: 20px;
    font-size: 20px;
  }
}
.fangjia h3 {
  text-align: center;
  font-size: 16px;
  color: #5d5d5d;
  line-height: 22px;
}
@media only screen and (max-width: 767px) {
  .fangjia h3 {
    font-size: 14px;
    line-height: 20px;
  }
}
.ua-mobile .fangjia .l-all {
  padding-top: 65px;
  padding-bottom: 65px;
}
.fangjia .fangjiaTitle {
  padding: 40px 0;
}
@media only screen and (max-width: 767px) {
  .fangjia .fangjiaTitle {
    padding: 30px 0 0;
  }
}
.fangjia .fangjiaSubTitle {
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: 600;
  color: #373737;
  text-align: center;
  margin-top: 55px;
}
.fangjia .fangjiaSubTitle span {
  display: inline-block;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .fangjia .fangjiaSubTitle {
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 20px;
  }
  .fangjia .fangjiaSubTitle span {
    padding-bottom: 8px;
  }
}
.fangjia .service_process {
  background: none !important;
}
.fangjia .briefMain {
  padding: 30px 0 15px;
}
.fangjia .briefMain:before, .fangjia .briefMain:after {
  content: " ";
  display: table;
}
.fangjia .briefMain:after {
  clear: both;
}
.fangjia .briefMain .chart p {
  color: #ccc;
  padding-left: 50px;
}
.fangjia .briefMain .data {
  float: right;
  width: 350px;
}
.fangjia .briefMain .data .dataTable {
  padding: 20px 0 0 0;
}
.fangjia .briefMain .data .dataTable:before, .fangjia .briefMain .data .dataTable:after {
  content: " ";
  display: table;
}
.fangjia .briefMain .data .dataTable:after {
  clear: both;
}
.fangjia .briefMain .data .dataTable dl {
  float: left;
  width: 50%;
  margin-bottom: 30px;
}
.fangjia .briefMain .data .dataTable dl dt {
  padding: 5px 10px 5px 0;
  font-size: 16px;
  font-weight: 600;
}
.fangjia .briefMain .data .dataTable dl dd {
  padding: 10px 10px 10px 0;
  font-size: 16px;
  line-height: 24px;
}
.fangjia .briefMain .data .dataTable dl dd .xNum {
  color: #f9625c;
  font-size: 24px;
  font-weight: 600;
  margin-right: 5px;
}
.fangjia .briefMain .data .dataTable dl dd .sub {
  display: block;
  color: #5d5d5d;
}
.fangjia .briefMain .data .buttonMain {
  margin-top: 10px;
  text-align: center;
}
.fangjia .briefMain .data .buttonMain .button {
  display: inline-block;
  padding: 15px 70px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: white;
  background-color: #24ADB4;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  outline: none;
  text-decoration: none;
}
.fangjia .briefMain .data .buttonMain .button:hover {
  background-color: #32b5bb;
  outline: none;
}
.fangjia .briefMain .data .buttonMain .button:active, .fangjia .briefMain .data .buttonMain .button:focus {
  background-color: #2fa9af;
  outline: none;
}
.fangjia .briefMain .line {
  width: 100%;
  border: 1px solid #f6f6f6;
  margin-top: -10px;
  margin-bottom: 15px;
}
.fangjia .briefMain .line.top_line {
  margin-bottom: 18px;
}
.fangjia .briefMain .chart {
  float: left;
  width: calc(100% - 400px);
}
.fangjia .briefMain .chart .chartLegend span {
  font-size: 14px;
  margin: 0 5px;
}
.fangjia .briefMain .chart .chartLegend span:first-child img {
  width: 30px;
  margin-right: 5px;
}
.fangjia .briefMain .chart .chartLegend span:last-child {
  padding-left: 5px;
  border-left: 5px solid #2FA9AF;
}
@media only screen and (max-width: 767px) {
  .fangjia .briefMain {
    padding: 30px 0;
  }
  .fangjia .briefMain .data {
    float: none;
    width: 100%;
  }
  .fangjia .briefMain .data .dataTable {
    padding: 0 10px;
  }
  .fangjia .briefMain .data .dataTable dl {
    margin-bottom: 12px;
  }
  .fangjia .briefMain .data .dataTable dl dd {
    padding: 5px 10px 5px 0;
    font-size: 14px;
  }
  .fangjia .briefMain .data .dataTable dl dd .xNum {
    font-size: 20px;
  }
  .fangjia .briefMain .data .buttonMain {
    margin: 0;
  }
  .fangjia .briefMain .data .buttonMain .button {
    padding: 12px 50px;
    font-size: 16px;
  }
  .fangjia .briefMain .chart {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
}
.fangjia .childMain {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .fangjia .childMain {
    padding-bottom: 5px;
  }
}
.fangjia .childMain .childMainTable .intro {
  font-size: 14px;
  margin-bottom: 10px;
  text-align: left;
}
.fangjia .childMain .childMainTable table {
  width: 100%;
  border: 1px solid #cfcfcf;
}
.fangjia .childMain .childMainTable table th, .fangjia .childMain .childMainTable table td {
  padding: 12px 12px;
  font-size: 15px;
  font-size: 0.9375rem;
  border: 1px solid #cfcfcf;
}
.fangjia .childMain .childMainTable table th {
  color: #444;
  font-weight: 600;
  background-color: #e6e6e6;
}
.fangjia .childMain .childMainTable table td {
  color: #373737;
}
.fangjia .childMain .childMainTable table td .xNum {
  margin-right: 1px;
  color: #2fa9af;
  font-size: 17px;
  font-weight: 600;
}
.fangjia .childMain .childMainTable table td .fa {
  margin-left: 10px;
  color: #f9625c;
}
.fangjia .childMain .childMainTable table tr.data {
  cursor: pointer;
}
.fangjia .childMain .childMainTable table tr.data th {
  background-color: #f3f3f3;
}
.fangjia .childMain .childMainTable table tr.data:hover th, .fangjia .childMain .childMainTable table tr.data:hover td {
  color: #fff;
}
.fangjia .childMain .childMainTable table tr.data:hover th {
  background-color: #248287;
}
.fangjia .childMain .childMainTable table tr.data:hover td {
  background-color: #2fa9af;
}
.fangjia .childMain .childMainTable table tr.data:hover td .xNum {
  color: #fff;
}
.fangjia .childMain .childMainTable table tr.data:hover td .underline {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .fangjia .childMain .childMainTable table th, .fangjia .childMain .childMainTable table td {
    padding: 10px 6px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .fangjia .childMain .childMainTable table td .xNum {
    font-size: 16px;
  }
}
.fangjia .childMain .childMainChart h3 {
  color: #373737;
  font-weight: 600;
}
.fangjia .childMain .childMainChart .description {
  font-size: 14px;
  line-height: 20px;
  color: #5d5d5d;
}
@media only screen and (max-width: 767px) {
  .fangjia .childMain .childMainChart h3 {
    font-size: 16px;
  }
  .fangjia .childMain .childMainChart .description {
    margin: 10px 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .fangjia .childMain {
    padding: 0px 0 20px;
  }
  .fangjia .childMain .childMainTitle {
    margin-bottom: 20px;
    padding-bottom: 5px;
    font-size: 20px;
  }
}
.fangjia .estateMain {
  padding: 35px 0;
  background-color: #fff;
}
.fangjia .estateMain .estateMainCont .tabTitle {
  margin-bottom: 20px;
  border-bottom: 1px solid #cfcfcf;
}
.fangjia .estateMain .estateMainCont .tabTitle ul li {
  display: inline-block;
}
.fangjia .estateMain .estateMainCont .tabTitle ul li a {
  display: block;
  padding: 15px 30px;
  color: #373737;
  font-size: 18px;
  text-decoration: none;
}
.fangjia .estateMain .estateMainCont .tabTitle ul li a:hover {
  color: #fff;
  background-color: #68C0C4;
}
.fangjia .estateMain .estateMainCont .tabTitle ul li.active_til a {
  color: #fff;
  background-color: #2fa9af;
}
.fangjia .estateMain .estateMainCont .tabCont .tabContItem {
  display: none;
}
.fangjia .estateMain .estateMainCont .tabCont .tabContItem.active_cont {
  display: block;
}
.fangjia .estateMain .estateMainCont .tabCont .tabContItem ul {
  margin-bottom: 30px;
}
.fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li {
  display: inline-block;
  width: calc((100% - 57px) / 4);
  background-color: #fff;
  border: 1px solid #f5f5f5;
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.16);
}
.fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li:not(:last-child) {
  margin-right: 15px;
}
.fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li a {
  text-decoration: none;
}
.fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li .tabContTop {
  position: relative;
  overflow: hidden;
}
.fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li .tabContTop .photo {
  height: 150px;
  background-size: cover;
  background-position: center;
  transform: scale(1);
  transition: all 0.6s ease;
}
.fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li .tabContTop .name {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 12px;
  font-size: 16px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li .tabContDes {
  padding: 15px;
}
.fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li .tabContDes .intro {
  margin-bottom: 10px;
  font-size: 16px;
  color: #373737;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li .tabContDes .data {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li .tabContDes .data .price {
  color: #f9625c;
  font-size: 18px;
  font-weight: bold;
}
.fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li .tabContDes .data .rate {
  margin-left: 8px;
  color: #5d5d5d;
  font-size: 15px;
  font-weight: bold;
}
.fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li .tabContDes .data .rate i {
  color: #f9625c;
}
.fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li:hover {
  border: 1px solid #cfcfcf;
  background-color: rgba(245, 245, 245, 0.85);
}
.fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li:hover .tabContTop .photo {
  transform: scale(1.1);
  transition: all 0.6s ease;
}
.fangjia .estateMain .estateMainCont .tabCont .tabContItem .button {
  text-align: center;
}
.fangjia .estateMain .estateMainCont .tabCont .tabContItem .button a {
  display: inline-block;
  border: none;
  border-bottom: 3px solid #248287;
  text-decoration: none;
  padding: 12px 50px;
  text-align: center;
  color: white;
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px;
  background-color: #2fa9af;
}
.fangjia .estateMain .estateMainCont .tabCont .tabContItem .button a:hover {
  background-color: #32b5bb;
  border-bottom: 3px solid #2a969b;
  outline: none;
}
.fangjia .estateMain .estateMainCont .tabCont .tabContItem .button a:active, .fangjia .estateMain .estateMainCont .tabCont .tabContItem .button a:focus {
  background-color: #2fa9af;
  outline: none;
}
@media only screen and (max-width: 767px) {
  .fangjia .estateMain {
    padding: 20px 0;
  }
  .fangjia .estateMain .estateMainTitle {
    margin-bottom: 30px;
    padding-bottom: 5px;
    font-size: 20px;
  }
  .fangjia .estateMain .estateMainCont .tabTitle {
    margin-bottom: 10px;
  }
  .fangjia .estateMain .estateMainCont .tabTitle ul li a {
    padding: 10px 12px;
    font-size: 16px;
  }
  .fangjia .estateMain .estateMainCont .tabTitle ul li:nth-child(6), .fangjia .estateMain .estateMainCont .tabTitle ul li:nth-child(7), .fangjia .estateMain .estateMainCont .tabTitle ul li:nth-child(8) {
    display: none;
  }
  .fangjia .estateMain .estateMainCont .tabCont .tabContItem ul {
    margin-bottom: 20px;
  }
  .fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li {
    width: 100%;
    padding: 10px 0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #f5f5f5;
  }
  .fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li .tabContTop {
    float: left;
  }
  .fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li .tabContTop .photo {
    width: 100px;
    height: 80px;
  }
  .fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li .tabContDes {
    float: left;
    width: calc(100% - 100px);
    padding: 5px 10px;
  }
  .fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li .tabContDes .name {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: bold;
    color: #373737;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li .tabContDes .intro {
    font-size: 14px;
    color: #838383;
  }
  .fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li .tabContDes .data .price {
    font-size: 16px;
  }
  .fangjia .estateMain .estateMainCont .tabCont .tabContItem ul li .tabContDes .data .rate {
    font-size: 14px;
  }
  .fangjia .estateMain .estateMainCont .tabCont .tabContItem:nth-child(6), .fangjia .estateMain .estateMainCont .tabCont .tabContItem:nth-child(7), .fangjia .estateMain .estateMainCont .tabCont .tabContItem:nth-child(8) {
    display: none;
  }
}
.fangjia .c_title {
  text-align: center;
  padding: 35px 0 20px;
}
@media only screen and (max-width: 767px) {
  .fangjia .c_title {
    padding: 20px 0;
  }
}
.fangjia .c_title img {
  height: 32px;
}
@media only screen and (max-width: 767px) {
  .fangjia .c_title img {
    height: 16px;
  }
}
.fangjia .c_title .t_content {
  margin-top: 0px !important;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .fangjia .c_title .t_content {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.fangjia .top_properties {
  background: none !important;
  background-color: #fff !important;
  padding: 20px 0 20px !important;
}
@media only screen and (max-width: 767px) {
  .fangjia .top_properties {
    padding: 0 0 15px !important;
  }
}
.fangjia .top_properties .homeEstateCont {
  margin-top: 8px !important;
}
@media only screen and (max-width: 767px) {
  .fangjia .top_properties .homeEstateCont {
    margin-top: 0 !important;
  }
}
.fangjia .real_estate {
  padding-bottom: 0 !important;
  padding-top: 40px !important;
}
@media only screen and (max-width: 767px) {
  .fangjia .real_estate {
    padding: 15px 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .fangjia .real_estate ul {
    margin-top: 27px !important;
  }
}
.fangjia .real_estate ul:before, .fangjia .real_estate ul:after {
  content: " ";
  display: table;
}
.fangjia .real_estate ul:after {
  clear: both;
}
.fangjia .real_estate ul li {
  box-shadow: 1px 2px 11px 0px #D8D8D8 !important;
}
.fangjia .real_estate ul li .c_title {
  color: #111 !important;
  padding-bottom: 15px !important;
}
.fangjia .real_estate ul li .c_title.card_title {
  padding-bottom: 5px !important;
}
.fangjia .real_estate ul li .desc {
  padding-top: 0 !important;
}
.fangjia .contact_btn {
  width: 270px;
  height: 50px;
  background: #F9625C;
  border-radius: 4px;
  margin: 0 auto;
  margin-top: 35px !important;
}
@media only screen and (max-width: 767px) {
  .fangjia .contact_btn {
    width: 100%;
    margin-top: 30px !important;
  }
}
.fangjia .contact_btn .anc {
  height: 100%;
  width: 100%;
  display: inline-block;
  line-height: 50px;
  text-align: center;
  color: white;
  text-decoration: none;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: 1px;
  font-size: 16px;
  cursor: pointer;
}
.fangjia .contact_btn.more {
  background-color: #F9625C;
}
.fangjia .c_btn {
  display: flex;
  justify-content: center;
}
.fangjia .c_btn .contact_btn {
  margin: inherit !important;
}
.fangjia .c_btn .contact_btn:first-child {
  margin-right: 20px !important;
}
.fangjia .qa {
  padding-top: 0 !important;
  padding-bottom: 40px !important;
}
@media only screen and (max-width: 767px) {
  .fangjia .qa {
    padding-bottom: 35px !important;
  }
}
.fangjia .qa_table {
  margin-top: 15px !important;
}
@media only screen and (max-width: 767px) {
  .fangjia .qa_table {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
  }
}
.fangjia .service_process {
  padding-top: 15px !important;
  padding-bottom: 35px !important;
}
@media only screen and (max-width: 767px) {
  .fangjia .service_process {
    padding-bottom: 15px !important;
    padding-top: 5px !important;
  }
}
.fangjia .service_process .step {
  margin-bottom: 10px;
  padding-top: 15px !important;
  padding-top: 0 !important;
}
.fangjia .estateTabItem {
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 767px) {
  .fangjia .estateTabItem {
    margin-bottom: 10px !important;
  }
  .fangjia .estateTabItem:nth-child(n+3) {
    margin-bottom: 0 !important;
  }
}

.glm .g-container {
  padding-top: 32px;
}
@media only screen and (max-width: 767px) {
  .glm .g-container {
    padding-top: 20px;
  }
}
.glm .banner {
  height: 380px;
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: center center;
}
@media only screen and (max-width: 767px) {
  .glm .banner {
    height: 210px;
  }
}
@media(max-width : 414px) {
  .glm .banner {
    height: 225px;
  }
}
@media(max-width : 320px) {
  .glm .banner {
    height: 180px;
  }
}
.glm .gl-title {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 40px;
  color: #2169BB;
  background-image: url(/img/glm/s_title.png);
  background-position: center center;
  background-size: cover;
  height: 110px;
  width: 255px;
  margin: 0 auto;
  padding-top: 23px;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .glm .gl-title {
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
    height: 74px;
    width: 170px;
  }
}
@media only screen and (max-width: 767px) {
  .glm .lectures {
    margin-top: 10px;
  }
}
.glm .lectures ul {
  margin: 0 -10px;
  margin-top: 10px;
}
.glm .lectures ul:before, .glm .lectures ul:after {
  content: " ";
  display: table;
}
.glm .lectures ul:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .glm .lectures ul {
    margin: 0;
  }
}
.glm .lectures ul li {
  float: left;
  padding-top: 15px;
  background: #FFFFFF;
  box-shadow: 1px 2px 10px 2px rgba(200, 200, 200, 0.5);
  border-radius: 10px;
  margin: 0 10px 20px;
  width: calc((100% - 61px)/3);
  text-align: center;
  height: 390px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .glm .lectures ul li {
    width: 100%;
    box-shadow: none;
    border-radius: 0;
    margin: 0 0px 15px;
    height: auto;
    box-shadow: 1px 1px 10px 0px rgba(196, 196, 196, 0.5);
    border-radius: 4px;
  }
}
.glm .lectures ul li .t-img {
  width: auto;
  height: 41px;
  margin-bottom: 10px;
}
.glm .lectures ul li .t-img img {
  height: 100%;
}
.glm .lectures ul li .b-img {
  height: 187px;
  width: 100%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.glm .lectures ul li .b-img img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .glm .lectures ul li .b-img {
    position: initial;
    margin-top: 10px;
    height: 105px;
    border-radius: 0px 0px 4px 4px;
  }
}
.glm .lectures ul li .content {
  display: inline-block;
  text-align: left;
}
.glm .lectures ul li .content:before, .glm .lectures ul li .content:after {
  content: " ";
  display: table;
}
.glm .lectures ul li .content:after {
  clear: both;
}
.glm .lectures ul li .content span {
  color: #111;
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  line-height: 26px;
  text-align: left;
  display: inline-block;
}
.glm .lectures ul li .content span .e-info {
  padding-left: 12px;
}
.glm .lectures ul li .content span i {
  color: #CF8207;
}
.glm .lectures ul li .content span .spot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  vertical-align: middle;
  display: inline-block;
  background-color: #6C4924;
  margin-right: 5px;
  margin-top: -1px;
}
@media only screen and (max-width: 767px) {
  .glm .lectures ul li .content span {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .glm .lectures ul li .content span .spot {
    width: 5px;
    height: 5px;
  }
}
.glm .lectures .g-title {
  position: relative;
  margin: 27px 0 20px 0;
}
@media only screen and (max-width: 767px) {
  .glm .lectures .g-title {
    margin-top: 0;
  }
}
.glm .lectures .g-title .title-info {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  background-image: none;
  left: 50%;
  transform: translate(-50%);
}
@media only screen and (max-width: 991px) {
  .glm .lectures .g-title .title-info {
    width: 430px;
  }
}
@media only screen and (max-width: 767px) {
  .glm .lectures .g-title .title-info {
    width: 264px;
  }
}
.glm .lectures .g-title .gl-title::after {
  left: -152px;
}
@media only screen and (max-width: 1199px) {
  .glm .lectures .g-title .gl-title::after {
    left: -150px;
  }
}
@media only screen and (max-width: 767px) {
  .glm .lectures .g-title .gl-title::after {
    left: -85px;
  }
}
@media(max-width : 320px) {
  .glm .lectures .g-title .gl-title::after {
    left: -78px;
  }
}
.glm .num {
  position: relative;
  text-align: center;
}
.glm .num::after {
  content: "01";
  font-size: 60px;
  font-style: oblique;
  color: #C6A144;
  position: absolute;
  top: 18px;
  left: -95px;
}
@media only screen and (max-width: 767px) {
  .glm .num::after {
    font-size: 30px;
  }
}
.glm .h-room {
  padding: 35px;
  background-image: url(/img/glm/part_01.png);
  background-position: center center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .glm .h-room {
    padding: 20px 0px;
    background-image: url(/img/glm/sales-tw/part_01.png);
  }
}
.glm .h-room .h-title {
  text-align: center;
}
.glm .h-room .h-title h3 {
  font-size: 20px;
  font-size: 1.25rem;
  color: #111;
}
@media only screen and (max-width: 767px) {
  .glm .h-room .h-title h3 {
    font-size: 16px;
    font-size: 1rem;
  }
}
.glm .h-room .h-title img {
  margin: 20px 0 36px 0;
}
@media only screen and (max-width: 767px) {
  .glm .h-room .h-title img {
    height: 14px;
    margin: 10px 0 20px 0;
  }
}
.glm .h-room .container:before, .glm .h-room .container:after {
  content: " ";
  display: table;
}
.glm .h-room .container:after {
  clear: both;
}
.glm .h-room .container .left {
  float: left;
}
.glm .h-room .container .left img {
  margin: 0;
  height: 377px;
  width: 400px;
}
@media only screen and (max-width: 991px) {
  .glm .h-room .container .left img {
    width: 290px;
  }
}
@media only screen and (max-width: 767px) {
  .glm .h-room .container .left img {
    width: 100%;
    height: 170px;
  }
}
.glm .h-room .container .right {
  float: left;
  max-width: 519px;
  margin-left: 34px;
}
@media only screen and (max-width: 1199px) {
  .glm .h-room .container .right {
    max-width: 503px;
  }
}
@media only screen and (max-width: 991px) {
  .glm .h-room .container .right {
    max-width: 395px;
  }
}
@media only screen and (max-width: 767px) {
  .glm .h-room .container .right {
    width: 100%;
    margin-left: 0;
  }
}
.glm .h-room .container .right .r-title {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .glm .h-room .container .right .r-title {
    padding-top: 10px;
  }
}
.glm .h-room .container .right .r-title span {
  color: #C24837;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 26px;
  margin-left: 15px;
}
.glm .h-room .container .right .r-title .lazyimg {
  height: 70px;
  width: auto;
}
.glm .h-room .container .right .r-title .lazyimg img {
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .glm .h-room .container .right ul {
    margin-top: 10px;
  }
}
.glm .h-room .container .right ul li {
  color: #424242;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 30px;
  position: relative;
  padding-left: 10px;
}
.glm .h-room .container .right ul li::after {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000000;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .glm .h-room .container .right ul li::after {
    top: 13px;
    transform: none;
  }
}
.glm .h-room .container .right .info {
  color: #111;
  font-size: 16px;
  font-size: 1rem;
  line-height: 30px;
  padding-left: 10px;
  padding: 10px 0 10px 10px;
}
.glm .h-room .container .right .info span {
  color: #CF8207;
}
.glm .h-room .container .right .info img {
  width: 100%;
  height: 161px;
  margin-top: 10px;
}
@media only screen and (max-width: 1199px) {
  .glm .h-room .container .right .info img {
    height: 96px;
  }
}
.glm .more-house {
  width: 250px;
  height: 55px;
  background: #C6A144;
  border-radius: 4px;
  margin: 0 auto;
  line-height: 55px;
  text-align: center;
  margin: 34px auto 46px auto;
  text-align: center;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .glm .more-house {
    width: 206px;
    height: 40px;
    line-height: 40px;
    margin: 25px auto 35px auto;
  }
}
.glm .more-house a {
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .glm .more-house a {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
  }
}
.glm .more-house a:hover {
  text-decoration: none;
}
.glm .more-house a:focus {
  outline: none;
  outline-offset: none;
  text-decoration: none;
}
.glm .house-list {
  padding-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .glm .house-list {
    padding-bottom: 20px;
  }
}
.glm .house-list ul {
  margin: 0 -10px;
}
.glm .house-list ul:before, .glm .house-list ul:after {
  content: " ";
  display: table;
}
.glm .house-list ul:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .glm .house-list ul {
    margin: 0;
  }
}
.glm .house-list ul li {
  float: left;
  width: calc((100% - 40px)/2);
  margin: 0px 10px 20px;
}
@media only screen and (max-width: 991px) {
  .glm .house-list ul li {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .glm .house-list ul li {
    margin: 0 0 15px;
  }
}
.glm .house-list ul li:before, .glm .house-list ul li:after {
  content: " ";
  display: table;
}
.glm .house-list ul li:after {
  clear: both;
}
.glm .house-list ul li .lazyimg {
  width: 195px;
  height: 172px;
  float: left;
}
.glm .house-list ul li .lazyimg img {
  width: 100%;
  height: 100%;
}
.glm .house-list ul li .tw-img {
  width: 100%;
  height: 105px;
  border-radius: 4px;
  margin-top: 10px;
}
.glm .house-list ul li .tw-img img {
  width: 100%;
  height: 100%;
}
.glm .house-list ul li .h-right {
  float: left;
  margin-left: 10px;
  width: calc( 100% -  205px);
}
@media only screen and (max-width: 767px) {
  .glm .house-list ul li .h-right {
    width: 100%;
    float: initial;
    text-align: center;
    margin-left: 0;
  }
}
.glm .house-list ul li .h-right:before, .glm .house-list ul li .h-right:after {
  content: " ";
  display: table;
}
.glm .house-list ul li .h-right:after {
  clear: both;
}
.glm .house-list ul li .h-right .count {
  font-size: 60px;
  font-style: oblique;
  color: #C6A144;
  font-weight: 700;
  float: left;
}
@media only screen and (max-width: 767px) {
  .glm .house-list ul li .h-right .count {
    font-size: 30px;
    float: initial;
  }
}
.glm .house-list ul li .h-right h3 {
  float: left;
  color: #2169BB;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 28px;
  padding: 18px 0 0 10px;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .glm .house-list ul li .h-right h3 {
    float: initial;
    font-size: 20px;
    font-size: 1.25rem;
    padding: 0;
    display: inline-block;
    position: relative;
  }
  .glm .house-list ul li .h-right h3 .count {
    position: absolute;
    left: -87px;
    margin-top: 0;
  }
}
.glm .house-list ul li .h-right h3 .h-line {
  line-height: 18px;
  text-align: center;
  margin-bottom: 10px;
}
.glm .house-list ul li .h-right h3 .h-line span {
  display: inline-block;
  width: 47px;
  height: 1px;
  background: #C2C2C2;
}
.glm .house-list ul li .h-right h3 .h-line i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #D8B178;
  margin: -2px 2px;
  display: inline-block;
}
.glm .house-list ul li .h-right .u-title {
  width: 283px;
}
@media(max-width : 320px) {
  .glm .house-list ul li .h-right .u-title {
    width: 200px;
  }
}
@media(max-width : 1200px) {
  .glm .house-list ul li .h-right .u-title {
    width: 180px;
  }
}
.glm .house-list ul li .h-right .h-info {
  color: #111;
  font-size: 16px;
  font-size: 1rem;
  float: left;
  line-height: 30px;
  text-align: left;
}
.glm .house-list ul li .h-right .h-info span {
  color: #CF8207;
}
.glm .house-list ul li:nth-child(2) h3 .count {
  left: -159px;
}
@media(max-width : 320px) {
  .glm .house-list ul li:nth-child(2) h3 .count {
    left: -120px;
  }
}
.glm .house-list ul li:nth-child(3) h3 .count {
  left: -70px;
}
.glm .house-list ul li:nth-child(4) h3 .count {
  left: -50px;
}
.glm .step {
  padding-top: 10px;
  background-image: url(/img/glm/part_02.png);
  background-position: center center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .glm .step {
    background-image: url(/img/glm/sales-tw/part_02.png);
  }
}
.glm .step .s-title::after {
  content: "06";
  left: -70px;
}
@media only screen and (max-width: 1199px) {
  .glm .step .s-title::after {
    left: -90px;
  }
}
@media only screen and (max-width: 767px) {
  .glm .step .s-title::after {
    left: -32px;
  }
}
.glm .step .s-content {
  color: #111;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .glm .step .s-content {
    font-size: 16px;
    font-size: 1rem;
  }
}
.glm .step .s-lt {
  padding-top: 85px;
  padding-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .glm .step .s-lt {
    padding-top: 65px;
    padding-bottom: 30px;
  }
}
.glm .step .s-lt ul {
  margin: 0 -16px;
}
@media only screen and (max-width: 767px) {
  .glm .step .s-lt ul {
    margin: 0;
  }
}
.glm .step .s-lt ul:before, .glm .step .s-lt ul:after {
  content: " ";
  display: table;
}
.glm .step .s-lt ul:after {
  clear: both;
}
.glm .step .s-lt ul li {
  float: left;
  margin: 0 16px;
  width: calc((100% -  128px)/4);
  position: relative;
}
@media only screen and (max-width: 767px) {
  .glm .step .s-lt ul li {
    width: calc((100% - 32px)/2);
    margin-bottom: 70px;
    margin: 0 24px;
    margin-bottom: 60px;
    margin-right: 0;
  }
  .glm .step .s-lt ul li:nth-child(odd) {
    margin-left: 4px;
  }
  .glm .step .s-lt ul li:nth-child(n+3) {
    margin-bottom: 0;
  }
}
.glm .step .s-lt ul li .serial {
  position: absolute;
  top: -15px;
  left: -18px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #C6A144;
  color: #ffffff;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 38px;
  text-align: center;
  font-style: oblique;
  padding-right: 4px;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .glm .step .s-lt ul li .serial {
    width: 24px;
    height: 24px;
    top: -12px;
    left: -12px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
  }
}
.glm .step .s-lt ul li img {
  width: 100%;
  height: 144px;
}
@media only screen and (max-width: 767px) {
  .glm .step .s-lt ul li img {
    height: 100px;
  }
}
.glm .step .s-lt ul li .s-img {
  width: 66px;
  height: 25px;
  position: absolute;
  top: -57px;
  left: -30px;
}
@media only screen and (max-width: 767px) {
  .glm .step .s-lt ul li .s-img {
    left: -15px;
    top: -40px;
    width: 55px;
    height: 15px;
  }
}
.glm .step .s-lt ul li .s-word {
  color: #111;
  font-size: 16px;
  font-size: 1rem;
  line-height: 30px;
  text-align: center;
}
.glm .glm-inquiry {
  background-image: url(/img/glm/form-pc.png);
}
.glm .glm-inquiry .button {
  background: #EC5252;
  box-shadow: 0px 2px 2px 0px #00173D;
}
.glm .rents-inquiry {
  background-image: url(/img/glm/rents/form-pc.png);
}
.glm .rents-inquiry .button {
  background: #EB8731;
  box-shadow: 0px 2px 2px 0px #A84D00;
}
.glm .about-inquiry {
  background-image: url(/img/main/themeSp/uplife/bg_inquiry.png);
}
.glm .about-inquiry .button {
  background: #1580DF;
  box-shadow: 0px 2px 2px 0px #00173D;
}
.glm .r-container {
  padding: 70px 0;
}
@media only screen and (max-width: 767px) {
  .glm .r-container {
    padding: 35px 0 30px 0;
  }
}
.glm .r-container .r-title {
  color: #111;
  text-align: center;
  margin-bottom: 35px;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .glm .r-container .r-title {
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1rem;
  }
}
.glm .r-container .r-title span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 11px;
}
.glm .r-container .r-title span i {
  width: 46px;
  height: 2px;
  display: inline-block;
  background: #111;
}
@media only screen and (max-width: 767px) {
  .glm .r-container .r-title span i {
    width: 2px;
  }
}
.glm .r-container .r-title .lazyimg {
  height: 21px;
  width: auto;
}
@media only screen and (max-width: 767px) {
  .glm .r-container .r-title .lazyimg {
    height: 14px;
  }
}
@media(max-width : 320px) {
  .glm .r-container .r-title .lazyimg {
    height: 13px;
  }
}
.glm .r-container .r-title .lazyimg img {
  height: 100%;
  vertical-align: super;
}
.glm .r-container .r-title .r-img {
  transform: rotateZ(180deg);
}
.glm .r-container .container-tw {
  padding: 0;
}
.glm .r-container .r-service:before, .glm .r-container .r-service:after {
  content: " ";
  display: table;
}
.glm .r-container .r-service:after {
  clear: both;
}
.glm .r-container .r-service .r-left {
  float: left;
  text-align: center;
  width: 393px;
  height: 396px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .glm .r-container .r-service .r-left {
    width: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .glm .r-container .r-service .r-left {
    width: 100%;
    height: 280px;
  }
}
.glm .r-container .r-service .r-left .lazyimg {
  height: 62px;
}
@media only screen and (max-width: 767px) {
  .glm .r-container .r-service .r-left .lazyimg {
    height: 58px;
  }
}
.glm .r-container .r-service .r-left .lazyimg img {
  height: 100%;
}
.glm .r-container .r-service .r-left .l-title {
  color: #111;
  margin-top: 26px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 24px;
}
@media only screen and (max-width: 767px) {
  .glm .r-container .r-service .r-left .l-title {
    width: 73%;
    margin-top: 20px;
  }
}
.glm .r-container .r-service .r-left .line {
  height: 3px;
  width: 35px;
  background: #E9DDBC;
  margin: 13px auto 18px auto;
}
@media only screen and (max-width: 767px) {
  .glm .r-container .r-service .r-left .line {
    margin: 10px auto;
  }
}
.glm .r-container .r-service .r-left .l-desc {
  font-size: 16px;
  font-size: 1rem;
  line-height: 26px;
  color: #111;
  text-align: left;
  width: 100%;
}
.glm .r-container .r-service .r-left .l-desc span {
  color: #CF8207;
}
.glm .r-container .r-service .r-right {
  width: calc( 100% -  448px);
  float: right;
  height: 396px;
}
@media only screen and (max-width: 991px) {
  .glm .r-container .r-service .r-right {
    width: calc( 100% -  352px);
  }
}
@media only screen and (max-width: 767px) {
  .glm .r-container .r-service .r-right {
    height: 195px;
    width: 100%;
    margin-top: 13px;
  }
}
.glm .r-container .r-service .r-right img {
  width: 100%;
  height: 100%;
  display: block;
}
.glm .r-container .context:before, .glm .r-container .context:after {
  content: " ";
  display: table;
}
.glm .r-container .context:after {
  clear: both;
}
.glm .r-container .context .c-left {
  float: left;
}
.glm .r-container .context .c-left img {
  width: 453px;
  height: 239px;
}
@media only screen and (max-width: 767px) {
  .glm .r-container .context .c-left img {
    width: 100%;
    height: 154px;
  }
}
.glm .r-container .context .c-right {
  float: right;
  text-align: center;
  width: calc( 100% -  508px);
}
@media only screen and (max-width: 767px) {
  .glm .r-container .context .c-right {
    width: 100%;
    padding-top: 10px;
  }
}
.glm .r-container .context .c-right img {
  height: 140px;
  width: 90px;
}
@media only screen and (max-width: 767px) {
  .glm .r-container .context .c-right img {
    height: 78px;
    width: 50px;
  }
}
.glm .r-container .context .c-right p {
  color: #111;
  font-size: 16px;
  font-size: 1rem;
  line-height: 26px;
  text-align: left;
  margin-top: 20px;
}
.glm .r-container .coordinate .m-sl {
  padding: 19px;
  background: #F7F7F7;
}
@media only screen and (max-width: 767px) {
  .glm .r-container .coordinate .m-sl {
    padding: 19px 15px;
  }
}
.glm .r-container .coordinate .m-sl .m-title {
  color: #111;
  font-size: 18px;
  font-size: 1.125rem;
  text-align: center;
  padding-bottom: 18px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .glm .r-container .coordinate .m-sl .m-title {
    font-size: 14px;
    font-size: 0.875rem;
    padding-bottom: 13px;
  }
}
.glm .r-container .coordinate .c-pic {
  height: 440px;
}
.glm .r-container .coordinate .c-pic:before, .glm .r-container .coordinate .c-pic:after {
  content: " ";
  display: table;
}
.glm .r-container .coordinate .c-pic:after {
  clear: both;
}
.glm .r-container .coordinate .c-pic .abb-left {
  float: left;
  width: 453px;
  margin-right: 20px;
  height: 100%;
}
@media only screen and (max-width: 991px) {
  .glm .r-container .coordinate .c-pic .abb-left {
    width: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .glm .r-container .coordinate .c-pic .abb-left {
    width: 100%;
    margin-right: 0px;
    height: auto;
  }
}
.glm .r-container .coordinate .c-pic .abb-left img {
  width: 100%;
}
.glm .r-container .coordinate .c-pic .abb-left .abb-title {
  color: #111;
  font-size: 18px;
  font-size: 1.125rem;
}
.glm .r-container .coordinate .c-pic .abb-right {
  height: 100%;
  float: left;
  width: calc( 100% -  473px);
}
@media only screen and (max-width: 991px) {
  .glm .r-container .coordinate .c-pic .abb-right {
    width: calc( 100% -  370px);
  }
}
@media only screen and (max-width: 767px) {
  .glm .r-container .coordinate .c-pic .abb-right {
    width: 100%;
    margin: 10px 0;
    height: auto;
  }
}
.glm .r-container .coordinate .c-pic .abb-right img {
  width: 100%;
  height: calc(100% - 38px);
}
@media only screen and (max-width: 767px) {
  .glm .r-container .coordinate .c-pic .abb-right img {
    height: 170px;
  }
}
.glm .r-container .coordinate .abb-bottom {
  margin-top: 24px;
}
@media only screen and (max-width: 767px) {
  .glm .r-container .coordinate .abb-bottom {
    float: left;
    margin-top: 0;
  }
}
.glm .r-container .coordinate .abb-bottom .m-content:before, .glm .r-container .coordinate .abb-bottom .m-content:after {
  content: " ";
  display: table;
}
.glm .r-container .coordinate .abb-bottom .m-content:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .glm .r-container .coordinate .abb-bottom .m-content {
    text-align: center;
  }
}
.glm .r-container .coordinate .abb-bottom .m-content .lazyimg {
  float: left;
  width: 109px;
  margin-right: 21px;
}
@media only screen and (min-width: 1200px) {
  .glm .r-container .coordinate .abb-bottom .m-content .lazyimg {
    margin-right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .glm .r-container .coordinate .abb-bottom .m-content .lazyimg {
    width: 79px;
    float: initial;
    margin-right: 0;
  }
}
.glm .r-container .coordinate .abb-bottom .m-content .lazyimg img {
  width: 100%;
}
.glm .r-container .coordinate .abb-bottom .m-content .w-info {
  float: left;
  width: 439px;
}
@media only screen and (max-width: 767px) {
  .glm .r-container .coordinate .abb-bottom .m-content .w-info {
    width: 100%;
    margin-top: 20px;
  }
}
.glm .r-container .coordinate .abb-bottom .m-content .w-info:before, .glm .r-container .coordinate .abb-bottom .m-content .w-info:after {
  content: " ";
  display: table;
}
.glm .r-container .coordinate .abb-bottom .m-content .w-info:after {
  clear: both;
}
.glm .r-container .coordinate .abb-bottom .m-content .w-info .item {
  background: #ffffff;
  color: #111;
  font-weight: 600;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  float: left;
  width: 215px;
  line-height: 30px;
  margin-bottom: 10px;
  height: 30px;
}
.glm .r-container .coordinate .abb-bottom .m-content .w-info .item:nth-child(odd) {
  margin-right: 9px;
}
@media only screen and (max-width: 767px) {
  .glm .r-container .coordinate .abb-bottom .m-content .w-info .item {
    width: calc(50% - 4.5px);
    min-height: 30px;
    height: auto;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.glm .r-container .coordinate .abb-bottom .m-content ul {
  width: calc( 100% -  569px);
  float: left;
  padding-left: 30px;
}
@media only screen and (min-width: 1200px) {
  .glm .r-container .coordinate .abb-bottom .m-content ul {
    padding-left: 80px;
    width: calc( 100% -  640px);
  }
}
@media only screen and (max-width: 1199px) {
  .glm .r-container .coordinate .abb-bottom .m-content ul {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 991px) {
  .glm .r-container .coordinate .abb-bottom .m-content ul {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .glm .r-container .coordinate .abb-bottom .m-content ul {
    text-align: left;
  }
}
.glm .r-container .coordinate .abb-bottom .m-content ul li {
  position: relative;
  color: #111;
  font-size: 16px;
  font-size: 1rem;
  display: flex;
  line-height: 26px;
}
.glm .r-container .coordinate .abb-bottom .m-content ul li:before, .glm .r-container .coordinate .abb-bottom .m-content ul li:after {
  content: " ";
  display: table;
}
.glm .r-container .coordinate .abb-bottom .m-content ul li:after {
  clear: both;
}
.glm .r-container .coordinate .abb-bottom .m-content ul li::after {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #C6A144;
  position: absolute;
  left: -10px;
  top: 14px;
  transform: translateY(-50%);
}
.glm .r-container .coordinate .abb-bottom .m-content ul li .w-label {
  color: #111;
}
.glm .r-container .coordinate .abb-bottom .m-content ul li .info {
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .glm .r-container .coordinate .abb-bottom .m-content ul li {
    font-size: 15px;
    font-size: 0.9375rem;
    align-items: baseline;
  }
  .glm .r-container .coordinate .abb-bottom .m-content ul li .info {
    flex: 1;
  }
  .glm .r-container .coordinate .abb-bottom .m-content ul li .w-label {
    flex: inherit;
  }
}
.glm .r-container .coordinate .s-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.glm .r-container .coordinate .s-list .s-item {
  width: calc((100% - 2px)/3);
  text-align: center;
  padding: 0 35px 15px;
  border-bottom: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
}
.glm .r-container .coordinate .s-list .s-item i {
  height: 1px;
  width: 100%;
  display: inline-block;
  background: #E6E6E6;
  margin: 10px 0;
}
@media only screen and (max-width: 767px) {
  .glm .r-container .coordinate .s-list .s-item {
    width: 100%;
    border: none;
    padding: 0 15px;
  }
  .glm .r-container .coordinate .s-list .s-item:nth-child(n + 2) {
    padding-top: 10px;
  }
}
.glm .r-container .coordinate .s-list .s-item:nth-child(3), .glm .r-container .coordinate .s-list .s-item:nth-child(5) {
  border-right: none;
}
.glm .r-container .coordinate .s-list .s-item .lazyimg {
  height: 80px;
}
.glm .r-container .coordinate .s-list .s-item .lazyimg img {
  height: 100%;
}
.glm .r-container .coordinate .s-list .s-item:nth-child(n+4) {
  padding-top: 23px;
  width: calc((100% - 1px)/2);
  border-bottom: none;
  padding-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .glm .r-container .coordinate .s-list .s-item:nth-child(n+4) {
    width: 100%;
    padding: 10px 10px 0 10px;
  }
}
.glm .r-container .coordinate .s-list .s-item:nth-child(n+4) .lazyimg {
  height: 238px;
}
@media only screen and (max-width: 1199px) {
  .glm .r-container .coordinate .s-list .s-item:nth-child(n+4) .lazyimg {
    height: 180px;
  }
}
@media only screen and (max-width: 991px) {
  .glm .r-container .coordinate .s-list .s-item:nth-child(n+4) .lazyimg {
    height: 178px;
    width: 100%;
  }
}
.glm .r-container .coordinate .s-list .s-item:nth-child(n+4) .lazyimg img {
  height: 100%;
}
.glm .r-container .coordinate .s-list .s-item .s-common {
  color: #111;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
}
@media only screen and (max-width: 767px) {
  .glm .r-container .coordinate .s-list .s-item .s-common {
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.glm .r-container .coordinate .s-list .s-item .s-title {
  font-weight: 600;
  padding: 12px 0 5px 0;
}
@media only screen and (max-width: 767px) {
  .glm .r-container .coordinate .s-list .s-item .s-title {
    text-align: center;
  }
}
.glm .c-container {
  padding-bottom: 36px;
}
.glm .c-title {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .glm .c-title {
    margin-bottom: 20px;
    padding: 0 15px;
  }
}
.glm .c-title span {
  display: inline-block;
  width: 389px;
  height: 2px;
  background: #868686;
}
@media only screen and (max-width: 767px) {
  .glm .c-title span {
    width: 195px;
  }
}
.glm .c-title .c-btn {
  width: 147px;
  height: 49px;
  font-size: 20px;
  font-size: 1.25rem;
  margin: 0 22px;
  font-weight: 600;
  color: #111;
  border: 1px solid #111;
  line-height: 49px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .glm .c-title .c-btn {
    width: 170px;
    font-size: 16px;
    font-size: 1rem;
    height: 35px;
    line-height: 35px;
  }
}
.glm .system {
  margin: 40px 0 35px 0;
}
@media only screen and (max-width: 767px) {
  .glm .system {
    width: 100%;
    margin: 0;
    padding: 35px 15px 20px;
  }
  .glm .system .c-btn {
    width: 300px;
  }
  .glm .system span {
    width: 120px;
  }
}
.glm .system .c-btn {
  width: 228px;
}
@media only screen and (max-width: 991px) {
  .glm .system .c-btn {
    width: 270px;
  }
}
@media(max-width : 320px) {
  .glm .system .c-btn {
    width: 300px;
  }
}
.glm .t-explain {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .glm .t-explain {
    padding-top: 0;
  }
}
.glm .env-explain {
  padding-bottom: 15px;
  padding-top: 0px;
}
.glm .env-explain ul {
  margin: 0 -10px;
}
.glm .env-explain ul:before, .glm .env-explain ul:after {
  content: " ";
  display: table;
}
.glm .env-explain ul:after {
  clear: both;
}
.glm .env-explain ul li {
  float: left;
  width: calc((100% - 61px)/3);
  margin: 0 10px;
  margin-bottom: 20px;
  position: relative;
}
.glm .env-explain ul li img {
  width: 100%;
  height: 157px;
}
.glm .env-explain ul li .t-desc {
  position: absolute;
  background: #F2CC72;
  font-weight: 600;
  top: 0;
  left: 0;
  padding: 6px 13px;
  color: #5B2A02;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .glm .env-explain ul li {
    width: calc((100% - 40px)/2);
  }
  .glm .env-explain ul li img {
    height: 112px;
  }
}
.glm .p-easy {
  background: #F8F8F8;
  display: flex;
  flex-wrap: wrap;
}
.glm .p-easy li {
  padding: 15px 40px 35px;
  width: calc(100%/3);
  text-align: center;
  border-right: 1px solid #E6E6E6;
}
.glm .p-easy li:last-child {
  border-right: none;
}
.glm .p-easy li .lazyimg {
  margin: 20px 0;
  width: 100%;
  height: auto;
  display: inline-block;
}
.glm .p-easy li .lazyimg img {
  width: 100%;
}
.glm .p-easy li:first-child .lazyimg {
  margin: 26px 0;
}
.glm .p-easy li:nth-child(n + 2) .lazyimg {
  width: 55px;
}
.glm .p-easy li .p-desc {
  font-size: 16px;
  font-size: 1rem;
  color: #111;
  line-height: 26px;
}
.glm .p-easy li .p-desc span {
  color: #CF8207;
}
@media only screen and (max-width: 767px) {
  .glm .p-easy li {
    width: 100%;
    border: none;
    padding: 15px 20px 10px;
  }
  .glm .p-easy li:nth-child(n+2) {
    padding-top: 0;
  }
  .glm .p-easy li .lazyimg {
    width: 60%;
    margin: 15px 0;
  }
  .glm .p-easy li .lazyimg img {
    width: 100%;
  }
  .glm .p-easy li:nth-child(2) .lazyimg {
    width: 45px;
  }
  .glm .p-easy li:nth-child(2) .lazyimg img {
    width: 100%;
  }
  .glm .p-easy li:nth-child(3) .lazyimg {
    width: 58px;
  }
  .glm .p-easy li:nth-child(3) .lazyimg img {
    width: 100%;
  }
}
.glm .s-ul:before, .glm .s-ul:after {
  content: " ";
  display: table;
}
.glm .s-ul:after {
  clear: both;
}
.glm .s-ul .item {
  width: calc(100%/3);
  text-align: left;
  float: left;
}
.glm .s-ul .item .top-info {
  width: -moz-max-content;
}
.glm .s-ul .item .top-info .p-title {
  padding: 20px 0 12px 0;
  text-align: center;
}
.glm .s-ul .item .top-info img {
  height: 105px;
}
.glm .s-ul .item ol {
  position: relative;
}
.glm .s-ul .item ol li {
  color: #111;
  font-size: 16px;
  font-size: 1rem;
  line-height: 26px;
  text-align: left;
  padding-left: 20px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .glm .s-ul .item ol li {
    font-size: 14px;
    font-size: 0.875rem;
    padding-left: 10px;
  }
}
.glm .s-ul .item ol li:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  background: #C6A144;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.glm .s-ul .item .tel {
  color: #CF8207;
  line-height: 25px;
}
.glm .s-ul .item .tel span {
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem;
}
.glm .s-ul .item .tel i {
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .glm .s-ul .item {
    width: 100%;
    padding: 10px;
  }
  .glm .s-ul .item:before, .glm .s-ul .item:after {
    content: " ";
    display: table;
  }
  .glm .s-ul .item:after {
    clear: both;
  }
  .glm .s-ul .item .top-info {
    float: left;
    width: 143px;
    text-align: center;
  }
  .glm .s-ul .item .top-info img {
    height: 62px;
  }
  .glm .s-ul .item ol {
    float: left;
    margin-left: 10px;
    width: calc(100% - 153px);
  }
  .glm .s-ul .item ol li::before {
    top: 11px;
    transform: none;
  }
  .glm .s-ul .item .tel {
    float: left;
    margin-left: 10px;
  }
}
.glm .p-title {
  color: #111;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 24px;
}
@media only screen and (max-width: 767px) {
  .glm .p-title {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.glm .p-title.info {
  font-weight: normal;
  margin-top: 18px;
}
@media only screen and (max-width: 767px) {
  .glm .p-title.info {
    float: left;
    margin-left: 10px;
    width: calc(100% - 153px);
  }
}
.glm .introduce {
  background-image: url(/img/glm/rents/bg_1.png);
  background-size: cover;
  padding-top: 35px;
}
@media only screen and (max-width: 767px) {
  .glm .introduce {
    background-image: url(/img/glm/rents/tw/bg_1.png);
  }
}
.glm .introduce .c-video {
  background-image: url(/img/glm/rents/video.png);
  background-size: cover;
  width: 500px;
  height: 305px;
  border-radius: 8px;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .glm .introduce .c-video {
    width: 83%;
    height: 225px;
  }
}
.glm .r-desc {
  color: #111;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 24px;
  padding-bottom: 35px;
  text-align: center;
}
.glm .r-desc span {
  color: #CF8207;
}
@media only screen and (max-width: 767px) {
  .glm .r-desc {
    padding: 0px 10px 10px;
    font-size: 16px;
    font-size: 1rem;
    margin: 0 auto;
    font-weight: 400;
  }
  .glm .r-desc span {
    font-weight: 600;
  }
}
.glm .c-introduce {
  background-image: url(/img/glm/about/part-bg.png);
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .glm .c-introduce {
    background-image: url(/img/glm/about/tw/part-bg.png);
  }
}
.glm .c-introduce .z-title {
  padding-top: 40px;
  font-size: 45px;
  font-size: 2.8125rem;
  font-weight: 800;
  color: #D9E7FC;
  line-height: 46px;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .glm .c-introduce .z-title {
    padding-top: 20px;
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.glm .c-introduce .z-title .a-title {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translate(-50%);
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 600;
  color: #2169BB;
  line-height: 40px;
  text-align: center;
}
.glm .c-introduce .z-title .a-title span {
  display: inline-block;
  width: 42px;
  height: 3px;
  background: #E9D7BD;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .glm .c-introduce .z-title .a-title {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.glm .c-introduce .i-content {
  padding-top: 40px;
}
@media only screen and (max-width: 767px) {
  .glm .c-introduce .i-content {
    padding-top: 30px;
  }
}
.glm .c-introduce .i-content ul li {
  padding-top: 15px;
}
.glm .c-introduce .i-content ul li:first-child {
  padding-top: 15px;
}
.glm .c-introduce .i-content ul li .in-top {
  padding-bottom: 11px;
  color: #2169BB;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 20px;
  display: flex;
}
.glm .c-introduce .i-content ul li .in-top span {
  margin-right: 10px;
  color: #C6A144;
  font-style: oblique;
  font-size: 35px;
  font-size: 2.1875rem;
}
@media only screen and (max-width: 767px) {
  .glm .c-introduce .i-content ul li .in-top {
    font-size: 16px;
    font-size: 1rem;
    padding-bottom: 5px;
  }
  .glm .c-introduce .i-content ul li .in-top span {
    font-size: 26px;
    font-size: 1.625rem;
  }
}
.glm .c-introduce .i-content ul li i {
  width: 511px;
  display: inline-block;
  height: 1px;
  background: #A0B2CF;
}
@media only screen and (max-width: 767px) {
  .glm .c-introduce .i-content ul li i {
    width: 100%;
  }
}
.glm .c-introduce .i-content ul li p {
  color: #111;
  font-size: 16px;
  font-size: 1rem;
  line-height: 26px;
  padding-top: 5px;
}
.glm .c-introduce .i-content .i-btn {
  display: flex;
  justify-content: center;
}
.glm .c-introduce .i-content .i-btn .more-house {
  margin: 35px 50px 35px;
}
@media only screen and (max-width: 767px) {
  .glm .c-introduce .i-content .i-btn .more-house {
    width: 175px;
    margin: 20px auto 30px auto;
  }
}
.glm .c-introduce .i-content .i-btn .more-house:nth-child(2) {
  background: #1580DF;
}
@media only screen and (max-width: 767px) {
  .glm .c-introduce .i-content .i-btn .introduce-btn {
    width: 155px;
  }
}
@media(max-width : 320px) {
  .glm .c-introduce .i-content .i-btn .introduce-btn {
    width: 135px;
  }
}
.glm .abroad-video {
  background-image: url(/img/glm/about/part-bg2.png);
  background-size: cover;
  padding: 20px 0;
}
@media only screen and (max-width: 767px) {
  .glm .abroad-video {
    background-image: url(/img/glm/about/tw/part-bg2.png);
  }
}
.glm .abroad-video .top-title {
  display: flex;
  justify-content: center;
}
.glm .abroad-video .top-title h3 {
  color: #ffffff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 5px;
  margin-top: 20px;
}
.glm .abroad-video .top-title img {
  height: 40px;
}
.glm .abroad-video .top-title img:last-child {
  margin-top: 20px;
  height: 24px;
}
.glm .abroad-video .video {
  height: 305px;
  width: 500px;
  margin: 40px auto 50px auto;
  background-image: url(/img/glm/about/video01.png);
  background-size: cover;
  border-radius: 8px;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .glm .abroad-video .video {
    width: 80%;
    height: 205px;
    margin: 20px auto 30px auto;
  }
}
.glm .abroad-video .video-bg {
  background-image: url(/img/glm/about/video02.png);
}
.glm .room-video {
  background: #E5F0FB;
  font-size: 12px;
}
.glm .room-video .top-title h3 {
  color: #111;
}
.glm .s-container {
  padding-top: 0;
}
.glm .play-btn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 120px;
  height: 90px;
  z-index: 2;
  text-align: center;
}
.glm .play-btn .lazyimg {
  display: inline-block;
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .glm .play-btn .lazyimg {
    height: 40px;
    width: 40px;
  }
}
.glm .play-btn .lazyimg img {
  width: 100%;
  height: 100%;
}
.glm .play-btn span {
  display: inline-block;
  width: 120px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .glm .play-btn span {
    font-size: 17px;
    font-size: 1.0625rem;
  }
}
.glm .glm-inquiry .error, .glm .rents-inquiry .error, .glm .about-inquiry .error {
  color: #cc0b0b;
  font-weight: 700;
  font-size: 14px;
}
.glm .glm-inquiry .success, .glm .rents-inquiry .success, .glm .about-inquiry .success {
  font-size: 14px;
  color: #fff;
  font-size: 700;
}
.glm .glm-inquiry .agreement, .glm .rents-inquiry .agreement, .glm .about-inquiry .agreement {
  text-align: left;
  padding-bottom: 10px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #fff;
  letter-spacing: 0;
}
.glm .glm-inquiry .agreement input, .glm .rents-inquiry .agreement input, .glm .about-inquiry .agreement input {
  width: auto !important;
}

.g_house .banner {
  height: 380px;
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: center center;
}
@media only screen and (max-width: 767px) {
  .g_house .banner {
    height: 210px;
  }
}
@media(max-width : 414px) {
  .g_house .banner {
    height: 225px;
  }
}
@media(max-width : 320px) {
  .g_house .banner {
    height: 180px;
  }
}
.g_house .f_content {
  padding-bottom: 30px;
  padding-bottom: 25px;
}
.g_house .f_content p {
  font-size: 18px;
  line-height: 38px;
  padding-bottom: 10px;
  text-align: justify;
  word-break: break-all;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .g_house .f_content p {
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 5px;
  }
}
.g_house .f_content p span {
  color: #C09044;
  font-weight: 600;
}
.g_house .g_title {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .g_house .g_title {
    padding-top: 35px;
    padding-bottom: 15px;
  }
}
.g_house .g_title img {
  height: 27px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .g_house .g_title img {
    height: 14px;
  }
}
.g_house .g_title .g_name {
  color: #1A62A9;
  font-size: 28px;
  font-weight: 600;
  margin-top: -12px;
  position: relative;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .g_house .g_title .g_name {
    font-size: 18px;
  }
}
.g_house .g_title .g_name::after {
  content: "";
  width: 40px;
  height: 2px;
  background: #1A62A9;
  position: absolute;
  bottom: 0;
  transform: translate(-50%);
  left: 50%;
}
@media only screen and (max-width: 767px) {
  .g_house .g_title .g_name::after {
    width: 30px;
  }
}
.g_house .buy_process {
  background: url("/img/main/themeSp/green_house/buy_bg.png") no-repeat center;
  background-size: 100%;
  width: 100%;
  height: 423px;
}
@media only screen and (max-width: 767px) {
  .g_house .buy_process {
    background: url("/img/main/themeSp/green_house/tw/buy_bg.png") no-repeat center;
    height: 500px;
  }
}
.g_house .buy_process .b_title .buyin {
  height: 14px;
}
.g_house .buy_process .b_title .g_name {
  color: #fff;
}
.g_house .buy_process .b_title .g_name::after {
  background: #489FCA;
}
.g_house .buy_process .p_content p {
  text-align: center;
  font-size: 16px;
  color: #fff;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .g_house .buy_process .p_content p {
    text-align: justify;
    word-break: break-all;
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    padding: 0 15px;
  }
}
.g_house .buy_process .p_content ul {
  margin-top: 26px;
  display: flex;
  justify-content: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .g_house .buy_process .p_content ul {
    flex-wrap: wrap;
  }
}
.g_house .buy_process .p_content ul li {
  display: flex;
  align-items: center;
  position: relative;
}
.g_house .buy_process .p_content ul li img {
  display: block;
}
.g_house .buy_process .p_content ul li img:first-child {
  width: 92px;
}
@media only screen and (max-width: 767px) {
  .g_house .buy_process .p_content ul li img:first-child {
    width: 49px;
  }
}
.g_house .buy_process .p_content ul li img:nth-child(2) {
  height: 24px;
}
@media only screen and (max-width: 767px) {
  .g_house .buy_process .p_content ul li img:nth-child(2) {
    height: 15px;
  }
}
.g_house .buy_process .p_content ul li .p_desc {
  position: absolute;
  bottom: -35px;
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 26px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .g_house .buy_process .p_content ul li .p_desc {
    font-size: 14px;
    line-height: 20px;
  }
}
.g_house .buy_process .p_content ul li:first-child .p_desc {
  left: -20px;
}
.g_house .buy_process .p_content ul li:nth-child(2) .p_desc {
  bottom: -62px;
  left: -43px;
}
@media only screen and (max-width: 767px) {
  .g_house .buy_process .p_content ul li:nth-child(2) .p_desc {
    bottom: -55px;
    left: -40px;
  }
}
@media only screen and (max-width: 767px) {
  .g_house .buy_process .p_content ul li:nth-child(3) {
    padding-right: 10px;
  }
}
.g_house .buy_process .p_content ul li:nth-child(3) .p_desc {
  left: -9px;
  bottom: -35px;
}
@media only screen and (max-width: 767px) {
  .g_house .buy_process .p_content ul li:nth-child(3) .p_desc {
    left: -9px;
    bottom: -55px;
  }
}
.g_house .buy_process .p_content ul li:nth-child(4) .p_desc {
  left: -44px;
  bottom: -36px;
}
@media only screen and (max-width: 767px) {
  .g_house .buy_process .p_content ul li:nth-child(4) .p_desc {
    left: -16px;
    bottom: -54px;
  }
}
@media only screen and (max-width: 767px) {
  .g_house .buy_process .p_content ul li:nth-child(5) {
    padding-right: 25px;
    left: -12;
  }
}
.g_house .buy_process .p_content ul li:nth-child(6) {
  width: 110px;
}
@media only screen and (max-width: 767px) {
  .g_house .buy_process .p_content ul li:nth-child(n+4) {
    margin-top: 70px;
  }
}
.g_house .entrust_process {
  background: url("/img/main/themeSp/green_house/map.png") no-repeat center;
  background-size: 100%;
  height: 371px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .g_house .entrust_process {
    background: none;
    height: 474px;
  }
}
.g_house .entrust_process .p_step {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .g_house .entrust_process .p_step {
    flex-wrap: wrap;
  }
}
.g_house .entrust_process .p_step .p_item {
  display: flex;
  align-items: center;
  position: relative;
}
.g_house .entrust_process .p_step .p_item .circle {
  width: 105px;
  height: 105px;
  background: #FFFFFF;
  border-radius: 50%;
  text-align: center;
  line-height: 105px;
  box-shadow: 1px 1px 10px 0px rgba(196, 196, 196, 0.5);
  position: relative;
}
@media only screen and (max-width: 767px) {
  .g_house .entrust_process .p_step .p_item .circle {
    width: 61px;
    height: 61px;
    line-height: 61px;
  }
}
.g_house .entrust_process .p_step .p_item span {
  position: absolute;
  bottom: -78px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  line-height: 26px;
  text-align: center;
  width: 105px;
}
@media only screen and (max-width: 767px) {
  .g_house .entrust_process .p_step .p_item span {
    width: 61px;
    bottom: -60px;
    font-size: 14px;
  }
}
.g_house .entrust_process .p_step .p_item img {
  display: inline-block;
  vertical-align: middle;
}
.g_house .entrust_process .p_step .p_item img:first-child {
  width: 49px;
}
@media only screen and (max-width: 767px) {
  .g_house .entrust_process .p_step .p_item img:first-child {
    width: 33px;
  }
}
.g_house .entrust_process .p_step .p_item img:nth-child(2) {
  width: 32px;
  height: 32px;
  margin: 0 10px;
}
@media only screen and (max-width: 767px) {
  .g_house .entrust_process .p_step .p_item img:nth-child(2) {
    width: 26px;
    height: 26px;
    margin: 0 17px;
  }
}
@media only screen and (max-width: 767px) {
  .g_house .entrust_process .p_step .p_item:first-child span {
    width: 97px;
    left: -13px;
  }
}
.g_house .entrust_process .p_step .p_item:nth-child(2) span {
  width: 129px;
  bottom: -77px;
}
@media only screen and (max-width: 767px) {
  .g_house .entrust_process .p_step .p_item:nth-child(2) span {
    left: -35px;
    bottom: -59px;
  }
}
.g_house .entrust_process .p_step .p_item:nth-child(2) img:first-child {
  width: 51px;
}
@media only screen and (max-width: 767px) {
  .g_house .entrust_process .p_step .p_item:nth-child(2) img:first-child {
    width: 33px;
  }
}
.g_house .entrust_process .p_step .p_item:nth-child(3) span {
  width: 105px;
  bottom: -50px;
}
@media only screen and (max-width: 767px) {
  .g_house .entrust_process .p_step .p_item:nth-child(3) span {
    width: 61px;
    bottom: -34px;
  }
}
.g_house .entrust_process .p_step .p_item:nth-child(3) img:first-child {
  width: 58px;
}
@media only screen and (max-width: 767px) {
  .g_house .entrust_process .p_step .p_item:nth-child(3) img:first-child {
    width: 38px;
  }
}
.g_house .entrust_process .p_step .p_item:nth-child(4) span {
  width: 105px;
  bottom: -50px;
}
@media only screen and (max-width: 767px) {
  .g_house .entrust_process .p_step .p_item:nth-child(4) span {
    width: 61px;
    bottom: -34px;
  }
}
.g_house .entrust_process .p_step .p_item:nth-child(4) img:first-child {
  width: 56px;
}
@media only screen and (max-width: 767px) {
  .g_house .entrust_process .p_step .p_item:nth-child(4) img:first-child {
    width: 38px;
  }
}
.g_house .entrust_process .p_step .p_item:nth-child(5) span {
  width: 105px;
  bottom: -50px;
}
@media only screen and (max-width: 767px) {
  .g_house .entrust_process .p_step .p_item:nth-child(5) span {
    width: 61px;
    bottom: -34px;
  }
}
.g_house .entrust_process .p_step .p_item:nth-child(5) img:first-child {
  width: 53px;
}
@media only screen and (max-width: 767px) {
  .g_house .entrust_process .p_step .p_item:nth-child(5) img:first-child {
    width: 37px;
  }
}
.g_house .entrust_process .p_step .p_item:nth-child(6) span {
  width: 193px;
  bottom: -103px;
  left: -40px;
}
@media only screen and (max-width: 767px) {
  .g_house .entrust_process .p_step .p_item:nth-child(6) span {
    width: 100px;
    bottom: -87px;
    left: -17px;
  }
}
.g_house .entrust_process .p_step .p_item:nth-child(6) img:first-child {
  width: 56px;
}
@media only screen and (max-width: 767px) {
  .g_house .entrust_process .p_step .p_item:nth-child(6) img:first-child {
    width: 33px;
  }
}
@media only screen and (max-width: 767px) {
  .g_house .entrust_process .p_step .p_item:nth-child(n+4) {
    margin-top: 78px;
  }
}
.g_house .t_content {
  border: 6px solid #C7D6EC;
  padding: 18px 20px;
  margin-bottom: 50px;
  margin-top: -130px;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .g_house .t_content {
    margin-top: -155px;
    padding: 17px 8px;
    border: 2px solid #C7D6EC;
    margin-bottom: 35px;
  }
}
.g_house .t_content .t_title {
  display: flex;
  align-items: center;
  color: #1A62A9;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  border-bottom: 1px solid #A9A9A9;
  margin-bottom: 10px;
  padding-bottom: 8px;
}
@media only screen and (max-width: 767px) {
  .g_house .t_content .t_title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 5px;
    padding-bottom: 5px;
  }
}
.g_house .t_content .t_title img {
  width: 24px;
  display: block;
  margin-right: 3px;
}
@media only screen and (max-width: 767px) {
  .g_house .t_content .t_title img {
    width: 20px;
  }
}
.g_house .t_content ul {
  padding-left: 10px;
}
@media only screen and (max-width: 767px) {
  .g_house .t_content ul {
    padding-left: 5px;
  }
}
.g_house .t_content ul li {
  font-size: 16px;
  line-height: 32px;
  display: flex;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .g_house .t_content ul li {
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    word-break: break-all;
    position: relative;
  }
}
.g_house .t_content ul li .spot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #666666;
  margin-right: 9px;
}
@media only screen and (max-width: 767px) {
  .g_house .t_content ul li .spot {
    width: 4px;
    height: 4px;
    margin-right: 10px;
    flex-shrink: 0;
  }
}
.g_house .t_content ul li span {
  color: #C09044;
  font-weight: 600;
}
.g_house .t_content ul li:nth-child(1) .spot, .g_house .t_content ul li:nth-child(2) .spot, .g_house .t_content ul li:nth-child(4) .spot {
  position: absolute;
  top: 13px;
}
@media only screen and (max-width: 767px) {
  .g_house .t_content ul li:nth-child(1) .spot, .g_house .t_content ul li:nth-child(2) .spot, .g_house .t_content ul li:nth-child(4) .spot {
    top: 10px;
  }
}
.g_house .t_content ul li:nth-child(1) p, .g_house .t_content ul li:nth-child(2) p, .g_house .t_content ul li:nth-child(4) p {
  padding-left: 14px;
}
.g_house .sell_process {
  background: url("/img/main/themeSp/green_house/bg-4.png") no-repeat center;
  background-size: 100%;
  width: 100%;
  height: 446px;
}
@media only screen and (max-width: 767px) {
  .g_house .sell_process {
    background: url("/img/main/themeSp/green_house/tw/bg-4.png") no-repeat center;
    height: 620px;
  }
}
.g_house .sell_process .sell-content {
  font-size: 16px;
  line-height: 26px;
  padding-bottom: 35px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .g_house .sell_process .sell-content {
    font-size: 14px;
    padding-bottom: 15px;
    text-align: left;
    text-align: justify;
    padding: 0 15px;
    padding-bottom: 20px;
  }
}
.g_house .sell_process .sell_step .s_list {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .g_house .sell_process .sell_step .s_list {
    flex-wrap: wrap;
  }
}
.g_house .sell_process .sell_step .s_list .item {
  display: flex;
  align-items: center;
  position: relative;
}
.g_house .sell_process .sell_step .s_list .item img {
  display: block;
}
.g_house .sell_process .sell_step .s_list .item img:first-child {
  width: 72px;
}
@media only screen and (max-width: 767px) {
  .g_house .sell_process .sell_step .s_list .item img:first-child {
    width: 64px;
  }
}
.g_house .sell_process .sell_step .s_list .item img:nth-child(2) {
  width: 36px;
  margin: 0 10px;
}
@media only screen and (max-width: 767px) {
  .g_house .sell_process .sell_step .s_list .item img:nth-child(2) {
    width: 25px;
    margin: 0 20px;
  }
}
.g_house .sell_process .sell_step .s_list .item .s_desc {
  position: absolute;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  left: -13px;
  bottom: -60px;
}
@media only screen and (max-width: 767px) {
  .g_house .sell_process .sell_step .s_list .item .s_desc {
    font-size: 14px;
    line-height: 20px;
    left: -11px;
    bottom: -54px;
  }
}
.g_house .sell_process .sell_step .s_list .item:nth-child(2) .s_desc {
  left: 0px;
}
@media only screen and (max-width: 767px) {
  .g_house .sell_process .sell_step .s_list .item:nth-child(2) .s_desc {
    bottom: -54px;
  }
}
.g_house .sell_process .sell_step .s_list .item:nth-child(3) .s_desc {
  left: -22px;
  bottom: -86px;
}
@media only screen and (max-width: 767px) {
  .g_house .sell_process .sell_step .s_list .item:nth-child(3) .s_desc {
    width: 120px;
    left: -29px;
    bottom: -73px;
  }
}
.g_house .sell_process .sell_step .s_list .item:nth-child(4) .s_desc {
  left: -28px;
  bottom: -62px;
}
@media only screen and (max-width: 767px) {
  .g_house .sell_process .sell_step .s_list .item:nth-child(4) .s_desc {
    left: -16px;
    bottom: -55px;
  }
}
.g_house .sell_process .sell_step .s_list .item:nth-child(5) .s_desc {
  left: -20px;
  bottom: -60px;
}
@media only screen and (max-width: 767px) {
  .g_house .sell_process .sell_step .s_list .item:nth-child(5) .s_desc {
    left: -17px;
    bottom: -55px;
  }
}
.g_house .sell_process .sell_step .s_list .item:nth-child(6) .s_desc {
  left: -35px;
  bottom: -86px;
}
@media only screen and (max-width: 767px) {
  .g_house .sell_process .sell_step .s_list .item:nth-child(6) .s_desc {
    width: 127px;
    left: -34px;
    bottom: -75px;
  }
}
.g_house .sell_process .sell_step .s_list .item:nth-child(7) .s_desc {
  left: -13px;
  bottom: -60px;
}
@media only screen and (max-width: 767px) {
  .g_house .sell_process .sell_step .s_list .item:nth-child(7) .s_desc {
    bottom: -55px;
  }
}
.g_house .sell_process .sell_step .s_list .item:nth-child(8) {
  padding-right: 20px;
}
.g_house .sell_process .sell_step .s_list .item:nth-child(8) .s_desc {
  left: -27px;
  bottom: -88px;
}
@media only screen and (max-width: 767px) {
  .g_house .sell_process .sell_step .s_list .item:nth-child(8) .s_desc {
    width: 114px;
    bottom: -55px;
  }
}
.g_house .sell_process .sell_step .s_list .item:nth-child(9) {
  width: 104px;
}
@media only screen and (max-width: 767px) {
  .g_house .sell_process .sell_step .s_list .item:nth-child(n+4) {
    margin-top: 85px;
  }
}
.g_house .grey {
  background: url("/img/main/themeSp/green_house/grey-bg.png") no-repeat center;
  background-size: 100%;
  height: 113px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .g_house .grey {
    background: url("/img/main/themeSp/green_house/tw/grey-bg.png") no-repeat center;
    height: 80px;
  }
}
.g_house .grey .g_info {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  justify-content: center;
  padding-top: 61px;
  position: relative;
  width: 300px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .g_house .grey .g_info {
    padding-top: 42px;
    font-size: 14px;
  }
}
.g_house .grey .g_info img {
  display: inline-block;
  width: 13px;
}
@media only screen and (max-width: 767px) {
  .g_house .grey .g_info img {
    width: 10px;
  }
}
.g_house .grey .g_info img:first-child {
  transform: rotateY(180deg);
}
.g_house .grey .g_info img:nth-child(3) {
  position: absolute;
  right: -67px;
  bottom: -6px;
  width: 73px;
  height: 70px;
}
@media only screen and (max-width: 767px) {
  .g_house .grey .g_info img:nth-child(3) {
    right: -12px;
    bottom: 0px;
    width: 48px;
    height: 46px;
  }
}
.g_house .more_room {
  width: 330px;
  margin: 0 auto;
  margin-top: 35px;
  text-align: center;
  height: 55px;
  background: #2FA9AF;
  border-radius: 4px;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  line-height: 55px;
  cursor: pointer;
}
.g_house .more_room a {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .g_house .more_room {
    width: 220px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin-top: 25px;
  }
}
.g_house .green-inquiry {
  background-image: url(/img/main/themeSp/green_house/form-bg.png);
}

.home img {
  border-radius: 3px;
}
.home a {
  cursor: pointer;
  text-decoration: none;
}
.home .center {
  text-align: center;
}
.home .secTitle {
  position: relative;
  margin-bottom: 40px;
  font-size: 32px;
  font-weight: 600;
  color: #373737;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .home .secTitle {
    margin-bottom: 25px;
    font-size: 22px;
  }
}
.home .moreBtn {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 16px;
  font-weight: 600;
  color: #2fa9af;
}
.home .moreBtn i {
  font-size: 120%;
  margin-left: 3px;
}
.home .moreBtn:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  .home .moreBtn {
    top: 0;
    font-size: 14px;
  }
}
.home .hideImg {
  display: none !important;
  width: 100%;
  height: 100%;
}
.home .showImg {
  display: block !important;
}
.home .showPic {
  display: inline-block !important;
}
.home .homeBanner {
  position: relative;
  width: 100%;
  height: 380px;
}
.home .homeBanner .homeBannerBox {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
}
.home .homeBanner .homeBannerBox .carousel-indicators {
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .home .homeBanner .homeBannerBox .carousel-indicators {
    margin-bottom: 29px;
  }
}
.home .homeBanner .homeBannerBox .clause-tip {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  width: 500px;
  height: 40px;
}
@media only screen and (max-width: 767px) {
  .home .homeBanner .homeBannerBox .clause-tip {
    width: 50%;
    height: 35px;
  }
}
.home .homeBanner .homeBannerBox:before, .home .homeBanner .homeBannerBox:after {
  content: " ";
  display: table;
}
.home .homeBanner .homeBannerBox:after {
  clear: both;
}
.home .homeBanner .homeBannerBox .s-button {
  position: absolute;
  width: 50px;
  height: 60px;
  line-height: 60px;
  background: rgba(51, 51, 51, 0.59);
  border-radius: 4px;
  text-align: center;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .home .homeBanner .homeBannerBox .s-button {
    width: 27px;
    height: 42px;
    line-height: 42px;
  }
}
.home .homeBanner .homeBannerBox .s-button.carousel-control-prev {
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
}
.home .homeBanner .homeBannerBox .s-button.carousel-control-next {
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.home .homeBanner .homeBannerBox .s-button:hover {
  background-color: #333333;
}
@media (min-width: 768px) {
  .home .homeBanner .homeBannerBox .s-button.carousel-control-prev {
    left: 15px;
  }
  .home .homeBanner .homeBannerBox .s-button.carousel-control-next {
    right: 15px;
  }
}
@media (min-width: 992px) {
  .home .homeBanner .homeBannerBox .s-button.carousel-control-prev {
    left: calc( (100% - 520px)/2 );
  }
  .home .homeBanner .homeBannerBox .s-button.carousel-control-next {
    right: 12%;
  }
}
@media (min-width: 1200px) {
  .home .homeBanner .homeBannerBox .s-button.carousel-control-prev {
    left: calc( (100% - 700px)/2 );
  }
}
@media (min-width: 1400px) {
  .home .homeBanner .homeBannerBox .s-button.carousel-control-prev {
    left: calc( (100% - 880px)/2 );
  }
}
@media (min-width: 992px) {
  .home .homeBanner .homeBannerDistrict {
    left: calc( (100% - 920px)/2 );
  }
}
@media (min-width: 1200px) {
  .home .homeBanner .homeBannerDistrict {
    left: calc( (100% - 1140px)/2 );
  }
}
@media (min-width: 1400px) {
  .home .homeBanner .homeBannerDistrict {
    left: calc( (100% - 1320px)/2 );
  }
}
.home .homeBanner .clause-popup {
  position: fixed;
  z-index: 1001;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: rgba(0, 0, 0, 0.55);
}
.home .homeBanner .clause-popup .clause-tips {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 766px;
  bottom: auto;
  background-color: #fff;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .home .homeBanner .clause-popup .clause-tips {
    width: 96%;
  }
}
.home .homeBanner .clause-popup .clause-content {
  max-height: 60vh;
  overflow: auto;
  width: 100%;
  padding: 10px 30px 30px 20px;
}
@media only screen and (max-width: 767px) {
  .home .homeBanner .clause-popup .clause-content {
    padding: 0 11px 15px 11px;
    max-height: 70vh;
  }
}
.home .homeBanner .clause-popup .tip-title {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  padding-bottom: 6px;
  padding-top: 18px;
}
@media only screen and (max-width: 767px) {
  .home .homeBanner .clause-popup .tip-title {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.home .homeBanner .clause-popup p {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
}
.home .homeBanner .clause-popup p a {
  color: #4285F4;
  text-decoration: underline;
}
.home .homeBanner .clause-popup .iconfont {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
}
.home .homeBanner .homeBannerDistrict {
  position: absolute;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.home .homeBanner .homeBannerDistrict .menu {
  z-index: 1;
  position: absolute;
  top: 20px;
  left: 0;
  width: 200px;
  height: 308px;
}
.home .homeBanner .homeBannerDistrict .menu ul {
  height: 100%;
  width: 100%;
  border-radius: 4px;
  padding: 10px 8px;
  background: rgba(0, 0, 0, 0.8);
}
.home .homeBanner .homeBannerDistrict .menu ul li {
  color: #fff;
  padding: 10px 8px;
}
.home .homeBanner .homeBannerDistrict .menu ul li:hover {
  background: rgba(255, 255, 255, 0.1);
}
.home .homeBanner .homeBannerDistrict .menu ul li:hover .hot-country {
  display: block;
}
.home .homeBanner .homeBannerDistrict .menu ul li .firstDistrict {
  display: block;
  width: 100%;
  cursor: pointer;
}
.home .homeBanner .homeBannerDistrict .menu ul li .firstDistrict a {
  color: #fff;
  position: relative;
  display: block;
}
.home .homeBanner .homeBannerDistrict .menu ul li .firstDistrict.toBottom .districtDetail {
  bottom: 0px;
}
.home .homeBanner .homeBannerDistrict .menu ul li .firstDistrict .districtTitle {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  padding-right: 20px;
  display: flex;
  align-items: center;
}
.home .homeBanner .homeBannerDistrict .menu ul li .firstDistrict .districtTitle .country {
  background-repeat: no-repeat;
  margin-right: 9px;
  background-size: 113px 44px;
}
.home .homeBanner .homeBannerDistrict .menu ul li .firstDistrict .districtTitle img {
  width: 29px;
  display: inline-block;
  margin-right: 8px;
}
.home .homeBanner .homeBannerDistrict .menu ul li .firstDistrict .districtTitle span {
  font-weight: 400;
  margin-left: auto;
}
.home .homeBanner .homeBannerDistrict .menu ul li .firstDistrict i {
  position: absolute;
  right: -4px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  font-size: 1.125rem;
}
.home .homeBanner .homeBannerDistrict .menu ul li .firstDistrict .hot-area {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
}
.home .homeBanner .homeBannerDistrict .menu ul li .firstDistrict .hot-area a {
  color: #D8D8D8;
  font-size: 14px;
  font-size: 0.875rem;
}
.home .homeBanner .homeBannerDistrict .hot-country {
  width: 400px;
  height: 308px;
  position: absolute;
  display: none;
  top: 0px;
  left: 190px;
  z-index: 1;
  padding-left: 28px;
  box-sizing: content-box;
}
.home .homeBanner .homeBannerDistrict .hot-country:hover {
  display: block;
}
.home .homeBanner .homeBannerDistrict .hot-country .hot-content {
  height: 100%;
  width: 100%;
  padding: 0px 15px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
}
.home .homeBanner .homeBannerDistrict .hot-country .hot-content .c-content {
  margin: 0px;
}
.home .homeBanner .homeBannerDistrict .hot-country:before, .home .homeBanner .homeBannerDistrict .hot-country:after {
  content: " ";
  display: table;
}
.home .homeBanner .homeBannerDistrict .hot-country:after {
  clear: both;
}
.home .homeBanner .homeBannerDistrict .hot-country .c-title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  width: 100%;
  border-bottom: 1px solid #535353;
  display: flex;
  justify-content: space-between;
  padding: 15px 0px;
  margin: 0px;
}
.home .homeBanner .homeBannerDistrict .hot-country .c-list {
  align-content: flex-start;
  padding: 0px;
  padding-top: 5px;
  margin: 0px;
  width: 50%;
}
.home .homeBanner .homeBannerDistrict .hot-country .c-list:before, .home .homeBanner .homeBannerDistrict .hot-country .c-list:after {
  content: " ";
  display: table;
}
.home .homeBanner .homeBannerDistrict .hot-country .c-list:after {
  clear: both;
}
.home .homeBanner .homeBannerDistrict .hot-country .c-list dd {
  margin-top: 10px;
  float: left;
  cursor: pointer;
  position: relative;
  padding: 0px;
}
.home .homeBanner .homeBannerDistrict .hot-country .c-list dd:nth-child(n+3) {
  margin-top: 12px;
}
.home .homeBanner .homeBannerDistrict .hot-country .c-list dd a {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: left;
  padding: 4px 10px;
  border-radius: 2px;
}
.home .homeBanner .homeBannerDistrict .hot-country .c-list dd a:hover {
  background-color: rgba(255, 255, 255, 0.24);
}
.home .homeBanner .homeBannerDistrict .hot-country .c-list dd a i {
  font-size: 14px;
  font-size: 0.875rem;
}
.home .homeBanner .homeBannerDistrict .hot-country .c-list.col-5 dd:nth-child(n+3) {
  margin-top: 0px;
}
.home .homeBanner .homeBannerDistrict .hot-country .c-list.col-5 dd:nth-child(n+2) {
  margin-top: 12px;
}
.home .homeBanner .homeBannerDistrict .hot-country li {
  padding: 6px 5px;
  font-size: 14px;
  font-size: 0.875rem;
}
.home .homeBanner .homeBannerDistrict .hot-country li a {
  color: #fff;
}
.home .homeBanner .homeBannerDistrict .hot-country li:hover {
  background: rgba(255, 255, 255, 0.24);
}
@media only screen and (max-width: 1199px) {
  .home .homeBanner .homeBannerDistrict .menu li .firstDistrict i {
    right: 10px;
  }
  .home .homeBanner .homeBannerDistrict .menu li .firstDistrict .secondDistrict {
    right: -180px;
  }
  .home .homeBanner .homeBannerDistrict .menu li .firstDistrict .secondDistrict ul li a {
    padding: 15px 10px;
    width: 170px;
  }
  .home .homeBanner .homeBannerDistrict .menu li .firstDistrict .secondDistrict ul li .districtDetail {
    display: none;
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 180px;
    padding-left: 10px;
  }
  .home .homeBanner .homeBannerDistrict .menu li .firstDistrict .secondDistrict ul li .districtDetail .districtDetailWrapper {
    padding: 10px;
    width: 470px;
  }
  .home .homeBanner .homeBannerDistrict .menu li .firstDistrict .secondDistrict ul li .districtDetail .detailInfo {
    height: 150px;
  }
  .home .homeBanner .homeBannerDistrict .menu li .firstDistrict .secondDistrict ul li .districtDetail .detailInfo .detailInfoTitle {
    width: 290px;
  }
  .home .homeBanner .homeBannerDistrict .menu li .firstDistrict .secondDistrict ul li .districtDetail .detailInfo .detailInfoConts {
    width: 290px;
  }
}
@media only screen and (max-width: 767px) {
  .home .homeBanner {
    height: calc(100vw*.5625);
  }
}
.home_feature {
  background-color: #F9F9F9;
}
.home_feature ul:before, .home_feature ul:after {
  content: " ";
  display: table;
}
.home_feature ul:after {
  clear: both;
}
.home_feature ul li {
  float: left;
  width: 25%;
  padding: 20px 0;
}
.home_feature ul li:nth-child(1) {
  width: 24%;
}
.home_feature ul li:nth-child(2) {
  width: 25.5%;
}
.home_feature ul li:nth-child(3) {
  padding-left: 10px;
  width: 25.5%;
}
.home_feature ul li .leftIcon {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
}
.home_feature ul li .leftIcon .ic {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #ccc;
  text-align: center;
}
.home_feature ul li .leftIcon .ic .iconfont {
  font-size: 25px;
  line-height: 50px;
  color: #666;
}
.home_feature ul li .leftIcon .ic:hover {
  border: none;
  background: #2fa9af;
}
.home_feature ul li .leftIcon .ic:hover .iconfont {
  color: #fff;
}
.home_feature ul li .leftIcon img {
  width: 100%;
  transition: transform 0.3s ease;
}
.home_feature ul li .leftIcon img:nth-child(2) {
  display: none;
}
.home_feature ul li .leftIcon:hover img:nth-child(1) {
  display: none;
}
.home_feature ul li .leftIcon:hover img:nth-child(2) {
  display: block;
}
.home_feature ul li .rightTxt {
  display: inline-block;
  width: calc(100% - 75px);
  padding: 5px 0 0 5px;
  vertical-align: middle;
}
.home_feature ul li .rightTxt .text {
  font-size: 16px;
  line-height: 18px;
  color: #373737;
}
.home_entry {
  padding: 20px 0;
}
.home_entry .container {
  padding: 0;
}
.home_entry .container ul:before, .home_entry .container ul:after {
  content: " ";
  display: table;
}
.home_entry .container ul:after {
  clear: both;
}
.home_entry .container ul li {
  float: left;
  width: calc(100% / 4);
  text-align: center;
  padding-bottom: 15px;
}
.home_entry .container ul li .icon {
  float: none;
  margin: 0 auto;
  height: 34px;
  background-repeat: no-repeat;
  background-size: 257px 80px;
}
.home_entry .container ul li:first-child .icon {
  width: 38px;
  background-position: 0px -25px;
}
.home_entry .container ul li:nth-child(2) .icon {
  width: 34px;
  background-position: -38px -25px;
  background-size: 258px 80px;
}
.home_entry .container ul li:nth-child(3) .icon {
  width: 27px;
  background-position: -163px -25px;
}
.home_entry .container ul li:nth-child(4) .icon {
  width: 33px;
  background-position: -191px -25px;
}
.home_entry .container ul li:nth-child(5) .icon {
  width: 28px;
  background-position: -108px -25px;
}
.home_entry .container ul li:nth-child(6) .icon {
  width: 34px;
  background-position: -73px -25px;
}
.home_entry .container ul li:nth-child(7) .icon {
  width: 28px;
  background-position: -135px -25px;
  background-size: 256px 80px;
}
.home_entry .container ul li:nth-child(8) .icon {
  width: 28px;
  background-position: -135px -25px;
  background-size: 256px 80px;
}
.home_entry .container ul li:nth-child(n+5) {
  padding-bottom: 0px;
}
.home_entry .container ul li .text {
  line-height: 22px;
  width: 100%;
  padding-top: 10px;
}
.home_entry .container ul li .text .title {
  font-weight: bold;
  color: #111;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
}
.home_contact {
  padding: 60px 0;
  background: url(/img/main/cmn/bg_contactus.jpg) no-repeat center;
  background-size: cover;
}
.home_contact_cont {
  width: 720px;
  margin: 0 auto;
  color: #fff;
}
.home_contact_cont .needs-validation .button {
  padding: 0px !important;
}
.home_contact_cont .needs-validation .invalid-feedback {
  color: #FFF100;
}
.home_contact_cont .needs-validation .form-check-input:invalid ~ .form-check-label {
  color: #fff;
}
.home_contact_cont .redTxt {
  color: #FE3333;
  font-weight: 600;
}
.home_contact_cont .verifyCodeInput {
  float: left;
  width: calc(100% - 130px);
  margin-right: 10px;
}
.home_contact_cont .verifyCodeBtn {
  float: left;
  background-color: #ff7621;
  width: 120px;
  text-align: center;
  border-radius: 2px;
  color: #ffffff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 38px;
}
.home_contact_cont .verifyCodeBtn .verifyCodeSubmit {
  display: block;
}
.home_contact_cont .verifyCodeBtn:hover {
  cursor: pointer;
  background: #FF8E48;
}
.home_contact_cont .verifyCodeTimer, .home_contact_cont .verifyCodeTimer:hover {
  color: #fff;
  background: #bbb;
  border: 1px solid #bbb;
}
.home_contact_cont .title {
  position: relative;
  margin-bottom: 28px;
  text-align: center;
  font-size: 22px;
  font-size: 1.375rem;
  letter-spacing: 0.15px;
  font-weight: bold;
}
.home_contact_cont .b-text {
  margin-bottom: 40px;
  font-size: 16px;
  font-size: 1rem;
}
.home_contact_cont .form:before, .home_contact_cont .form:after {
  content: " ";
  display: table;
}
.home_contact_cont .form:after {
  clear: both;
}
.home_contact_cont .form .leftForm {
  float: left;
  width: 500px;
  padding-left: 103px;
}
.home_contact_cont .form .leftForm dl {
  margin-bottom: 16px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.6;
}
.home_contact_cont .form .leftForm dl:before, .home_contact_cont .form .leftForm dl:after {
  content: " ";
  display: table;
}
.home_contact_cont .form .leftForm dl:after {
  clear: both;
}
.home_contact_cont .form .leftForm dl dt, .home_contact_cont .form .leftForm dl dd {
  float: left;
}
.home_contact_cont .form .leftForm dl dt {
  width: 90px;
  padding: 8px 20px 8px 0;
  color: #fff;
  font-weight: bold;
}
.home_contact_cont .form .leftForm dl dd {
  width: calc(100% - 90px);
  color: #010101;
}
.home_contact_cont .form .leftForm dl dd:before, .home_contact_cont .form .leftForm dl dd:after {
  content: " ";
  display: table;
}
.home_contact_cont .form .leftForm dl dd:after {
  clear: both;
}
.home_contact_cont .form .leftForm dl dd input {
  width: 100%;
  padding: 7px 10px;
  background-color: #fff;
  border: none;
  line-height: inherit;
  border-radius: 2px;
  outline: none;
  color: #010101;
}
.home_contact_cont .form .leftForm dl dd input:-moz-placeholder {
  color: #cfcfcf;
}
.home_contact_cont .form .leftForm dl dd input::-moz-placeholder {
  color: #cfcfcf;
}
.home_contact_cont .form .leftForm dl dd input::-webkit-input-placeholder {
  color: #cfcfcf;
}
.home_contact_cont .form .leftForm dl dd input:-ms-input-placeholder {
  color: #cfcfcf;
}
.home_contact_cont .form .leftForm dl dd input:-moz-placeholder {
  font-size: 15px;
}
.home_contact_cont .form .leftForm dl dd input::-moz-placeholder {
  font-size: 15px;
}
.home_contact_cont .form .leftForm dl dd input::-webkit-input-placeholder {
  font-size: 15px;
}
.home_contact_cont .form .leftForm dl dd input:-ms-input-placeholder {
  font-size: 15px;
}
.home_contact_cont .form .leftForm dl dd .filter-option-inner-inner {
  color: #cfcfcf;
  font-size: 15px;
  font-size: 0.9375rem;
}
.home_contact_cont .form .leftForm dl dd .verifyCodeInput {
  float: left;
  width: calc(100% - 130px);
  margin-right: 10px;
}
.home_contact_cont .form .leftForm dl dd .verifyCodeBtn {
  float: left;
  background-color: #ff7621;
  width: 120px;
  text-align: center;
  border-radius: 2px;
  color: #ffffff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 38px;
}
.home_contact_cont .form .leftForm dl dd .verifyCodeBtn .verifyCodeSubmit {
  display: block;
}
.home_contact_cont .form .leftForm dl dd .verifyCodeBtn:hover {
  cursor: pointer;
  background: #FF8E48;
}
.home_contact_cont .form .leftForm dl dd .verifyCodeTimer, .home_contact_cont .form .leftForm dl dd .verifyCodeTimer:hover {
  color: #fff;
  background: #bbb;
  border: 1px solid #bbb;
}
.home_contact_cont .form .leftForm dl dd .autoLogin {
  width: auto;
  height: auto;
  margin: 0;
}
.home_contact_cont .form .leftForm dl dd .otherMessage {
  margin-bottom: 15px;
}
.home_contact_cont .form .leftForm dl dd .otherMessage:before, .home_contact_cont .form .leftForm dl dd .otherMessage:after {
  content: " ";
  display: table;
}
.home_contact_cont .form .leftForm dl dd .otherMessage:after {
  clear: both;
}
.home_contact_cont .form .leftForm dl dd .otherMessage .checkboxAutoLogin {
  display: inline-block;
  float: left;
  font-size: 13px;
  font-size: 0.8125rem;
  cursor: pointer;
}
.home_contact_cont .form .leftForm dl dd .otherMessage .checkboxAutoLogin input[type="checkbox"] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  outline: none;
  display: none;
}
.home_contact_cont .form .leftForm dl dd .otherMessage .checkboxAutoLogin input[type="checkbox"] + label {
  font-weight: normal;
}
.home_contact_cont .form .leftForm dl dd .otherMessage .checkboxAutoLogin input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border: 1px solid #ddd;
  border-radius: 2px;
  vertical-align: middle;
  margin-right: 5px;
}
.home_contact_cont .form .leftForm dl dd .otherMessage .checkboxAutoLogin input[type="checkbox"]:checked + label:before {
  content: "";
  color: #2eb1b8;
  font-size: 10px;
  text-align: center;
}
.home_contact_cont .form .leftForm .reason {
  margin-bottom: 0;
}
.home_contact_cont .form .leftForm .grayTxt {
  display: inline-block;
  margin: 10px 0;
  text-align: center;
  width: 40px;
  font-size: 14px;
}
.home_contact_cont .form .leftForm .grayTxt {
  color: #a9a9a9;
}
.home_contact_cont .form .leftForm .phoneNationality {
  float: left;
  height: 36px;
  width: 120px;
  background-color: #fff;
  border: none;
  font-size: 14px;
  font-size: 0.875rem;
  color: #010101;
  line-height: 36px;
  margin-right: 10px;
  padding: 0 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(/img/main/cmn/select-arrow-d.png);
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: right 5px center;
  background-attachment: scroll;
}
.home_contact_cont .form .leftForm .phoneNationality option {
  color: #010101;
}
.home_contact_cont .form .leftForm .phoneNumber {
  float: left;
  width: calc(100% - 130px);
  padding: 7px 10px;
  color: #010101;
}
.home_contact_cont .form .leftForm .radio {
  position: relative;
  padding: 7px 0;
  margin: 0;
  width: 600px;
}
@media only screen and (max-width: 767px) {
  .home_contact_cont .form .leftForm .radio {
    padding-bottom: 0px;
  }
}
.home_contact_cont .form .leftForm .radio li {
  position: relative;
  display: inline-block;
  padding: 0 36px 0 32px;
  color: #fff;
  font-size: 16px;
}
.home_contact_cont .form .leftForm .radio li:last-child {
  padding-bottom: 0;
}
.home_contact_cont .form .leftForm .radio li::before {
  position: absolute;
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  content: "";
  cursor: pointer;
  background: no-repeat url("/img/main/cmn/contact_1_n.png") center/100%;
}
.home_contact_cont .form .leftForm .radio li.selected::before {
  background: no-repeat url("/img/main/cmn/contact_1_hl.png") center/100%;
}
.home_contact_cont .form .leftForm textarea {
  width: 100%;
  height: 68px;
  padding: 10px;
  color: #010101;
  background-color: #fff;
  resize: none;
  border: none;
  border-radius: 3px;
  outline: none;
}
.home_contact_cont .form .leftForm textarea:-moz-placeholder {
  color: #cfcfcf;
}
.home_contact_cont .form .leftForm textarea::-moz-placeholder {
  color: #cfcfcf;
}
.home_contact_cont .form .leftForm textarea::-webkit-input-placeholder {
  color: #cfcfcf;
}
.home_contact_cont .form .leftForm textarea:-ms-input-placeholder {
  color: #cfcfcf;
}
.home_contact_cont .form .leftForm textarea:-moz-placeholder {
  font-size: 15px;
}
.home_contact_cont .form .leftForm textarea::-moz-placeholder {
  font-size: 15px;
}
.home_contact_cont .form .leftForm textarea::-webkit-input-placeholder {
  font-size: 15px;
}
.home_contact_cont .form .leftForm textarea:-ms-input-placeholder {
  font-size: 15px;
}
.home_contact_cont .form .rightCons {
  float: left;
  padding: 0 0 0 44px;
  width: 200px;
  height: 336px;
  color: #fff;
  border-radius: 3px;
  text-align: left;
}
.home_contact_cont .form .rightCons .consTil {
  margin-bottom: 13px;
  font-size: 14px;
  font-size: 0.875rem;
}
.home_contact_cont .form .rightCons .consTel {
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 3px 0;
  line-height: 17px;
}
.home_contact_cont .form .rightCons .consTime span {
  display: block;
  padding: 3px 0;
  white-space: nowrap;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 17px;
  text-align: left;
}
.home_contact_cont .form .rightCons .consQrcode {
  text-align: center;
}
.home_contact_cont .form .rightCons .consQrcode .g_code {
  line-height: 24px;
  font-size: 14px;
}
.home_contact_cont .form .rightCons .consQrcode .lazyimg {
  width: 116px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .home_contact_cont .form .rightCons .consQrcode .lazyimg {
    width: 81px;
  }
}
.home_contact_cont .form .rightCons .consQrcode .lazyimg img {
  margin-top: 14px;
  width: 100%;
}
.home_contact_cont .form .rightCons .zhaoshangLink a {
  display: inline-block;
  background-color: #ef943f;
  padding: 5px 10px;
  white-space: nowrap;
  color: #FFFFFF;
}
.home_contact_cont .form .c_zhaoshang .consQrcode .lazyimg {
  width: 83px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .home_contact_cont .form .c_zhaoshang .consQrcode .lazyimg {
    width: 81px;
  }
}
.home_contact_cont .form .c_zhaoshang .consQrcode .lazyimg img {
  width: 100%;
}
.home_contact_cont .message {
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  opacity: 0;
  padding-left: 76px;
}
.home_contact_cont .message i {
  margin-right: 3px;
  font-size: 110%;
}
.home_contact_cont .message.error {
  color: #fff;
  opacity: 1;
}
.home_contact_cont .message.error i:before {
  content: "";
  font-family: "iconfont" !important;
}
.home_contact_cont .message.success {
  color: #178a17;
  opacity: 1;
}
.home_contact_cont .message.success i:before {
  font-family: "iconfont" !important;
  content: "";
}
.home_contact_cont #agreement {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.home_contact_cont #agreement:checked + .checkbox-container .checkmark {
  background-color: #004fee;
  color: #fff;
  border-color: #004fee;
}
.home_contact_cont #agreement:checked + .checkbox-container .checkmark:after {
  display: block;
}
.home_contact_cont .btn-form-primary {
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: #EB8731;
  --bs-btn-border-color: #EB8731;
  --bs-btn-border-radius: 0.5rem;
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #d4690e;
  --bs-btn-active-bg: #c75f06;
  --bs-btn-active-border-color: #a15f26;
}
.home_contact_cont .btn-form-primary .spinner-border {
  display: none;
}
.home_contact_cont .btn-form-primary.loading .spinner-border {
  display: inline-block;
}
.home_contact_cont .btn-form-primary:disabled {
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: #e19c71;
  --bs-btn-disabled-border-color: #e19c71;
  --bs-btn-disabled-opacity: 1;
}
.home_contact_cont .button {
  text-align: center;
  padding-left: 76px;
}
@media only screen and (max-width: 767px) {
  .home_contact_cont .button {
    padding-left: 0px;
  }
}
.home_contact_cont .button button {
  width: 100%;
  height: 46px;
}
.home_contact_cont .form-agreement {
  text-align: left;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0;
  padding-top: 10px;
  color: #fff;
}
.home_contact_cont .form-agreement .form-check-label {
  vertical-align: sub;
}
.home_contact_cont .agreement {
  text-align: left;
  padding-left: 76px;
  padding-bottom: 10px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #fff;
  letter-spacing: 0;
}
.home_contact_cont .agreement input {
  width: auto !important;
  vertical-align: bottom;
}
@media only screen and (max-width: 767px) {
  .home_contact {
    padding: 30px 0;
  }
  .home_contact_cont {
    width: 100%;
  }
  .home_contact_cont .title {
    margin-bottom: 20px;
    font-size: 22px;
    font-size: 1.375rem;
  }
  .home_contact_cont .title img {
    width: 28px;
  }
  .home_contact_cont .form .leftForm {
    width: 100%;
    padding-left: 0;
  }
  .home_contact_cont .form .leftForm dl {
    font-size: 16px;
  }
  .home_contact_cont .form .leftForm dl dt {
    width: 60px;
    padding: 8px 0;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .home_contact_cont .form .leftForm dl dt {
    width: 76px;
  }
}
@media only screen and (max-width: 767px) {
  .home_contact_cont .form .leftForm dl dd {
    width: calc(100% - 60px);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .home_contact_cont .form .leftForm dl dd {
    width: calc(100% - 76px);
  }
}
@media only screen and (max-width: 767px) {
  .home_contact_cont .form .leftForm .phoneNationality {
    width: 60px;
    height: 39px;
    line-height: 39px;
  }
  .home_contact_cont .form .leftForm .phoneNumber {
    width: calc(100% - 70px);
  }
  .home_contact_cont .form .leftForm .radio {
    padding: 5px 0;
  }
  .home_contact_cont .form .leftForm .radio li {
    width: 100%;
    padding: 0 36px 10px 32px;
  }
  .home_contact_cont .form .rightCons {
    display: none;
  }
  .home_contact_cont .message {
    margin-bottom: 15px;
    font-size: 15px;
    font-size: 0.9375rem;
    padding-left: 0px;
  }
  .home_contact_cont .button {
    padding-left: 0;
  }
  .home_contact_cont .button button {
    width: 200px;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .home_contact_cont .agreement {
    padding-left: 0;
    text-align: center;
  }
  .home_contact .rightConsTel {
    padding: 35px 0 10px;
    float: left;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .home_contact .rightConsTel {
    float: none;
  }
}
@media only screen and (max-width: 767px) {
  .home_contact .rightConsTel .telTitle {
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
  }
  .home_contact .rightConsTel .telContent {
    padding: 0 15px;
  }
  .home_contact .rightConsTel .telContent:before, .home_contact .rightConsTel .telContent:after {
    content: " ";
    display: table;
  }
  .home_contact .rightConsTel .telContent:after {
    clear: both;
  }
  .home_contact .rightConsTel .telContent .phoneNumber {
    float: left;
    padding: 15px 0;
    width: calc((100% - 10px)/2);
    background-color: rgba(255, 255, 255, 0.28);
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
  }
  .home_contact .rightConsTel .telContent .phoneNumber:first-child {
    margin-right: 10px;
  }
  .home_contact .rightConsTel .telContent .phoneNumber .callBtn {
    display: inline-block;
    width: 100px;
    padding: 7px 5px;
    color: #fff;
    background-color: #EF943F;
    border-radius: 2px;
    font-size: 16px;
    font-size: 1rem;
  }
  .home_contact .rightConsTel .consQrcode {
    float: left;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .home_contact .rightConsTel .consQrcode {
    float: inherit;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .home_contact .rightConsTel .consQrcode .g_code {
    line-height: 24px;
    font-size: 15px;
    color: #fff;
  }
  .home_contact .rightConsTel .consQrcode .lazyimg {
    width: 116px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .home_contact .rightConsTel .consQrcode .lazyimg {
    width: 81px;
  }
}
@media only screen and (max-width: 767px) {
  .home_contact .rightConsTel .consQrcode .lazyimg img {
    width: 100%;
  }
  .home_contact .rightConsTel .consTime {
    float: right;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .home_contact .rightConsTel .consTime {
    float: inherit;
    padding: 10px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .home_contact .rightConsTel .consTime span {
    display: block;
    padding: 6px 0;
    white-space: nowrap;
    font-size: 15px;
    font-size: 0.9375rem;
    color: #fff;
    line-height: 17px;
    text-align: left;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .home_contact .rightConsTel .consTime span {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .home_contact .rightConsTel .zhaoshangLink {
    text-align: center;
    margin-bottom: 15px;
  }
  .home_contact .rightConsTel .zhaoshangLink a {
    display: inline-block;
    background-color: #ef943f;
    padding: 5px 10px;
    white-space: nowrap;
    color: #FFFFFF;
    font-size: 16px;
  }
  .home_contact .rightConsTel .phoneNumber {
    float: none !important;
    margin: 0 auto !important;
  }
  .home_contact .rightConsTel .phoneNumber .mb-10 {
    color: #fff !important;
  }
  .home_contact .rightConsTel .phoneNumber .mb-10 a {
    color: #fff;
  }
}
.home_company {
  margin: 40px 0;
}
@media only screen and (max-width: 767px) {
  .home_company {
    margin: 10px 0 0 0;
  }
  .home_company .container {
    padding: 0;
  }
}
.home_company_cont {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .home_company_cont {
    width: 100%;
    padding: 0;
  }
}
.home_company_cont .map {
  width: 100%;
  height: 420px;
}
@media only screen and (max-width: 767px) {
  .home_company_cont .map {
    width: auto;
    height: 200px;
    margin: 0 10px 10px 10px;
  }
}
.home_company_cont .cont {
  position: absolute;
  width: 480px;
  height: 260px;
  top: 85px;
  right: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
.home_company_cont .cont:before, .home_company_cont .cont:after {
  content: " ";
  display: table;
}
.home_company_cont .cont:after {
  clear: both;
}
@media only screen and (max-width: 991px) {
  .home_company_cont .cont {
    width: 350px;
    height: auto;
    top: 60px;
    right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .home_company_cont .cont {
    position: static;
    width: 100%;
    height: 175px;
    margin-bottom: 10px;
    box-shadow: none;
  }
}
.home_company_cont .cont .right {
  float: right;
  width: 150px;
  height: 100%;
  padding: 84px 0;
  background-color: rgba(47, 169, 175, 0.8);
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .home_company_cont .cont .right {
    float: none;
    width: 100%;
    padding: 15px 0;
  }
}
@media only screen and (max-width: 767px) {
  .home_company_cont .cont .right {
    float: left;
    width: 100px;
    padding: 62px 0;
  }
}
.home_company_cont .cont .right img {
  width: 65px;
}
@media only screen and (max-width: 767px) {
  .home_company_cont .cont .right img {
    width: 47px;
  }
}
.home_company_cont .cont .left {
  width: calc(100% - 150px);
  height: 100%;
  float: right;
  padding: 15px;
  color: #373737;
  background-color: #fff;
  text-align: left;
  line-height: 1.5;
}
.home_company_cont .cont .left .company {
  margin-bottom: 14px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
}
.home_company_cont .cont .left .address {
  margin-bottom: 13px;
}
.home_company_cont .cont .left .address p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.6;
}
.home_company_cont .cont .left .address p:first-child {
  margin-bottom: 3px;
  font-weight: bold;
}
.home_company_cont .cont .left p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .home_company_cont .cont .left p {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
.home_company_cont .cont .left p span {
  font-weight: bold;
}
@media only screen and (max-width: 991px) {
  .home_company_cont .cont .left {
    float: none;
    width: 100%;
    padding: 15px;
  }
  .home_company_cont .cont .left .company {
    margin-bottom: 10px;
  }
  .home_company_cont .cont .left .address {
    margin-bottom: 10px;
  }
  .home_company_cont .cont .left .address p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
  }
  .home_company_cont .cont .left .address p:first-child {
    margin-bottom: 5px;
  }
  .home_company_cont .cont .left p {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .home_company_cont .cont .left {
    float: left;
    width: calc(100% - 100px);
    padding: 10px;
    background-color: #F5F3F0;
  }
  .home_company_cont .cont .left .company {
    margin-bottom: 5px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .home_company_cont .cont .left .address {
    margin-bottom: 5px;
  }
  .home_company_cont .cont .left .address p {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .home_company_cont .cont .left .address:first-child {
    margin-bottom: 3px;
    font-weight: bold;
  }
  .home_company_cont .cont .left p {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
.home_func {
  padding: 60px 0 90px;
  background-color: #2fa9af;
  overflow: hidden;
}
.home_func .secTitle {
  color: #fff;
}
.home_func .main {
  text-align: center;
  color: #fff;
  margin-bottom: 40px;
}
.home_func .main .title {
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 2px;
}
@media only screen and (max-width: 767px) {
  .home_func .main .title {
    font-size: 24px;
  }
}
.home_func .main .text {
  margin-top: 15px;
  font-size: 18px;
}
.home_func_cont {
  position: relative;
  width: 820px;
  margin: 0 auto;
}
.home_func_cont:before, .home_func_cont:after {
  content: " ";
  display: table;
}
.home_func_cont:after {
  clear: both;
}
.home_func_cont .left {
  position: absolute;
  top: 0;
  left: 0;
  width: 340px;
}
.home_func_cont .left img {
  width: 100%;
}
.home_func_cont .right {
  float: right;
  width: 410px;
}
.home_func_cont .right ul li {
  margin-bottom: 15px;
}
.home_func_cont .right ul li:before, .home_func_cont .right ul li:after {
  content: " ";
  display: table;
}
.home_func_cont .right ul li:after {
  clear: both;
}
.home_func_cont .right ul li img {
  float: left;
  width: 50px;
  margin-top: 5px;
}
.home_func_cont .right ul li .cont {
  float: right;
  width: calc(100% - 80px);
  color: #fff;
  line-height: 1.5;
}
.home_func_cont .right ul li .cont .subTitle {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 600;
}
.home_func_cont .right ul li .cont p {
  font-size: 16px;
  font-size: 1rem;
}
.home_func_cont .right .appDownload {
  margin-top: 40px;
}
.home_func_cont .right .appDownload .qrCode:before, .home_func_cont .right .appDownload .qrCode:after {
  content: " ";
  display: table;
}
.home_func_cont .right .appDownload .qrCode:after {
  clear: both;
}
.home_func_cont .right .appDownload .qrCode img {
  float: left;
  margin-right: 40px;
  width: 100px;
  padding: 3px;
  background-color: #fff;
}
.home_func_cont .right .appDownload .qrCode div {
  float: left;
  margin-top: 40px;
  font-size: 20px;
  color: #f9f9f9;
}
.home_func_cont .right .appDownload .qrCode div .device {
  margin-right: 8px;
}
.home_func_cont .right .appDownload .downloadBtn {
  text-align: center;
}
.home_func_cont .right .appDownload .downloadBtn a {
  width: 100%;
  margin: 0 auto;
  display: inline-block;
  padding: 16px 8px;
  font-size: 16px;
  color: #f9f9f9;
  border: 1px #f3f3f3 solid;
  border-radius: 10px;
}
.home_func_cont .right .appDownload .downloadBtn a:hover, .home_func_cont .right .appDownload .downloadBtn a:active, .home_func_cont .right .appDownload .downloadBtn a:visited {
  text-decoration: none;
  color: #f9f9f9;
  opacity: 0.7;
}
.home_func_cont .right .appDownload .downloadBtn a .device {
  margin-right: 8px;
}
@media only screen and (max-width: 991px) {
  .home_func {
    padding: 50px 0 0;
  }
  .home_func_cont {
    width: 100%;
  }
  .home_func_cont .left {
    width: calc(100% - 420px);
  }
  .home_func_cont .right {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .home_func {
    padding: 30px 0 0;
  }
  .home_func .container {
    padding: 0;
  }
  .home_func_cont .left {
    width: 165px;
    top: auto;
    bottom: -2px;
    padding-left: 5px;
  }
  .home_func_cont .right {
    width: calc(100% - 175px);
    padding-right: 20px;
    padding-bottom: 25px;
  }
  .home_func_cont .right ul li {
    margin-bottom: 10px;
  }
  .home_func_cont .right ul li img {
    width: 25px;
    margin-top: 0;
  }
  .home_func_cont .right ul li .cont {
    width: calc(100% - 40px);
  }
  .home_func_cont .right ul li .cont .subTitle {
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
  }
  .home_func_cont .right .appDownload {
    margin-top: 20px;
  }
}
.home_func .backLink {
  margin: 50px 0 30px;
  text-align: center;
}
.home_func .backLink a {
  font-size: 16px;
  font-weight: 600;
  color: white;
}

.home .more-tw-btn {
  height: 40px;
  margin: 25px auto 15px;
  width: 150px;
  background: #2fa9af;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .home .more-tw-btn {
    margin: 25px auto 10px;
  }
}
.home .more-tw-btn a {
  height: 100%;
  width: 100%;
  display: inline-block;
  line-height: 40px;
  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 14px;
}
.home .more-partner {
  margin-top: 20px;
}

.h-mansion {
  margin-top: 35px;
}
.h-mansion.recommend_estate .videoTabItem:nth-child(7) {
  margin-right: 20px !important;
}
@media only screen and (max-width: 767px) {
  .h-mansion.recommend_estate .videoTabItem:nth-child(7) {
    margin-right: 10px !important;
  }
}
.h-mansion.recommend_estate .videoTabItem:nth-child(-n+4) {
  margin-bottom: 20px !important;
}
@media only screen and (max-width: 767px) {
  .h-mansion.recommend_estate .videoTabItem:nth-child(-n+4) {
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .h-mansion {
    margin-top: 32px;
  }
  .h-mansion.recommend_estate {
    margin-bottom: 15px;
  }
  .h-mansion.new_rooms {
    margin-top: 20px;
  }
}
.h-mansion .experience {
  margin-top: 20px;
}
.h-mansion .experience:before, .h-mansion .experience:after {
  content: " ";
  display: table;
}
.h-mansion .experience:after {
  clear: both;
}
.h-mansion .experience li {
  float: left;
  width: calc( (100% - 60px)/3);
  padding: 15px 10px;
  margin-right: 20px;
  box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.11);
  border-radius: 3px;
}
.h-mansion .experience li:last-child {
  margin-right: 0px;
}
.h-mansion .experience li .introduction {
  text-shadow: 0px 3px 13px rgba(0, 0, 0, 0.11);
  color: #666;
  font-size: 12px;
  font-size: 0.75rem;
}
.h-mansion .experience li .e-title, .h-mansion .experience li .introduction {
  text-align: center;
}
.h-mansion .experience li .e-title {
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  padding: 10px 0px;
}
.h-mansion .experience li p {
  text-align: justify;
  line-height: 21px;
  text-shadow: 0px 3px 13px rgba(0, 0, 0, 0.11);
}
.h-mansion .experience li .tips {
  font-size: 12px;
  font-size: 0.75rem;
  color: #999;
  text-shadow: 0px 3px 13px rgba(0, 0, 0, 0.11);
  padding-top: 10px;
}

.homeEstateTitle {
  padding-bottom: 4px;
}
.homeEstateTitle .e-tab:before, .homeEstateTitle .e-tab:after {
  content: " ";
  display: table;
}
.homeEstateTitle .e-tab:after {
  clear: both;
}
.homeEstateTitle .e-tab p {
  padding-top: 4px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
}
.homeEstateTitle .e-tab h3 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
  display: inline-block;
  line-height: 34px;
}
@media only screen and (max-width: 767px) {
  .homeEstateTitle .e-tab h3 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 27px;
  }
}
.homeEstateTitle .e-tab h4 {
  font-size: 14px;
  font-size: 0.875rem;
  color: #fff;
  font-weight: 500;
  margin-top: 8px;
  display: none;
}
@media only screen and (max-width: 767px) {
  .homeEstateTitle .e-tab h4 {
    display: block;
  }
}
.homeEstateTitle .e-tab .e-right, .homeEstateTitle .e-tab .e-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
  float: right;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media only screen and (max-width: 767px) {
  .homeEstateTitle .e-tab .e-right, .homeEstateTitle .e-tab .e-center {
    flex-wrap: wrap;
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
.homeEstateTitle .e-tab .e-right .right_btn, .homeEstateTitle .e-tab .e-center .right_btn {
  padding: 10px 15px;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  font-size: 1rem;
  border-radius: 23px;
  font-weight: 400;
}
.homeEstateTitle .e-tab .e-right .right_btn:hover, .homeEstateTitle .e-tab .e-center .right_btn:hover {
  color: #2fa9af;
}
@media only screen and (max-width: 767px) {
  .homeEstateTitle .e-tab .e-right .fit_select_sp, .homeEstateTitle .e-tab .e-center .fit_select_sp {
    background: #eee;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0 12px;
    border-radius: 51px;
    border: 1px solid #eee;
    display: flex;
    align-items: center;
    height: 28px;
  }
  .homeEstateTitle .e-tab .e-right .fit_select_sp p, .homeEstateTitle .e-tab .e-center .fit_select_sp p {
    width: 15px;
    height: 18px;
    margin-right: 10px;
    padding: 0;
  }
  .homeEstateTitle .e-tab .e-right .fit_select_sp p img, .homeEstateTitle .e-tab .e-center .fit_select_sp p img {
    width: 100%;
  }
}
.homeEstateTitle .e-tab .e-right .selected_sp, .homeEstateTitle .e-tab .e-center .selected_sp {
  color: #2FA9AF;
  border: 1px solid #2FA9AF;
  background: #E9F9F7;
  font-weight: 500;
}
.homeEstateTitle .e-tab .e-right .selected_sp:hover, .homeEstateTitle .e-tab .e-center .selected_sp:hover {
  background: #E9F9F7;
  color: #2FA9AF;
  font-weight: 500;
}
.homeEstateTitle .e-tab .e-right .action_right_btn, .homeEstateTitle .e-tab .e-center .action_right_btn {
  color: #fff;
  background: #2FA9AF;
}
.homeEstateTitle .e-tab .e-right .action_right_btn:hover, .homeEstateTitle .e-tab .e-center .action_right_btn:hover {
  background: #34bcc3;
  color: #fff;
}
.homeEstateTitle .e-tab .e-right .split_line, .homeEstateTitle .e-tab .e-center .split_line {
  width: 1px;
  height: 28px;
  background: #e5e5e5;
}
.homeEstateTitle .e-tab .e-right .conditional_filter, .homeEstateTitle .e-tab .e-center .conditional_filter {
  display: flex;
  align-items: center;
}
.homeEstateTitle .e-tab .e-right .conditional_filter .e-right-text, .homeEstateTitle .e-tab .e-center .conditional_filter .e-right-text {
  color: #111;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.64px;
}
.homeEstateTitle .e-tab .e-right .conditional_filter .filter_select, .homeEstateTitle .e-tab .e-center .conditional_filter .filter_select {
  margin: 0 32px 0 12px;
  padding: 12px;
  border-radius: 3px;
  border: 1px solid #CCC;
  width: 170px;
  height: 38px;
  line-height: 12px;
}
.homeEstateTitle .e-tab .e-right .conditional_filter .filter_select:active, .homeEstateTitle .e-tab .e-right .conditional_filter .filter_select:visited, .homeEstateTitle .e-tab .e-right .conditional_filter .filter_select:focus, .homeEstateTitle .e-tab .e-center .conditional_filter .filter_select:active, .homeEstateTitle .e-tab .e-center .conditional_filter .filter_select:visited, .homeEstateTitle .e-tab .e-center .conditional_filter .filter_select:focus {
  border: 1px solid #CCC;
  outline: none;
  box-shadow: none;
}
.homeEstateTitle .e-tab .e-right .conditional_filter .filter_select:focus-within, .homeEstateTitle .e-tab .e-center .conditional_filter .filter_select:focus-within {
  border: 1px solid #2fa9af;
  outline: none;
  box-shadow: none;
}
.homeEstateTitle .e-tab .e-right .conditional_filter .filter_select .btn-default, .homeEstateTitle .e-tab .e-center .conditional_filter .filter_select .btn-default {
  font-size: 14px;
  font-size: 0.875rem;
  color: #111;
  margin-top: -5px;
  padding: 0;
}
.homeEstateTitle .e-tab .e-right .conditional_filter .filter_select .btn-default .filter-option-inner-inner, .homeEstateTitle .e-tab .e-center .conditional_filter .filter_select .btn-default .filter-option-inner-inner {
  color: #111;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.64px;
  display: flex;
  align-items: center;
}
.homeEstateTitle .e-tab .e-right .conditional_filter .filter_select .btn-default .filter-option-inner-inner p, .homeEstateTitle .e-tab .e-center .conditional_filter .filter_select .btn-default .filter-option-inner-inner p {
  width: 16px;
  height: 19px;
  margin-right: 10px;
  padding: 0;
}
.homeEstateTitle .e-tab .e-right .conditional_filter .filter_select .btn-default .filter-option-inner-inner p img, .homeEstateTitle .e-tab .e-center .conditional_filter .filter_select .btn-default .filter-option-inner-inner p img {
  width: 100%;
}
.homeEstateTitle .e-tab .e-right .conditional_filter .filter_select .dropdown-menu.show, .homeEstateTitle .e-tab .e-center .conditional_filter .filter_select .dropdown-menu.show {
  transform: translate3d(-1px, 39px, 0px) !important;
  z-index: 9;
}
.homeEstateTitle .e-tab .e-right .conditional_filter .filter_select .fit_select, .homeEstateTitle .e-tab .e-center .conditional_filter .filter_select .fit_select {
  display: flex;
  align-items: center;
}
.homeEstateTitle .e-tab .e-right .conditional_filter .filter_select .fit_select p, .homeEstateTitle .e-tab .e-center .conditional_filter .filter_select .fit_select p {
  width: 16px;
  height: 19px;
  margin-right: 10px;
  padding: 0;
}
.homeEstateTitle .e-tab .e-right .conditional_filter .filter_select .fit_select p img, .homeEstateTitle .e-tab .e-center .conditional_filter .filter_select .fit_select p img {
  width: 100%;
}
.homeEstateTitle .e-tab .e-right a, .homeEstateTitle .e-tab .e-center a {
  color: #2FA9AF;
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1rem;
}
.homeEstateTitle .e-tab .e-right a:hover, .homeEstateTitle .e-tab .e-center a:hover {
  opacity: 0.8;
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .homeEstateTitle .e-tab .e-right a, .homeEstateTitle .e-tab .e-center a {
    font-size: 14px;
    font-size: 0.875rem;
    color: #2FA9AF;
    line-height: 27px;
  }
}
.homeEstateTitle .e-tab .e-center {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .homeEstateTitle .e-tab .e-center {
    margin-top: 16px;
    justify-content: flex-start;
  }
  .homeEstateTitle .e-tab .e-center .hand-house-tab {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
  .homeEstateTitle .e-tab .e-center .hand-house-tab span {
    display: inline-block;
    float: left;
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    font-size: 16px;
    font-size: 1rem;
  }
  .homeEstateTitle .e-tab .e-center .hand-house-tab span.hand-house-actived {
    font-weight: 500;
    font-size: 18px;
    font-size: 1.125rem;
    position: relative;
  }
  .homeEstateTitle .e-tab .e-center .hand-house-tab span.hand-house-actived::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 4px;
    background-color: #2fa9af;
    border-radius: 17px;
  }
}
.homeEstateTitle .e-tab .e-center .right_btn {
  margin: 0;
}

.homeEstate {
  padding: 40px 0;
}
.homeEstate:before, .homeEstate:after {
  content: " ";
  display: table;
}
.homeEstate:after {
  clear: both;
}
.homeEstate.greyBg {
  background-color: #F3F5F4;
}
@media only screen and (max-width: 767px) {
  .homeEstate.invest {
    padding-top: 25px;
  }
}
.homeEstate .homeEstateTitle {
  border-bottom: solid 1px #d7d7d7;
  position: relative;
}
.homeEstate .homeEstateTitle:before, .homeEstate .homeEstateTitle:after {
  content: " ";
  display: table;
}
.homeEstate .homeEstateTitle:after {
  clear: both;
}
.homeEstate .homeEstateTitle .title {
  text-align: center;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 600;
}
.homeEstate .homeEstateTitle .menu {
  float: left;
}
.homeEstate .homeEstateTitle .menu a {
  display: inline-block;
  width: 90px;
  padding: 8px 4px;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  color: #111;
}
.homeEstate .homeEstateTitle .menu a:hover {
  background-color: #2fa9af;
  color: #fff;
}
.homeEstate .homeEstateTitle .menu a.active {
  background-color: #2fa9af;
  color: #fff;
}
.homeEstate .homeEstateTitle .more {
  position: absolute;
  top: 10px;
  right: 0;
}
.homeEstate .homeEstateTitle .more a {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  color: #2fa9af;
}
.homeEstate .homeEstateCont {
  margin-top: 20px;
}
.homeEstate .homeEstateCont:before, .homeEstate .homeEstateCont:after {
  content: " ";
  display: table;
}
.homeEstate .homeEstateCont:after {
  clear: both;
}
.homeEstate .homeEstateCont .estateTab {
  display: none;
  margin: 0 -10px;
}
.homeEstate .homeEstateCont .estateTab.active {
  display: block;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem {
  float: left;
  width: calc((100% - 80px)/4);
  margin: 0 10px 20px;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #f5f5f5;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem a {
  text-decoration: none;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop {
  position: relative;
  overflow: hidden;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopPhoto {
  height: 150px;
  background-size: cover;
  background-position: center;
  transform: scale(1);
  transition: all 0.4s ease;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 7px 10px;
  background-color: rgba(17, 17, 17, 0.8);
  color: #fff;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo:before, .homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo:after {
  content: " ";
  display: table;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo:after {
  clear: both;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo .price {
  float: right;
  font-size: 14px;
  font-size: 0.875rem;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo .price .larger {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
  margin-right: 1px;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo .location {
  float: right;
  position: relative;
  margin-top: 9px;
  margin-left: 8px;
  padding-left: 15px;
  font-size: 14px;
  font-size: 0.875rem;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo .location:before {
  content: "";
  position: absolute;
  left: 0;
  display: inline-block;
  width: 13px;
  height: 13px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/img/main/cmn/estate_location_ico.png");
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo.fullWidth {
  width: 100%;
  padding: 7px 6px;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo.fullWidth .price {
  float: left;
  font-size: 13px;
  font-size: 0.8125rem;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo.fullWidth .price .larger {
  font-size: 20px;
  font-size: 1.25rem;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo.fullWidth .return {
  color: #FF6600;
  font-size: 13px;
  font-size: 0.8125rem;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo.fullWidth .return .larger {
  font-size: 16px;
  font-size: 1rem;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopTag {
  position: absolute;
  top: 10px;
  left: 0;
  padding: 4px 10px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #fff;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopTag.typeMansion {
  background-color: #D95757;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopTag.typeEntire {
  background-color: #D9722A;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopTag.typeHouse {
  background-color: #2b93d9;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTrade {
  margin: 0 5px;
  padding: 8px 0 6px;
  border-bottom: solid 1px #d7d7d7;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTrade:before, .homeEstate .homeEstateCont .estateTab .estateTabItem .itemTrade:after {
  content: " ";
  display: table;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTrade:after {
  clear: both;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTrade .itemTradeCont {
  float: left;
  width: 50%;
  padding: 0 5px;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTrade .itemTradeCont:first-child {
  width: calc(50% - 2px);
  border-right: solid 1px #d7d7d7;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTrade .itemTradeCont:last-child {
  padding-left: 15px;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTrade .itemTradeCont .title {
  color: #111;
  margin-bottom: 3px;
  font-size: 14px;
  font-size: 0.875rem;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemTrade .itemTradeCont .number {
  color: #FE6455;
  font-size: 18px;
  font-size: 1.125rem;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemDetail {
  margin: 0 5px;
  padding: 9px 0;
  font-size: 14px;
  font-size: 0.875rem;
  color: #111;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemDetail .itemDetailItem {
  display: inline-block;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemDetail .itemDetailItem:not(:last-child) {
  padding-right: 5px;
  margin-right: 2px;
  border-right: solid 1px #d7d7d7;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemAgent {
  padding: 8px 5px;
  background-color: #f1f1f1;
  color: #111;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemAgent:before, .homeEstate .homeEstateCont .estateTab .estateTabItem .itemAgent:after {
  content: " ";
  display: table;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemAgent:after {
  clear: both;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemAgent .itemAgentLogo {
  float: left;
  margin-right: 5px;
  width: 35px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemAgent .itemAgentName {
  float: left;
  width: calc(100% - 60px);
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemAgent .itemAgentMetal {
  float: right;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemAgent .itemAgentMetal.level1 {
  background-image: url(/img/main/cmn/agent_metal_1_s.png);
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemAgent .itemAgentMetal.level2 {
  background-image: url(/img/main/cmn/agent_metal_2_s.png);
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemAgent .itemAgentMetal.level3 {
  background-image: url(/img/main/cmn/agent_metal_3_s.png);
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemAgent .itemAgentMetal.level4 {
  background-image: url(/img/main/cmn/agent_metal_4_s.png);
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemPrice {
  margin: 0 5px;
  padding: 9px 0;
  border-bottom: solid 1px #d7d7d7;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemPrice:before, .homeEstate .homeEstateCont .estateTab .estateTabItem .itemPrice:after {
  content: " ";
  display: table;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemPrice:after {
  clear: both;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemPrice .itemPriceCont {
  float: left;
  width: 50%;
  padding: 0 5px;
  color: #000;
  font-size: 14px;
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemPrice .itemPriceCont:first-child {
  border-right: solid 1px #d7d7d7;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemPrice .itemPriceCont .price {
  color: #FC6158;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemPrice .itemPriceCont .price .larger {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem .itemAccess {
  margin: 0 5px;
  padding: 0 0 8px 0;
  font-size: 14px;
  font-size: 0.875rem;
  color: #373737;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.homeEstate .homeEstateCont .estateTab .estateTabItem:hover .itemTop .itemTopPhoto {
  transform: scale(1.05);
  transition: all 0.4s ease;
}
@media only screen and (max-width: 991px) {
  .homeEstate .homeEstateCont .estateTab .estateTabItem .itemPrice .itemPriceCont {
    padding: 0 2px;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .homeEstate {
    padding: 25px 0;
  }
  .homeEstate .homeEstateTitle {
    border-bottom: none;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .homeEstate .homeEstateTitle.home_title {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .homeEstate .homeEstateTitle .title {
    width: 100%;
    margin-bottom: 20px;
    text-align: left;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .homeEstate .homeEstateTitle .menu {
    width: 100%;
    text-align: center;
  }
  .homeEstate .homeEstateTitle .menu a {
    width: 80px;
    padding: 5px 3px;
    font-size: 14px;
    font-size: 0.875rem;
    border-radius: 4px;
  }
  .homeEstate .homeEstateTitle .more {
    top: 1px;
  }
  .homeEstate .homeEstateCont .estateTab .estateTabItem {
    width: calc((100% - 20px)/2);
    margin: 0 5px 10px;
    border-radius: 3px;
    border: 1px solid #f5f5f5;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
    overflow: hidden;
  }
  .homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo {
    padding: 5px 7px;
  }
  .homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo .price {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo .price .larger {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo .location {
    margin-top: 6px;
    margin-left: 3px;
    padding-left: 14px;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo .location:before {
    top: -1px;
    width: 13px;
    height: 12px;
  }
  .homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo.fullWidth {
    padding: 5px 4px;
  }
  .homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo.fullWidth .price {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo.fullWidth .price .larger {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo.fullWidth .return {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .homeEstate .homeEstateCont .estateTab .estateTabItem .itemTop .itemTopInfo.fullWidth .return .larger {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .homeEstate .homeEstateCont .estateTab .estateTabItem .itemTrade .itemTradeCont .title {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .homeEstate .homeEstateCont .estateTab .estateTabItem .itemTrade .itemTradeCont .number {
    font-size: 16px;
    font-size: 1rem;
  }
  .homeEstate .homeEstateCont .estateTab .estateTabItem .itemTrade .itemTradeCont:first-child {
    width: calc(57% - 2px);
  }
  .homeEstate .homeEstateCont .estateTab .estateTabItem .itemTrade .itemTradeCont:last-child {
    width: 43%;
    padding-left: 8px;
  }
  .homeEstate .homeEstateCont .estateTab .estateTabItem .itemDetail {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .homeEstate .homeEstateCont .estateTab .estateTabItem .itemAgent {
    padding: 5px;
  }
  .homeEstate .homeEstateCont .estateTab .estateTabItem .itemAgent .itemAgentLogo {
    margin-right: 3px;
  }
  .homeEstate .homeEstateCont .estateTab .estateTabItem .itemAgent .itemAgentName {
    width: calc(100% - 58px);
    font-size: 11px;
    font-size: 0.6875rem;
  }
  .homeEstate .homeEstateCont .estateTab .estateTabItem .itemPrice .itemPriceCont {
    font-size: 12px;
    font-size: 0.75rem;
    padding: 0 2px;
  }
  .homeEstate .homeEstateCont .estateTab .estateTabItem .itemPrice .itemPriceCont .price .larger {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

@media only screen and (max-width: 767px) {
  .home_special .container .img_bg {
    background: url(/img/main/special/sp-bg.png);
    background-blend-mode: overlay;
    border-radius: 12px;
    position: relative;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
  }
  .home_special .container .img_bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(19, 152, 156, 0.06) 0%, rgba(10, 82, 84, 0.6) 70px, #073536 140px, rgba(7, 53, 54, 0.8) 140px, rgba(7, 53, 54, 0.8) 100%);
    pointer-events: none;
    border-radius: 12px;
  }
}
.home_special .container .homeEstateTitle {
  padding-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .home_special .container .homeEstateTitle {
    position: relative;
    z-index: 9;
    padding: 24px;
    padding-bottom: 0;
  }
}
.home_special .container .homeEstateTitle .e-tab {
  margin-bottom: 24px;
}
.home_special .container .homeEstateTitle .e-tab h3 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
  display: inline-block;
  line-height: 34px;
}
@media only screen and (max-width: 767px) {
  .home_special .container .homeEstateTitle .e-tab h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 36px;
    color: #fff;
  }
}
.home_special .container .more_listings {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .home_special .container .more_listings {
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0px;
    margin-top: 0px;
  }
}
.home_special .container .more_listings .swiper {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .home_special .container .more_listings .swiper {
    padding-right: 24px;
  }
}
.home_special .container .more_listings .more_listings_residual {
  width: calc((100% - 48px)/4);
}
@media only screen and (max-width: 767px) {
  .home_special .container .more_listings .more_listings_residual {
    width: 138px;
  }
}
.home_special .container .more_listings .more_listings_residual:first-child {
  width: calc((100% - 32px)/2);
  height: 380px;
}
@media only screen and (max-width: 767px) {
  .home_special .container .more_listings .more_listings_residual:first-child {
    width: 138px;
    height: 100%;
    margin-left: 24px;
  }
}
.home_special .container .more_listings .more_listings_residual:first-child .lazyimg {
  height: 100%;
}
.home_special .container .more_listings .more_listings_residual:first-child .more_listings_desc {
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 15px 10px;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.3) 100%);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
@media only screen and (max-width: 767px) {
  .home_special .container .more_listings .more_listings_residual:first-child .more_listings_desc {
    left: 0;
    bottom: 0;
    padding: 16px;
    background: none;
    text-shadow: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(128, 128, 128, 0.13) 18%, rgba(69, 69, 69, 0.53) 58.5%, rgba(0, 0, 0, 0.8) 100%);
    border-radius: 0px 0px 12px 12px;
  }
}
.home_special .container .more_listings .more_listings_residual:first-child .more_listings_desc .s-tag {
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 767px) {
  .home_special .container .more_listings .more_listings_residual:first-child .more_listings_desc .s-tag {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    font-weight: 600;
  }
}
.home_special .container .more_listings .more_listings_residual .lazyimg {
  display: block;
  border-radius: 3px;
  height: 240px;
}
@media only screen and (max-width: 767px) {
  .home_special .container .more_listings .more_listings_residual .lazyimg {
    border-radius: 12px;
    height: 258px;
  }
}
.home_special .container .more_listings .more_listings_residual .video_pic img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.4s ease;
  transform: scale(1);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.home_special .container .more_listings .more_listings_residual .video_pic:hover img {
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
}
.home_special .container .more_listings .more_listings_residual img {
  width: 100%;
  height: 100%;
}
.home_special .container .more_listings .more_listings_residual .more_listings_desc {
  color: #111;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .home_special .container .more_listings .more_listings_residual .more_listings_desc {
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(128, 128, 128, 0.13) 18%, rgba(69, 69, 69, 0.53) 58.5%, rgba(0, 0, 0, 0.8) 100%);
    border-radius: 0px 0px 12px 12px;
  }
}
.home_special .container .more_listings .more_listings_residual .more_listings_desc .s-tag {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  color: #111111;
  line-height: 24px;
  margin: 16px 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 767px) {
  .home_special .container .more_listings .more_listings_residual .more_listings_desc .s-tag {
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    margin: 0;
  }
}
.home_special .container .more_listings .more_listings_residual .more_listings_desc .s-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 767px) {
  .home_special .container .more_listings .more_listings_residual .more_listings_desc .s-title {
    display: none;
  }
}
.home_special .container .more_listings .more_listings_residual .more_listings_desc .s-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  text-overflow: -webkit-ellipsis-lastline;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 767px) {
  .home_special .container .more_listings .more_listings_residual .more_listings_desc .s-desc {
    display: none;
  }
}
.home_special .container .special_tag {
  display: flex;
  grid-gap: 10px 12px;
  margin-top: 24px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .home_special .container .special_tag {
    grid-gap: 8px;
    position: relative;
    z-index: 9;
    padding: 24px;
    margin-top: 0;
  }
}
.home_special .container .special_tag li {
  padding: 10px;
  border-radius: 46px;
  background: #F6F6F6;
}
.home_special .container .special_tag li a {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #111;
}
.home_special .container .special_tag li:hover a {
  color: #2FA9AF;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
@media only screen and (max-width: 767px) {
  .home_special .container .special_tag li:hover a {
    color: #111;
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
  }
}

.video.homeEstate {
  padding-bottom: 0;
  padding-top: 55px;
}
.video.homeEstate:before, .video.homeEstate:after {
  content: " ";
  display: table;
}
.video.homeEstate:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .video.homeEstate {
    padding-bottom: 10px;
    padding-top: 32px;
  }
}
.video .homeEstateTitle {
  border: none;
}
.video .homeEstateTitle .title {
  font-size: 24px;
  font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .video .homeEstateTitle .title {
    margin-bottom: 25px;
  }
}
.video .v-container .videoTabWrapper .videoTab {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .video .v-container .videoTabWrapper .videoTab::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .video .v-container .videoTabWrapper .videoTab {
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    display: flex;
    height: 200px;
  }
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem {
  height: 189px;
  float: left;
  width: calc((100% - 460px)/3);
  background-color: #fff;
  margin-right: 20px;
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem:before, .video .v-container .videoTabWrapper .videoTab .videoTabItem:after {
  content: " ";
  display: table;
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem:after {
  clear: both;
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem:last-child {
  margin-right: 0px;
}
@media only screen and (max-width: 1199px) {
  .video .v-container .videoTabWrapper .videoTab .videoTabItem {
    width: calc((100% - 410px)/3);
  }
}
@media only screen and (max-width: 767px) {
  .video .v-container .videoTabWrapper .videoTab .videoTabItem {
    width: 70%;
    height: auto;
    display: inline-block;
    float: none;
    margin-right: 10px;
    box-shadow: none;
  }
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem .itemTopPhoto {
  width: 100%;
  height: 135px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .video .v-container .videoTabWrapper .videoTab .videoTabItem .itemTopPhoto {
    height: 145px;
  }
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem .itemTopPhoto .e-type {
  position: absolute;
  top: 6px;
  left: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem .itemTopPhoto .e-type span {
  padding: 4px 8px;
  background-color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  color: #111;
  font-weight: 600;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem .itemTopPhoto .e-type span.keywords {
  border: none;
  background-color: #D5EEEF;
  color: #2FA9AF;
  height: 22px;
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem .itemTopPhoto .video_pic img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s ease;
  transform: scale(1);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
@media only screen and (max-width: 767px) {
  .video .v-container .videoTabWrapper .videoTab .videoTabItem .itemTopPhoto .video_pic img {
    width: 280px;
  }
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem a:hover .video_pic img {
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem a .play_btn {
  position: absolute;
  bottom: inherit;
  right: inherit;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem a .play_btn .iconfont {
  font-size: 70px;
  font-size: 4.375rem;
  color: #fff;
  background: rgba(7, 7, 7, 0.4);
  border-radius: 35px;
  display: block;
}
@media only screen and (max-width: 767px) {
  .video .v-container .videoTabWrapper .videoTab .videoTabItem a .play_btn .iconfont {
    font-size: 50px;
    font-size: 3.125rem;
  }
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem a .play_btn span {
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .video .v-container .videoTabWrapper .videoTab .videoTabItem a .play_btn {
    padding: 6px 4px;
  }
  .video .v-container .videoTabWrapper .videoTab .videoTabItem a .play_btn span {
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 16px;
  }
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem a .playback {
  padding: 5px 7px;
  background: #10AEC2;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  font-size: 0.75rem;
  border-radius: 2px;
  position: absolute;
  top: 6px;
  left: 6px;
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem a .playback span {
  display: inline-block;
  border-radius: 50%;
  background: #ffffff;
  margin-right: 5px;
  vertical-align: middle;
  width: 4px;
  height: 4px;
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem .video_info {
  height: 45px;
  padding: 0px 6px;
  line-height: 20px;
  text-align: left;
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem .video_info .itemDesc {
  color: #111;
  padding-top: 5px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem .video_info .item-bottom {
  color: #666;
  font-size: 12px;
  font-size: 0.75rem;
  text-wrap: wrap;
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem .video_info .item-bottom a {
  color: #666;
  text-decoration: none;
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem .video_info .item-bottom a:hover {
  color: #2FA9AF;
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem .video_info .item-bottom .video_info_bottom {
  display: flex;
  justify-content: space-between;
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem .video_info .item-bottom .date {
  display: inline-block;
  color: #666;
  padding-right: 8px;
  margin-right: 5px;
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem .video_info .item-bottom .play_count {
  display: inline-block;
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem .video_info .item-bottom .play_count .iconfont {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #999;
  display: inline-block;
  vertical-align: middle;
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem .video_info .e-price {
  color: #D6000F;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  margin-top: 3px;
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem .video_info .e-price span {
  color: #666;
  font-size: 14px;
  font-size: 0.875rem;
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem .video_info .e-price p {
  display: inline;
}
@media only screen and (max-width: 767px) {
  .video .v-container .videoTabWrapper .videoTab .videoTabItem .video_info {
    height: 100px;
  }
  .video .v-container .videoTabWrapper .videoTab .videoTabItem .video_info .e-price {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .video .v-container .videoTabWrapper .videoTab .videoTabItem .video_info .e-price p {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem_home:first-child {
  width: 399px;
  height: 398px;
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem_home:first-child .itemTopPhoto {
  height: 343px;
}
@media only screen and (max-width: 1199px) {
  .video .v-container .videoTabWrapper .videoTab .videoTabItem_home:first-child {
    width: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .video .v-container .videoTabWrapper .videoTab .videoTabItem_home:first-child {
    width: 70%;
    height: auto;
  }
  .video .v-container .videoTabWrapper .videoTab .videoTabItem_home:first-child .itemTopPhoto {
    width: 100%;
    height: 145px;
  }
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem_home:nth-child(2), .video .v-container .videoTabWrapper .videoTab .videoTabItem_home:nth-child(3), .video .v-container .videoTabWrapper .videoTab .videoTabItem_home:nth-child(4) {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .video .v-container .videoTabWrapper .videoTab .videoTabItem_home:nth-child(2), .video .v-container .videoTabWrapper .videoTab .videoTabItem_home:nth-child(3), .video .v-container .videoTabWrapper .videoTab .videoTabItem_home:nth-child(4) {
    margin-bottom: 0;
  }
}
.video .v-container .videoTabWrapper .videoTab .videoTabItem_home:nth-child(4), .video .v-container .videoTabWrapper .videoTab .videoTabItem_home:nth-child(7) {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .video .v-container .videoTabWrapper .videoTab .videoTabItem_home:nth-child(4):nth-child(4), .video .v-container .videoTabWrapper .videoTab .videoTabItem_home:nth-child(7):nth-child(4) {
    margin-right: 10px;
  }
}
.video .v-container .videoTabWrapper .videoTab1 {
  margin-top: 20px;
  flex-wrap: wrap;
  display: none !important;
}
@media only screen and (max-width: 1199px) {
  .video .v-container .videoTabWrapper .videoTab1 {
    justify-content: flex-start;
  }
}
.video .v-container .videoTabWrapper .videoTab1.active_video {
  display: grid !important;
  gap: 16px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media only screen and (max-width: 767px) {
  .video .v-container .videoTabWrapper .videoTab1 {
    flex-wrap: nowrap;
    height: 100%;
    margin-top: 12px;
  }
  .video .v-container .videoTabWrapper .videoTab1.active_video {
    display: flex !important;
    gap: 10px;
  }
}
.video .v-container .videoTabWrapper .videoTab_osaka {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .video .v-container .videoTabWrapper .videoTab_osaka {
    flex-wrap: nowrap;
    height: 245px !important;
  }
}
.video .v-container .videoTabWrapper .videoTab_osaka .videoTabItem_osaka {
  width: 23%;
  height: 215px;
}
@media only screen and (max-width: 1199px) {
  .video .v-container .videoTabWrapper .videoTab_osaka .videoTabItem_osaka {
    width: 31%;
  }
}
@media only screen and (max-width: 991px) {
  .video .v-container .videoTabWrapper .videoTab_osaka .videoTabItem_osaka {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .video .v-container .videoTabWrapper .videoTab_osaka .videoTabItem_osaka {
    height: 235px;
  }
}
.video .v-container .videoTabWrapper .videoTab_osaka .videoTabItem_osaka .itemTop .itemTopPhoto .lazyimg img {
  width: 100%;
}
.video .video .videoTabItem {
  width: calc( (100% - 60px)/4) !important;
  height: 235px !important;
  margin-bottom: 0px !important;
}
@media only screen and (max-width: 767px) {
  .video .video .videoTabItem {
    width: 187px !important;
    height: auto !important;
    margin-bottom: 0px !important;
  }
}
.video .video .videoTabItem .itemTopPhoto {
  height: 135px !important;
}

.home_hot {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .home_hot {
    margin-top: 30px;
  }
}
.home_hot .video .videoTab {
  height: auto !important;
}
@media only screen and (max-width: 767px) {
  .home_hot .video .videoTab {
    height: 100px !important;
    overflow-y: hidden;
  }
}
.home_hot .video .videoTab .videoTabItem {
  width: 80px !important;
  height: 135px !important;
}
.home_hot .video .videoTab .videoTabItem img {
  border-radius: 3px;
}
.home_hot .video .videoTab .itemTop {
  height: 100px !important;
}
.home_hot .video .videoTab .itemTopPhoto {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .home_hot .video .videoTab .itemTopPhoto .h_title {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: rgba(3, 3, 3, 0.38);
  }
  .home_hot .video .videoTab .itemTopPhoto .h_title span {
    position: absolute;
    bottom: 21px;
    left: 50%;
    transform: translate(-50%);
    color: #fff;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
  }
}

.baike {
  padding-top: 35px;
  padding-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .baike {
    padding-top: 22px;
  }
}
.baike .container:before, .baike .container:after {
  content: " ";
  display: table;
}
.baike .container:after {
  clear: both;
}
.baike .container dl {
  float: left;
  width: calc( (100% - 120px)/3 );
  margin-right: 60px;
}
@media only screen and (max-width: 767px) {
  .baike .container dl {
    width: 100%;
    margin-left: 0px;
    float: initial;
  }
}
.baike .container dl:last-child {
  margin-right: 0;
}
.baike .container dl a {
  color: #111;
  display: inline-block;
}
.baike .container dl a:hover {
  color: #2FA9AF;
}
.baike .container dl a dt {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 600;
  position: relative;
  padding-right: 30px;
}
.baike .container dl a dt i {
  font-size: 18px;
  font-size: 1.125rem;
  margin-left: 12px;
  position: absolute;
  top: 2px;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .baike .container dl ul {
    margin-top: 6px;
  }
}
.baike .container dl ul li {
  cursor: pointer;
}
.baike .container dl ul li:first-child {
  cursor: pointer;
}
.baike .container dl ul li:first-child:before, .baike .container dl ul li:first-child:after {
  content: " ";
  display: table;
}
.baike .container dl ul li:first-child:after {
  clear: both;
}
.baike .container dl ul li:first-child .lazyimg {
  width: 110px;
  height: 75px;
  float: left;
  display: block;
}
.baike .container dl ul li:first-child .lazyimg img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.baike .container dl ul li:first-child .b_content {
  float: left;
  margin-left: 10px;
  color: #111;
  width: calc( 100% - 120px);
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}
.baike .container dl ul li:first-child .b_content p {
  line-height: 24px;
}
.baike .container dl ul li:first-child .b_content p:first-child {
  height: 46px;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.baike .container dl ul li:first-child .b_content .date {
  padding-top: 5px;
  font-weight: 500;
  color: #666;
  height: 27px;
  line-height: 27px;
}
@media only screen and (max-width: 767px) {
  .baike .container dl ul li:first-child .b_content .date {
    color: #999;
  }
}
.baike .container dl ul li:nth-child(2) {
  margin-top: 10px;
}
.baike .container dl ul li:nth-child(n+2) {
  padding: 2px 0;
}
.baike .container dl ul li:nth-child(n+2) a {
  width: 100%;
  position: relative;
}
.baike .container dl ul li:nth-child(n+2) a span {
  position: absolute;
  top: 16px;
  left: 0px;
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #999;
  border-radius: 50%;
}
.baike .container dl ul li:nth-child(n+2) p {
  color: #111;
  font-weight: 600;
  line-height: 20px;
  font-size: 16px;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding: 12px 0px 12px 15px;
  border-bottom: 1px solid #EEE;
}
@media only screen and (max-width: 767px) {
  .baike .container dl ul li:nth-child(n+2) p {
    border-bottom: none;
    padding: 0px;
    white-space: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .baike .container dl ul li {
    padding: 10px 0px !important;
    border-bottom: 1px solid #EEE;
    margin-top: 0px !important;
  }
  .baike .container dl ul li p.date {
    padding: 0px;
    padding-top: 0px !important;
    margin-top: 3px;
    height: 24px !important;
    line-height: 24px !important;
  }
}
.baike .container dl ul li:hover a, .baike .container dl ul li:hover p {
  color: #2FA9AF;
}
.baike .container dl ul li:hover p span {
  background: #2FA9AF;
}
.baike .container dl ul li a {
  color: #111;
}
.baike .container .more-baike a {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #111;
  margin-top: 24px;
  text-align: center;
}
.baike .container .more-baike a i {
  font-size: 14px;
  font-size: 0.875rem;
}
.baike .container .b-container {
  padding: 20px 15px;
}
.baike .container .b-container .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 24px;
}
.baike .container .b-container .title span {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
}
.baike .container .b-container .title a {
  font-size: 16px;
  font-size: 1rem;
  color: #2FA9AF;
}
.baike .container .b-container .title a:hover {
  opacity: 0.8;
  text-decoration: underline;
}
.baike .container .b-left {
  float: left;
  width: calc( 100% - 410px );
  margin-right: 30px;
}
.baike .container .b-left .b-container ul:before, .baike .container .b-left .b-container ul:after {
  content: " ";
  display: table;
}
.baike .container .b-left .b-container ul:after {
  clear: both;
}
.baike .container .b-left .b-container ul li {
  width: calc( (100% - 15px)/2 );
  float: left;
}
.baike .container .b-left .b-container ul li:before, .baike .container .b-left .b-container ul li:after {
  content: " ";
  display: table;
}
.baike .container .b-left .b-container ul li:after {
  clear: both;
}
.baike .container .b-left .b-container ul li a {
  display: inline-block;
  width: 100%;
}
.baike .container .b-left .b-container ul li a:hover p {
  color: #2fa9af;
}
.baike .container .b-left .b-container ul li .b_content {
  padding-left: 10px;
  display: inline-block;
  vertical-align: top;
  height: 75px;
  width: calc( 100% - 120px );
  position: relative;
}
.baike .container .b-left .b-container ul li .b_content p {
  line-height: 22px;
  height: 46px;
  font-size: 16px;
  font-size: 1rem;
  color: #111;
  font-weight: 600;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.baike .container .b-left .b-container ul li .b_content .date {
  color: #999;
  font-size: 12px;
  font-size: 0.75rem;
  position: absolute;
  bottom: 0px;
  height: 16px;
  bottom: 0px;
  left: 10px;
  font-weight: normal;
}
.baike .container .b-left .b-container ul li .lazyimg {
  display: inline-block;
  width: 110px;
  height: 75px;
}
.baike .container .b-left .b-container ul li:nth-child(4) {
  margin-right: 15px;
}
.baike .container .b-left .b-container ul li:nth-child(n+3) {
  margin-top: 15px;
}
.baike .container .b-left .b-container.hot-baike li a:hover {
  color: #2fa9af;
}
.baike .container .b-left .b-container.hot-baike li a .lazyimg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.baike .container .b-left .b-container.hot-baike li:first-child {
  position: relative;
  margin-right: 15px;
}
.baike .container .b-left .b-container.hot-baike li:first-child .lazyimg {
  width: 100%;
  height: 165px;
}
.baike .container .b-left .b-container.hot-baike li:first-child .lazyimg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: all 0.4s ease;
  transform: scale(1);
}
.baike .container .b-left .b-container.hot-baike li:first-child:hover img {
  transform: scale(1.05);
  transition: all 0.4s ease;
}
.baike .container .b-left .b-container.hot-baike li:first-child .b_content {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  padding: 4px 4px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.baike .container .b-left .b-container.hot-baike li:first-child .b_content p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  height: auto;
}
.baike .container .buy-baike {
  margin-top: 15px;
}
.baike .container .buy-baike ul li {
  width: calc( (100% - 20px)/2) !important;
}
.baike .container .buy-baike ul li:nth-child(4) {
  margin-right: 0px !important;
}
.baike .container .buy-baike ul li:nth-child(odd) {
  margin-right: 20px;
}
.baike .container .buy-baike ul li a:hover {
  color: #2fa9af;
}
.baike .container .buy-baike ul li a img {
  width: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  height: 100%;
}
.baike .container .b-right {
  width: 380px;
  float: left;
}
.baike .container:before, .baike .container:after {
  content: " ";
  display: table;
}
.baike .container:after {
  clear: both;
}
.baike .container .baike-tab:before, .baike .container .baike-tab:after {
  content: " ";
  display: table;
}
.baike .container .baike-tab:after {
  clear: both;
}
.baike .container .baike-tab span {
  display: inline-block;
  float: left;
  width: calc( 100%/3 );
  padding-bottom: 10px;
  text-align: center;
  color: #666;
  font-size: 16px;
  font-size: 1rem;
}
.baike .container .baike-tab span.baike-actived {
  border-bottom: 2px solid #2fa9af;
  font-weight: 600;
  color: #2fa9af;
}
.baike .container dl {
  width: 100%;
  display: none;
}
.baike .container dl:first-of-type {
  display: block;
}
.baike .container dl a {
  color: #111;
  display: inline-block;
}
.baike .container dl a:hover {
  color: #2FA9AF;
}
.baike .container dl a dt {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 600;
  position: relative;
  padding-right: 30px;
}
.baike .container dl a dt i {
  font-size: 18px;
  font-size: 1.125rem;
  margin-left: 12px;
  position: absolute;
  top: 2px;
  right: 0;
}
.baike .container dl ul li {
  cursor: pointer;
}
.baike .container dl ul li:before, .baike .container dl ul li:after {
  content: " ";
  display: table;
}
.baike .container dl ul li:after {
  clear: both;
}
.baike .container dl ul li .lazyimg {
  width: 110px;
  height: 75px;
  float: left;
  display: block;
}
.baike .container dl ul li .lazyimg img {
  width: 100%;
  height: 100%;
  display: block;
}
.baike .container dl ul li .b_content {
  float: left;
  margin-left: 10px;
  color: #111;
  width: calc( 100% - 120px);
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
}
.baike .container dl ul li .b_content p {
  line-height: 22px;
  height: 46px;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.baike .container dl ul li .b_content .date {
  padding-top: 5px;
  font-weight: 500;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: inherit;
  padding-top: 13px;
  color: #999;
}
.baike .container dl ul li:hover a, .baike .container dl ul li:hover p {
  color: #2fa9af;
}
.baike .container dl ul li:hover p span {
  background: #2fa9af;
}
.baike .container dl ul li a {
  color: #111;
}

.home_searchBar {
  margin-top: 10px;
}
@media(max-width : 410px) {
  .home_searchBar {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.home_searchBar .searchBarDefault {
  width: 100%;
  padding: 0 20px 20px 0;
}
@media(max-width : 767px) {
  .home_searchBar .searchBarDefault {
    padding: 0;
  }
}
.home_searchBar .searchBarDefault .leftInput {
  width: calc(100% - 100px);
  height: 40px;
  display: flex;
  align-items: center;
}
@media(max-width : 767px) {
  .home_searchBar .searchBarDefault .leftInput {
    width: calc(100% - 60px);
    padding: 0;
  }
}
@media(max-width : 410px) {
  .home_searchBar .searchBarDefault .leftInput {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .home_searchBar .searchBarDefault .leftInput i {
    font-size: 12px;
    font-size: 0.75rem;
    padding-left: 10px;
  }
}
.home_searchBar .searchBarDefault .leftInput .searchBarInput::-moz-placeholder {
  font-weight: 500;
}
.home_searchBar .searchBarDefault .leftInput .searchBarInput::placeholder {
  font-weight: 500;
}
@media(max-width : 410px) {
  .home_searchBar .searchBarDefault .leftInput .searchBarInput::-moz-placeholder {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .home_searchBar .searchBarDefault .leftInput .searchBarInput::placeholder {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.home_searchBar .searchBarDefault .rightBtn {
  width: 100px;
  height: 40px;
}
@media(max-width : 767px) {
  .home_searchBar .searchBarDefault .rightBtn {
    width: 60px;
  }
}
.home_searchBar .searchBarDefault .rightBtn:hover {
  background: #34bcc3;
}
@media only screen and (max-width: 767px) {
  .home_searchBar .hot_search {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.home_searchBar .hot_search .hot_word {
  margin-top: 15px;
}
.home_searchBar .hot_search .hot_word span {
  color: #111;
  font-size: 12px;
  font-size: 0.75rem;
}
.home_searchBar .hot_search .hot_word .hotWord {
  color: #D6000F;
  font-weight: 700;
}
.home_searchBar .hot_search .hot_word .notHotWord:hover {
  color: #2fa9af;
}
.home_searchBar .hot_search .hot_word svg {
  position: relative;
  top: -1px;
  width: 14px;
  height: 12px;
}
.home_searchBar .hot_search .hot_word a {
  margin-right: 5px;
}

.popularAreasList {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  margin-top: 16px;
}
.popularAreasList::-webkit-scrollbar {
  display: none;
}
.popularAreasList .lazyimg_area {
  width: 150px;
  height: 120px;
  margin-right: 10px;
  position: relative;
}
.popularAreasList .lazyimg_area img {
  width: 100%;
  height: 100%;
}
.popularAreasList .lazyimg_area .b_content {
  width: 100%;
  height: 100%;
  color: #fff;
  background: rgba(3, 3, 3, 0.38);
  font-weight: 500;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 3px;
}
.popularAreasList .lazyimg_area .b_content .b_content_a {
  line-height: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-weight: 600;
}

.back_top_sp {
  position: fixed;
  bottom: 174px;
  right: 10px;
  display: none;
  background: rgba(255, 255, 255, 0.8);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #D67C1D;
  cursor: pointer;
  line-height: 50px;
  border: 1px solid #D8D8D8;
  z-index: 10;
}
.back_top_sp i {
  font-size: 22px;
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .back_top_sp i {
    font-size: 32px;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .back_top_sp {
    bottom: 30px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    right: -10px;
    transform: scale(0.5);
  }
}

.bottom_download .lazyimg, .bottom_download img {
  width: 100%;
  height: 480px;
  border-radius: 0;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
@media only screen and (max-width: 767px) {
  .bottom_download .lazyimg, .bottom_download img {
    height: 625px;
  }
}

.videoTabItem1 {
  height: 100%;
  flex-basis: 25%;
  background-color: #fff;
  border-radius: 3px;
}
@media only screen and (max-width: 767px) {
  .videoTabItem1 {
    width: 73%;
  }
}
.videoTabItem1 .itemTopPhoto {
  width: 100%;
  height: 160px;
  position: relative;
  overflow: hidden;
}
.videoTabItem1 .itemTopPhoto .e-type {
  position: absolute;
  top: 6px;
  left: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.videoTabItem1 .itemTopPhoto .e-type span {
  padding: 4px 8px;
  background-color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  color: #111;
  font-weight: 600;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
}
.videoTabItem1 .itemTopPhoto .e-type span.keywords {
  border: none;
  background-color: #D5EEEF;
  color: #2FA9AF;
  height: 22px;
}
.videoTabItem1 .itemTopPhoto .e-type span.price_offer {
  border: none;
  background-color: #14BE3C;
  color: #fff;
  min-width: 82px;
}
.videoTabItem1 .itemTopPhoto .e-type span.price_offer p {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  background: none;
}
.videoTabItem1 .itemTopPhoto .e-type span.price_offer p img {
  width: 100%;
}
.videoTabItem1 .itemTopPhoto .video_pic img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s ease;
  transform: scale(1);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.videoTabItem1 .video_info {
  padding: 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
@media only screen and (max-width: 767px) {
  .videoTabItem1 .video_info {
    text-align: left;
    border: 1px solid #e5e5e5;
  }
}
.videoTabItem1 .video_info .address {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.videoTabItem1 .video_info .built, .videoTabItem1 .video_info .address {
  color: #111;
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .videoTabItem1 .video_info {
    height: auto !important;
  }
}
.videoTabItem1 .video_info .itemDesc {
  color: #111;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.videoTabItem1 .video_info .item-bottom {
  color: #111;
  font-size: 14px;
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.videoTabItem1 .video_info .item-bottom a {
  color: #111;
  text-decoration: none;
}
.videoTabItem1 .video_info .item-bottom a:hover {
  color: #2FA9AF;
}
.videoTabItem1 .video_info .item-bottom .date {
  display: inline-block;
  color: #111;
  padding-right: 8px;
  border-right: solid 1px #D8D8D8;
  margin-right: 5px;
}
.videoTabItem1 .video_info .item-bottom .play_count {
  display: inline-block;
}
.videoTabItem1 .video_info .item-bottom .play_count .iconfont {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #999;
  display: inline-block;
  vertical-align: middle;
}
.videoTabItem1 .video_info .e-price {
  margin-top: 0px;
}
.videoTabItem1 .video_info .e-price span {
  color: #111;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
}
.videoTabItem1 .video_info .e-price p {
  display: inline;
  color: #D6000F;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .videoTabItem1 .video_info {
    height: 100px;
  }
  .videoTabItem1 .video_info .e-price {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .videoTabItem1 .video_info .e-price p {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.videoTabItem1 a:hover .video_pic img {
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
}
.videoTabItem1 a .play_btn {
  position: absolute;
  bottom: inherit;
  right: inherit;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.videoTabItem1 a .play_btn .iconfont {
  font-size: 70px;
  font-size: 4.375rem;
  color: #fff;
  background: rgba(7, 7, 7, 0.4);
  border-radius: 35px;
  display: block;
}
@media only screen and (max-width: 767px) {
  .videoTabItem1 a .play_btn .iconfont {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.videoTabItem1 a .play_btn span {
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  line-height: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .videoTabItem1 a .play_btn {
    padding: 6px 4px;
  }
  .videoTabItem1 a .play_btn span {
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 16px;
  }
}
.videoTabItem1 a .playback {
  padding: 5px 7px;
  background: #10AEC2;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  font-size: 0.75rem;
  border-radius: 2px;
  position: absolute;
  top: 6px;
  left: 6px;
}
.videoTabItem1 a .playback span {
  display: inline-block;
  border-radius: 50%;
  background: #ffffff;
  margin-right: 5px;
  vertical-align: middle;
  width: 4px;
  height: 4px;
}

.view_estate .videoTabItem1, .home_special .videoTabItem1 {
  flex-basis: inherit;
}
.view_estate .e-tab, .home_special .e-tab {
  margin-top: 55px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .view_estate .e-tab, .home_special .e-tab {
    margin-top: 32px;
    margin-bottom: 16px;
  }
}
.view_estate .swiper-button-next, .view_estate .swiper-button-prev, .home_special .swiper-button-next, .home_special .swiper-button-prev {
  width: 44px;
  border-radius: 50%;
  height: 44px;
  background: #fff;
  border: 1px solid #E5E5E5;
  box-shadow: 0px 2px 12px 0px rgba(12, 14, 28, 0.08);
  color: #8E8E8E;
}
@media only screen and (max-width: 767px) {
  .view_estate .swiper-button-next, .view_estate .swiper-button-prev, .home_special .swiper-button-next, .home_special .swiper-button-prev {
    display: none !important;
  }
}
.view_estate .swiper-button-next::after, .view_estate .swiper-button-prev::after, .home_special .swiper-button-next::after, .home_special .swiper-button-prev::after {
  font-size: 20px;
  font-size: 1.25rem;
}

.hosting .type-tag {
  padding: 10px 0px;
}
.hosting .type-tag ul {
  background: #2FA9AF;
}
.hosting .type-tag ul:before, .hosting .type-tag ul:after {
  content: " ";
  display: table;
}
.hosting .type-tag ul:after {
  clear: both;
}
.hosting .type-tag ul li {
  float: left;
}
.hosting .type-tag ul li a {
  display: inline-block;
  width: 175px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
}
.hosting .type-tag ul li a.selected {
  background: #00858C;
}
@media only screen and (max-width: 767px) {
  .hosting .type-tag ul {
    background: #fff;
    border-bottom: 1px solid #E8E8E8;
  }
  .hosting .type-tag ul li {
    width: calc(100%/3);
  }
  .hosting .type-tag ul li a {
    width: 100%;
    color: #111;
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
  }
  .hosting .type-tag ul li a.selected {
    background: #fff;
    border-bottom: 2px solid #41B3B7;
    color: #41B3B7;
    font-weight: 600;
  }
}
.hosting .statement {
  margin-bottom: 70px;
}
.hosting .statement .s-content {
  background: #FAFAFA;
  padding: 16px 18px 23px;
}
.hosting .statement .s-content .s-title {
  font-size: 16px;
  font-size: 1rem;
  padding-bottom: 12px;
}
.hosting .statement .s-content .s-title i {
  font-size: 14px;
  font-size: 0.875rem;
  margin-right: 4px;
}
.hosting .statement .s-content p {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 21px;
  text-align: left;
}
.hosting .banner {
  height: 380px;
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: center center;
}
@media only screen and (max-width: 767px) {
  .hosting .banner {
    height: 210px;
  }
}
@media(max-width : 414px) {
  .hosting .banner {
    height: 225px;
  }
}
@media(max-width : 320px) {
  .hosting .banner {
    height: 180px;
  }
}
.hosting .h_title {
  text-align: center;
  margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .hosting .h_title {
    margin-bottom: 25px;
  }
}
.hosting .h_title img {
  width: 142px;
}
@media only screen and (max-width: 767px) {
  .hosting .h_title img {
    width: 106px;
  }
}
.hosting .h_title .t_content {
  margin-top: -8px;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 600;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .hosting .h_title .t_content {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.hosting .common_btn {
  background: #24ADB4;
  color: #fff;
  width: 270px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  margin: 0 auto;
  margin-top: 30px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .hosting .common_btn {
    width: 345px;
  }
}
.hosting .common_btn:hover {
  background: #34bcc3;
}
.hosting .bring_benefit {
  padding: 35px 0 40px;
}
.hosting .bring_benefit .common_btn {
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  .hosting .bring_benefit {
    padding: 30px 0 35px;
  }
}
.hosting .bring_benefit ul {
  text-align: center;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .hosting .bring_benefit ul {
    padding: 0px 10px;
  }
}
.hosting .bring_benefit ul li {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-right: 145px;
}
.hosting .bring_benefit ul li:last-child {
  margin-right: 0px;
}
@media only screen and (max-width: 767px) {
  .hosting .bring_benefit ul li {
    margin-right: 30px;
    justify-content: inherit;
  }
}
.hosting .bring_benefit ul li img {
  width: 158px;
  margin: 0 auto;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .hosting .bring_benefit ul li img {
    width: 83px;
    margin-top: -13px;
  }
}
.hosting .bring_benefit ul li:nth-child(2) img {
  width: 168px;
  margin: 0 auto;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .hosting .bring_benefit ul li:nth-child(2) img {
    width: 88px;
    margin-top: -12px;
  }
}
.hosting .bring_benefit ul li:nth-child(3) img {
  width: 128px;
}
@media only screen and (max-width: 767px) {
  .hosting .bring_benefit ul li:nth-child(3) {
    margin-right: 0;
    margin: 0 auto;
    margin-bottom: 10px;
  }
  .hosting .bring_benefit ul li:nth-child(3) img {
    width: 128px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .hosting .bring_benefit ul li:nth-child(3) img {
    width: 67px;
    margin-top: 0px;
  }
}

.hosting .bring_benefit ul li .desc {
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  line-height: 16px;
}
@media only screen and (max-width: 767px) {
  .hosting .bring_benefit ul li .desc {
    line-height: 20px;
  }
}
.hosting .host_affair {
  background: url("/img/hosting/part2_bg.png") no-repeat;
  background-size: 100% 100%;
  width: 100%;
  padding: 35px 0 40px;
}
@media only screen and (max-width: 767px) {
  .hosting .host_affair {
    background: url("/img/hosting/tw/part2_bg.png") no-repeat;
    padding: 30px 0 35px;
  }
}
.hosting .host_affair ul {
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .hosting .host_affair ul {
    margin-top: 0;
  }
}
.hosting .host_affair ul::before {
  content: "";
  width: 100%;
  height: 1px;
  border: 1px dashed #999;
  position: absolute;
  top: 13px;
  z-index: 1;
}
.hosting .host_affair ul li {
  display: inline-block;
  text-align: center;
  z-index: 10;
}
.hosting .host_affair ul li img:first-child {
  width: 30px;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .hosting .host_affair ul li img:first-child {
    width: 21px;
  }
}
.hosting .host_affair ul li img:nth-child(2) {
  width: 92px;
  margin-top: 13px;
}
@media only screen and (max-width: 767px) {
  .hosting .host_affair ul li img:nth-child(2) {
    width: 55px;
  }
}
.hosting .host_affair ul li .s_title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 30px;
}
.hosting .host_affair ul li span {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
}
@media only screen and (max-width: 767px) {
  .hosting .host_affair ul li span {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.hosting .host_affair .b-ul {
  margin-top: 10px;
}
.hosting .host_affair .b-ul li:first-child {
  width: 96px;
}
.hosting .advantage {
  padding: 35px 0 40px;
}
@media only screen and (max-width: 767px) {
  .hosting .advantage {
    padding: 30px 0 35px;
  }
}
.hosting .advantage ul {
  display: flex;
  justify-content: space-between;
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .hosting .advantage ul {
    flex-wrap: wrap;
    margin-top: 20px;
  }
}
.hosting .advantage ul li .counts {
  color: #C09044;
  font-size: 80px;
  font-size: 5rem;
  font-family: DINCond-Black, DINCond;
  text-align: center;
  letter-spacing: 2px;
  font-weight: 600;
}
.hosting .advantage ul li .counts img {
  width: 132px;
}
@media only screen and (max-width: 767px) {
  .hosting .advantage ul li .counts img {
    width: 99px;
  }
}
@media only screen and (max-width: 767px) {
  .hosting .advantage ul li .counts {
    font-size: 60px;
    font-size: 3.75rem;
  }
}
.hosting .advantage ul li .counts span {
  letter-spacing: inherit;
  font-size: 16px;
  font-size: 1rem;
}
.hosting .advantage ul li:nth-child(2) .counts img {
  width: 73px;
}
@media only screen and (max-width: 767px) {
  .hosting .advantage ul li:nth-child(2) .counts img {
    width: 55px;
  }
}
.hosting .advantage ul li:nth-child(3) .counts img {
  width: 145px;
}
@media only screen and (max-width: 767px) {
  .hosting .advantage ul li:nth-child(3) .counts img {
    width: 109px;
  }
}
.hosting .advantage ul li .a_content {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  padding-top: 15px;
}
@media only screen and (max-width: 767px) {
  .hosting .advantage ul li .a_content {
    text-align: center;
  }
}
.hosting .advantage ul li .tips {
  line-height: 26px;
  font-size: 12px;
  font-size: 0.75rem;
}
@media only screen and (max-width: 767px) {
  .hosting .advantage ul li:first-child {
    width: 100%;
    text-align: center;
  }
  .hosting .advantage ul li:first-child .a_content {
    display: inline-block;
  }
  .hosting .advantage ul li:first-child .a_content .tips {
    text-align: left;
  }
  .hosting .advantage ul li:nth-child(n+2) {
    width: 50%;
    margin-top: 20px;
  }
  .hosting .advantage ul li:nth-child(n+2) .a_content {
    text-align: left;
    line-height: 26px;
  }
}
.hosting .o_renosy {
  background-color: #F7F9FB;
  padding: 35px 0 40px;
}
.hosting .o_renosy .h_title {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .hosting .o_renosy {
    padding: 30px 0 35px;
  }
}
.hosting .o_renosy .t_desc {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 30px;
  padding-top: 15px;
  padding-bottom: 30px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hosting .o_renosy .t_desc {
    font-size: 16px;
    font-size: 1rem;
    text-align: left;
    padding: 25px 15px;
    text-align: justify;
  }
}
.hosting .o_renosy .t_desc span {
  color: #B37B1D;
  font-weight: 600;
}
.hosting .o_renosy ul {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .hosting .o_renosy ul {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.hosting .o_renosy ul li {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hosting .o_renosy ul li {
    margin-right: calc((100% - 315px)/2);
  }
  .hosting .o_renosy ul li:nth-child(3), .hosting .o_renosy ul li:nth-child(5) {
    margin-right: 0;
  }
  .hosting .o_renosy ul li:nth-child(4) {
    margin-right: 20px;
  }
  .hosting .o_renosy ul li:nth-child(n+4) {
    margin-top: 20px;
  }
}
.hosting .o_renosy ul li .top-btn {
  width: 150px;
  height: 38px;
  border-radius: 26px;
  border: 1px solid #B37B1D;
  color: #B37B1D;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 38px;
  text-align: center;
  margin-bottom: 22px;
}
@media only screen and (max-width: 767px) {
  .hosting .o_renosy ul li .top-btn {
    width: 105px;
    height: 33px;
    line-height: 33px;
    margin-bottom: 15px;
  }
}
.hosting .o_renosy ul li img {
  height: 148px;
}
@media only screen and (max-width: 767px) {
  .hosting .o_renosy ul li img {
    height: 94px;
  }
}
.hosting .package_intro {
  padding: 35px 0 40px;
}
@media only screen and (max-width: 767px) {
  .hosting .package_intro {
    padding: 30px 0 35px;
  }
}
.hosting .package_intro .p_tips {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 14px;
  margin-top: 10px;
}
.hosting .package_intro .table-title-cell {
  display: table-cell;
  padding: 12px 0;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  border-radius: 26px 26px 0px 0px;
}
.hosting .package_intro .table-title-cell span {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .hosting .package_intro .table-title-cell span {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .hosting .package_intro .table-title-cell {
    padding: 8px 0;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    border-radius: 16px 16px 0px 0px;
  }
}
.hosting .package_intro .table-cell-2 {
  background: #CCEBE8;
  color: #2D5A31;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .hosting .package_intro .table-cell-2 {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.hosting .package_intro .table-cell-3, .hosting .package_intro .table-cell-4 {
  background: #E5C386;
  color: #7F4E00;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .hosting .package_intro .table-cell-3, .hosting .package_intro .table-cell-4 {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.hosting .package_intro .title-cell-tw {
  margin-bottom: 10px;
}
.hosting .package_intro .title-cell-1 {
  font-size: 0;
  text-align: left;
  font-style: oblique;
  padding: 0;
}
.hosting .package_intro .title-cell-1 .table-title-mum {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 26px;
  color: #ffffff;
  text-align: center;
  background: #BA9448;
}
@media only screen and (max-width: 767px) {
  .hosting .package_intro .title-cell-1 .table-title-mum {
    width: 20px;
    height: 22px;
    line-height: 22px;
    font-size: 18px;
  }
}
.hosting .package_intro .title-cell-1 .table-title-text {
  display: inline-block;
  margin-left: 8px;
  font-size: 18px;
  line-height: 25px;
  font-weight: 600;
  font-style: normal;
}
@media only screen and (max-width: 767px) {
  .hosting .package_intro .title-cell-1 .table-title-text {
    margin-left: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
  }
}
.hosting .package_intro .table-cell-text-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
@media only screen and (max-width: 767px) {
  .hosting .package_intro .table-cell-text-small {
    font-size: 8px;
    font-weight: normal;
    line-height: 13px;
  }
}
.hosting .package_intro .table-cell-text-small .table-cell-text-color {
  color: #C24837;
}
.hosting .package_intro .color-bold {
  font-weight: 600;
  color: #C24837;
}
@media only screen and (max-width: 767px) {
  .hosting .package_intro .color-bold {
    font-size: 9px;
    line-height: 18px;
  }
}
.hosting .package_intro .loan-message-table {
  display: table;
  margin: 0 auto;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.hosting .package_intro .loan-message-table:last-child {
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .hosting .package_intro .loan-message-table {
    margin-bottom: 10px;
  }
}
.hosting .package_intro .loan-message-table .loan-table-row {
  display: table-row;
}
.hosting .package_intro .loan-message-table .loan-table-row .b_tips {
  display: inline-block;
  width: 100%;
  color: #424242;
  line-height: 20px;
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .hosting .package_intro .loan-message-table .loan-table-row .b_tips {
    font-size: 10px;
    font-size: 0.625rem;
  }
}
.hosting .package_intro .loan-message-table .loan-table-row .year {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 600;
  letter-spacing: 2px;
}
@media only screen and (max-width: 767px) {
  .hosting .package_intro .loan-message-table .loan-table-row .year {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.hosting .package_intro .loan-message-table .loan-table-row:nth-child(2) .loan-table-cell:nth-child(n+2) {
  color: #B37B1D;
}
.hosting .package_intro .loan-message-table .loan-table-row:nth-child(2) .loan-table-cell:nth-child(n+2) span {
  color: #424242;
}
.hosting .package_intro .loan-message-table .loan-table-row:nth-child(3) .loan-table-cell span {
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
}
.hosting .package_intro .loan-message-table .loan-table-row .loan-table-cell:nth-child(n+2) {
  color: #424242;
}
.hosting .package_intro .loan-message-table .loan-table-cell {
  display: table-cell;
  padding: 12px 22px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  line-height: 26px;
  color: #111;
  vertical-align: middle;
  border: 1px solid #787878;
  letter-spacing: 1px;
}
.hosting .package_intro .loan-message-table .loan-table-cell .cha {
  font-size: 22px;
  font-size: 1.375rem;
}
.hosting .package_intro .loan-message-table .loan-table-cell i {
  width: 18px;
  height: 18px;
  display: block;
  margin: 0 auto;
  border-radius: 50%;
  border: 2px solid #B37B1D;
}
@media only screen and (max-width: 767px) {
  .hosting .package_intro .loan-message-table .loan-table-cell i {
    width: 12px;
    height: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .hosting .package_intro .loan-message-table .loan-table-cell {
    padding: 6px 3px;
    font-size: 12px;
    line-height: 14px;
  }
}
.hosting .package_intro .loan-message-table .loan-cell-1 {
  width: 188px;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  line-height: 16px;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .hosting .package_intro .loan-message-table .loan-cell-1 {
    width: 40px;
    font-size: 12px;
    line-height: 15px;
  }
}
.hosting .package_intro .loan-message-table.table-two .loan-cell-1 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  font-style: normal;
}
@media only screen and (max-width: 767px) {
  .hosting .package_intro .loan-message-table.table-two .loan-cell-1 {
    font-size: 10px;
    line-height: 14px;
    font-weight: 500;
  }
}
.hosting .package_intro .loan-message-table .loan-cell-2 {
  background: #F0FFF9;
}
.hosting .package_intro .loan-message-table .loan-cell-3, .hosting .package_intro .loan-message-table .loan-cell-4 {
  background: #FFF5EC;
}
.hosting .package_intro .loan-message-table .loan-cell-bold {
  font-weight: 600;
}
.hosting .actual_cases {
  background: url("/img/hosting/part5_bg.jpg") no-repeat;
  background-size: 100% 100%;
  width: 100%;
  padding: 35px 0 40px;
}
@media only screen and (max-width: 767px) {
  .hosting .actual_cases {
    background: url("/img/hosting/tw/part5_bg.png") no-repeat;
    padding: 30px 0 35px;
  }
}
.hosting .actual_cases .h_title {
  color: #fff;
}
.hosting .actual_cases .c_content {
  width: 100%;
  background: #fff;
  padding: 30px 19px;
}
@media only screen and (max-width: 767px) {
  .hosting .actual_cases .c_content {
    padding: 20px 10px;
  }
}
.hosting .actual_cases .c_content:before, .hosting .actual_cases .c_content:after {
  content: " ";
  display: table;
}
.hosting .actual_cases .c_content:after {
  clear: both;
}
.hosting .actual_cases .c_content .a_title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: 1px;
  padding-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hosting .actual_cases .c_content .a_title {
    font-size: 16px;
    font-size: 1rem;
    padding-bottom: 12px;
  }
}
.hosting .actual_cases .c_content .cases {
  float: left;
  width: calc((100% - 70px)/2);
}
@media only screen and (max-width: 767px) {
  .hosting .actual_cases .c_content .cases {
    width: 100%;
  }
  .hosting .actual_cases .c_content .cases:nth-child(2) {
    margin-top: 20px;
  }
}
.hosting .actual_cases .c_content .cases:first-child {
  margin-right: 70px;
}
.hosting .actual_cases .c_content .cases .a_pic {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hosting .actual_cases .c_content .cases .a_pic .before_pic, .hosting .actual_cases .c_content .cases .a_pic .after_pic {
  position: relative;
}
.hosting .actual_cases .c_content .cases .a_pic .before_pic .p_top, .hosting .actual_cases .c_content .cases .a_pic .after_pic .p_top {
  width: 60px;
  display: block;
  height: 25px;
  background: #111;
  position: absolute;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  top: 0;
  left: 0;
}
.hosting .actual_cases .c_content .cases .a_pic .before_pic .p_top {
  background: #333333;
}
.hosting .actual_cases .c_content .cases .a_pic .after_pic .p_top {
  background: #B37B1D;
}
.hosting .actual_cases .c_content .cases .a_pic img {
  width: 185px;
}
@media only screen and (max-width: 767px) {
  .hosting .actual_cases .c_content .cases .a_pic img {
    width: 130px;
  }
}
.hosting .actual_cases .c_content .cases .a_pic img:nth-child(odd)::after {
  cosntent: "Before";
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  font-weight: 600;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
  height: 25px;
  background: #333333;
}
.hosting .actual_cases .c_content .cases .a_pic img:nth-child(2) {
  width: 51px;
}
@media only screen and (max-width: 767px) {
  .hosting .actual_cases .c_content .cases .a_pic img:nth-child(2) {
    width: 39px;
  }
}
.hosting .actual_cases .c_content .cases ul {
  padding-top: 15px;
}
.hosting .actual_cases .c_content .cases ul li {
  display: flex;
  font-size: 16px;
  letter-spacing: 1px;
  align-items: center;
  padding: 5px 0;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .hosting .actual_cases .c_content .cases ul li {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 2px;
  }
}
.hosting .actual_cases .c_content .cases ul li img {
  width: 15px;
  position: absolute;
  top: 8px;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .hosting .actual_cases .c_content .cases ul li img {
    top: 5px;
  }
}
.hosting .actual_cases .c_content .cases ul li .info {
  display: inline-block;
  vertical-align: middle;
  white-space: initial;
  padding-left: 21px;
  position: relative;
}
.hosting .actual_cases .c_content .cases ul li .info img {
  width: 17px;
  position: absolute;
  top: -2px;
  right: -20px;
  left: inherit;
}
@media only screen and (max-width: 767px) {
  .hosting .actual_cases .c_content .cases ul li .info img {
    position: relative;
    right: 0;
    top: 3px;
  }
}
.hosting .actual_cases .c_content .cases ul li .info i {
  color: #B37B1D;
  font-weight: 600;
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .hosting .actual_cases .c_content .cases ul li .info i {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.hosting .actual_cases .c_content .cases ul li .info span {
  font-weight: 600;
}
.hosting .actual_cases .c_content .cases ul li:nth-child(3) img {
  width: 20px;
}
.hosting .company_strength {
  padding: 35px 0 40px;
}
@media only screen and (max-width: 767px) {
  .hosting .company_strength {
    padding: 30px 0 35px;
  }
}
.hosting .company_strength p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 32px;
  text-align: justify;
}
@media only screen and (max-width: 767px) {
  .hosting .company_strength p {
    font-size: 16px;
    font-size: 1rem;
  }
}
.hosting .hosting_inquiry {
  padding: 35px 0 40px;
  background: url("/img/hosting/form_bg.png") no-repeat;
  background-size: cover;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .hosting .hosting_inquiry {
    background: url("/img/hosting/tw/form_bg.png") no-repeat;
    padding: 30px 0 35px;
  }
}
.hosting .hosting_inquiry .h_title .t_content {
  font-size: 22px;
  font-size: 1.375rem;
  color: #fff;
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .hosting .hosting_inquiry .h_title .t_content {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.hosting .theme_inquiry {
  position: relative;
  padding: 35px 5px 40px 15px;
  background: url("/img/hosting/form_building.png") #fff no-repeat;
  background-position: bottom center;
  background-size: 100% 170px;
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry {
    background: url("/img/hosting/tw/form_building.png") #fff no-repeat;
    background-position: bottom center;
    padding: 30px 10px 35px;
    background-size: 100% 102px;
  }
}
.hosting .theme_inquiry dl {
  display: flex;
}
.hosting .theme_inquiry dl.hidden {
  display: none;
}
.hosting .theme_inquiry dl dt {
  width: 110px;
  font-size: 16px;
  font-size: 1rem;
  color: #111;
  display: inline-block;
  font-weight: 600;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dt {
    font-size: 14px;
    font-size: 0.875rem;
    width: 95px;
  }
}
.hosting .theme_inquiry dl dt span {
  width: 100%;
  display: inline-block;
  line-height: 60px;
  text-align: right;
}
.hosting .theme_inquiry dl dt i {
  color: #B82521;
  font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  margin-left: 8px;
}
.hosting .theme_inquiry dl dd {
  width: calc( 100% - 110px );
  padding: 10px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dd {
    width: calc( 100% - 95px );
    padding: 10px 5px;
  }
}
.hosting .theme_inquiry dl dd .account {
  padding-top: 13px;
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dd .account {
    display: flex;
    flex-wrap: wrap;
  }
}
.hosting .theme_inquiry dl dd .account li {
  font-size: 16px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  padding: 0 36px 0 32px;
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dd .account li {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0;
    padding-left: 22px;
    width: 133px;
  }
}
.hosting .theme_inquiry dl dd .account li::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 20px;
  height: 20px;
  background: no-repeat url(/img/landingPage/select.png) center/100%;
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dd .account li::before {
    width: 18px;
    height: 18px;
  }
}
.hosting .theme_inquiry dl dd .account li.selected::before {
  background: no-repeat url("/img/landingPage/selected.png") center/100%;
}
.hosting .theme_inquiry dl dd .unit {
  font-size: 16px;
  font-size: 1rem;
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dd .account {
    display: flex;
    flex-wrap: wrap;
  }
}
.hosting .theme_inquiry dl dd .account li {
  font-size: 16px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  padding: 0 36px 0 32px;
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dd .account li {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0;
    padding-left: 22px;
    width: 133px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .hosting .theme_inquiry dl dd .account li {
    width: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dd .account li:nth-child(n+2) {
    margin-bottom: 0;
  }
}
@media(max-width : 375px) {
  .hosting .theme_inquiry dl dd .account li {
    width: auto;
  }
  .hosting .theme_inquiry dl dd .account li:nth-child(odd) {
    width: auto;
    margin-right: 20px;
  }
}
.hosting .theme_inquiry dl dd .account li::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 20px;
  height: 20px;
  background: no-repeat url(/img/landingPage/select.png) center/100%;
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dd .account li::before {
    width: 18px;
    height: 18px;
  }
}
.hosting .theme_inquiry dl dd .account li.selected::before {
  background: no-repeat url("/img/landingPage/selected.png") center/100%;
}
.hosting .theme_inquiry dl dd textarea, .hosting .theme_inquiry dl dd input, .hosting .theme_inquiry dl dd select {
  outline: 0px;
  font-size: 16px;
  padding: 7px 10px;
  border-radius: 2px;
  outline: none;
  outline-color: invert;
  outline-style: none;
  outline-width: 0px;
  border: none;
  border-style: none;
  text-shadow: none;
  -webkit-appearance: none;
  -webkit-user-select: text;
  outline-color: transparent;
  box-shadow: none;
  border: 1px solid #B3B2AE;
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dd textarea, .hosting .theme_inquiry dl dd input, .hosting .theme_inquiry dl dd select {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
.hosting .theme_inquiry dl dd select {
  float: left;
  width: 145px;
  height: 40px;
  padding: 0px 10px;
  background-color: #fff;
  background-image: url(/img/main/cmn/select-arrow-d.png);
  background-repeat: no-repeat !important;
  background-size: 10px !important;
  background-position: right 5px center !important;
  background-attachment: scroll !important;
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dd select:first-child {
    width: 125px;
  }
  .hosting .theme_inquiry dl dd select:last-child {
    width: calc(100% - 145px);
  }
}
.hosting .theme_inquiry dl dd .open .dropdown-toggle.btn {
  background: #F3F5F4;
}
.hosting .theme_inquiry dl dd .btn-default {
  background: #F3F5F4;
  height: 40px;
  line-height: 26px;
}
.hosting .theme_inquiry dl dd .btn-default:focus {
  background: #F3F5F4;
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dd .phoneNationality {
    width: 70px;
  }
}
.hosting .theme_inquiry dl dd .region {
  width: 150px;
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dd .region {
    width: 135px;
  }
}
.hosting .theme_inquiry dl dd .phoneNationalitySelect {
  padding-right: 12px;
}
.hosting .theme_inquiry dl dd .area {
  margin-left: 10px;
}
.hosting .theme_inquiry dl dd textarea {
  height: 85px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dd textarea {
    height: 40px;
    width: 100%;
  }
}
.hosting .theme_inquiry dl dd .filter-option-inner-inner {
  color: #A9A9A9;
}
.hosting .theme_inquiry dl dd input::-webkit-input-placeholder {
  color: #A9A9A9;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dd input::-webkit-input-placeholder {
    font-size: 12px;
  }
}
.hosting .theme_inquiry dl dd input:-moz-placeholder {
  color: #A9A9A9;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dd input:-moz-placeholder {
    font-size: 12px;
  }
}
.hosting .theme_inquiry dl dd input::-moz-placeholder {
  color: #A9A9A9;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dd input::-moz-placeholder {
    font-size: 12px;
  }
}
.hosting .theme_inquiry dl dd input:-ms-input-placeholdercolor {
  color: #A9A9A9;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dd input:-ms-input-placeholdercolor {
    font-size: 12px;
  }
}
.hosting .theme_inquiry dl dd input {
  width: 100%;
  height: 40px;
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dd input {
    width: 100%;
  }
}
.hosting .theme_inquiry dl dd input.phone {
  float: right;
  width: calc(100% - 156px);
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dd input.phone {
    width: calc( 100% - 80px );
  }
}
.hosting .theme_inquiry dl dd input.verifyCodeInput {
  float: left;
  width: calc(100% - 140px);
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dd input.verifyCodeInput {
    width: calc( 100% -  114px);
  }
}
.hosting .theme_inquiry dl dd .verifyCodeBtn {
  position: absolute;
  top: 4px;
  right: 12px;
  background-color: #C08F15;
  width: 130px;
  text-align: center;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 40px;
}
@media only screen and (max-width: 767px) {
  .hosting .theme_inquiry dl dd .verifyCodeBtn {
    width: 104px;
    float: right;
    position: initial;
  }
}
.hosting .theme_inquiry dl dd .verifyCodeBtn .verifyCodeSubmit {
  display: block;
}
.hosting .theme_inquiry dl dd .verifyCodeBtn:hover {
  cursor: pointer;
  background: #c08f15bf;
  color: #fff;
}
.hosting .theme_inquiry dl dd .verifyCodeTimer, .hosting .theme_inquiry dl dd .verifyCodeTimer:hover {
  color: #fff;
  background: #bbb !important;
  border: none;
}
.hosting .theme_inquiry .i_close {
  display: none;
}
.hosting .theme_inquiry .i_content:before, .hosting .theme_inquiry .i_content:after {
  content: " ";
  display: table;
}
.hosting .theme_inquiry .i_content:after {
  clear: both;
}
.hosting .theme_inquiry .bottom_btn {
  width: 300px;
  margin: 0 auto;
}
.hosting .theme_inquiry .bottom_btn .contactFormMessage {
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  opacity: 0;
  font-weight: 700;
  transition: all 0.3s;
  text-align: left;
  margin-bottom: 5px;
  padding-top: 4px;
}
.hosting .theme_inquiry .bottom_btn .contactFormMessage.error {
  color: #B82521;
  opacity: 1;
}
.hosting .theme_inquiry .bottom_btn .contactFormMessage.success {
  color: #178a17;
  opacity: 1;
}
.hosting .theme_inquiry .hosting_btn, .hosting .theme_inquiry .hInquiry_btn {
  width: 300px;
  height: 42px;
  background: #C08F15;
  color: #fff;
  line-height: 42px;
  font-size: 16px;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.hosting .theme_inquiry .hosting_btn:hover, .hosting .theme_inquiry .hInquiry_btn:hover {
  background: #c08f15e6;
}
.hosting .theme_inquiry .hosting_btn.btn2, .hosting .theme_inquiry .hInquiry_btn.btn2 {
  display: none;
}
.hosting .theme_inquiry .agreement {
  text-align: center !important;
  display: flex;
}
.hosting .theme_inquiry .agreement input {
  vertical-align: bottom;
  margin: 0;
  margin-right: 5px;
}
.hosting .right dl dt {
  width: 160px;
}
@media only screen and (max-width: 767px) {
  .hosting .right dl dt {
    width: 95px;
  }
}
@media only screen and (max-width: 767px) {
  .hosting .right dl:last-child dt {
    width: 145px;
  }
  .hosting .right dl:last-child dd {
    width: calc( 100% -  145px);
    padding: 7.5;
  }
}
.hosting .advPopupBg {
  transition: all 0.3s;
}
.hosting .advPopupBg .theme_inquiry {
  position: absolute;
  top: 200px;
  left: 50%;
  transform: translate(-50%);
  width: 980px;
  border-radius: 4px;
  padding: 40px 13px 30px;
}
@media only screen and (max-width: 767px) {
  .hosting .advPopupBg .theme_inquiry {
    width: 340px;
    padding: 30px 10px 20px;
  }
  .hosting .advPopupBg .theme_inquiry .right {
    display: none;
  }
}
.hosting .advPopupBg .theme_inquiry .hosting_btn {
  display: none;
}
.hosting .advPopupBg .theme_inquiry .hInquiry_btn {
  display: block;
}
.hosting .advPopupBg .theme_inquiry .i_close {
  cursor: pointer;
  width: 14px;
  position: absolute;
  top: 12px;
  right: 12px;
  display: block;
}
.hosting .hosting_active {
  display: block;
}
.hosting .obtaining.active, .hosting .im_inquiry.active, .hosting .yimin-form.active {
  display: none !important;
}

.obtaining .theme_inquiry, .im_inquiry .theme_inquiry, .yimin-form .theme_inquiry {
  background: none;
  background: url("/img/main/cmn/b_bg.png") #fff no-repeat;
  background-position: bottom center;
  background-size: 100% 158px;
  width: 450px !important;
  padding: 0 !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
@media only screen and (max-width: 767px) {
  .obtaining .theme_inquiry, .im_inquiry .theme_inquiry, .yimin-form .theme_inquiry {
    width: 95% !important;
  }
}
.obtaining .theme_inquiry .i_close, .im_inquiry .theme_inquiry .i_close, .yimin-form .theme_inquiry .i_close {
  top: 4px;
  right: -20px;
}
.obtaining .theme_inquiry .i_content, .im_inquiry .theme_inquiry .i_content, .yimin-form .theme_inquiry .i_content {
  padding: 0 15px 0 25px !important;
}
@media only screen and (max-width: 767px) {
  .obtaining .theme_inquiry .i_content, .im_inquiry .theme_inquiry .i_content, .yimin-form .theme_inquiry .i_content {
    padding: 0 10px 0 15px !important;
  }
}
@media only screen and (max-width: 767px) {
  .obtaining .theme_inquiry .i_content, .im_inquiry .theme_inquiry .i_content, .yimin-form .theme_inquiry .i_content {
    height: auto;
  }
}
.obtaining .theme_inquiry .banner, .im_inquiry .theme_inquiry .banner, .yimin-form .theme_inquiry .banner {
  width: 100%;
  height: 74px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: url("/img/main/cmn/m_banner.png") no-repeat;
  background-size: 100% 100%;
  color: #1674A3;
  font-size: 22px;
  text-align: center;
  line-height: 74px;
  font-weight: 600;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .obtaining .theme_inquiry .banner, .im_inquiry .theme_inquiry .banner, .yimin-form .theme_inquiry .banner {
    height: 70px;
    line-height: 70px;
    font-size: 18px;
  }
}
.obtaining .theme_inquiry .verifyCodeBtn, .im_inquiry .theme_inquiry .verifyCodeBtn, .yimin-form .theme_inquiry .verifyCodeBtn {
  background-color: #EB8731 !important;
  right: 10px !important;
}
.obtaining .theme_inquiry .verifyCodeBtn:hover, .im_inquiry .theme_inquiry .verifyCodeBtn:hover, .yimin-form .theme_inquiry .verifyCodeBtn:hover {
  background-color: #eb8731ad !important;
}
.obtaining .theme_inquiry textarea, .obtaining .theme_inquiry input, .obtaining .theme_inquiry select, .im_inquiry .theme_inquiry textarea, .im_inquiry .theme_inquiry input, .im_inquiry .theme_inquiry select, .yimin-form .theme_inquiry textarea, .yimin-form .theme_inquiry input, .yimin-form .theme_inquiry select {
  border: none !important;
  background-color: #F3F5F4 !important;
  font-size: 14px !important;
}
.obtaining .theme_inquiry .filter-option-inner-inner, .im_inquiry .theme_inquiry .filter-option-inner-inner, .yimin-form .theme_inquiry .filter-option-inner-inner {
  color: #9B9B9B;
}
@media only screen and (max-width: 767px) {
  .obtaining .theme_inquiry textarea, .im_inquiry .theme_inquiry textarea, .yimin-form .theme_inquiry textarea {
    height: 65px !important;
  }
}
.obtaining .theme_inquiry textarea::-moz-placeholder, .im_inquiry .theme_inquiry textarea::-moz-placeholder, .yimin-form .theme_inquiry textarea::-moz-placeholder {
  color: #9B9B9B !important;
  font-size: 14px !important;
}
.obtaining .theme_inquiry textarea::placeholder, .im_inquiry .theme_inquiry textarea::placeholder, .yimin-form .theme_inquiry textarea::placeholder {
  color: #9B9B9B !important;
  font-size: 14px !important;
}
.obtaining .theme_inquiry input::-webkit-input-placeholder, .im_inquiry .theme_inquiry input::-webkit-input-placeholder, .yimin-form .theme_inquiry input::-webkit-input-placeholder {
  color: #9B9B9B !important;
  font-size: 14px !important;
}
.obtaining .theme_inquiry input:-moz-placeholder, .im_inquiry .theme_inquiry input:-moz-placeholder, .yimin-form .theme_inquiry input:-moz-placeholder {
  color: #9B9B9B !important;
  font-size: 14px !important;
}
.obtaining .theme_inquiry input::-moz-placeholder, .im_inquiry .theme_inquiry input::-moz-placeholder, .yimin-form .theme_inquiry input::-moz-placeholder {
  color: #9B9B9B !important;
  font-size: 14px !important;
}
.obtaining .theme_inquiry input:-ms-input-placeholdercolor, .im_inquiry .theme_inquiry input:-ms-input-placeholdercolor, .yimin-form .theme_inquiry input:-ms-input-placeholdercolor {
  color: #9B9B9B !important;
  font-size: 14px !important;
}
.obtaining .theme_inquiry dl dt, .im_inquiry .theme_inquiry dl dt, .yimin-form .theme_inquiry dl dt {
  width: 84px !important;
}
@media only screen and (max-width: 767px) {
  .obtaining .theme_inquiry dl dt, .im_inquiry .theme_inquiry dl dt, .yimin-form .theme_inquiry dl dt {
    width: 74px !important;
  }
}
.obtaining .theme_inquiry dl dt span, .im_inquiry .theme_inquiry dl dt span, .yimin-form .theme_inquiry dl dt span {
  text-align: left !important;
  line-height: 50px;
}
.obtaining .theme_inquiry dl dd, .im_inquiry .theme_inquiry dl dd, .yimin-form .theme_inquiry dl dd {
  width: calc(100% - 64px) !important;
  padding: 5px 10px !important;
}
@media only screen and (max-width: 767px) {
  .obtaining .theme_inquiry dl dd, .im_inquiry .theme_inquiry dl dd, .yimin-form .theme_inquiry dl dd {
    width: calc( 100% - 74px ) !important;
  }
}
.obtaining .theme_inquiry .bottom_btn, .im_inquiry .theme_inquiry .bottom_btn, .yimin-form .theme_inquiry .bottom_btn {
  width: 412px;
}
@media only screen and (max-width: 767px) {
  .obtaining .theme_inquiry .bottom_btn, .im_inquiry .theme_inquiry .bottom_btn, .yimin-form .theme_inquiry .bottom_btn {
    width: calc( 100% - 30px );
  }
}
.obtaining .theme_inquiry .bottom_btn .contactFormMessage, .im_inquiry .theme_inquiry .bottom_btn .contactFormMessage, .yimin-form .theme_inquiry .bottom_btn .contactFormMessage {
  margin-right: 25px;
  text-align: center;
}
.obtaining .theme_inquiry .bottom_btn .contactFormMessage.error, .im_inquiry .theme_inquiry .bottom_btn .contactFormMessage.error, .yimin-form .theme_inquiry .bottom_btn .contactFormMessage.error {
  color: #F5492C;
}
.obtaining .theme_inquiry .hosting_btn, .im_inquiry .theme_inquiry .hosting_btn, .yimin-form .theme_inquiry .hosting_btn {
  display: block !important;
  width: 412px;
  background: #EB8731;
}
@media only screen and (max-width: 767px) {
  .obtaining .theme_inquiry .hosting_btn, .im_inquiry .theme_inquiry .hosting_btn, .yimin-form .theme_inquiry .hosting_btn {
    width: 100% !important;
  }
}
.obtaining .theme_inquiry .hosting_btn:hover, .im_inquiry .theme_inquiry .hosting_btn:hover, .yimin-form .theme_inquiry .hosting_btn:hover {
  background: #eb8731ad !important;
}
.obtaining .theme_inquiry .agreement, .im_inquiry .theme_inquiry .agreement, .yimin-form .theme_inquiry .agreement {
  color: #A9A9A9 !important;
  font-size: 12px !important;
  display: inline-block !important;
  padding-bottom: 16px !important;
}
.obtaining .theme_inquiry .agreement a, .im_inquiry .theme_inquiry .agreement a, .yimin-form .theme_inquiry .agreement a {
  color: #A9A9A9;
}
.obtaining .theme_inquiry .i_close, .im_inquiry .theme_inquiry .i_close, .yimin-form .theme_inquiry .i_close {
  z-index: 100;
}
.obtaining .theme_inquiry .close_btn, .im_inquiry .theme_inquiry .close_btn, .yimin-form .theme_inquiry .close_btn {
  width: 24px !important;
  top: 0px !important;
  right: -33px !important;
}

.yimin-form .theme_inquiry .i_content {
  height: auto;
  overflow: hidden;
}

.im_active {
  display: block;
}

.im_inquiry .i_content {
  overflow: inherit;
}
@media only screen and (max-width: 767px) {
  .im_inquiry .i_content {
    height: 375px;
    overflow: auto;
  }
}
.im_inquiry .im_form {
  width: 800px !important;
}
@media only screen and (max-width: 767px) {
  .im_inquiry .im_form {
    width: 95% !important;
  }
}
.im_inquiry .im_form .im_left {
  float: left;
  width: 50%;
  padding-left: 10px;
}
.im_inquiry .im_form .im_left select {
  width: 131px;
}
.im_inquiry .im_form .im_left .phone {
  width: calc(100% - 141px);
}
@media only screen and (max-width: 767px) {
  .im_inquiry .im_form .im_left .phone {
    width: calc(100% - 80px);
  }
}
@media only screen and (max-width: 767px) {
  .im_inquiry .im_form .im_left {
    width: 100%;
    float: inherit;
  }
}
.im_inquiry .im_form .im_right {
  width: 50%;
  padding-left: 10px;
  float: right;
}
@media only screen and (max-width: 767px) {
  .im_inquiry .im_form .im_right {
    width: 100%;
    float: inherit;
  }
}
.im_inquiry .im_form dl {
  align-items: center;
}
.im_inquiry .im_form dl dd {
  padding-left: 0 !important;
}
.im_inquiry .im_form dl dd textarea {
  height: 88px;
  line-height: 20px;
}
.im_inquiry .im_form input, .im_inquiry .im_form textarea {
  border: 1px solid #F3F5F4 !important;
}
.im_inquiry .im_form input:focus, .im_inquiry .im_form textarea:focus {
  border-color: #2fa9af !important;
}
.im_inquiry .theme_inquiry {
  background: #fff !important;
  background-position: inherit !important;
}
.im_inquiry .theme_inquiry .banner {
  background: url("/img/main/cmn/im_bg.png") no-repeat;
  background-size: 100% 100%;
  height: 58px;
  line-height: 58px;
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .im_inquiry .theme_inquiry .banner {
    height: 43px;
    line-height: 43px;
    background: url("/img/main/cmn/bg-tw.png") no-repeat;
    background-size: 100% 100%;
  }
}
.im_inquiry .theme_inquiry .dropdown-toggle {
  background: #F3F5F4 !important;
  padding: 9px 12px !important;
  border-radius: 2px;
  border: 1px solid #F3F5F4 !important;
}
.im_inquiry .theme_inquiry .dropdown-toggle.btn:focus {
  border-color: #2fa9af !important;
  outline: none !important;
}
.im_inquiry .theme_inquiry .dropdown-toggle.btn:active {
  box-shadow: none !important;
}
.im_inquiry .theme_inquiry dt {
  font-size: 14px !important;
}
.im_inquiry .theme_inquiry dt span {
  position: relative;
}
.im_inquiry .theme_inquiry dt span i {
  position: absolute;
  top: -1px;
  left: -8px;
  margin-left: 0 !important;
}

.rentList .rental-submit, .rentDetail .rental-submit {
  margin-bottom: 16px;
}

.rentList .obtaining.theme_inquiry, .rentDetail .obtaining.theme_inquiry, .search .obtaining.theme_inquiry {
  width: 540px !important;
}
.rentList .obtaining.theme_inquiry textarea, .rentDetail .obtaining.theme_inquiry textarea, .search .obtaining.theme_inquiry textarea {
  line-height: 20px;
}
@media only screen and (max-width: 767px) {
  .rentList .obtaining.theme_inquiry, .rentDetail .obtaining.theme_inquiry, .search .obtaining.theme_inquiry {
    width: 100% !important;
    height: 100%;
    background: #fff !important;
    border-radius: 0px;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
  }
}
.rentList .obtaining.theme_inquiry .banner, .rentDetail .obtaining.theme_inquiry .banner, .search .obtaining.theme_inquiry .banner {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 58px;
  line-height: 58px;
}
@media only screen and (max-width: 767px) {
  .rentList .obtaining.theme_inquiry .banner, .rentDetail .obtaining.theme_inquiry .banner, .search .obtaining.theme_inquiry .banner {
    background: none;
    height: 41px;
    line-height: 41px;
    color: #4A4A4A;
  }
}
.rentList .obtaining .i_content, .rentDetail .obtaining .i_content, .search .obtaining .i_content {
  max-height: 60vh;
  overflow: auto;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .rentList .obtaining .i_content, .rentDetail .obtaining .i_content, .search .obtaining .i_content {
    max-height: calc(100% - 150px);
  }
  .rentList .obtaining .i_content dl, .rentDetail .obtaining .i_content dl, .search .obtaining .i_content dl {
    align-items: center;
  }
  .rentList .obtaining .i_content dl dd .phoneNationality, .rentDetail .obtaining .i_content dl dd .phoneNationality, .search .obtaining .i_content dl dd .phoneNationality {
    line-height: 30px;
  }
  .rentList .obtaining .i_content dl.japan dd, .rentDetail .obtaining .i_content dl.japan dd, .search .obtaining .i_content dl.japan dd {
    display: flex;
    line-height: 23px;
    margin-top: -12px;
  }
  .rentList .obtaining .i_content dl.japan label:first-child, .rentDetail .obtaining .i_content dl.japan label:first-child, .search .obtaining .i_content dl.japan label:first-child {
    width: 77px;
  }
  .rentList .obtaining .i_content dl.japan label:nth-child(2), .rentDetail .obtaining .i_content dl.japan label:nth-child(2), .search .obtaining .i_content dl.japan label:nth-child(2) {
    width: calc( 100% - 78px );
    line-height: 20px;
  }
  .rentList .obtaining .i_content dl.seniority dt, .rentDetail .obtaining .i_content dl.seniority dt, .search .obtaining .i_content dl.seniority dt {
    margin-top: -38px;
  }
  .rentList .obtaining .i_content dl.seniority dd, .rentDetail .obtaining .i_content dl.seniority dd, .search .obtaining .i_content dl.seniority dd {
    display: flex;
    flex-wrap: wrap;
  }
  .rentList .obtaining .i_content dl.seniority label:first-child, .rentDetail .obtaining .i_content dl.seniority label:first-child, .search .obtaining .i_content dl.seniority label:first-child {
    width: 77px;
  }
  .rentList .obtaining .i_content dl.seniority label:nth-child(2), .rentDetail .obtaining .i_content dl.seniority label:nth-child(2), .search .obtaining .i_content dl.seniority label:nth-child(2) {
    width: calc( 100% - 78px );
    line-height: 20px;
  }
  .rentList .obtaining .i_content dl.seniority label:last-child, .rentDetail .obtaining .i_content dl.seniority label:last-child, .search .obtaining .i_content dl.seniority label:last-child {
    padding-top: 0px;
  }
  .rentList .obtaining .i_content dl.seniority label .circle, .rentDetail .obtaining .i_content dl.seniority label .circle, .search .obtaining .i_content dl.seniority label .circle {
    padding-right: 0px;
  }
  .rentList .obtaining .i_content dl.msg, .rentDetail .obtaining .i_content dl.msg, .search .obtaining .i_content dl.msg {
    align-items: normal;
  }
  .rentList .obtaining .i_content dl.msg dt, .rentDetail .obtaining .i_content dl.msg dt, .search .obtaining .i_content dl.msg dt {
    width: 40px !important;
    padding-top: 9px;
  }
  .rentList .obtaining .i_content dl.msg dd, .rentDetail .obtaining .i_content dl.msg dd, .search .obtaining .i_content dl.msg dd {
    width: calc( 100% - 40px ) !important;
  }
}
.rentList .obtaining .i_content dt, .rentDetail .obtaining .i_content dt, .search .obtaining .i_content dt {
  width: 180px !important;
}
@media only screen and (max-width: 767px) {
  .rentList .obtaining .i_content dt, .rentDetail .obtaining .i_content dt, .search .obtaining .i_content dt {
    width: 108px !important;
  }
  .rentList .obtaining .i_content dt span, .rentDetail .obtaining .i_content dt span, .search .obtaining .i_content dt span {
    line-height: 20px;
  }
}
.rentList .obtaining .i_content dd, .rentDetail .obtaining .i_content dd, .search .obtaining .i_content dd {
  position: relative;
  width: 100%;
  line-height: 40px;
  width: calc(100% - 180px);
}
@media only screen and (max-width: 767px) {
  .rentList .obtaining .i_content dd, .rentDetail .obtaining .i_content dd, .search .obtaining .i_content dd {
    padding-right: 5px !important;
    width: calc(100% - 80px) !important;
  }
}
.rentList .obtaining .i_content dd.d-date::before, .rentDetail .obtaining .i_content dd.d-date::before, .search .obtaining .i_content dd.d-date::before {
  content: "";
  font-family: "iconfont" !important;
  position: absolute;
  top: 4px;
  left: 21px;
  z-index: 5;
  color: #A9A9A9;
}
.rentList .obtaining .i_content dd.d-date::after, .rentDetail .obtaining .i_content dd.d-date::after, .search .obtaining .i_content dd.d-date::after {
  content: "";
  font-family: "iconfont" !important;
  position: absolute;
  top: 4px;
  right: 14px;
}
.rentList .obtaining .i_content dd #date, .rentDetail .obtaining .i_content dd #date, .search .obtaining .i_content dd #date {
  padding-left: 28px;
  position: relative;
}
.rentList .obtaining .i_content dd #date::after, .rentDetail .obtaining .i_content dd #date::after, .search .obtaining .i_content dd #date::after {
  content: "";
  font-family: "iconfont" !important;
  position: absolute;
  top: 4px;
  left: 4px;
}
.rentList .obtaining .i_content dd input[type=radio], .rentDetail .obtaining .i_content dd input[type=radio], .search .obtaining .i_content dd input[type=radio] {
  position: absolute;
  -moz-appearance: radio;
       appearance: radio;
  -webkit-appearance: radio;
  outline: none;
  opacity: 0;
  padding: 0;
  margin: 0;
  height: 0;
  width: 0;
}
.rentList .obtaining .i_content dd label, .rentDetail .obtaining .i_content dd label, .search .obtaining .i_content dd label {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .rentList .obtaining .i_content dd label, .rentDetail .obtaining .i_content dd label, .search .obtaining .i_content dd label {
    width: 50%;
    padding-top: 15px;
  }
  .rentList .obtaining .i_content dd label:nth-child(-n+2), .rentDetail .obtaining .i_content dd label:nth-child(-n+2), .search .obtaining .i_content dd label:nth-child(-n+2) {
    padding-top: 0px;
  }
}
.rentList .obtaining .i_content dd label .circle, .rentDetail .obtaining .i_content dd label .circle, .search .obtaining .i_content dd label .circle {
  padding-left: 28px;
  position: relative;
  display: -ms-flexbox;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  height: 100%;
  padding-right: 20px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .rentList .obtaining .i_content dd label .circle, .rentDetail .obtaining .i_content dd label .circle, .search .obtaining .i_content dd label .circle {
    padding-left: 24px;
  }
}
.rentList .obtaining .i_content dd label .circle span, .rentDetail .obtaining .i_content dd label .circle span, .search .obtaining .i_content dd label .circle span {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
}
.rentList .obtaining .i_content dd label .circle::before, .rentList .obtaining .i_content dd label .circle::after, .rentDetail .obtaining .i_content dd label .circle::before, .rentDetail .obtaining .i_content dd label .circle::after, .search .obtaining .i_content dd label .circle::before, .search .obtaining .i_content dd label .circle::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.rentList .obtaining .i_content dd label .circle::before, .rentDetail .obtaining .i_content dd label .circle::before, .search .obtaining .i_content dd label .circle::before {
  left: 0px;
  width: 20px;
  height: 20px;
  border: 2px solid #A9A9A9;
}
.rentList .obtaining .i_content dd label .circle::after, .rentDetail .obtaining .i_content dd label .circle::after, .search .obtaining .i_content dd label .circle::after {
  background: #2fa9af;
  width: 10px;
  height: 10px;
  left: 5px;
  opacity: 0;
}
.rentList .obtaining .i_content dd label input:checked + span::before, .rentDetail .obtaining .i_content dd label input:checked + span::before, .search .obtaining .i_content dd label input:checked + span::before {
  border-color: #2fa9af;
}
.rentList .obtaining .i_content dd label input:checked + span::after, .rentDetail .obtaining .i_content dd label input:checked + span::after, .search .obtaining .i_content dd label input:checked + span::after {
  opacity: 1;
}

.preview_img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1080px;
}
@media only screen and (max-width: 767px) {
  .preview_img {
    width: 100%;
    height: 100vh;
  }
}
.preview_img .swiper-pagination {
  display: inline-block !important;
  width: 80px !important;
  height: 26px !important;
  line-height: 26px;
  background: #000 !important;
  bottom: 0 !important;
  color: #fff;
  border-radius: 0px !important;
  right: initial !important;
}
@media only screen and (max-width: 767px) {
  .preview_img .swiper-pagination {
    top: 30px;
    left: 50%;
    transform: translate(-50%);
    bottom: initial !important;
    right: initial !important;
    width: auto !important;
    font-size: 16px !important;
    font-weight: 600;
  }
}
.preview_img .preview_content {
  width: 880px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .preview_img .preview_content {
    width: 100%;
    background: #17181A;
    height: 100%;
  }
}
.preview_img .preview_content .p_statement {
  padding-top: 10px;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
}
.preview_img .preview_content .p_statement i {
  transform: scale(0.8);
  vertical-align: text-bottom;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .preview_img .preview_content .p_statement {
    line-height: 17px;
    padding: 15px 20px 0px;
    font-weight: 600;
    position: relative;
    padding-left: 48px;
  }
  .preview_img .preview_content .p_statement i {
    position: absolute;
    top: 16px;
    left: 23px;
  }
}
.preview_img .preview_content .imgMain {
  height: 480px !important;
  width: 880px !important;
  background: #0A0E11;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .preview_img .preview_content .imgMain {
    position: initial;
    width: 100% !important;
    height: 400px !important;
    padding-top: 100px;
    background: #17181A;
  }
}
.preview_img .preview_content .imgMain .qplayer {
  width: 100%;
  height: 100%;
}
@media (max-width: 2448px) {
  .preview_img .preview_content .imgMain {
    height: 480px !important;
  }
}
@media (max-width: 1440px) {
  .preview_img .preview_content .imgMain {
    height: 400px !important;
  }
}
.preview_img .preview_content .imgThumbnail .swiper-slide {
  width: calc( 100%/7 );
}
.preview_img .preview_content .swiper-button-white i {
  color: #fff;
  font-size: 45px;
  font-size: 2.8125rem;
}
.preview_img .preview_content .swiper-left {
  left: -65px;
}
.preview_img .preview_content .swiper-right {
  right: -65px;
}
.preview_img .preview_content .swiper-left, .preview_img .preview_content .swiper-right {
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -75px;
}
.preview_img .preview_content .close_btn {
  position: absolute;
  top: -11px;
  right: -46px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .preview_img .preview_content .close_btn {
    left: 24px;
    top: 34px;
    right: inherit;
    font-size: 28px;
    font-size: 1.75rem;
  }
}
.preview_img .preview_content .close_btn i {
  color: #fff;
  font-size: 30px;
  font-size: 1.875rem;
}

.popup_recommend .popupMain {
  border: none;
  transform: translate(-50%, -50%);
  width: auto;
  margin: auto;
  padding: 0px;
  text-align: inherit;
  width: -moz-max-content;
  width: max-content;
  max-width: 90vw;
  height: auto;
}
.popup_recommend .popupMain .recommendMain {
  height: 100%;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .popup_recommend .popupMain .recommendMain .recommendMainRight {
    width: 100%;
  }
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .icon-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  font-size: 1.25rem;
  z-index: 100;
  color: #8E8E8E;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .popup_recommend .popupMain .recommendMain .recommendMainRight .icon-close {
    top: 10px;
    right: 15px;
    color: #8E8E8E;
  }
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .reContent {
  padding: 0px 15px 120px;
  height: 100%;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .reContent .rightRecommendRoom {
  height: 100%;
  max-height: 40vh;
  overflow-y: auto;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .reContent .rightRecommendRoom ul {
  width: 100%;
  scrollbar-width: none;
  display: inline-grid;
  row-gap: 1.25rem;
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: space-between;
  align-items: center;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .reContent .agreement {
  padding: 0px;
  max-width: 380px;
  margin: 0 auto;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .reContent .agreement .inquiry_tips {
  justify-content: center;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightSuccessMessage {
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  color: #2fa9af;
  text-align: center;
  padding: 1rem 0;
  line-height: 30px;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightSuccessMessage i {
  margin-right: 2px;
}
@media only screen and (max-width: 767px) {
  .popup_recommend .popupMain .recommendMain .recommendMainRight .rightSuccessMessage .successMessage_title {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendBtn {
  width: 380px;
  height: 50px;
  text-align: center;
  line-height: 44px;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  background-color: #2FA9AF;
  border-radius: 6px;
  cursor: pointer;
  border: none;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendBtn:hover {
  opacity: 0.9;
}
@media only screen and (max-width: 767px) {
  .popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendBtn {
    width: 100%;
  }
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendBtn span {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  line-height: 14px;
  text-align: center;
  margin-right: 5px;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendBtn span i {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #FF7300;
  margin-left: 2px;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight button[disabled] {
  cursor: not-allowed;
  background-color: #C8C8CC;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight button[disabled]:hover {
  opacity: 0.9;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight button[disabled] span i {
  color: #C8C8CC;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .agreement, .popup_recommend .popupMain .recommendMain .recommendMainRight .agreement a {
  color: #A9A9A9;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendError {
  height: 30px;
  line-height: 30px;
  color: #F5492C;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendRoom ul li {
  width: 380px;
  max-width: 100%;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendRoom ul li .photo {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 180px;
  border-radius: 3px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendRoom ul li .photo {
    width: 100%;
    height: 140px;
  }
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendRoom ul li .right {
  margin-top: 10px;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendRoom ul li .right .cont {
  padding-left: 10px;
  line-height: 24px;
  color: #111;
}
@media only screen and (max-width: 767px) {
  .popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendRoom ul li .right .cont {
    line-height: 24px;
    padding-left: 0;
  }
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendRoom ul li .right .cont .title {
  font-weight: 600;
  color: #111;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-size: 1rem;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendRoom ul li .right .cont .baseInfo {
  font-size: 14px;
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendRoom ul li .right .cont .traffic {
  font-size: 14px;
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendRoom ul li .right .cont .traffic .iconfont {
  color: #666;
  font-size: 14px;
  font-size: 0.875rem;
  margin-right: 6px;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendRoom ul li .right .cont .address {
  font-size: 12px;
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 26px;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendRoom ul li .right .cont .address .iconfont {
  color: #A9A9A9;
  font-size: 12px;
  font-size: 0.75rem;
  margin-right: 2px;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendRoom ul li .right .cont .price .cny {
  color: #D6000F;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendRoom ul li .right .cont .price .cny {
    font-size: 16px;
    font-size: 1rem;
  }
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendRoom ul li .right .cont .price .jpy {
  margin-left: 10px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #111;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendRoom ul li .right .cont .agentInfo {
  line-height: 25px;
  padding-top: 6px;
  display: flex;
  font-size: 12px;
  font-size: 0.75rem;
  color: #666;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendRoom ul li .right .cont .agentInfo .company {
  height: 25px;
  width: 55px;
  text-align: center;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendRoom ul li .right .cont .agentInfo .company img {
  height: 25px;
  display: block;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .rightRecommendRoom ul li .right .cont .agentInfo .name {
  width: calc(100% - 55px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .recommend_mask {
  width: 100%;
  height: 70px;
  position: absolute;
  left: 0;
  bottom: 80px;
  background: linear-gradient(transparent, #fff);
}
.popup_recommend .popupMain .recommendMain .recommendMainRight .btn_content {
  background: #fff;
  border-radius: 5px;
  padding: 10px 15px;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}
.popup_recommend .popupMain .can-scroll {
  -webkit-overflow-scrolling: touch;
}
.popup_recommend .small_amount_ata {
  display: flex !important;
  flex-direction: column !important;
}

.jProperty .banner {
  height: 380px;
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: center center;
}
@media only screen and (max-width: 767px) {
  .jProperty .banner {
    height: 210px;
  }
}
@media(max-width : 414px) {
  .jProperty .banner {
    height: 225px;
  }
}
@media(max-width : 320px) {
  .jProperty .banner {
    height: 180px;
  }
}
.jProperty .j-title {
  position: relative;
  font-size: 24px;
  font-weight: 600;
  height: 36px;
  line-height: 46px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 45px;
}
.jProperty .j-title img {
  position: absolute;
  top: 0;
  width: 302px;
  left: 50%;
  transform: translate(-50%);
  z-index: -1;
}
@media only screen and (max-width: 991px) {
  .jProperty .j-title img img {
    width: 100%;
  }
}
.jProperty .j-title span {
  margin: 0 10px;
}
.jProperty .j-title i {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #01455A;
  transform: rotateZ(45deg);
  vertical-align: middle;
}
.jProperty .j-title::after {
  content: "";
  width: 51px;
  height: 2px;
  background: #0073C2;
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translate(-50%);
}
@media only screen and (max-width: 767px) {
  .jProperty .j-title {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 30px;
  }
  .jProperty .j-title img {
    width: 172px;
  }
}
.jProperty .p-introduce {
  padding: 60px 0px 40px;
}
.jProperty .p-introduce:before, .jProperty .p-introduce:after {
  content: " ";
  display: table;
}
.jProperty .p-introduce:after {
  clear: both;
}
.jProperty .p-introduce .left {
  margin-right: 25px;
  float: left;
  width: calc( 100% -  501px);
}
.jProperty .p-introduce .left .p-content {
  font-size: 16px;
  padding-bottom: 10px;
  line-height: 30px;
  text-align: justify;
}
@media only screen and (max-width: 767px) {
  .jProperty .p-introduce .left .p-content {
    line-height: 24px;
  }
}
.jProperty .p-introduce .left .p-content span {
  color: #0073C2;
}
.jProperty .p-introduce .right {
  width: 476px;
  float: right;
}
@media only screen and (max-width: 767px) {
  .jProperty .p-introduce .left {
    width: 100%;
  }
  .jProperty .p-introduce .right {
    width: 100%;
    max-height: 155px;
  }
}
@media only screen and (max-width: 767px) {
  .jProperty .p-introduce {
    padding: 30px 0px 35px;
  }
}
.jProperty .transport {
  width: 100%;
  padding: 30px 0px 39px;
  background-image: url("/img/jProperty/bg.png");
  background-position: center center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .jProperty .transport {
    padding: 20px 0px 35px;
    background-image: url("/img/jProperty/tw/bg.png");
    background-size: 100%;
  }
}
.jProperty .transport .t-title {
  background-image: none;
}
.jProperty .transport .t-info:before, .jProperty .transport .t-info:after {
  content: " ";
  display: table;
}
.jProperty .transport .t-info:after {
  clear: both;
}
.jProperty .transport .t-info .t-left {
  width: 489px;
  float: left;
}
@media only screen and (max-width: 991px) {
  .jProperty .transport .t-info .t-left {
    width: 358px;
  }
}
@media only screen and (max-width: 767px) {
  .jProperty .transport .t-info .t-left {
    width: 100%;
  }
}
.jProperty .transport .t-info .t-left .walk {
  display: flex;
  margin-bottom: 17px;
}
.jProperty .transport .t-info .t-left .walk .walk-pic {
  width: 40px;
  margin-right: 9px;
}
.jProperty .transport .t-info .t-left .walk span {
  font-size: 18px;
  font-weight: 600;
  line-height: 40px;
}
.jProperty .transport .t-info .t-left .walk span i {
  color: #0073C2;
}
.jProperty .transport .t-info .t-left .tap {
  width: 100%;
}
.jProperty .transport .t-info .t-right {
  width: calc( 100% - 489px );
  margin-left: -14px;
  float: left;
}
@media only screen and (max-width: 991px) {
  .jProperty .transport .t-info .t-right {
    width: calc( 100% - 358px );
    margin-left: -9px;
  }
}
@media only screen and (max-width: 767px) {
  .jProperty .transport .t-info .t-right {
    width: 100%;
    margin-left: 0;
  }
}
.jProperty .transport .t-info .t-right img {
  height: 145px;
  width: 100%;
}
.jProperty .transport .t-info .t-right .om {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 40px;
  border-bottom: 1px solid #BA9448;
}
@media only screen and (max-width: 767px) {
  .jProperty .transport .t-info .t-right .om {
    font-size: 16px;
    font-size: 1rem;
    margin-top: 10px;
  }
}
.jProperty .transport .t-info .t-right .introduce {
  padding-top: 10px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 30px;
  text-align: justify;
}
@media only screen and (max-width: 767px) {
  .jProperty .transport .t-info .t-right .introduce {
    line-height: 24px;
  }
}
.jProperty .transport .t-info .t-right .introduce span {
  color: #0073C2;
  font-weight: 600;
}
.jProperty .t-convenience {
  padding-top: 26px;
}
.jProperty .t-convenience .c-title {
  width: auto;
  font-size: 18px;
  font-size: 1.125rem;
  background-image: none;
}
.jProperty .t-convenience .location {
  display: flex;
  padding-bottom: 39px;
}
@media only screen and (max-width: 767px) {
  .jProperty .t-convenience .location {
    padding-bottom: 20px;
    display: inline-block;
  }
  .jProperty .t-convenience .location:before, .jProperty .t-convenience .location:after {
    content: " ";
    display: table;
  }
  .jProperty .t-convenience .location:after {
    clear: both;
  }
}
.jProperty .t-convenience .location img {
  width: 466px;
}
@media only screen and (max-width: 991px) {
  .jProperty .t-convenience .location img {
    width: 366px;
  }
}
@media only screen and (max-width: 767px) {
  .jProperty .t-convenience .location img {
    width: 100%;
    max-height: 180px;
  }
}
.jProperty .t-convenience .location .line {
  margin: 0 23px 0 28px;
  width: 5px;
  height: 230px;
  background: linear-gradient(360deg, rgba(25, 131, 230, 0) 0%, rgba(92, 162, 225, 0.48) 57%, #358CDA 100%);
}
@media only screen and (max-width: 767px) {
  .jProperty .t-convenience .location .line {
    float: left;
    height: 140px;
    margin: 0 13px 0 0;
  }
}
.jProperty .t-convenience .location .right:before, .jProperty .t-convenience .location .right:after {
  content: " ";
  display: table;
}
.jProperty .t-convenience .location .right:after {
  clear: both;
}
.jProperty .t-convenience .location .right .l-title {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 15px;
  font-weight: 600;
  position: relative;
}
.jProperty .t-convenience .location .right .l-title span {
  display: block;
  margin-top: -6px;
}
@media only screen and (max-width: 767px) {
  .jProperty .t-convenience .location .right .l-title span {
    display: inline-block;
  }
}
.jProperty .t-convenience .location .right img {
  width: 207px;
}
.jProperty .t-convenience .location .right .l-pic {
  width: 310px;
}
@media only screen and (max-width: 991px) {
  .jProperty .t-convenience .location .right .l-pic {
    width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .jProperty .t-convenience .location .right {
    margin-top: 20px;
  }
  .jProperty .t-convenience .location .right img {
    float: left;
    width: 118px;
  }
  .jProperty .t-convenience .location .right .l-title {
    float: left;
    width: calc( 100% -  18px);
  }
  .jProperty .t-convenience .location .right .l-pic {
    width: 172px;
    float: initial;
  }
}
.jProperty .t-convenience .list {
  margin: 0 -5px;
}
.jProperty .t-convenience .list:before, .jProperty .t-convenience .list:after {
  content: " ";
  display: table;
}
.jProperty .t-convenience .list:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .jProperty .t-convenience .list {
    margin: 0;
  }
}
.jProperty .t-convenience .list li {
  margin: 0 5px;
  float: left;
  width: calc((100% - 30px)/3);
}
.jProperty .t-convenience .list li img {
  width: 100%;
}
.jProperty .t-convenience .list li .desc {
  display: flex;
  padding-top: 15px;
}
.jProperty .t-convenience .list li .desc img {
  width: 40px;
  height: 40px;
}
.jProperty .t-convenience .list li .desc span {
  font-size: 16px;
  font-size: 1rem;
  line-height: 30px;
}
.jProperty .t-convenience .list li .desc span i {
  color: #0073C2;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .jProperty .t-convenience .list li {
    width: 100%;
    margin: 0;
  }
  .jProperty .t-convenience .list li img {
    max-height: 120px;
  }
  .jProperty .t-convenience .list li .desc {
    padding-top: 10px;
  }
  .jProperty .t-convenience .list li .desc img {
    width: 28px;
    height: 28px;
  }
  .jProperty .t-convenience .list li .desc span {
    line-height: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .jProperty .free-night:before, .jProperty .free-night:after {
    content: " ";
    display: table;
  }
  .jProperty .free-night:after {
    clear: both;
  }
}
.jProperty .free-night .j-title {
  background-image: none;
}
.jProperty .free-night .n-room {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .jProperty .free-night .n-room {
    display: inline-block;
  }
}
.jProperty .free-night .n-room img {
  max-height: 185px;
}
.jProperty .free-night .n-room img:nth-child(-n+4) {
  width: 330px;
}
@media only screen and (max-width: 1199px) {
  .jProperty .free-night .n-room img:nth-child(-n+4) {
    width: 240px;
  }
}
@media only screen and (max-width: 991px) {
  .jProperty .free-night .n-room img:nth-child(-n+4) {
    width: 200px;
  }
}
.jProperty .free-night .n-room img:nth-child(3) {
  margin: 0 27px 0 10px;
}
.jProperty .free-night .n-room img:nth-child(n+5) {
  width: calc(100% - 697px);
}
@media only screen and (max-width: 1199px) {
  .jProperty .free-night .n-room img:nth-child(n+5) {
    width: calc(100% - 517px);
  }
}
@media only screen and (max-width: 991px) {
  .jProperty .free-night .n-room img:nth-child(n+5) {
    width: calc(100% - 437px);
  }
}
@media only screen and (max-width: 767px) {
  .jProperty .free-night .n-room img {
    float: left;
    width: calc((100% - 11px)/2) !important;
    margin-right: 11px;
    height: auto;
  }
  .jProperty .free-night .n-room img:nth-child(n+4) {
    margin: 0;
  }
  .jProperty .free-night .n-room img:last-child {
    width: 100% !important;
    margin-top: 10px;
    max-height: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .jProperty .free-night .loorplan {
    display: inline-block;
  }
}
.jProperty .free-night .loorplan .loorplan-title {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.jProperty .free-night .loorplan .loorplan-title .line {
  width: 5px;
  height: 50px;
  background: linear-gradient(360deg, rgba(25, 131, 230, 0) 0%, rgba(92, 162, 225, 0.48) 57%, #358CDA 100%);
  margin-right: 15px;
}
.jProperty .free-night .loorplan .loorplan-title .word img {
  width: 424px;
}
@media only screen and (max-width: 991px) {
  .jProperty .free-night .loorplan .loorplan-title .word img {
    width: 324px;
  }
}
.jProperty .free-night .loorplan .loorplan-title .word p {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  margin-top: -6px;
}
@media only screen and (max-width: 767px) {
  .jProperty .free-night .loorplan .loorplan-title {
    margin-top: 20px;
  }
  .jProperty .free-night .loorplan .loorplan-title .line {
    height: 35px;
  }
  .jProperty .free-night .loorplan .loorplan-title .word img {
    width: 250px;
  }
}
.jProperty .free-night .loorplan .loorplan-room {
  display: flex;
  padding-bottom: 36px;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  position: relative;
}
.jProperty .free-night .loorplan .loorplan-room .result-pic {
  display: flex;
  margin: 0 4px;
}
.jProperty .free-night .loorplan .loorplan-room .result-pic .result-word {
  width: 95px;
  height: 30px;
  background: #358CDA;
  color: #ffffff;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
}
.jProperty .free-night .loorplan .loorplan-room .result-pic .triangle {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 12px solid #358CDA;
  border-bottom: 15px solid transparent;
}
.jProperty .free-night .loorplan .loorplan-room img {
  height: 277px;
  width: 50%;
}
@media only screen and (max-width: 991px) {
  .jProperty .free-night .loorplan .loorplan-room img {
    height: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .jProperty .free-night .loorplan .loorplan-room .result-pic {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 117px;
    transform: translateY(-50%);
  }
  .jProperty .free-night .loorplan .loorplan-room .result-pic .result-word {
    height: 26px;
    width: 56px;
    line-height: 26px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .jProperty .free-night .loorplan .loorplan-room .result-pic .triangle {
    border-top: 13px solid transparent;
    border-left: 12px solid #358CDA;
    border-bottom: 13px solid transparent;
  }
  .jProperty .free-night .loorplan .loorplan-room img {
    height: 120px;
  }
}
@media(max-width : 375px) {
  .jProperty .free-night .loorplan .loorplan-room .result-pic {
    left: 104px;
  }
  .jProperty .free-night .loorplan .loorplan-room .result-pic .result-word {
    height: 22px;
    line-height: 22px;
  }
  .jProperty .free-night .loorplan .loorplan-room .result-pic .triangle {
    border-top: 11px solid transparent;
    border-left: 10px solid #358CDA;
    border-bottom: 11px solid transparent;
  }
}
.jProperty .free-night .loorplan .room-li {
  margin: 0 -5px;
}
.jProperty .free-night .loorplan .room-li:before, .jProperty .free-night .loorplan .room-li:after {
  content: " ";
  display: table;
}
.jProperty .free-night .loorplan .room-li:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .jProperty .free-night .loorplan .room-li {
    margin: 0;
  }
}
.jProperty .free-night .loorplan .room-li li {
  float: left;
  width: calc((100% - 30px)/3);
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 5px;
  position: relative;
}
.jProperty .free-night .loorplan .room-li li .room-pic {
  position: absolute;
  bottom: 60px;
  right: 10px;
  color: #fff;
  text-align: right;
  border-right: 3px solid #fff;
  padding-right: 10px;
  line-height: 20px;
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .jProperty .free-night .loorplan .room-li li .room-pic {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.jProperty .free-night .loorplan .room-li li img {
  width: 100%;
  max-height: 140px;
}
.jProperty .free-night .loorplan .room-li li .footer-desc {
  display: flex;
  align-items: center;
  padding: 15px 0;
}
.jProperty .free-night .loorplan .room-li li .footer-desc img {
  height: 17px;
  margin-left: 6px;
  width: auto;
}
.jProperty .free-night .loorplan .room-li li .footer-desc .line {
  width: 5px;
  height: 25px;
  margin-right: 6px;
  background: #0073C2;
}
@media (max-width: 768px) {
  .jProperty .free-night .loorplan .room-li li .footer-desc img {
    height: 13px;
  }
}
@media (max-width: 375px) {
  .jProperty .free-night .loorplan .room-li li .footer-desc img {
    height: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .jProperty .free-night .loorplan .room-li li {
    width: 100%;
    margin: 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .jProperty .free-night .loorplan .room-li li:nth-child(2) {
    margin-right: 20px;
  }
  .jProperty .free-night .loorplan .room-li li:nth-child(n+2) {
    width: calc((100% - 20px)/2);
  }
  .jProperty .free-night .loorplan .room-li li .footer-desc .line {
    width: 4px;
  }
}
.jProperty .introduce-list {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .jProperty .introduce-list {
    margin-top: 5px;
  }
}
.jProperty .introduce-list .i-title {
  background-image: none;
}
.jProperty .introduce-list table {
  width: 100%;
  text-align: center;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #0073C2;
  border-right: none;
  border-bottom: none;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .jProperty .introduce-list table {
    margin-bottom: 35px;
  }
}
.jProperty .introduce-list table thead {
  background: #81B9E0;
}
.jProperty .introduce-list table thead th {
  border-right: 1px solid #0073C2;
  border-bottom: 1px solid #0073C2;
  height: 55px;
  text-align: center;
  line-height: 55px;
  color: #ffffff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}
.jProperty .introduce-list table thead th:first-child {
  width: 240px;
}
@media only screen and (max-width: 767px) {
  .jProperty .introduce-list table thead th {
    font-size: 16px;
    font-size: 1rem;
  }
  .jProperty .introduce-list table thead th:first-child {
    width: 100px;
  }
}
.jProperty .introduce-list table tbody tr {
  height: 40px;
}
.jProperty .introduce-list table tbody tr td {
  border-right: 1px solid #0073C2;
  border-bottom: 1px solid #0073C2;
  line-height: 40px;
  text-align: center;
  background: #FAD4B1;
}
.jProperty .introduce-list table tbody tr td span {
  color: #C24837;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .jProperty .introduce-list table tbody tr td {
    line-height: 23px;
  }
}
.jProperty .introduce-list table tbody tr td:first-child {
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .jProperty .introduce-list table tbody tr td:first-child {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.jProperty .introduce-list table tbody tr td:last-child {
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .jProperty .introduce-list table tbody tr td:last-child {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.jProperty .introduce-list table tbody tr:nth-child(odd) td:nth-child(2) {
  background: #E6E6E6;
}
.jProperty .introduce-list table tbody tr:nth-child(even) td:last-child {
  background: #ffffff;
}
.jProperty .build-info {
  text-align: center;
}
.jProperty .build-info .b-title {
  background-image: none;
  margin-bottom: 30px;
}
.jProperty .build-info img {
  height: 29px;
  margin-bottom: 33px;
}
@media only screen and (max-width: 767px) {
  .jProperty .build-info img {
    margin-bottom: 20px;
  }
}
.jProperty .build-info .build-content {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .jProperty .build-info .build-content {
    display: inline-block;
  }
}
.jProperty .build-info .build-content ul {
  width: 467px;
  margin-right: 27px;
}
.jProperty .build-info .build-content ul:before, .jProperty .build-info .build-content ul:after {
  content: " ";
  display: table;
}
.jProperty .build-info .build-content ul:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .jProperty .build-info .build-content ul {
    margin-right: 0;
    width: 100%;
    margin-top: 10px;
  }
}
.jProperty .build-info .build-content ul li {
  float: left;
  height: 225px;
  width: 149px;
  margin-right: 10px;
  position: relative;
}
.jProperty .build-info .build-content ul li:last-child {
  margin-right: 0;
}
.jProperty .build-info .build-content ul li span {
  position: absolute;
  top: 0;
  left: 0;
  background: #0073C2;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  padding: 0 5px;
}
.jProperty .build-info .build-content ul li img {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .jProperty .build-info .build-content ul li {
    height: 120px;
    width: calc((100% - 20px)/3);
  }
  .jProperty .build-info .build-content ul li span {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.jProperty .build-info .build-content .sw-award {
  width: calc( 100% - 494px );
}
@media only screen and (max-width: 767px) {
  .jProperty .build-info .build-content .sw-award {
    width: 100%;
    margin-top: 15px;
  }
}
.jProperty .build-info .build-content .sw-award img {
  width: 100%;
  height: auto;
  margin-bottom: 0;
  max-height: 108px;
}
.jProperty .build-info .build-content .sw-award p {
  font-size: 16px;
  font-size: 1rem;
  text-align: left;
  line-height: 30px;
  text-align: justify;
}
@media only screen and (max-width: 767px) {
  .jProperty .build-info .build-content .sw-award p {
    line-height: 24px;
  }
}
.jProperty .build-info .build-content .sw-award p span {
  color: #0073C2;
}
.jProperty .build-info .build-content .sw-award .get-award {
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 40px;
  border-bottom: 1px solid #BA9448;
  margin-bottom: 15px;
  text-align: left;
}
.jProperty .develop-info {
  padding: 40px 0 60px;
}
@media only screen and (max-width: 767px) {
  .jProperty .develop-info {
    padding: 30px 0 35px;
  }
}
.jProperty .develop-info .d-title {
  background-image: none;
}
.jProperty .develop-info .information:before, .jProperty .develop-info .information:after {
  content: " ";
  display: table;
}
.jProperty .develop-info .information:after {
  clear: both;
}
.jProperty .develop-info .information .m-construction {
  background: #F6FBFD;
  padding: 10px 20px 15px;
}
@media only screen and (max-width: 767px) {
  .jProperty .develop-info .information .m-construction {
    margin-bottom: 15px;
    padding: 10px;
  }
}
.jProperty .develop-info .information .m-construction h3 {
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 35px;
  font-size: 18px;
  font-size: 1.125rem;
  border-bottom: 2px solid #0073C2;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .jProperty .develop-info .information .m-construction h3 {
    font-size: 16px;
    font-size: 1rem;
  }
}
.jProperty .develop-info .information .m-construction ul li {
  font-size: 16px;
  font-size: 1rem;
  line-height: 30px;
  text-align: justify;
}
.jProperty .develop-info .information .m-construction ul li i {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #01455A;
  transform: rotateZ(45deg);
  vertical-align: middle;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .jProperty .develop-info .information .m-construction ul {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 24px;
  }
  .jProperty .develop-info .information .m-construction ul i {
    width: 4px;
    height: 4px;
  }
}
.jProperty .develop-info .information .i-left {
  width: calc( 100% - 494px );
  float: left;
  text-align: justify;
  margin-right: 18px;
  line-height: 30px;
  word-break: break-all;
  font-size: 16px;
  font-size: 1rem;
}
.jProperty .develop-info .information .i-left span {
  color: #0073C2;
}
@media only screen and (max-width: 991px) {
  .jProperty .develop-info .information .i-left {
    width: calc( 100% - 394px );
  }
}
@media only screen and (max-width: 767px) {
  .jProperty .develop-info .information .i-left {
    width: 100%;
    margin-right: 0;
    float: initial;
    line-height: 24px;
  }
}
.jProperty .develop-info .information .i-right {
  width: 476px;
  float: left;
}
.jProperty .develop-info .information .i-right img {
  width: 100%;
}
.jProperty .develop-info .information .i-right .f-pic {
  max-height: 55px;
}
.jProperty .develop-info .information .i-right .i-pic {
  display: flex;
  margin-bottom: 15px;
}
.jProperty .develop-info .information .i-right .i-pic img {
  width: 233px;
}
.jProperty .develop-info .information .i-right .i-pic img:first-child {
  margin-right: 10px;
}
@media only screen and (max-width: 991px) {
  .jProperty .develop-info .information .i-right {
    width: 374px;
  }
  .jProperty .develop-info .information .i-right .i-pic img {
    width: 183px;
  }
}
@media only screen and (max-width: 767px) {
  .jProperty .develop-info .information .i-right {
    width: 100%;
  }
  .jProperty .develop-info .information .i-right .i-pic img {
    width: calc((100% - 10px )/2);
    height: auto;
    max-height: 135px;
  }
  .jProperty .develop-info .information .i-right .i-pic img:nth-child(2) {
    margin-right: 10px;
  }
}
.jProperty .jProperty-inquiry {
  background-image: url(/img/jProperty/bg_last.png);
}
.jProperty .jProperty-inquiry .verifyCodeBtn {
  background: #E8A02B;
}
.jProperty .jProperty-inquiry .verifyCodeBtn:hover {
  background: #FF8E48;
}
.jProperty .jProperty-inquiry .error {
  color: #F5492C;
}

.landing_page .banner {
  height: 380px;
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: center center;
}
@media only screen and (max-width: 767px) {
  .landing_page .banner {
    height: 210px;
  }
}
@media(max-width : 414px) {
  .landing_page .banner {
    height: 225px;
  }
}
@media(max-width : 320px) {
  .landing_page .banner {
    height: 180px;
  }
}
.landing_page .house_count {
  background: linear-gradient(114deg, #0CA6AC 0%, #425EA6 100%);
  height: 70px;
  letter-spacing: 1px;
  line-height: 70px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .landing_page .house_count {
    height: 50px;
    line-height: 50px;
  }
}
.landing_page .house_count img {
  display: inline-block;
  width: 24px;
}
@media only screen and (max-width: 767px) {
  .landing_page .house_count img {
    width: 20px;
  }
}
.landing_page .house_count .title-content {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
}
.landing_page .house_count .title-content span {
  padding-left: 4px;
  color: #FFD900;
  font-size: 24px;
  font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .landing_page .house_count .title-content span {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.landing_page .c_title {
  text-align: center;
}
.landing_page .c_title img {
  height: 32px;
}
@media only screen and (max-width: 767px) {
  .landing_page .c_title img {
    height: 16px;
  }
}
.landing_page .c_title .t_content {
  margin-top: -10px;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .landing_page .c_title .t_content {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.landing_page .service_process {
  padding: 30px 0 40px;
  background: url("/img/landingPage/Sakura-01.png") no-repeat;
  background-position: top right;
  background-size: 371px 100%;
}
@media only screen and (max-width: 767px) {
  .landing_page .service_process {
    padding: 35px 0 35px;
    background: none;
  }
}
.landing_page .service_process .container .step {
  display: flex;
  justify-content: center;
  padding-top: 35px;
}
@media only screen and (max-width: 767px) {
  .landing_page .service_process .container .step {
    padding-top: 20px;
  }
}
.landing_page .service_process .container .step li {
  display: inline-block;
  text-align: center;
}
.landing_page .service_process .container .step li .s_title {
  line-height: 52px;
}
.landing_page .service_process .container .step li .s_title:before, .landing_page .service_process .container .step li .s_title:after {
  content: " ";
  display: table;
}
.landing_page .service_process .container .step li .s_title:after {
  clear: both;
}
.landing_page .service_process .container .step li .s_title img {
  width: 52px;
  float: left;
  margin-right: 10px;
  display: inline-block;
}
.landing_page .service_process .container .step li .s_title .s_right {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.landing_page .service_process .container .step li .s_title .s_right img {
  width: 114px;
  margin-right: 0;
}
.landing_page .service_process .container .step li .s_title .s_right span {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .landing_page .service_process .container .step li .s_title .s_right span {
    font-weight: 400;
    line-height: 24px;
  }
}
.landing_page .service_process .container .step li .s_title .step_circle {
  width: 45px;
  height: 45px;
  background-color: #24ADB4;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .landing_page .service_process .container .step li .s_title .step_circle {
    display: inline-block;
  }
}
.landing_page .service_process .container .step li .s_title .step_circle span {
  display: block;
  font-size: 15px;
  color: #fff;
  line-height: 20px;
}
.landing_page .service_process .container .step li .s_title .step_circle span:first-child {
  padding-top: 4px;
}
.landing_page .service_process .container .step li .s_title .step_circle span:last-child {
  font-size: 22px;
  font-weight: 700;
}
.landing_page .service_process .container .step li:nth-child(3) .s_right .lazyimg {
  width: 141px;
  height: 137px;
}
.landing_page .service_process .container .step li:nth-child(3) .s_right img {
  width: 100%;
}
.landing_page .service_process .container .step li:nth-child(5) .s_right .lazyimg {
  width: 128px;
  height: 132px;
}
.landing_page .service_process .container .step li:nth-child(5) .s_right img {
  width: 100%;
}
.landing_page .service_process .container .step li.arrow {
  padding-top: 80px;
}
@media only screen and (max-width: 767px) {
  .landing_page .service_process .container .step li.arrow {
    padding-top: 42px;
    margin: 0 5px;
  }
}
.landing_page .service_process .container .step li.arrow img {
  width: 20px;
}
@media only screen and (max-width: 767px) {
  .landing_page .service_process .container .step li.arrow img {
    width: 14px;
  }
}
@media (min-width: 992px) {
  .landing_page .service_process .container .step li.arrow {
    margin: 0 15px;
  }
}
@media (min-width: 1200px) {
  .landing_page .service_process .container .step li.arrow {
    margin: 0 65px;
  }
}
.landing_page .contact_us {
  padding: 55px 0 50px;
  position: relative;
  background: url("/img/landingPage/map.png") #EDF4F8 no-repeat;
  background-position: bottom center;
  background-size: 78%;
}
@media only screen and (max-width: 767px) {
  .landing_page .contact_us {
    background: #EDF4F8;
    padding: 35px 0 30px;
  }
}
.landing_page .contact_us .landing_inquery {
  width: 970px;
  margin: 0 auto;
  padding-top: 35px;
}
@media only screen and (max-width: 767px) {
  .landing_page .contact_us .landing_inquery {
    width: 100%;
    padding-top: 20px;
  }
}
.landing_page .contact_us .landing_inquery .inquery_title {
  background-color: #C08F15;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  width: 100%;
  padding-left: 48px;
}
@media only screen and (max-width: 767px) {
  .landing_page .contact_us .landing_inquery .inquery_title {
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
  }
}
.landing_page .contact_us .landing_inquery .inquery_title.m_title {
  margin-top: 11px;
}
.landing_page .contact_us .landing_inquery .inquery_title i {
  color: #B82521;
  font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
.landing_page .contact_us .landing_inquery .inquery_title span {
  font-size: 14px;
  font-weight: 400;
  padding-left: 16px;
}
@media only screen and (max-width: 767px) {
  .landing_page .contact_us .landing_inquery .inquery_title span {
    font-size: 12px;
    padding-left: 6px;
  }
}
.landing_page .contact_us .landing_inquery dl {
  display: flex;
  background: #fff;
}
.landing_page .contact_us .landing_inquery dl dt {
  width: 208px;
  background-color: #F2F0E8;
  border-bottom: 1px solid #D9D4BC;
  font-size: 16px;
  font-size: 1rem;
  color: #111;
  display: inline-block;
  font-weight: 600;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .landing_page .contact_us .landing_inquery dl dt {
    font-size: 14px;
    font-size: 0.875rem;
    width: 108px;
  }
}
.landing_page .contact_us .landing_inquery dl dt span {
  position: absolute;
  left: 20%;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .landing_page .contact_us .landing_inquery dl dt span {
    left: 7%;
  }
}
.landing_page .contact_us .landing_inquery dl dt i {
  color: #B82521;
  font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  margin-left: 8px;
}
.landing_page .contact_us .landing_inquery dl dd {
  width: calc( 100% - 208px );
  border-bottom: 1px solid #F0EFEB;
  padding: 22px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .landing_page .contact_us .landing_inquery dl dd {
    width: calc( 100% - 108px );
    padding: 10px 5px;
  }
}
@media only screen and (max-width: 767px) {
  .landing_page .contact_us .landing_inquery dl dd ul {
    display: flex;
    flex-wrap: wrap;
  }
}
.landing_page .contact_us .landing_inquery dl dd ul li {
  font-size: 16px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  padding: 0 36px 0 32px;
}
@media only screen and (max-width: 767px) {
  .landing_page .contact_us .landing_inquery dl dd ul li {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0;
    padding-left: 22px;
    width: 133px;
    margin-bottom: 15px;
  }
  .landing_page .contact_us .landing_inquery dl dd ul li:nth-child(n+2) {
    margin-bottom: 0;
  }
}
@media(max-width : 375px) {
  .landing_page .contact_us .landing_inquery dl dd ul li {
    width: auto;
  }
  .landing_page .contact_us .landing_inquery dl dd ul li:nth-child(odd) {
    width: auto;
    margin-right: 20px;
  }
}
.landing_page .contact_us .landing_inquery dl dd ul li::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 20px;
  height: 20px;
  background: no-repeat url(/img/landingPage/select.png) center/100%;
}
@media only screen and (max-width: 767px) {
  .landing_page .contact_us .landing_inquery dl dd ul li::before {
    width: 18px;
    height: 18px;
  }
}
.landing_page .contact_us .landing_inquery dl dd ul li.selected::before {
  background: no-repeat url("/img/landingPage/selected.png") center/100%;
}
.landing_page .contact_us .landing_inquery dl dd textarea, .landing_page .contact_us .landing_inquery dl dd input, .landing_page .contact_us .landing_inquery dl dd select {
  outline: 0px;
  font-size: 16px;
  padding: 7px 10px;
  border-radius: 2px;
  outline: none;
  outline-color: invert;
  outline-style: none;
  outline-width: 0px;
  border: none;
  border-style: none;
  text-shadow: none;
  -webkit-appearance: none;
  -webkit-user-select: text;
  outline-color: transparent;
  box-shadow: none;
  border: 1px solid #B3B2AE;
}
@media only screen and (max-width: 767px) {
  .landing_page .contact_us .landing_inquery dl dd textarea, .landing_page .contact_us .landing_inquery dl dd input, .landing_page .contact_us .landing_inquery dl dd select {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
.landing_page .contact_us .landing_inquery dl dd select {
  float: left;
  width: 145px;
  height: 40px;
  background-color: #fff;
  background-image: url(/img/main/cmn/select-arrow-d.png);
  background-repeat: no-repeat !important;
  background-size: 10px !important;
  background-position: right 5px center !important;
  background-attachment: scroll !important;
}
@media only screen and (max-width: 767px) {
  .landing_page .contact_us .landing_inquery dl dd select {
    width: 54px;
    padding: 2px;
  }
}
.landing_page .contact_us .landing_inquery dl dd textarea {
  height: 85px;
  width: 674px;
}
@media only screen and (max-width: 767px) {
  .landing_page .contact_us .landing_inquery dl dd textarea {
    height: 40px;
    width: 100%;
  }
}
.landing_page .contact_us .landing_inquery dl dd input {
  width: 674px;
  height: 40px;
}
@media only screen and (max-width: 767px) {
  .landing_page .contact_us .landing_inquery dl dd input {
    width: 100%;
  }
}
.landing_page .contact_us .landing_inquery dl dd input.phone {
  float: left;
  width: 519px;
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .landing_page .contact_us .landing_inquery dl dd input.phone {
    width: calc( 100% - 64px );
    margin-left: 10px;
  }
}
.landing_page .contact_us .landing_inquery dl dd input.verifyCodeInput {
  float: left;
  width: 300px;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .landing_page .contact_us .landing_inquery dl dd input.verifyCodeInput {
    width: calc( 100% -  114px);
  }
}
.landing_page .contact_us .landing_inquery dl dd .verifyCodeBtn {
  position: absolute;
  top: 21px;
  left: 332px;
  background-color: #C08F15;
  width: 120px;
  text-align: center;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 40px;
}
@media only screen and (max-width: 767px) {
  .landing_page .contact_us .landing_inquery dl dd .verifyCodeBtn {
    width: 104px;
    float: right;
    position: initial;
  }
}
.landing_page .contact_us .landing_inquery dl dd .verifyCodeBtn .verifyCodeSubmit {
  display: block;
}
.landing_page .contact_us .landing_inquery dl dd .verifyCodeBtn:hover {
  cursor: pointer;
  background: #c08f15bf;
  color: #fff;
}
.landing_page .contact_us .landing_inquery dl dd .verifyCodeTimer, .landing_page .contact_us .landing_inquery dl dd .verifyCodeTimer:hover {
  color: #fff;
  background: #bbb !important;
  border: none;
}
.landing_page .contact_us .landing_inquery .footer_btn {
  text-align: center;
}
.landing_page .contact_us .landing_inquery .footer_btn .button {
  width: 270px;
  height: 50px;
  background: #24ADB4;
  border-radius: 4px;
  font-weight: 600;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  border: none;
}
@media only screen and (max-width: 767px) {
  .landing_page .contact_us .landing_inquery .footer_btn .button {
    width: 100%;
  }
}
.landing_page .contact_us .landing_inquery .footer_btn .contactFormMessage {
  font-size: 14px;
  font-weight: 600;
  opacity: 0;
  font-weight: 700;
  transition: all 0.3s;
  width: 270px;
  margin: 0 auto;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 5px;
}
.landing_page .contact_us .landing_inquery .footer_btn .contactFormMessage.error {
  color: #B82521;
  opacity: 1;
}
.landing_page .contact_us .landing_inquery .footer_btn .contactFormMessage.success {
  color: #178a17;
  opacity: 1;
}
.landing_page .top_properties {
  padding: 30px 0 40px;
  background: url("/img/landingPage/Sakura-02.png") no-repeat;
  background-position: bottom left;
  background-size: 251px 261px;
}
@media only screen and (max-width: 767px) {
  .landing_page .top_properties {
    background: none;
    padding: 0px;
  }
}
.landing_page .more, .landing_page .contact_btn {
  width: 270px;
  height: 50px;
  background: #24ADB4;
  border-radius: 4px;
  margin: 0 auto;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .landing_page .more, .landing_page .contact_btn {
    width: 100%;
  }
}
.landing_page .more a, .landing_page .contact_btn a {
  height: 100%;
  width: 100%;
  display: inline-block;
  line-height: 50px;
  text-align: center;
  color: white;
  text-decoration: none;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: 1px;
  font-size: 16px;
}
.landing_page .real_estate {
  padding: 40px 0;
  padding-top: 55px;
}
@media only screen and (max-width: 767px) {
  .landing_page .real_estate {
    padding-top: 35px;
  }
}
.landing_page .real_estate ul {
  margin-top: 61px;
}
@media only screen and (max-width: 767px) {
  .landing_page .real_estate ul {
    margin-top: 46px;
  }
}
.landing_page .real_estate ul:before, .landing_page .real_estate ul:after {
  content: " ";
  display: table;
}
.landing_page .real_estate ul:after {
  clear: both;
}
.landing_page .real_estate ul li {
  float: left;
  text-align: center;
  height: 475px;
  width: calc( (100% - 28px)/3 );
  background: #FFFFFF;
  box-shadow: 1px 2px 11px 0px #D8D8D8;
  border-radius: 4px;
  margin-right: 14px;
  padding: 35px 15px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .landing_page .real_estate ul li {
    margin-bottom: 50px;
    height: auto;
    box-sizing: border-box;
  }
  .landing_page .real_estate ul li:last-child {
    margin-bottom: 0;
  }
}
.landing_page .real_estate ul li .real_title {
  color: #B37B1D;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 11px;
}
@media only screen and (max-width: 767px) {
  .landing_page .real_estate ul li {
    float: inherit;
    width: 100%;
    padding: 30px 12px 17px;
  }
}
.landing_page .real_estate ul li p {
  font-size: 6px;
  line-height: 26px;
  text-align: left;
}
.landing_page .real_estate ul li .desc {
  font-size: 16px;
  line-height: 26px;
  text-align: justify;
  padding-top: 5px;
}
.landing_page .real_estate ul li .desc span {
  color: #B37B1D;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .landing_page .real_estate ul li .desc span {
    font-weight: 400;
  }
}
.landing_page .real_estate ul li .c_title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 24px;
  padding-top: 3px;
  color: #B37B1D;
}
.landing_page .real_estate ul li:last-child {
  margin-right: 0;
}
.landing_page .real_estate ul li .lazyimg {
  height: auto;
}
.landing_page .real_estate ul li img {
  width: 100%;
}
.landing_page .real_estate ul li .t_icon {
  position: absolute;
  top: -26px;
  left: 37px;
  width: 52px;
}
@media only screen and (max-width: 767px) {
  .landing_page .real_estate ul li .t_icon {
    width: 45px;
  }
}
.landing_page .real_estate .contact_btn {
  margin-top: 35px;
}
.landing_page .assist_buy {
  padding-top: 30px;
  padding-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .landing_page .assist_buy {
    padding-top: 0px;
    padding-bottom: 35px;
  }
}
.landing_page .assist_buy .f_content {
  display: flex;
  justify-content: space-between;
  padding-top: 35px;
}
@media only screen and (max-width: 767px) {
  .landing_page .assist_buy .f_content {
    flex-wrap: wrap;
    padding-top: 20px;
  }
}
.landing_page .assist_buy .f_content .f_item:first-child {
  padding-left: 20px;
}
@media only screen and (max-width: 767px) {
  .landing_page .assist_buy .f_content .f_item:first-child {
    width: 100%;
    padding-left: 0px;
    padding-bottom: 15px;
  }
}
.landing_page .assist_buy .f_content .f_item:last-child {
  padding-right: 20px;
}
@media only screen and (max-width: 767px) {
  .landing_page .assist_buy .f_content .f_item:last-child {
    padding-right: 0px;
    width: 50%;
  }
}
.landing_page .assist_buy .f_content .f_item:nth-child(2) {
  padding-right: 58px;
}
@media only screen and (max-width: 767px) {
  .landing_page .assist_buy .f_content .f_item:nth-child(2) {
    padding-right: 0px;
    width: 50%;
  }
}
.landing_page .assist_buy .f_content img {
  width: 139px;
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .landing_page .assist_buy .f_content img {
    width: 69px;
    margin-bottom: 10px;
  }
}
.landing_page .assist_buy .f_content h2 {
  font-size: 16px;
  font-size: 1rem;
  padding-bottom: 8px;
  text-align: center;
  color: #B37B1D;
}
@media only screen and (max-width: 767px) {
  .landing_page .assist_buy .f_content h2 {
    padding-bottom: 8px;
  }
}
.landing_page .assist_buy .f_content p {
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  line-height: 26px;
}
.landing_page .qa-container {
  background: url("/img/landingPage/Sakura-03.png") no-repeat;
  background-position: top right;
  background-size: 410px 694px;
}
@media only screen and (max-width: 767px) {
  .landing_page .qa-container {
    background: none;
  }
}
.landing_page .qa {
  padding: 40px 0;
  background: url("/img/landingPage/bottom_bg.png") no-repeat;
  background-position: bottom center;
  background-size: 1780px 309px;
}
@media only screen and (max-width: 767px) {
  .landing_page .qa {
    background: none;
  }
}
.landing_page .qa .qa_table {
  border: 1px solid #E5E5E5;
  width: 968px;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .landing_page .qa .qa_table {
    width: 100%;
    margin-top: 20px;
    border: none;
  }
}
.landing_page .qa .qa_table dl {
  width: 100%;
  padding: 15px 0;
}
.landing_page .qa .qa_table dl:before, .landing_page .qa .qa_table dl:after {
  content: " ";
  display: table;
}
.landing_page .qa .qa_table dl:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .landing_page .qa .qa_table dl {
    padding: 7px 0;
  }
  .landing_page .qa .qa_table dl:nth-child(odd) {
    border: 1px solid #E5E5E5;
    border-bottom: none;
  }
  .landing_page .qa .qa_table dl:nth-child(even) {
    border: 1px solid #E5E5E5;
    border-top: none;
    margin-bottom: 20px;
  }
  .landing_page .qa .qa_table dl:last-child {
    margin-bottom: 0;
  }
}
.landing_page .qa .qa_table dl dt {
  width: 60px;
  float: left;
  color: #D8D8D8;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  border-right: 1px solid #E5E5E5;
}
@media only screen and (max-width: 767px) {
  .landing_page .qa .qa_table dl dt {
    width: 28px;
    font-size: 16px;
    font-size: 1rem;
  }
}
.landing_page .qa .qa_table dl dd {
  width: calc( 100% - 60px );
  padding: 0 10px 0px 80px;
  font-size: 16px;
  line-height: 26px;
  margin-top: -4px;
  text-align: justify;
}
@media only screen and (max-width: 767px) {
  .landing_page .qa .qa_table dl dd {
    width: 100%;
    padding: 0 10px 0px 38px;
  }
}
.landing_page .qa .qa_table dl dd span {
  color: #B37B1D;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .landing_page .qa .qa_table dl dd span {
    font-weight: 400;
  }
}
.landing_page .qa .qa_table dl:nth-child(even) {
  background: #F7F7F7;
}
.landing_page .qa .qa_table dl:nth-child(odd) dd {
  font-weight: 600;
}
.landing_page .homeEstateCont {
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .landing_page .homeEstateCont {
    margin-top: 20px;
  }
}
.landing_page .homeEstateCont:before, .landing_page .homeEstateCont:after {
  content: " ";
  display: table;
}
.landing_page .homeEstateCont:after {
  clear: both;
}
.landing_page .homeEstateCont .estateTab {
  margin: 0 -10px;
}
.landing_page .homeEstateCont .estateTab.active {
  display: block;
}
.landing_page .homeEstateCont .estateTab .estateTabItem {
  float: left;
  width: calc((100% - 80px)/4);
  margin: 0 10px 20px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #f5f5f5;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.landing_page .homeEstateCont .estateTab .estateTabItem a {
  text-decoration: none;
}
.landing_page .homeEstateCont .estateTab .estateTabItem a .itemTop {
  position: relative;
  overflow: hidden;
}
.landing_page .homeEstateCont .estateTab .estateTabItem a .itemTop:hover .itemTopPhoto {
  transform: scale(1.05);
  transition: all 0.4s ease;
}
.landing_page .homeEstateCont .estateTab .estateTabItem a .itemTop .itemTopPhoto {
  height: 150px;
  background-size: cover;
  background-position: center;
  transform: scale(1);
  transition: all 0.4s ease;
}
.landing_page .homeEstateCont .estateTab .estateTabItem a .itemTop .itemTopPhoto img {
  width: 100%;
  display: inline-block;
}
.landing_page .homeEstateCont .estateTab .estateTabItem a .itemTop .itemTopInfo {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 7px 10px;
  background-color: rgba(17, 17, 17, 0.8);
  color: #fff;
}
.landing_page .homeEstateCont .estateTab .estateTabItem a .itemTop .itemTopInfo:before, .landing_page .homeEstateCont .estateTab .estateTabItem a .itemTop .itemTopInfo:after {
  content: " ";
  display: table;
}
.landing_page .homeEstateCont .estateTab .estateTabItem a .itemTop .itemTopInfo:after {
  clear: both;
}
.landing_page .homeEstateCont .estateTab .estateTabItem a .itemTop .itemTopInfo .price {
  float: right;
  font-size: 14px;
  font-size: 0.875rem;
}
.landing_page .homeEstateCont .estateTab .estateTabItem a .itemTop .itemTopInfo .price .larger {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
  margin-right: 1px;
}
.landing_page .homeEstateCont .estateTab .estateTabItem a .itemTrade {
  margin: 0 5px;
  padding: 8px 0 6px;
  border-bottom: solid 1px #d7d7d7;
}
.landing_page .homeEstateCont .estateTab .estateTabItem a .itemTrade:before, .landing_page .homeEstateCont .estateTab .estateTabItem a .itemTrade:after {
  content: " ";
  display: table;
}
.landing_page .homeEstateCont .estateTab .estateTabItem a .itemTrade:after {
  clear: both;
}
.landing_page .homeEstateCont .estateTab .estateTabItem a .itemTrade .itemTradeCont {
  float: left;
  width: 50%;
  padding: 0 5px;
}
.landing_page .homeEstateCont .estateTab .estateTabItem a .itemTrade .itemTradeCont:first-child {
  width: calc(50% - 2px);
  border-right: solid 1px #d7d7d7;
}
.landing_page .homeEstateCont .estateTab .estateTabItem a .itemTrade .itemTradeCont:last-child {
  padding-left: 15px;
}
.landing_page .homeEstateCont .estateTab .estateTabItem a .itemTrade .itemTradeCont .title {
  color: #111;
  margin-bottom: 3px;
  font-size: 14px;
  font-size: 0.875rem;
}
.landing_page .homeEstateCont .estateTab .estateTabItem a .itemTrade .itemTradeCont .number {
  color: #FE6455;
  font-size: 18px;
  font-size: 1.125rem;
}
.landing_page .homeEstateCont .estateTab .estateTabItem a .itemDetail {
  margin: 0 5px;
  padding: 9px 0;
  font-size: 14px;
  font-size: 0.875rem;
  color: #111;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.landing_page .homeEstateCont .estateTab .estateTabItem a .itemDetail .itemDetailItem {
  display: inline-block;
}
.landing_page .homeEstateCont .estateTab .estateTabItem a .itemDetail .itemDetailItem:not(:last-child) {
  padding-right: 5px;
  margin-right: 2px;
  border-right: solid 1px #d7d7d7;
}
@media only screen and (max-width: 991px) {
  .landing_page .homeEstateCont .estateTab .estateTabItem {
    padding: 0 2px;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .landing_page .homeEstateCont .estateTab .estateTabItem {
    width: calc((100% - 20px)/2);
    margin: 0 5px 10px;
    border-radius: 4px;
    border: 1px solid #f5f5f5;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
    overflow: hidden;
  }
  .landing_page .homeEstateCont .estateTab .estateTabItem a .itemTop .itemTopPhoto {
    height: 100px;
  }
  .landing_page .homeEstateCont .estateTab .estateTabItem a .itemTop .itemTopInfo {
    padding: 5px 7px;
  }
  .landing_page .homeEstateCont .estateTab .estateTabItem a .itemTop .itemTopInfo .price {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .landing_page .homeEstateCont .estateTab .estateTabItem a .itemTop .itemTopInfo .price .larger {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .landing_page .homeEstateCont .estateTab .estateTabItem a .itemTrade .itemTradeCont .title {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .landing_page .homeEstateCont .estateTab .estateTabItem a .itemTrade .itemTradeCont .number {
    font-size: 16px;
    font-size: 1rem;
    word-break: keep-all;
  }
  .landing_page .homeEstateCont .estateTab .estateTabItem a .itemTrade .itemTradeCont:first-child {
    width: calc(57% - 2px);
  }
  .landing_page .homeEstateCont .estateTab .estateTabItem a .itemTrade .itemTradeCont:last-child {
    width: 43%;
    padding-left: 8px;
  }
  .landing_page .homeEstateCont .estateTab .estateTabItem .itemDetail {
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.contactButton {
  display: block !important;
}

.play_btn {
  position: absolute;
  bottom: inherit;
  right: inherit;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.play_btn img {
  width: 78px;
  height: 78px;
  display: block;
}
@media only screen and (max-width: 767px) {
  .play_btn img {
    width: 40px;
    height: 40px;
  }
}

.lecture_container {
  min-height: calc(100vh - 150px);
}
.lecture_container .container:before, .lecture_container .container:after {
  content: " ";
  display: table;
}
.lecture_container .container:after {
  clear: both;
}

.lecture {
  padding-bottom: 30px;
}
.lecture:before, .lecture:after {
  content: " ";
  display: table;
}
.lecture:after {
  clear: both;
}
.lecture .banner {
  height: 300px;
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: center center;
}
@media only screen and (max-width: 767px) {
  .lecture .banner {
    height: 160px;
  }
}
@media only screen and (max-width: 767px) {
  .lecture .container {
    margin: 0;
  }
}
.lecture .l_list {
  float: left;
}
@media only screen and (min-width: 1200px) {
  .lecture .l_list {
    width: 850px;
  }
}
@media only screen and (max-width: 1199px) {
  .lecture .l_list {
    width: 712px;
  }
}
@media only screen and (max-width: 767px) {
  .lecture .l_list {
    width: 100%;
  }
}
.lecture .l_list .l_breadcrumb {
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  .lecture .l_list .l_breadcrumb {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .lecture .l_list .l_breadcrumb .container {
    padding-left: 0px;
  }
}
.lecture .l_list .v-container {
  width: 100%;
}
.lecture .l_list .v-container .videoTabWrapper .video_nav {
  margin-top: 20px;
  margin-bottom: 36px;
  height: 60px;
  background: #F9F9F9;
  box-shadow: 0px 2px 1px 0px #D8D8D8;
}
.lecture .l_list .v-container .videoTabWrapper .video_nav:before, .lecture .l_list .v-container .videoTabWrapper .video_nav:after {
  content: " ";
  display: table;
}
.lecture .l_list .v-container .videoTabWrapper .video_nav:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .lecture .l_list .v-container .videoTabWrapper .video_nav {
    height: 44px;
    margin-top: 0px;
    margin-bottom: 0px;
    background: #fff;
    box-shadow: none;
    border-bottom: 1px solid #E8E8E8;
  }
}
.lecture .l_list .v-container .videoTabWrapper .video_nav .video_item {
  cursor: pointer;
  width: 123px;
  border-right: 1px solid #DCDCDC;
  font-size: 20px;
  font-size: 1.25rem;
  color: #525252;
  float: left;
  text-align: center;
  font-weight: 600;
  line-height: 60px;
}
.lecture .l_list .v-container .videoTabWrapper .video_nav .video_item:last-child {
  border-right: none;
}
@media only screen and (max-width: 767px) {
  .lecture .l_list .v-container .videoTabWrapper .video_nav .video_item {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 44px;
    border-right: none;
    color: #111;
    width: calc(100%/3);
  }
}
.lecture .l_list .v-container .videoTabWrapper .video_nav .video_item a {
  display: inline-block;
  color: #525252;
}
@media only screen and (max-width: 767px) {
  .lecture .l_list .v-container .videoTabWrapper .video_nav .video_item a {
    color: #111;
  }
}
.lecture .l_list .v-container .videoTabWrapper .video_nav .video_item a:hover, .lecture .l_list .v-container .videoTabWrapper .video_nav .video_item a:focus {
  text-decoration: none;
}
.lecture .l_list .v-container .videoTabWrapper .video_nav .video_item.selected_nav {
  background: #41B3B7;
  color: #fff;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .lecture .l_list .v-container .videoTabWrapper .video_nav .video_item.selected_nav {
    background: #fff;
    color: #41B3B7;
    border-bottom: 2px solid #41B3B7;
  }
}
.lecture .l_list .v-container .videoTabWrapper .video_nav .video_item.selected_nav a {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .lecture .l_list .v-container .videoTabWrapper .video_nav .video_item.selected_nav a {
    color: #41B3B7;
  }
}
.lecture .l_list .v-container .videoTabWrapper .video_nav .video_item.selected_nav::after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-right: 13px solid transparent;
  border-left: 13px solid transparent;
  border-top: 13px solid #41B3B7;
}
@media only screen and (max-width: 767px) {
  .lecture .l_list .v-container .videoTabWrapper .video_nav .video_item.selected_nav::after {
    border: none;
  }
}
.lecture .l_list .v-container .videoTabWrapper .videoTab {
  margin: 0 -10px;
  margin-top: 20px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .lecture .l_list .v-container .videoTabWrapper .videoTab {
    margin: 0px;
    width: 100%;
    padding-top: 20px;
  }
}
.lecture .l_list .v-container .videoTabWrapper .videoTab .videoTabItem {
  float: left;
  border-radius: 4px;
  width: calc((100% - 60px)/3);
  margin: 0 10px 20px;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  transition: all 0.4s ease;
  box-shadow: none;
}
.lecture .l_list .v-container .videoTabWrapper .videoTab .videoTabItem:hover {
  box-shadow: 1px 10px 14px 0px rgba(55, 55, 55, 0.2);
}
@media only screen and (max-width: 767px) {
  .lecture .l_list .v-container .videoTabWrapper .videoTab .videoTabItem {
    width: calc((100% - 10px)/2);
    margin: 0;
    margin-bottom: 10px;
    margin-right: 10px;
    border-radius: 2px;
  }
  .lecture .l_list .v-container .videoTabWrapper .videoTab .videoTabItem:nth-child(2n) {
    margin-right: 0px;
  }
}
.lecture .l_list .v-container .videoTabWrapper .videoTab .itemTopPhoto {
  width: 100%;
  height: 150px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .lecture .l_list .v-container .videoTabWrapper .videoTab .itemTopPhoto {
    height: 100px;
  }
}
.lecture .l_list .v-container .videoTabWrapper .videoTab .itemTopPhoto .video_pic {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.4s ease;
}
.lecture .l_list .v-container .videoTabWrapper .videoTab .itemTopPhoto .video_pic img {
  width: 100%;
}
.lecture .l_list .v-container .videoTabWrapper .videoTab .itemTopPhoto .playback {
  padding: 5px 7px;
  background: #10AEC2;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  font-size: 0.75rem;
  border-radius: 2px;
  position: absolute;
  top: 6px;
  left: 6px;
}
.lecture .l_list .v-container .videoTabWrapper .videoTab .itemTopPhoto .playback span {
  display: inline-block;
  border-radius: 50%;
  background: #ffffff;
  margin-right: 5px;
  vertical-align: middle;
  width: 4px;
  height: 4px;
}
.lecture .l_list .v-container .videoTabWrapper .videoTab .video_info {
  padding-left: 6px;
}
.lecture .l_list .v-container .videoTabWrapper .videoTab .video_info .itemDesc {
  color: #111;
  padding-top: 5px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lecture .l_list .v-container .videoTabWrapper .videoTab .video_info .item-bottom {
  padding: 8px 0;
  display: inline-block;
  color: #666;
}
.lecture .l_list .v-container .videoTabWrapper .videoTab .video_info .item-bottom .date {
  display: inline-block;
  color: #666;
  padding-right: 8px;
  border-right: solid 1px #D8D8D8;
  font-size: 12px;
}
@media only screen and (max-width: 767px) {
  .lecture .l_list .v-container .videoTabWrapper .videoTab .video_info .item-bottom .date {
    font-size: 10px;
    font-size: 0.625rem;
  }
}
.lecture .l_list .v-container .videoTabWrapper .videoTab .video_info .item-bottom .play_count {
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
}
@media only screen and (max-width: 767px) {
  .lecture .l_list .v-container .videoTabWrapper .videoTab .video_info .item-bottom .play_count {
    font-size: 10px;
    font-size: 0.625rem;
  }
}
.lecture .l_list .v-container .videoTabWrapper .videoTab .video_info .item-bottom .play_count img {
  width: 12px;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 1px;
}
.lecture .estate_adv {
  margin-top: 20px;
}

.lecture_detail h1 {
  padding: 17px 0;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 20px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .lecture_detail h1 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.lecture_detail .l_video {
  display: inline-block;
  padding-bottom: 15px;
}
.lecture_detail .l_video .l_title {
  display: inline-block;
  background: #10AEC2;
  color: #ffffff;
  padding: 5px 7px;
  border-radius: 2px;
  margin-right: 9px;
}
.lecture_detail .l_video .l_title span {
  display: inline-block;
  border-radius: 50%;
  background: #ffffff;
  margin-right: 5px;
  vertical-align: middle;
  width: 4px;
  height: 4px;
}
.lecture_detail .l_video .play_count {
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
  padding-left: 10px;
  border-left: 1px solid #D8D8D8;
}
.lecture_detail .l_video .play_count img {
  width: 12px;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 1px;
}
.lecture_detail .video {
  width: 100%;
  margin-bottom: 64px;
}
.lecture_detail .video:before, .lecture_detail .video:after {
  content: " ";
  display: table;
}
.lecture_detail .video:after {
  clear: both;
}
.lecture_detail .video #video {
  cursor: pointer;
  float: left;
  width: calc(100% - 365px);
  height: 498px;
  background: #000;
}
.lecture_detail .video #video:focus {
  outline: none;
}
@media only screen and (max-width: 767px) {
  .lecture_detail .video #video {
    float: inherit;
    width: 100%;
    height: 210px;
  }
}
.lecture_detail .video .video_list {
  float: right;
  width: 345px;
}
@media only screen and (max-width: 767px) {
  .lecture_detail .video .video_list {
    width: 100%;
    float: inherit;
  }
}
.lecture_detail .video .video_list .hot_video {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  padding-left: 14px;
}
.lecture_detail .video .video_list ul {
  padding: 15px 14px;
  margin-top: 12px;
  background: #F5F5F5;
  height: 465px;
  overflow-y: scroll;
}
.lecture_detail .video .video_list ul li {
  margin-bottom: 15px;
  cursor: pointer;
  transition: all 0.6s;
}
.lecture_detail .video .video_list ul li:last-child {
  margin-bottom: 15px;
}
.lecture_detail .video .video_list ul li a {
  display: flex;
  color: #111;
}
.lecture_detail .video .video_list ul li:before, .lecture_detail .video .video_list ul li:after {
  content: " ";
  display: table;
}
.lecture_detail .video .video_list ul li:after {
  clear: both;
}
.lecture_detail .video .video_list ul li .video_pic {
  width: 105px;
  float: left;
  position: relative;
  height: 66px;
}
.lecture_detail .video .video_list ul li .video_pic .play_btn {
  position: absolute;
  bottom: inherit;
  right: inherit;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.4);
}
.lecture_detail .video .video_list ul li .video_pic .play_btn img {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.lecture_detail .video .video_list ul li .video_pic img {
  border-radius: 4px;
  width: 105px;
  height: 65px;
}
.lecture_detail .video .video_list ul li p {
  float: right;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 20px;
  width: calc(100% - 105px);
  padding-left: 9px;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.lecture_detail .video .video_list ul li:hover .play_btn, .lecture_detail .video .video_list ul li.active .play_btn {
  animation: paly 0.5s 1;
  -webkit-animation-fill-mode: forwards;
}
@keyframes paly {
  0% {
    background: rgba(0, 0, 0, 0.4);
  }
  50% {
    background: rgba(0, 0, 0, 0.2);
  }
  100% {
    background: transparent;
  }
}
.lecture_detail .video .video_list ul li:hover p, .lecture_detail .video .video_list ul li.active p {
  color: #2FA9AF;
}
@media only screen and (max-width: 767px) {
  .lecture_detail .agent-info {
    padding-top: 24px;
  }
}
.lecture_detail .agent-info .a-left {
  display: inline-block;
  float: left;
}
.lecture_detail .agent-info .a-left .agent {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.lecture_detail .agent-info .a-left .agent .left a {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.lecture_detail .agent-info .a-left .agent .left a img {
  width: 100px;
  height: 83px;
}
@media only screen and (max-width: 767px) {
  .lecture_detail .agent-info .a-left .agent .left a img {
    width: 68px;
    height: 56px;
  }
}
.lecture_detail .agent-info .a-left .agent .left a:hover .name {
  color: #10AEC2;
}
.lecture_detail .agent-info .a-left .lazyimg img {
  width: 100%;
  height: 100%;
}
.lecture_detail .agent-info .a-left .name {
  margin-left: 13px;
  color: #666666;
  line-height: 20px;
  display: inline-block;
  font-size: 20px;
  font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .lecture_detail .agent-info .a-left .name {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.lecture_detail .agent-info .a-left .speaker {
  padding-top: 45px;
}
@media only screen and (max-width: 767px) {
  .lecture_detail .agent-info .a-left .speaker {
    padding-top: 20px;
  }
}
.lecture_detail .agent-info .a-left .speaker .s_title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 20px;
  padding-bottom: 25px;
  white-space: pre-line;
}
@media only screen and (max-width: 767px) {
  .lecture_detail .agent-info .a-left .speaker .s_title {
    padding-bottom: 15px;
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.lecture_detail .agent-info .a-left .speaker .s_name {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .lecture_detail .agent-info .a-left .speaker .s_name {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.lecture_detail .agent-info .a-left .speaker p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 25px;
  padding-bottom: 35px;
  border-bottom: 1px solid #D8D8D8;
  white-space: pre-line;
}
@media only screen and (max-width: 767px) {
  .lecture_detail .agent-info .a-left .speaker p {
    padding-bottom: 25px;
  }
}
.lecture_detail .agent-info .a-left .play_content {
  padding-top: 35px;
}
.lecture_detail .agent-info .a-left .room .room_info {
  padding: 30px 0px;
  background: #ffffff;
}
@media only screen and (max-width: 767px) {
  .lecture_detail .agent-info .a-left .room .room_info {
    padding-bottom: 0;
  }
}
.lecture_detail .agent-info .a-left .room .room_info .title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  padding-bottom: 15px;
}
.lecture_detail .agent-info .a-left .room .room_info .title a {
  color: #2FA9AF;
  cursor: pointer;
  font-size: 16px;
  float: right;
}
.lecture_detail .agent-info .a-left .room .room_info .title a:hover {
  opacity: 0.7;
}
.lecture_detail .agent-info .a-left .room .room_info .room_info_roomList {
  position: relative;
}
.lecture_detail .agent-info .a-left .room .room_info .room_info_roomList .result .result_active {
  display: inline-block;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .lecture_detail .agent-info .a-left .room .room_info .room_info_roomList .result .result_active {
    overflow-x: scroll;
    white-space: nowrap;
  }
  .lecture_detail .agent-info .a-left .room .room_info .room_info_roomList .result .result_active:before, .lecture_detail .agent-info .a-left .room .room_info .room_info_roomList .result .result_active:after {
    content: " ";
    display: table;
  }
  .lecture_detail .agent-info .a-left .room .room_info .room_info_roomList .result .result_active:after {
    clear: both;
  }
}
.lecture_detail .agent-info .a-left .room .room_info .room_info_roomList .result .result_active li {
  margin-right: 20px;
  display: inline-block;
  width: calc((100% - 50px) / 3);
  vertical-align: top;
  transition: all 0.3s;
}
@media only screen and (max-width: 767px) {
  .lecture_detail .agent-info .a-left .room .room_info .room_info_roomList .result .result_active li {
    width: 210px;
    white-space: normal;
  }
}
.lecture_detail .agent-info .a-left .room .room_info .room_info_roomList .result .result_active li:hover .photo {
  opacity: 0.7;
}
.lecture_detail .agent-info .a-left .room .room_info .room_info_roomList .result .result_active li:last-child {
  margin-right: 0px;
}
.lecture_detail .agent-info .a-left .room .room_info .room_info_roomList .result .result_active li .photo {
  position: relative;
  padding-top: 66%;
  margin-bottom: 10px;
  background-size: cover;
}
.lecture_detail .agent-info .a-left .room .room_info .room_info_roomList .result .result_active li .photo span {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 8px 10px;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.6);
}
.lecture_detail .agent-info .a-left .room .room_info .room_info_roomList .result .result_active li .text {
  font-size: 14px;
  font-size: 0.875rem;
  color: #373737;
  line-height: 20px;
}
.lecture_detail .agent-info .a-left .room .room_info .videoTabWrapper .videoTab {
  margin: 0;
  margin-top: 20px;
  overflow: hidden;
}
.lecture_detail .agent-info .a-left .room .room_info .videoTabWrapper .videoTab .videoTabItem {
  float: left;
  width: calc((100% - 10px)/2);
  margin: 0;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #D8D8D8;
}
.lecture_detail .agent-info .a-left .room .room_info .videoTabWrapper .videoTab .videoTabItem:nth-child(2n) {
  margin-right: 0;
}
.lecture_detail .agent-info .a-left .room .room_info .videoTabWrapper .videoTab .videoTabItem .itemTopPhoto {
  width: 100%;
  height: 100px;
  position: relative;
  overflow: hidden;
}
.lecture_detail .agent-info .a-left .room .room_info .videoTabWrapper .videoTab .videoTabItem .itemTopPhoto .video_pic {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.4s ease;
  transform: scale(1);
}
.lecture_detail .agent-info .a-left .room .room_info .videoTabWrapper .videoTab .videoTabItem a:hover .video_pic img {
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
}
.lecture_detail .agent-info .a-left .room .room_info .videoTabWrapper .videoTab .videoTabItem a .play_btn {
  position: absolute;
  bottom: inherit;
  right: inherit;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.lecture_detail .agent-info .a-left .room .room_info .videoTabWrapper .videoTab .videoTabItem a .play_btn img {
  width: 78px;
  height: 78px;
  display: block;
  width: 40px;
  height: 40px;
}
.lecture_detail .agent-info .a-left .room .room_info .videoTabWrapper .videoTab .videoTabItem a .playback {
  padding: 5px 7px;
  background: #10AEC2;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  font-size: 0.75rem;
  border-radius: 2px;
  position: absolute;
  top: 6px;
  left: 6px;
}
.lecture_detail .agent-info .a-left .room .room_info .videoTabWrapper .videoTab .videoTabItem a span {
  display: inline-block;
  border-radius: 50%;
  background: #ffffff;
  margin-right: 5px;
  vertical-align: middle;
  width: 4px;
  height: 4px;
}
.lecture_detail .agent-info .a-left .room .room_info .videoTabWrapper .videoTab .videoTabItem .video_info {
  padding-left: 6px;
}
.lecture_detail .agent-info .a-left .room .room_info .videoTabWrapper .videoTab .videoTabItem .video_info .itemDesc {
  color: #111;
  padding-top: 5px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lecture_detail .agent-info .a-left .room .room_info .videoTabWrapper .videoTab .videoTabItem .video_info .item-bottom {
  padding: 8px 0;
  display: inline-block;
  color: #666;
}
.lecture_detail .agent-info .a-left .room .room_info .videoTabWrapper .videoTab .videoTabItem .video_info .item-bottom .date {
  display: inline-block;
  color: #666;
  padding-right: 8px;
  border-right: solid 1px #D8D8D8;
}
.lecture_detail .agent-info .a-left .room .room_info .videoTabWrapper .videoTab .videoTabItem .video_info .item-bottom .play_count {
  display: inline-block;
}
.lecture_detail .agent-info .a-left .room .room_info .videoTabWrapper .videoTab .videoTabItem .video_info .item-bottom .play_count img {
  width: 12px;
  height: auto;
  vertical-align: middle;
  display: inline-block;
  margin-bottom: 1px;
}
.lecture_detail .tw_top {
  border-bottom: 5px solid #f6f6f6;
}

.inquiry_btn {
  width: 200px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background: #EB8731;
  border-radius: 4px;
  float: right;
  font-size: 16px;
  font-size: 1rem;
  margin-right: 40px;
  font-weight: 600;
  color: #FFFFFF;
  letter-spacing: 1px;
  cursor: pointer;
  transition: all 0.4s;
}
.inquiry_btn a {
  color: #fff;
  display: block;
}
.inquiry_btn:hover {
  background: #FF8E48;
}
@media only screen and (max-width: 767px) {
  .inquiry_btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 30px;
  }
}

.tw_top #video {
  height: 210px;
  cursor: pointer;
  background: #000;
}

.list img {
  border-radius: 3px;
}
.list .l-all {
  min-width: 990px;
}
.list .l-all .container {
  min-width: 990px;
}
@media only screen and (max-width: 767px) {
  .list .l-all {
    min-width: 100%;
  }
  .list .l-all .container {
    min-width: 100%;
  }
}
.list_pagination {
  margin: 30px 0 40px;
  text-align: right;
}
.list_pagination .pagination li span, .list_pagination .pagination li a {
  padding: 8px 12px;
  margin-right: 8px;
  margin-bottom: 8px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #838383;
  background-color: #f5f5f5;
  border: none;
}
.list_pagination .pagination li.active span, .list_pagination .pagination li.active a {
  color: #fff;
  background-color: #2fa9af;
}
.list_pagination .pagination li:hover a {
  color: #2fa9af;
}
@media only screen and (max-width: 767px) {
  .list_pagination {
    margin: 0;
  }
}
.list dl {
  position: relative;
}
.list dl:before, .list dl:after {
  content: " ";
  display: table;
}
.list dl:after {
  clear: both;
}
.list dl .more_city {
  position: absolute;
  bottom: 21px;
  right: -2px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #1A4E9A;
  cursor: pointer;
}
.list dl .more_city.c-hide {
  display: none !important;
}
.list dl .more_city i {
  font-size: 12px;
  font-size: 0.75rem;
  color: #111;
}
.list dl dt, .list dl dd {
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  vertical-align: top;
}
.list dl dt {
  width: 80px;
  font-weight: bold;
}
.list dl dd {
  width: calc(100% - 85px);
}
.list dl dd a {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 5px;
  color: #333333;
}
.list dl dd a:hover {
  color: #2fa9af;
  cursor: pointer;
  text-decoration: underline;
}
.list dl dd a.selected {
  color: #2fa9af;
  font-weight: bold;
  cursor: default;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .list dl dt, .list dl dd {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .list dl dt {
    width: 70px;
  }
  .list dl dd {
    width: calc(100% - 75px);
  }
  .list dl dd a {
    margin-right: 10px;
    margin-bottom: 0px;
  }
}
.list .drop {
  margin-top: 10px;
  font-size: 12px;
  font-size: 0.75rem;
  color: #838383;
  text-align: center;
  cursor: pointer;
}
.list .drop .fa {
  color: #ccc;
}
.list .dropDown {
  height: 24px;
  overflow: hidden;
}

.estate .container {
  padding: 0 15px;
}
.estate .container:before, .estate .container:after {
  content: " ";
  display: table;
}
.estate .container:after {
  clear: both;
}
.estate_agent {
  margin: 10px 0 20px;
}
.estate_search {
  margin-top: 10px;
  padding: 0 15px 10px;
  margin-bottom: 40px;
  background-color: #FBFBFB;
}
.estate_search.m_search dt {
  line-height: 16px !important;
}
.estate_search.m_search dd {
  line-height: 16px !important;
}
.estate_search.m_search a {
  line-height: 16px;
}
@media only screen and (max-width: 767px) {
  .estate_search {
    background-color: #F0F0F0;
    box-shadow: none;
    padding: 0px !important;
    margin: 10px 0px;
    margin-bottom: 0px !important;
  }
}
.estate_search dl {
  padding: 0 5px;
}
.estate_search dl dt {
  width: 84px;
}
.estate_search dl dd {
  width: calc(100% - 95px);
}
.estate_search dl.estate_search_oyo dt {
  width: 80px;
}
.estate_search dl.estate_search_oyo dd {
  width: calc(100% - 85px);
}
.estate_search_menu {
  overflow-x: auto;
  border-bottom: 1px solid #cfcfcf;
  white-space: nowrap;
}
.estate_search_menu:before, .estate_search_menu:after {
  content: " ";
  display: table;
}
.estate_search_menu:after {
  clear: both;
}
.estate_search_menu a {
  position: relative;
  display: inline-block;
  padding: 12px 20px;
  font-size: 18px;
  font-size: 1.125rem;
  color: #373737;
  text-align: center;
  text-decoration: none;
}
.estate_search_menu a.hot:after {
  content: "HOT";
  position: absolute;
  display: inline-block;
  top: 0px;
  right: 2px;
  padding: 0 4px;
  background-color: #F54645;
  font-size: 8px;
  font-weight: 600;
  color: #fff;
  height: 12px;
  line-height: 12px;
  border-radius: 10px;
}
.estate_search_menu a.selected {
  color: #2fa9af;
  font-weight: bold;
}
.estate_search_menu a:hover {
  color: #2fa9af;
}
@media only screen and (max-width: 991px) {
  .estate_search_menu a {
    padding: 10px 15px;
  }
}
.estate_search_area .s-condition dd {
  vertical-align: sub;
}
.estate_search_area .s-condition dt {
  font-weight: normal;
  color: #666;
}
.estate_search_area .s-condition dd a {
  border: 1px solid #C8C8C8;
  padding: 4px 8px;
  color: #666;
  border-radius: 2px;
  font-size: 12px;
  font-size: 0.75rem;
  margin-right: 5px;
}
.estate_search_area .s-condition dd a i {
  margin-left: 4px;
}
.estate_search_area .s-condition dd a:hover {
  text-decoration: none;
  color: #666;
}
.estate_search_area .s-condition dd a:hover i {
  color: #2fa9af;
}
.estate_search_area .s-condition dd a i {
  display: inline-block;
  vertical-align: bottom;
  font-size: 12px;
  font-size: 0.75rem;
}
.estate_search_area .s-condition dd a:last-child {
  border: none;
  color: #111;
}
.estate_search_area .s-condition dd a:last-child i {
  margin-right: 3px;
}
.estate_search_area .s-condition dd a:last-child:hover {
  color: #2fa9af;
}
.estate_search_area .s-condition dd a:last-child:hover i {
  color: #666;
}
.estate_search_area .s_area dd, .estate_search_area .e_city dd {
  max-height: 38px;
  overflow: hidden;
  padding-right: 15px;
}
.estate_search_area .s_area dd.open-area, .estate_search_area .e_city dd.open-area {
  max-height: initial;
  overflow: initial;
  border-bottom: 1px solid #E4E3E5;
}
.estate_search_area .s_area .open-area {
  margin-bottom: 20px;
}
.estate_search_area .s_area .pickup {
  bottom: 40px;
}
.estate_search_area .e_city dd {
  max-height: 16px;
  margin-bottom: 20px;
}
.estate_search_area .e_city .one-list a {
  margin-bottom: 20px;
}
.estate_search_area .e_city .one-list .more_city {
  display: inline;
  position: static;
}
.estate_search_area .e_city .one-list .one_list_region {
  margin-right: 0;
}
.estate_search_area .e_city .one-list .hot_icon {
  position: relative;
  top: -3px;
  margin-right: 10px;
}
.estate_search_area .e_city .one-list .hot_icon span {
  color: #FFF;
  font-size: 7px;
  font-size: 0.4375rem;
  font-weight: 700;
  position: absolute;
  left: 4px;
  top: 1px;
}
.estate_search_area .e_city .pickup {
  bottom: 38px;
}
.estate_search_area .e_city .more-list a {
  margin-bottom: 20px;
}
.estate_search_area dd.c-radio {
  line-height: 16px;
}
.estate_search_area dd.c-radio a {
  margin-bottom: 20px;
}
.estate_search_area dd.c-check a {
  min-width: 200px;
  padding-left: 20px;
  position: relative;
  margin-bottom: 20px;
  margin-right: 0px;
}
.estate_search_area dd.c-check a.selected .a-check {
  border: none;
  background: #2fa9af;
}
.estate_search_area dd.c-check a.selected .a-check::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  font-family: "iconfont" !important;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  transform: translate(-50%, -50%);
}
.estate_search_area dd .a-check {
  position: absolute;
  top: 2px;
  left: 0px;
  width: 16px;
  height: 16px;
  border: 1px solid #A9A9A9;
  border-radius: 2px;
  display: inline-block;
}
.estate_search_area dd .a-name {
  display: inline-block;
  vertical-align: middle;
}
.estate_search_area .disable_menu {
  color: #999;
  text-decoration: none;
  cursor: not-allowed !important;
}
.estate_search_area .disable_menu:hover {
  color: #999;
}
.estate_search_area dl.dropDown {
  height: auto;
}
.estate_search_select {
  padding-top: 10px;
}
@media only screen and (max-width: 767px) {
  .estate_search {
    margin-top: 10px;
    padding: 5px 5px 10px;
    margin-bottom: 20px;
  }
  .estate_search_menu a {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .estate_search_area {
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .estate_search_area dl {
    padding: 0px;
    margin-bottom: 10px;
  }
  .estate_search_area dl dd {
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
    width: calc(100% - 105px);
    font-size: 14px;
    font-size: 0.875rem;
  }
  .estate_search_area dl dd a {
    text-decoration: none;
  }
  .estate_search_area dl dt {
    vertical-align: middle;
    padding-left: 15px;
    width: 100px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
  }
  .estate_search_area dl.dropDown {
    height: 24px;
  }
}
.estate_wrap:before, .estate_wrap:after {
  content: " ";
  display: table;
}
.estate_wrap:after {
  clear: both;
}
.estate .hot_area {
  padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .estate .hot_area {
    padding-bottom: 0;
  }
}
.estate .hot_area .row {
  padding: 0;
  padding-left: 15px;
}
.estate .hot_area .item {
  padding: 0 15px 15px 0;
}
.estate .hot_area .hot_title {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #111;
  padding-bottom: 24px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .estate .hot_area .hot_title {
    padding-bottom: 25px;
    padding-top: 35px;
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.estate .hot_area a {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  border-radius: 3px;
}
.estate .hot_area a .lazyimg {
  width: 100%;
  height: 125px;
}
@media only screen and (max-width: 767px) {
  .estate .hot_area a .lazyimg {
    height: 76px;
  }
}
.estate .hot_area a img {
  width: 100%;
  height: 100%;
  display: block;
  transition: all 0.4s ease;
  transform: scale(1);
}
.estate .hot_area a:hover img {
  transform: scale(1.05);
}
.estate .hot_area a .a_title {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  background: rgba(3, 3, 3, 0.38);
}
.estate .hot_area a .a_title span {
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  .estate .hot_area a .a_title span {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.estate_list {
  float: left;
}
.estate_list_top {
  border-bottom: 4px solid #2FA9AF;
  margin-bottom: 44px;
}
@media only screen and (max-width: 767px) {
  .estate_list_top {
    border-bottom: none;
    margin-bottom: 0px;
    margin-top: 5px;
  }
}
.estate_list_top:before, .estate_list_top:after {
  content: " ";
  display: table;
}
.estate_list_top:after {
  clear: both;
}
.estate_list_top .title {
  padding-bottom: 10px;
  color: #373737;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
}
.estate_list_top .title h1 {
  display: inline-block;
  font-size: 20px;
  font-size: 1.25rem;
}
.estate_list_top .title h1 span {
  color: #D6000F;
  font-size: 28px;
  font-size: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .estate_list_top .title h1 {
    font-size: 16px;
    font-size: 1rem;
  }
  .estate_list_top .title h1 span {
    font-size: 16px;
    font-size: 1rem;
  }
}
.estate_list_top .filter {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 14px;
  font-size: 0.875rem;
}
.estate_list_top .filter:before, .estate_list_top .filter:after {
  content: " ";
  display: table;
}
.estate_list_top .filter:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .estate_list_top .filter {
    padding-left: 0px !important;
  }
}
.estate_list_top .filter .update {
  display: none;
}
.estate_list_top .filter .sort {
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .estate_list_top .filter .sort {
    padding-top: 10px;
    display: inline-block;
    float: none;
  }
}
.estate_list_top .filter span {
  margin-right: 10px;
}
.estate_list_top .filter a {
  margin-right: 15px;
  color: #373737;
}
.estate_list_top .filter a.selected, .estate_list_top .filter a.selected_up, .estate_list_top .filter a.selected_down {
  font-weight: 600;
  color: #2fa9af;
}
.estate_list_top .filter a.order:after {
  content: "";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 3px;
  display: inline-block;
  font-family: "iconfont" !important;
  color: #999;
}
.estate_list_top .filter a.selected_up:after {
  color: #2fa9af;
  transform: rotate(180deg);
}
@media only screen and (max-width: 767px) {
  .estate_list_top .filter a.selected_up:after {
    position: relative;
    top: 5px;
    left: 8px;
  }
}
.estate_list_top .filter a.selected_down:after {
  color: #2fa9af;
}
.estate_list_cont .item {
  position: relative;
  padding: 20px;
  border-bottom: 2px solid #f5f5f5;
}
.estate_list_cont .item .image {
  position: relative;
}
.estate_list_cont .item .sell-out {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
}
.estate_list_cont .item .sell-out img {
  width: 176px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  .estate_list_cont .item .sell-out img {
    width: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .estate_list_cont .item {
    padding: 12px 0px;
    border-bottom: 1px solid #f5f5f5;
  }
}
.estate_list_cont .item:before, .estate_list_cont .item:after {
  content: " ";
  display: table;
}
.estate_list_cont .item:after {
  clear: both;
}
.estate_list_cont .item .photo {
  position: relative;
  float: left;
  width: 250px;
  height: 180px;
}
.estate_list_cont .item .photo .typeTag {
  position: absolute;
  top: 0px;
  padding: 4px 8px;
  background-color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  color: #111;
  font-weight: 600;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #ccc;
}
.estate_list_cont .item .photo .image {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.estate_list_cont .item .photo .image .image-video-icon {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: url("/img/main/list/swiper_video.png") center/100% no-repeat;
}
.estate_list_cont .item .photo .specialTag {
  position: absolute;
  top: 0;
  left: 0;
}
.estate_list_cont .item .photo .concluded-icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
}
.estate_list_cont .item .photo .concluded-icon:before {
  content: "";
  display: block;
  width: 150px;
  height: 109px;
  background: url("/img/main/list/concluded_icon.png") no-repeat;
  background-size: contain;
  margin-top: calc(50% - 86px);
  margin-left: calc(50% - 83px);
}
@media only screen and (max-width: 767px) {
  .estate_list_cont .item .photo .concluded-icon:before {
    width: 75px;
    height: 54px;
    margin-top: calc(50% - 24px);
    margin-left: calc(50% - 43px);
  }
}
.estate_list_cont .item .ListingDate {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 8px;
}
.estate_list_cont .item .e-type {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.estate_list_cont .item .e-type .keywords {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #D5EEEF;
  padding: 5px 8px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #2FA9AF;
  border-radius: 3px;
}
.estate_list_cont .item .price_con {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 6px;
}
.estate_list_cont .item .return {
  display: inline-block;
  padding: 0px 5px;
  background-color: #F9EDD4;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #95722A;
  border-radius: 3px;
  height: 22px;
}
.estate_list_cont .item .price_offer {
  padding: 0px 8px;
  background-color: #14BE3C;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  margin-left: 8px;
  display: flex;
  align-items: center;
  border-radius: 3px;
  height: 22px;
}
@media only screen and (max-width: 767px) {
  .estate_list_cont .item .price_offer {
    margin-left: 0px;
  }
}
.estate_list_cont .item .price_offer p {
  width: 14px;
  height: 14px;
  margin-right: 4px;
  display: flex;
  align-items: center;
}
.estate_list_cont .item .price_offer p img {
  width: 100%;
}
.estate_list_cont .item .info {
  float: right;
  width: calc(100% - 280px);
  padding-top: 5px;
  padding-right: 210px;
  color: #373737;
}
.estate_list_cont .item .info a {
  color: #373737;
}
.estate_list_cont .item .info a:hover {
  outline: none;
  text-decoration: none;
}
.estate_list_cont .item .info .title {
  margin-bottom: 7px;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.estate_list_cont .item .info .title .newItem {
  display: inline-block;
  margin-right: 5px;
  padding: 3px 5px;
  background-color: #25B5B5;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}
.estate_list_cont .item .info .trade {
  margin-bottom: 12px;
  font-size: 14px;
  font-size: 0.875rem;
}
.estate_list_cont .item .info .trade span {
  padding: 0 10px;
}
.estate_list_cont .item .info .trade span:first-child {
  padding-left: 0;
}
.estate_list_cont .item .info .baseInfo {
  margin-bottom: 12px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
}
.estate_list_cont .item .info .address {
  line-height: 22px;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 0.875rem;
}
.estate_list_cont .item .info .address i {
  font-size: 16px;
  font-size: 1rem;
}
.estate_list_cont .item .info .address a {
  text-decoration: none;
  border-bottom: 1px solid #999;
}
.estate_list_cont .item .info .address a:hover {
  border-color: #2fa9af;
  color: #2fa9af;
}
.estate_list_cont .item .info .keywords ul li {
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 5px;
  font-size: 14px;
  font-size: 0.875rem;
}
.estate_list_cont .item .info .keywords ul li:nth-child(4n + 1) {
  color: #AB3939;
  background-color: #FDE7E7;
}
.estate_list_cont .item .info .keywords ul li:nth-child(4n + 2) {
  color: #AD7E38;
  background-color: #FEF3E3;
}
.estate_list_cont .item .info .keywords ul li:nth-child(4n + 3) {
  color: #4D869E;
  background-color: #E5F6FB;
}
.estate_list_cont .item .info .keywords ul li:nth-child(4n + 4) {
  color: #659679;
  background-color: #E5FBEE;
}
.estate_list_cont .item .agentInfo:before, .estate_list_cont .item .agentInfo:after {
  content: " ";
  display: table;
}
.estate_list_cont .item .agentInfo:after {
  clear: both;
}
.estate_list_cont .item .agentInfo .logo {
  float: left;
  display: inline-block;
  width: 60px;
  height: 30px;
  margin-right: 5px;
  background-color: #F8F8F8;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.estate_list_cont .item .agentInfo .name {
  float: left;
  display: inline-block;
  line-height: 30px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}
@media only screen and (max-width: 991px) {
  .estate_list_cont .item .agentInfo .name {
    max-width: 200px;
  }
}
@media only screen and (max-width: 1199px) {
  .estate_list_cont .item .agentInfo .name {
    max-width: 240px;
  }
}
@media only screen and (min-width: 1200px) {
  .estate_list_cont .item .agentInfo .name {
    max-width: 300px;
  }
}
.estate_list_cont .item .agentInfo .metal {
  float: left;
  display: inline-block;
  margin-top: 4px;
  margin-left: 5px;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
}
.estate_list_cont .item .agentInfo .metal.level1 {
  background-image: url("/img/main/cmn/agent_metal_1_s.png");
}
.estate_list_cont .item .agentInfo .metal.level2 {
  background-image: url("/img/main/cmn/agent_metal_2_s.png");
}
.estate_list_cont .item .agentInfo .metal.level3 {
  background-image: url("/img/main/cmn/agent_metal_3_s.png");
}
.estate_list_cont .item .agentInfo .metal.level4 {
  background-image: url("/img/main/cmn/agent_metal_4_s.png");
}
.estate_list_cont .item .oyo {
  width: 100%;
  height: 30px;
  color: #ffffff;
  font-size: 16px;
  text-align: right;
  line-height: 30px;
}
.estate_list_cont .item .oyo .tips {
  padding: 0 5px;
  color: #fff;
  text-decoration: none;
  background: #E88A3C;
  box-shadow: 0px 1px 0px 1px #cf660f;
  border-radius: 4px;
}
.estate_list_cont .item .price {
  position: absolute;
  right: 30px;
  top: 23px;
  text-align: right;
}
.estate_list_cont .item .price .cny {
  margin-bottom: 7px;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
  color: #D6000F;
}
.estate_list_cont .item .price .cny .large {
  font-size: 26px;
  font-size: 1.625rem;
}
.estate_list_cont .item .price .jpy {
  font-size: 16px;
  font-size: 1rem;
  color: #838383;
}
.estate_list_cont .item .price .lgjIcon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/img/main/cmn/ico_lgj.png");
}
.estate_list_cont .item .obtain_btn, .estate_list_cont .item .obtain_btn1 {
  position: absolute;
  right: 30px;
  top: 114px;
  width: 225px;
  height: 42px;
  background: #f37e00;
  border-radius: 4px;
  box-shadow: 0px 2px 2px 0px #d8d8d8;
  border: 1px solid #FFFFFF;
  font-weight: 600;
  color: #fff;
  font-size: 14px;
  line-height: 42px;
  text-align: center;
  transition: all 0.3s;
  opacity: 1;
  -webkit-transform: translateZ(0);
}
.estate_list_cont .item .obtain_btn i, .estate_list_cont .item .obtain_btn1 i {
  vertical-align: middle;
}
.estate_list_cont .item .obtain_btn:hover, .estate_list_cont .item .obtain_btn1:hover {
  opacity: 0.68;
}
.estate_list_cont .item .obtain_btn .iconfont, .estate_list_cont .item .obtain_btn1 .iconfont {
  margin-right: 4px;
  vertical-align: bottom;
}
.estate_list_cont .item .obtain_btn span, .estate_list_cont .item .obtain_btn1 span {
  font-size: 12px;
}
@media only screen and (max-width: 767px) {
  .estate_list_cont .item .obtain_btn, .estate_list_cont .item .obtain_btn1 {
    height: 44px;
    line-height: 44px;
    right: 0;
    top: 0px;
    font-size: 14px;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .estate_list_cont .item .obtain_btn span, .estate_list_cont .item .obtain_btn1 span {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .estate_list_cont .item .obtain_btn, .estate_list_cont .item .obtain_btn1 {
    background: #f37e00;
  }
}

.estate_list_cont .item .favorite {
  position: absolute;
  right: 30px;
  top: 20px;
  text-align: right;
}
.estate_list_cont .item .favorite i {
  display: inline-block;
  width: 30px;
  height: 23px;
  background: url("/img/main/cmn/icon_favorite.png") no-repeat center;
  background-size: 100%;
}
.estate_list_cont .item .favorite i.selected {
  background: url("/img/main/cmn/icon_favorite_selected.png") no-repeat center;
  background-size: 100%;
}
.estate_list_cont .item .dataTime {
  position: absolute;
  right: 30px;
  bottom: 20px;
  text-align: right;
  color: #9B9B9B;
  font-size: 14px;
  font-size: 0.875rem;
}
.estate_list_cont .item .charter {
  position: absolute;
  right: 30px;
  bottom: 20px;
}
.estate_list_cont .item .charter:before, .estate_list_cont .item .charter:after {
  content: " ";
  display: table;
}
.estate_list_cont .item .charter:after {
  clear: both;
}
.estate_list_cont .item .charter .charterInfo {
  float: left;
  margin: 5px 8px 0 0;
  color: #838383;
  font-size: 13px;
  font-size: 0.8125rem;
}
.estate_list_cont .item .charter .charterInfo .text {
  margin-right: 2px;
}
.estate_list_cont .item .charter .charterInfo .icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("/img/main/list/icon_question.png") no-repeat center;
  background-size: 100%;
  vertical-align: bottom;
}
.estate_list_cont .item .charter .charterOyo {
  float: left;
  margin-right: 5px;
}
.estate_list_cont .item .charter .charterOyo .text {
  padding: 3px 5px;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  color: #E69048;
  border: 1px solid #E69048;
  border-radius: 2px;
}
.estate_list_cont .item .charter .charterOyo .text i {
  color: #7F7F7F;
}
.estate_list_cont .item .charter .charterGroup {
  float: left;
}
.estate_list_cont .item .charter .charterGroup .text {
  padding: 3px 5px;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: bold;
  color: #FB7069;
  border: 1px solid #FB7069;
  border-radius: 2px;
}
.estate_list_cont .item .charter .charterGroup .text i {
  color: #7F7F7F;
}
.estate_list_cont .item:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .estate_list_cont .item .photo {
    width: 180px;
    height: 130px;
  }
  .estate_list_cont .item .photo .image .image-video-icon {
    right: 5px;
    bottom: 5px;
    width: 25px;
    height: 25px;
  }
  .estate_list_cont .item .photo .typeTag {
    top: 0px;
    width: 52px;
    padding: 4px 2px;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 991px) and (max-width: 767px) {
  .estate_list_cont .item .photo .typeTag {
    top: 14px;
  }
}
@media only screen and (max-width: 991px) {
  .estate_list_cont .item .info {
    width: calc(100% - 200px);
  }
  .estate_list_cont .item .info .title {
    margin-bottom: 10px;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .estate_list_cont .item .info .trade {
    margin-bottom: 7px;
  }
  .estate_list_cont .item .info .baseInfo {
    margin-bottom: 7px;
  }
  .estate_list_cont .item .info .address {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .estate_list_top .title {
    float: none;
    font-size: 16px;
    font-size: 1rem;
    padding: 0px;
  }
  .estate_list_top .filter {
    float: none;
    padding-bottom: 10px;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .estate_list_top .filter a {
    margin-right: 10px;
  }
  .estate_list_top .filter a.order:after {
    width: 8px;
    height: 10px;
    margin-left: 3px;
  }
  .estate_list_cont .item a {
    display: inline-block;
    width: 100%;
    padding: 10px 0 35px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .estate_list_cont .item a {
    padding: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .estate_list_cont .item:hover {
    background-color: #fff;
  }
  .estate_list_cont .item .photo {
    width: 120px;
    height: auto;
  }
  .estate_list_cont .item .photo .image {
    width: 120px;
    height: 90px;
  }
  .estate_list_cont .item .ListingDate {
    font-size: 10px;
    font-size: 0.625rem;
    color: #838383;
    text-align: left;
    margin-bottom: 4px;
  }
  .estate_list_cont .item .keywordsTag {
    margin-bottom: 4px;
  }
  .estate_list_cont .item .keywordsTag span {
    padding: 0 4px;
    line-height: 16px;
  }
  .estate_list_cont .item .return {
    margin-bottom: 4px;
    margin-top: 0;
    padding: 2px 5px;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .estate_list_cont .item .info {
    width: calc(100% - 130px);
    padding-top: 3px;
    padding-right: 0;
    position: relative;
  }
  .estate_list_cont .item .info .title {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 5px;
  }
  .estate_list_cont .item .info .title .newItem {
    margin-right: 3px;
    font-size: 11px;
    font-size: 0.6875rem;
  }
  .estate_list_cont .item .info .baseInfo {
    font-size: 12px;
    font-size: 0.75rem;
    margin-bottom: 7px;
  }
  .estate_list_cont .item .info .baseInfo span {
    display: block;
    margin-bottom: 5px;
  }
  .estate_list_cont .item .info .priceCNY {
    position: relative;
    margin-bottom: 5px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    color: #f9625c;
  }
  .estate_list_cont .item .info .m_iphone {
    display: none;
  }
  @media(min-width: 414px) {
    .estate_list_cont .item .info .m_iphone {
      display: block;
    }
  }
  .estate_list_cont .item .info .x_iphone {
    position: relative;
    top: initial;
    bottom: initial;
    line-height: 30px;
    height: 30px;
    display: none;
  }
  @media(max-width : 410px) {
    .estate_list_cont .item .info .x_iphone {
      display: block;
    }
  }
  .estate_list_cont .item .info .priceJPY {
    margin-bottom: 7px;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .estate_list_cont .item .agentInfo {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .estate_list_cont .item .agentInfo {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .estate_list_cont .item .agentInfo .logo {
    display: none;
  }
  .estate_list_cont .item .agentInfo .name {
    max-width: 190px;
    font-weight: 500;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 16px;
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .estate_list_cont .item .agentInfo .metal {
    height: 16px;
    width: 16px;
    margin-top: 0;
  }
  .estate_list_cont .item .rentAgentInfo .name {
    width: calc(100% - 30px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .estate_list_cont .item .oyo {
    margin-bottom: 7px;
    height: auto;
    text-align: left;
    line-height: 1.5;
  }
  .estate_list_cont .item .oyo .tips {
    color: #fff;
    text-decoration: none;
    padding: 0 2px;
    font-size: 8px;
    font-size: 0.5rem;
  }
  .estate_list_cont .item .price {
    top: 65px;
    right: 0px;
  }
  .estate_list_cont .item .price .cny {
    margin-bottom: 5px;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .estate_list_cont .item .price .cny .large {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .estate_list_cont .item .price .jpy {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .estate_list_cont .item .favorite {
    right: 0px;
    top: 100px;
  }
  .estate_list_cont .item .charter {
    right: auto;
    bottom: 10px;
    left: 130px;
  }
  .estate_list_cont .item .charter .charterInfo {
    margin-top: 0;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .estate_list_cont .item .charter .charterInfo .text {
    margin-right: 0;
  }
  .estate_list_cont .item .charter .charterInfo .icon {
    width: 14px;
    height: 14px;
  }
  .estate_list_cont .item .charter .charterOyo {
    margin-right: 5px;
  }
  .estate_list_cont .item .charter .charterOyo .text {
    padding: 3px 4px 2px;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .estate_list_cont .item .charter .charterGroup .text {
    padding: 3px 4px 2px;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.estate_adv {
  position: sticky;
  top: 125px;
  float: right;
  width: 250px;
}
.estate_adv_cont .adv_item img {
  width: 100%;
  height: auto;
}
.estate_adv_cont .adv_item .clause {
  position: absolute;
  bottom: 22px;
  left: 5px;
  width: 100px;
  height: 20px;
  cursor: pointer;
}
.estate_adv_cont .search-content {
  padding-right: 20px;
  background: #F7F7F7;
  margin-bottom: 15px;
}
.estate_adv_cont .search-content .title {
  padding: 30px 0 20px 20px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  color: #171717;
  line-height: 16px;
  border-bottom: 1px solid #E5E5E5;
}
.estate_adv_cont .search-content .s-container {
  padding: 20px 0 30px 20px;
}
.estate_adv_cont .search-content .s-container dl:nth-child(n+2) {
  padding-top: 22px;
}
.estate_adv_cont .search-content .s-container .s-title {
  font-weight: 600;
  color: #171717;
  line-height: 14px;
  padding-bottom: 14px;
  font-size: 14px;
  font-size: 0.875rem;
  width: 100%;
}
.estate_adv_cont .search-content .s-container .s-title dt {
  width: 100%;
}
.estate_adv_cont .search-content .s-container .choose {
  position: relative;
  width: 100%;
}
.estate_adv_cont .search-content .s-container .choose .radio {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-left: 30px;
  font-weight: 400;
  color: #171717;
  cursor: pointer;
  font-size: 16px;
  font-size: 1rem;
}
.estate_adv_cont .search-content .s-container .choose .radio:first-child {
  margin-top: 0px;
}
.estate_adv_cont .search-content .s-container .choose .radio:last-child {
  margin-bottom: 0px;
}
.estate_adv_cont .search-content .s-container .choose .radio input {
  position: absolute;
  left: -9999px;
}
.estate_adv_cont .search-content .s-container .choose .radio a {
  margin: 0;
}
.estate_adv_cont .search-content .s-container .choose .radio i {
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 18px;
  height: 18px;
  outline: 0;
  border: 1px solid #CCCCCC;
  background: #fff;
  border-radius: 50%;
  transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
}
.estate_adv_cont .search-content .s-container .choose .radio input[checked="checked"] + a i {
  border-color: #2FA9AF;
  background-color: #2FA9AF;
}
.estate_adv_cont .search-content .s-container .choose .radio input[checked="checked"] + a .selected:after {
  position: absolute;
  content: "";
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  transition: opacity 0.1s;
  -webkit-transition: opacity 0.1s;
}
.estate_adv_cont .search-content .s-container .choose .comselect {
  border: 1px solid #CCCCCC;
  height: 30px;
  width: 100%;
  color: #666666;
  font-size: 16px;
  font-size: 1rem;
  background-color: #fff;
  border-radius: 2px;
  padding: 0 12px;
  cursor: pointer;
  position: relative;
  line-height: 30px;
}
.estate_adv_cont .search-content .s-container .choose .comselect::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 3px;
  width: 0;
  height: 0;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.estate_adv_cont .search-content .s-container .choose .comselect.droplist {
  border-top: 0;
  border-bottom: 4px dashed;
  content: "";
}
.estate_adv_cont .search-content .s-container .choose .monselectlist {
  background-color: #fff;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  display: none;
  left: 0;
  padding-top: 4px;
  position: absolute;
  font-size: 16px;
  font-size: 1rem;
  border-radius: 4px;
  top: 32px;
  width: 100%;
  z-index: 999;
  padding: 10px 0;
}
.estate_adv_cont .search-content .s-container .choose .monselectlist:last-child {
  padding-bottom: 0;
}
.estate_adv_cont .search-content .s-container .choose .monselectlist a {
  width: 100%;
  display: inline-block;
  height: auto;
  padding: 3px 20px;
  margin-bottom: 0px;
}
.estate_adv_cont .search-content .s-container .choose .monselectlist a:hover {
  background-color: #f5f5f5;
  color: #2fa9af;
}
.estate_adv_cont .search-content .s-container .choose .monselectlist a.comselected {
  background-color: #2fa9af;
  color: #fff;
}
.estate_adv_cont .search-content .s-container .reset-search {
  width: 100%;
  height: 44px;
  background: #2fa9af;
  border-radius: 2px;
  margin-top: 25px;
}
.estate_adv_cont .search-content .s-container .reset-search a {
  display: inline-block;
  color: #fff;
  text-align: center;
  line-height: 44px;
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}
.estate_adv_cont .agent-list {
  padding-bottom: 20px;
  margin-bottom: 15px;
  border: 1px solid #D8D8D8;
  border-top: 2px solid #2FA9AF;
}
.estate_adv_cont .agent-list-title {
  padding: 12px;
  font-size: 22px;
  font-weight: 600;
  color: black;
  line-height: 33px;
}
.estate_adv_cont .agent-item-wrap {
  padding: 0 15px;
  max-height: 500px;
  overflow-y: scroll;
}
.estate_adv_cont .agent-item {
  padding: 10px 0;
  border-bottom: 1px solid #d8d8d8;
}
.estate_adv_cont .agent-item:last-child {
  border-bottom: none;
}
.estate_adv_cont .agent-item:before, .estate_adv_cont .agent-item:after {
  content: " ";
  display: table;
}
.estate_adv_cont .agent-item:after {
  clear: both;
}
.estate_adv_cont .agent-item a {
  display: block;
}
.estate_adv_cont .agent-item a:hover, .estate_adv_cont .agent-item a:visited {
  text-decoration: none;
}
.estate_adv_cont .agent-item .logo {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  margin-right: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.estate_adv_cont .agent-item .name {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 86px);
  margin-left: 15px;
  font-size: 16px;
  font-weight: 400;
  color: black;
  line-height: 25px;
  white-space: pre-wrap;
}
.estate_advDe .clause {
  bottom: 10px !important;
}
@media only screen and (min-width: 1200px) {
  .estate_list {
    width: calc(100% - 280px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .estate .container {
    width: 990px;
  }
}
@media only screen and (max-width: 1199px) {
  .estate_list {
    width: 750px;
  }
  .estate_adv {
    width: 200px;
  }
  .estate_adv_cont .agent-item {
    padding: 10px 0;
  }
  .estate_adv_cont .agent-item .logo {
    width: 60px;
    height: 60px;
  }
  .estate_adv_cont .agent-item .name {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .estate_list {
    width: 100%;
    float: none;
  }
  .estate_adv {
    float: none;
    margin-top: 20px;
    width: 100%;
    padding: 0 15px;
  }
  .estate_adv_cont .agent-list {
    margin-bottom: 20px;
  }
  .estate_adv_cont .agent-list-title {
    font-size: 18px;
    line-height: 26px;
  }
}

.mansion_search {
  margin-top: 10px;
  margin-bottom: 30px;
  background-color: #f5f5f5;
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.mansion_search .item {
  margin: 0 5px;
  padding: 10px 5px;
}
.mansion_search .item:not(:first-child) {
  border-top: 1px solid #cfcfcf;
}
@media only screen and (max-width: 767px) {
  .mansion_search {
    margin-top: 10px;
  }
}
.mansion_list_title {
  margin-bottom: 17px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}
.mansion_list_cont .text {
  padding: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 24px;
  border: 1px solid #FFDDAC;
}
.mansion_list_cont .cont {
  margin-bottom: 30px;
}
.mansion_list_cont .cont ul:before, .mansion_list_cont .cont ul:after {
  content: " ";
  display: table;
}
.mansion_list_cont .cont ul:after {
  clear: both;
}
.mansion_list_cont .cont ul li {
  float: left;
  width: calc((100% - 60px) / 2);
  padding: 20px 15px;
  margin-right: 60px;
  border-bottom: 1px solid #2fa9af;
}
.mansion_list_cont .cont ul li:nth-child(even) {
  margin-right: 0;
}
.mansion_list_cont .cont ul li:hover {
  background-color: #f5f5f5;
}
.mansion_list_cont .cont ul li a {
  color: #373737;
  text-decoration: none;
}
.mansion_list_cont .cont ul li .title {
  padding-left: 8px;
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  border-left: 10px solid #EC9F6E;
}
.mansion_list_cont .cont ul li p {
  font-size: 16px;
  font-size: 1rem;
}
.mansion_list_cont .cont ul li .info {
  margin-bottom: 10px;
}
.mansion_list_cont .cont ul li .address {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .mansion_list_title {
    font-size: 16px;
    font-size: 1rem;
  }
  .mansion_list_cont .text {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .mansion_list_cont .cont ul li {
    width: 100%;
    padding: 10px;
  }
  .mansion_list_cont .cont ul li .title {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10px;
  }
  .mansion_list_cont .cont ul li p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.mansion_room {
  position: relative;
  padding-bottom: 30px;
}
.mansion_room .more {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 16px;
  font-size: 1rem;
  color: #2fa9af;
}
.mansion_room .title {
  padding: 6px 0 6px 12px;
  margin-bottom: 30px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #373737;
  border-left: 12px solid #2fa9af;
}
.mansion_room .result ul li {
  display: inline-block;
  width: calc((100% - 50px)/3);
  vertical-align: top;
}
.mansion_room .result ul li a .photo {
  position: relative;
  padding-top: 66%;
  margin-bottom: 10px;
  background-size: cover;
}
.mansion_room .result ul li a .photo span {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 8px 10px;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.6);
}
.mansion_room .result ul li a .text {
  font-size: 14px;
  font-size: 0.875rem;
  color: #373737;
  line-height: 20px;
}
.mansion_room .result ul li a:hover {
  text-decoration: none;
}
.mansion_room .result ul li a:hover .photo {
  opacity: 0.7;
}
.mansion_room .result ul li a:active, .mansion_room .result ul li a:visited, .mansion_room .result ul li a:focus {
  text-decoration: none;
}
.mansion_room .result ul li a:active .photo, .mansion_room .result ul li a:visited .photo, .mansion_room .result ul li a:focus .photo {
  opacity: 1;
}
.mansion_room .result ul li:not(:last-child) {
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .mansion_room .title {
    padding: 0;
    margin: 5px 0 15px;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    color: #373737;
    background: 0 0;
    border-left: none;
  }
  .mansion_room .more {
    font-size: 14px;
    font-size: 0.875rem;
    top: 0px;
  }
  .mansion_room .result ul {
    overflow-x: scroll;
    white-space: nowrap;
  }
  .mansion_room .result ul li {
    width: 210px;
    margin-right: 10px;
    white-space: normal;
  }
  .mansion_room .result ul li .photo span {
    padding: 5px;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .mansion_room .result ul li .text {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}

.screening_list {
  position: relative;
  height: 40px;
  padding: 0 15px;
}
.screening_list.g_screening_list {
  padding: 0px;
}
.screening_list .slide-title {
  padding: 0px;
  display: flex;
  justify-content: space-between;
}
.screening_list .slide-title.g-title {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 15px;
  background: #fff;
}
.screening_list .slide-title .t-span {
  color: #2fa9af;
}
.screening_list .slide-title .t-span.collapsed {
  color: #4d4d4d;
}
.screening_list .slide-title .t-span.collapsed .iconfont {
  transition: all 0.4s;
  transform: rotate(0deg);
  color: #9E9E9E;
}
.screening_list .slide-title .t-span .iconfont {
  transition: all 0.4s;
  transform: rotate(180deg);
  color: #2fa9af;
}
.screening_list .col-list {
  width: 100%;
  padding-top: 40px;
}
.screening_list .col-list .c-modal {
  position: absolute;
  top: 0;
  width: 100%;
  height: calc(100vh);
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}
.screening_list .col-list ul {
  position: absolute;
  width: 100%;
  z-index: 2;
  background: #fff;
  max-height: 330px;
  overflow: auto;
}
.screening_list .col-list ul.country {
  width: 40%;
  max-height: inherit;
  height: 320px;
  background: #F5F5F5;
}
.screening_list .col-list ol {
  position: absolute;
  left: 40%;
  width: 60%;
  z-index: 2;
  overflow: auto;
  background: #FFFFFF;
  height: 320px;
}
.screening_list .col-list li {
  padding: 13px 20px;
  font-size: 13px;
  font-size: 0.8125rem;
  border-bottom: 1px solid #ECECEB;
}
.screening_list .col-list li.th, .screening_list .col-list li.cd {
  display: none;
}
.screening_list .col-list li.selected {
  color: #2fa9af;
}
.screening_list .col-list li a {
  display: inline-block;
  color: #111;
  width: 100%;
  height: 100%;
}
.screening_list .title-span {
  display: flex;
  text-align: center;
  line-height: 40px;
  color: #4d4d4d;
  font-size: 14px;
}
.screening_list .title-span i {
  transform: rotate(0deg);
}
.screening_list .title-span.selectSpan {
  color: #2fa9af !important;
  font-weight: 600;
  transition: all 0.5s;
}
.screening_list .title-span.selectSpan i {
  color: #2fa9af !important;
  transform: rotate(180deg);
}
.screening_list .title-span .selectName {
  display: inline-block;
  max-width: 60px;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.screening_list .title-span i {
  color: #9E9E9E;
  font-size: 12px;
  font-size: 0.75rem;
}
.screening_list .title-span .icon-sort {
  font-size: 16px;
  font-size: 1rem;
}
.screening_list .slide-box {
  width: 100%;
  background: white;
  top: 41.7px;
  position: absolute;
  z-index: 4;
  left: 0;
  display: none;
  font-size: 13px;
}
.screening_list .slide-box .slide-box-content {
  z-index: 100;
  position: absolute;
  width: 100%;
  background: #fff;
  text-align: center;
  left: 0;
}
.screening_list .slide-box .slide-box-content .btn-content {
  padding: 12px 15px;
  background-color: #fff;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.screening_list .slide-box .slide-box-content .btn-content button {
  border: none;
  background: #F6F6F6;
  height: 50px;
  width: calc( (100% - 20px)/2 );
  border-radius: 2px;
  color: #666;
  outline: none;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}
.screening_list .slide-box .slide-box-content .btn-content button:last-child {
  color: #fff;
  background-color: #2fa9af;
  margin-left: 15px;
}
.screening_list .slide-box .slide-box-content .main-box {
  position: relative;
}
.screening_list .slide-box .slide-box-content .main-box ul {
  padding-bottom: 77px;
}
.screening_list .slide-box .slide-box-content .main-box ul li {
  font-size: 14px;
  font-size: 0.875rem;
}
.screening_list .slide-box .slide-box-content .area-box {
  display: none;
  text-align: center;
  max-height: 60vh;
  overflow: hidden;
}
.screening_list .slide-box .slide-box-content .area-box .city-list {
  float: left;
  width: 38.66%;
  max-height: 60vh;
  overflow: auto;
  background: #F8F8F8;
}
.screening_list .slide-box .slide-box-content .area-box .city-list li {
  padding-left: 15px;
  height: 44px;
  line-height: 44px;
  width: 100%;
  display: block;
  color: #111;
  text-align: left;
  position: relative;
  border-bottom: 1px solid #ECECEB;
}
.screening_list .slide-box .slide-box-content .area-box .city-list li.selected {
  color: #2FA9AF;
  font-weight: 600;
}
.screening_list .slide-box .slide-box-content .area-box .district-list {
  display: none;
  float: left;
  width: 61.34%;
  max-height: 60vh;
  overflow: auto;
}
.screening_list .slide-box .slide-box-content .area-box .district-list li {
  margin-left: 15px;
  border-bottom: 1px solid #ECECEB;
}
.screening_list .slide-box .slide-box-content .area-box .district-list li.districtItem {
  display: flex;
  align-items: center;
  padding-right: 15px;
  justify-content: space-between;
  height: 44px;
}
.screening_list .slide-box .slide-box-content .area-box .district-list li.districtItem .d-check {
  width: 18px;
  height: 18px;
  border: 1px solid #A9A9A9;
  border-radius: 2px;
  display: inline-block;
}
.screening_list .slide-box .slide-box-content .area-box .district-list li.districtItem.selected {
  color: #111;
}
.screening_list .slide-box .slide-box-content .area-box .district-list li.districtItem.selected .d-check {
  border: none;
  background: #2fa9af;
  position: relative;
}
.screening_list .slide-box .slide-box-content .area-box .district-list li.districtItem.selected .d-check::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  font-family: "iconfont" !important;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  transform: translate(-50%, -50%);
}
.screening_list .slide-box .slide-box-content .content-title {
  color: #4e4e4e;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
  margin: 24px 0 16px 0;
}
.screening_list .slide-box .slide-box-content .type-content, .screening_list .slide-box .slide-box-content .sort-content, .screening_list .slide-box .slide-box-content .price-content {
  display: none;
  padding: 0 15px;
  max-height: 80vh;
  overflow: auto;
}
.screening_list .slide-box .slide-box-content .type-content .type-list li, .screening_list .slide-box .slide-box-content .sort-content .type-list li, .screening_list .slide-box .slide-box-content .price-content .type-list li {
  width: 100%;
  border-bottom: 1px solid #F2F2F3;
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: left;
  display: inline-block;
  color: #111;
  padding-left: 25px;
}
.screening_list .slide-box .slide-box-content .type-content .type-list li.selected, .screening_list .slide-box .slide-box-content .sort-content .type-list li.selected, .screening_list .slide-box .slide-box-content .price-content .type-list li.selected {
  color: #2FA9AF;
  position: relative;
  font-weight: 600;
}
.screening_list .slide-box .slide-box-content .type-content .type-list li.selected::after, .screening_list .slide-box .slide-box-content .sort-content .type-list li.selected::after, .screening_list .slide-box .slide-box-content .price-content .type-list li.selected::after {
  content: "";
  font-family: "iconfont" !important;
  font-size: 15px;
  font-size: 0.9375rem;
  position: absolute;
  left: 0;
  margin-right: 5px;
}
.screening_list .slide-box .slide-box-content .oyo-content {
  display: none;
  padding: 0 15px;
  max-height: 80vh;
  overflow-y: auto;
  padding-bottom: 77px;
  position: relative;
}
.screening_list .slide-box .slide-box-content .oyo-content .search-btn {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}
.screening_list .slide-box .slide-box-content .oyo-content .search-btn .s-btn {
  display: inline-block;
  width: 165px;
  height: 44px;
  background: #F6F6F6;
  border-radius: 2px;
  border: 1px solid #D8D8D8;
  line-height: 44px;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
}
.screening_list .slide-box .slide-box-content .oyo-content .search-btn .s-btn a {
  color: #666;
}
.screening_list .slide-box .slide-box-content .oyo-content .search-btn .s-btn.confirm {
  background: #2FA9AF;
  margin-left: calc( 100% - 350px );
}
.screening_list .slide-box .slide-box-content .oyo-content .search-btn .s-btn.confirm a {
  color: #fff;
}
.screening_list .slide-box .slide-box-content .oyo-content .oyo-list {
  overflow: hidden;
  margin-bottom: 10px;
  padding-bottom: 0px;
}
.screening_list .slide-box .slide-box-content .oyo-content .oyo-list li {
  float: left;
  margin-right: 7px;
  width: calc(( 100% - 30px ) / 2);
  margin-right: 10px;
  margin-bottom: 10px;
  height: 32px;
  line-height: 32px;
  background: #F6F6F6;
  display: inline-block;
  color: #111;
  border-radius: 2px;
  font-size: 14px;
  font-size: 0.875rem;
}
.screening_list .slide-box .slide-box-content .oyo-content .oyo-list li.selected {
  background: #E5F7F8;
  color: #2FA9AF;
}
.screening_list .slide-box .slide-box-content .oyo-content .oyo-list li:nth-child(4n) {
  margin-right: 0;
}
.screening_list .slide-box .slide-box-content .other-content {
  display: none;
  padding: 0 15px;
}
.screening_list .slide-box .slide-box-content .other-content ul {
  overflow: hidden;
  margin-bottom: 10px;
}
.screening_list .slide-box .slide-box-content .other-content ul li {
  float: left;
  margin-right: 7px;
  width: 24%;
  margin-right: 1%;
  margin-bottom: 8px;
  height: 23px;
  line-height: 23px;
  background: #F3F3F3;
  display: inline-block;
  color: #4E4E4E;
}
.screening_list .slide-box .slide-box-content .other-content ul li.selected {
  background: #E5F7F8;
  color: #2FA9AF;
}
.screening_list .slide-box .slide-box-footer {
  padding-top: 12px;
  padding-bottom: 20px;
  box-sizing: border-box;
  border-top: 1px solid #F1F1F1;
}
.screening_list .slide-box .slide-box-footer .slide-box-footer-btn {
  width: 166px;
  height: 36px;
  background: #2FA9AF;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
}

.list_search {
  position: fixed;
  top: 0;
  z-index: 200;
  width: 100vw;
  height: 100vh;
  background-color: rgba(68, 68, 68, 0.5);
}
.list_search .screening_list {
  padding: 0px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 300;
}
.list_search .screening_list .slide-title {
  background-color: #fff;
  padding: 0 15px;
  border: 1px solid #F6F6F6;
}
.list_search.show_search .slide-box {
  min-height: 60vh;
}
.list_search.show_search .slide-box .slide-box-content {
  height: 100%;
}

.select-opcity {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
  background: rgba(0, 0, 0, 0.3);
}

.topic_list {
  margin: 0 50px;
}
.topic_list:before, .topic_list:after {
  content: " ";
  display: table;
}
.topic_list:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .topic_list {
    margin: 0;
  }
}
.topic_list a {
  float: left;
  width: calc(50% - 40px);
  margin: 0 20px;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 25px;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.topic_list a:before {
  display: inline-block;
  content: "";
  width: 5px;
  height: 5px;
  margin-right: 10px;
  border-radius: 100%;
  font-size: 18px;
  font-size: 1.125rem;
  color: #2FA9AF;
  background: #2FA9AF;
}
@media only screen and (min-width: 1200px) {
  .topic_list {
    width: 100%;
    float: none;
  }
}

.list .fair-list .l-container .banner {
  display: block;
  width: 100%;
  height: 380px;
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 767px) {
  .list .fair-list .l-container .banner {
    height: 210px;
  }
}
.list .fair-list .l-container .banner.small {
  height: 200px;
}
.list .fair-list .l-container .success-box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  z-index: 2;
  height: 60px;
  padding-left: 42px;
  margin: -30px auto 0 auto;
  font-size: 20px;
  color: #373737;
  line-height: 60px;
}
.list .fair-list .l-container .success-box .huizhang-icon {
  position: absolute;
  top: 0;
  left: 45px;
  width: 104px;
  height: 116px;
  margin: -28px 0 0 -52px;
}
.list .fair-list .l-container .success-box .success-text {
  padding: 0 29px 0 45px;
  margin: 0;
  background: #ffffff;
  border-radius: 0 100px 100px 0;
  white-space: nowrap;
}
.list .fair-list .l-container .success-box .success-text .word {
  margin-right: 10px;
}
.list .fair-list .l-container .success-box .success-text .word-behind {
  margin-left: 6px;
}
.list .fair-list .l-container .success-box .success-text .num {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 32px;
  margin-right: 4px;
  background-color: #F9625C;
  text-align: center;
  line-height: 32px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
}
.list .fair-list .l-container .success-box .success-text .shine-icon {
  position: absolute;
  top: 16px;
  right: 0;
  width: 29px;
  height: 30px;
}
.list .fair-list .l-container .tabs-box {
  background: #F3F5F4;
  padding: 70px 0 18px 0;
  margin-top: -32px;
}
.list .fair-list .l-container .tabs-box .tab-price {
  padding: 12px 20px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 2px;
  font-size: 16px;
}
.list .fair-list .l-container .tabs-box .tab-price:before, .list .fair-list .l-container .tabs-box .tab-price:after {
  content: " ";
  display: table;
}
.list .fair-list .l-container .tabs-box .tab-price:after {
  clear: both;
}
.list .fair-list .l-container .tabs-box .tab-price .tab-price-left {
  position: relative;
  float: left;
  width: 80px;
  height: 26px;
  padding: 0 15px 0 30px;
  color: #4A4A4A;
  line-height: 26px;
}
.list .fair-list .l-container .tabs-box .tab-price .tab-price-left i {
  position: absolute;
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(/img/main/list/price_icon.png);
  background-size: cover;
}
.list .fair-list .l-container .tabs-box .tab-price .tab-price-right {
  float: left;
  width: calc(100% - 80px);
  padding-left: 15px;
  border-left: 2px solid #D8D8D8;
}
.list .fair-list .l-container .tabs-box .tab-price .tab-price-right a {
  display: inline-block;
  height: 26px;
  padding: 0 10px;
  margin-left: 4px;
  line-height: 26px;
  color: #898989;
}
.list .fair-list .l-container .tabs-box .tab-price .tab-price-right a:hover {
  color: #2FA9AF;
}
.list .fair-list .l-container .tabs-box .tab-price .tab-price-right .active {
  background-color: #2FA9AF;
  color: #ffffff;
}
.list .fair-list .l-container .tabs-box .tab-price .tab-price-right .active:hover {
  text-decoration: none;
  color: #ffffff;
  cursor: default;
}
.list .fair-list .l-container .tabs-box .tab-house {
  margin: 10px auto 0 auto;
}
.list .fair-list .l-container .tabs-box .tab-house .selected-box {
  display: inline-block;
  float: left;
  width: calc((100% - 20px) / 3);
  height: 80px;
  padding: 13px 0 13px 5%;
  margin-right: 10px;
  background: #ffffff;
  border-radius: 2px;
  cursor: pointer;
}
.list .fair-list .l-container .tabs-box .tab-house .selected-box:last-child {
  margin-right: 0;
}
.list .fair-list .l-container .tabs-box .tab-house .selected-box:after {
  display: block;
  content: " ";
  clear: both;
}
.list .fair-list .l-container .tabs-box .tab-house .selected-box img {
  display: inline-block;
  float: left;
  width: 52px;
  height: 54px;
}
.list .fair-list .l-container .tabs-box .tab-house .selected-box .selected-box-right {
  display: inline-block;
  float: left;
  height: 54px;
  margin-left: 10%;
}
.list .fair-list .l-container .tabs-box .tab-house .selected-box .selected-box-right .name {
  font-size: 18px;
  color: #4A4A4A;
  margin: 5px 0 10px 0;
}
.list .fair-list .l-container .tabs-box .tab-house .selected-box .selected-box-right .number {
  font-size: 16px;
  color: #9B9B9B;
}
.list .fair-list .l-container .tabs-box .tab-house .selected-box .selected-box-right .number span {
  font-size: 18px;
}
.list .fair-list .l-container .tabs-box .tab-house .invest .num {
  color: #DE7A77;
}
.list .fair-list .l-container .tabs-box .tab-house .invest:hover {
  background-color: #FFFAFA;
}
.list .fair-list .l-container .tabs-box .tab-house .invest.active {
  background-color: #FFFAFA;
}
.list .fair-list .l-container .tabs-box .tab-house .living .num {
  color: #7496D6;
}
.list .fair-list .l-container .tabs-box .tab-house .living:hover {
  background-color: #F6F9FE;
}
.list .fair-list .l-container .tabs-box .tab-house .living.active {
  background-color: #F6F9FE;
}
.list .fair-list .l-container .tabs-box .tab-house .land .num {
  color: #ED7E39;
}
.list .fair-list .l-container .tabs-box .tab-house .land:hover {
  background-color: #FFFCF8;
}
.list .fair-list .l-container .tabs-box .tab-house .land.active {
  background-color: #FFFCF8;
}
.list .fair-list .l-container .container {
  margin-top: 30px;
}
.list .fair-list .l-container .container .more-house {
  display: block;
  width: 300px;
  height: 44px;
  margin: 30px auto;
  background: #2FA9AF;
  box-shadow: 0px 2px 6px 1px rgba(47, 169, 175, 0.3);
  border-radius: 2px;
  line-height: 44px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
}
.list .fair-list .l-container .container .more-house i.arrow {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  transform: rotate(45deg);
}
.list .fair-list .l-container .container .specification {
  margin-top: 7px;
  line-height: 18px;
}
@media only screen and (max-width: 767px) {
  .list .fair-list .l-container .success-box {
    height: 44px;
    margin-top: -22px;
    border-radius: 0px 22px 22px 0px;
    font-size: 16px;
    line-height: 44px;
  }
  .list .fair-list .l-container .success-box .huizhang-icon {
    left: 0;
    width: 70px;
    height: 82px;
    margin: -20px 0 0 -5px;
  }
  .list .fair-list .l-container .success-box .success-text {
    padding: 0 25px;
  }
  .list .fair-list .l-container .success-box .success-text .num {
    width: 20px;
    height: 23px;
    font-size: 16px;
    line-height: 22px;
  }
  .list .fair-list .l-container .success-box .success-text .word {
    margin-right: 2%;
  }
  .list .fair-list .l-container .success-box .success-text .word-behind {
    margin-left: 0;
  }
  .list .fair-list .l-container .success-box .success-text .shine-icon {
    top: 11px;
    width: 23px;
    height: auto;
  }
  .list .fair-list .l-container .tabs-box {
    height: auto;
    margin-top: -35px;
  }
  .list .fair-list .l-container .tabs-box .tab-price {
    display: flex;
    flex-direction: row;
    padding: 12px 2%;
  }
  .list .fair-list .l-container .tabs-box .tab-price .tab-price-left {
    height: 52px;
    width: 12px;
    padding: 12px 0 0 0;
    margin-right: 2%;
  }
  .list .fair-list .l-container .tabs-box .tab-price .tab-price-left i {
    width: 12px;
    height: 12px;
  }
  .list .fair-list .l-container .tabs-box .tab-price .tab-price-left span {
    font-size: 13px;
    line-height: 15px;
  }
  .list .fair-list .l-container .tabs-box .tab-price .tab-price-right {
    width: calc(100% - 12px);
    padding-left: 2%;
    border-left: 1px solid #D8D8D8;
  }
  .list .fair-list .l-container .tabs-box .tab-price .tab-price-right a {
    padding: 0 4px;
    margin-left: 0;
    height: 26px;
    font-size: 13px;
    line-height: 26px;
  }
  .list .fair-list .l-container .tabs-box .tab-house .selected-box {
    position: relative;
    width: calc((100% - 6%) / 3);
    height: auto;
    padding: 0;
    margin-right: 3%;
  }
  .list .fair-list .l-container .tabs-box .tab-house .selected-box .selected-box-right {
    padding: 5px 10px;
    margin: 0;
  }
  .list .fair-list .l-container .tabs-box .tab-house .selected-box .selected-box-right .name {
    font-size: 15px;
    margin: 5px 0 8px 0;
  }
  .list .fair-list .l-container .tabs-box .tab-house .selected-box .selected-box-right .number {
    font-size: 14px;
  }
  .list .fair-list .l-container .tabs-box .tab-house .selected-box .selected-box-right .number span {
    margin: 0 -3px;
    font-size: 14px;
  }
  .list .fair-list .l-container .tabs-box .tab-house .selected-box img {
    position: absolute;
    top: -4px;
    right: -5px;
    width: 30px;
    height: 31px;
    clip: rect(4px 24px 31px 0px);
  }
  .list .fair-list .l-container .container {
    margin-top: 10px;
  }
}
.list .rent .obtain_btn.m_iphone {
  top: -37px !important;
}

@media only screen and (max-width: 320px) {
  .list .fair-list .l-container .container {
    padding: 0 2%;
  }
  .list .fair-list .l-container .tabs-box .tab-price .tab-price-right a {
    font-size: 12px;
  }
  .list .fair-list .l-container .tabs-box .tab-house .selected-box .selected-box-right .name {
    font-size: 13px;
  }
  .list .fair-list .l-container .tabs-box .tab-house .selected-box .selected-box-right .number {
    font-size: 12px;
  }
}
.secondhand_housing .back_top_sp {
  position: fixed;
  bottom: 174px;
  right: 10px;
  display: none;
  background: rgba(255, 255, 255, 0.8);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #D67C1D;
  cursor: pointer;
  line-height: 50px;
  border: 1px solid #D8D8D8;
  z-index: 10;
}
.secondhand_housing .back_top_sp i {
  font-size: 22px;
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .secondhand_housing .back_top_sp i {
    font-size: 32px;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .secondhand_housing .back_top_sp {
    bottom: 30px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    right: -10px;
    transform: scale(0.5);
  }
}
.secondhand_housing img {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.secondhand_housing .header.fixed {
  position: static;
}
.secondhand_housing .estate_list {
  width: 100%;
}
.secondhand_housing .estate_list .estate_list_cont .new_housing {
  width: 100%;
  border: 1px solid #E5E5E5;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  margin: 20px 0;
}
@media(max-width : 767px) {
  .secondhand_housing .estate_list .estate_list_cont .new_housing {
    height: 66px;
    margin: 0;
  }
}
.secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_title {
  width: 48px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  color: #FFF;
  background: #D6000F;
  font-size: 12px;
  font-size: 0.75rem;
}
@media(max-width : 767px) {
  .secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_title {
    font-size: 9px;
    font-size: 0.5625rem;
    width: 24px;
    height: 14px;
    line-height: 14px;
  }
}
.secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_content {
  margin: 0 50px 0 20px;
}
@media(max-width : 767px) {
  .secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_content {
    margin: 0 0 0 10px;
    font-size: 9px;
    font-size: 0.5625rem;
  }
}
@media(max-width : 414px) {
  .secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_content {
    margin: 0 10px 0 5px;
  }
}
@media(min-width : 321px) {
  .secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_content .min_hidden {
    display: none;
  }
}
.secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_content .new_housing_underline {
  height: 2px;
  background: #CCB601;
}
.secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_num {
  color: #D6000F;
  font-size: 26px;
  font-size: 1.625rem;
}
@media(max-width : 767px) {
  .secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_num {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media(max-width : 767px) {
  .secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_time {
    font-size: 9px;
    font-size: 0.5625rem;
  }
}
@media(max-width : 414px) {
  .secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_time {
    width: 50px;
    height: 45px;
  }
}
@media(max-width : 767px) {
  .secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_time svg {
    width: 50px;
    height: 28px;
  }
}
.secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_time .time_before {
  position: relative;
  left: 85px;
}
@media(max-width : 430px) {
  .secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_time .time_before {
    left: 46px;
  }
}
@media(max-width : 414px) {
  .secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_time .time_before {
    left: 5px;
    top: 18px;
  }
}
.secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_time .time_after {
  position: relative;
  left: 95px;
}
@media(max-width : 430px) {
  .secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_time .time_after {
    left: 48px;
  }
}
@media(max-width : 414px) {
  .secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_time .time_after {
    top: 18px;
    left: 7px;
  }
}
.secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_property {
  cursor: pointer;
  width: 200px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #CCB601;
  border-radius: 4px;
  margin-left: 20px;
}
@media(max-width : 767px) {
  .secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_property {
    width: 100px;
    height: 32px;
    font-size: 9px;
    font-size: 0.5625rem;
  }
}
@media(max-width : 410px) {
  .secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_property {
    width: 85px;
    margin-left: 5px;
  }
}
.secondhand_housing .estate_list .estate_list_cont .new_housing .new_housing_property:hover {
  opacity: 0.5;
}
@media(min-width : 767px) {
  .secondhand_housing .estate_list .estate_list_cont .item {
    padding: 20px 0;
  }
  .secondhand_housing .estate_list .estate_list_cont .item:nth-child(3) {
    padding-top: 0;
  }
}
.secondhand_housing .estate_list .estate_list_cont .item:hover {
  background: none;
}
.secondhand_housing .f_title {
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  display: flex;
  float: left;
  line-height: 40px;
  text-align: center;
}
@media(max-width : 767px) {
  .secondhand_housing .f_title {
    padding-left: 15px;
    float: none;
    line-height: 30px;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 3px;
  }
}
.secondhand_housing .f_title .all_listings, .secondhand_housing .f_title .own_house_supply {
  width: 130px;
  height: 40px;
  cursor: pointer;
}
.secondhand_housing .f_title .all_listings a, .secondhand_housing .f_title .own_house_supply a {
  color: #111;
  margin: 0;
  display: inline-block;
}
@media(max-width : 767px) {
  .secondhand_housing .f_title .all_listings, .secondhand_housing .f_title .own_house_supply {
    border-radius: 18px;
    margin-right: 10px;
    background: #f6f6f6;
    width: auto;
    height: 30px;
    padding: 0 15px;
  }
}
.secondhand_housing .f_title .action_filter {
  background: #2FA9AF;
}
.secondhand_housing .f_title .action_filter a {
  color: #fff;
}
.secondhand_housing .filter {
  padding-bottom: 0px !important;
}
.secondhand_housing .filter .f_container {
  width: auto;
  float: right;
  height: 40px;
  line-height: 40px;
}
.secondhand_housing .item .item_title {
  height: 50px;
  background: #F8F7F5;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.secondhand_housing .item .item_title:hover .title {
  color: #2fa9af;
  border-bottom: 1px solid #2fa9af;
}
.secondhand_housing .item .item_title .title {
  color: #000;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  border-bottom: 1px solid #F8F7F5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.secondhand_housing .item .item_title .typeTag {
  padding: 4px 8px;
  border-radius: 3px;
  background-color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  color: #111;
  text-align: center;
  font-weight: 600;
  text-wrap: nowrap;
  border: 1px solid #ccc;
  margin: 0 8px;
}
@media only screen and (max-width: 767px) {
  .secondhand_housing .item .item_title .typeTag {
    margin: 0;
  }
}
.secondhand_housing .item .item_title .keywordsTag span {
  padding: 5px 8px;
  margin-left: 8px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #D5EEEF;
  color: #2FA9AF;
  border-radius: 2px;
}
@media only screen and (max-width: 767px) {
  .secondhand_housing .item .item_title .keywordsTag span {
    margin-left: 6px;
  }
}
.secondhand_housing .item .agentInfo {
  min-width: 666px;
}
@media(min-width : 767px) {
  .secondhand_housing .item .agentInfo {
    margin-top: 68px;
    min-height: 30px;
    min-width: 666px;
  }
}
.secondhand_housing .item .price {
  position: absolute;
  right: 90px;
  top: 158px;
  text-align: right;
  line-height: 25px;
}
.secondhand_housing .item .keywordsTag {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .secondhand_housing .item .keywordsTag {
    display: flex;
  }
}
.secondhand_housing .item .keywordsTag span {
  padding: 5px 8px !important;
  text-wrap: nowrap;
}
@media only screen and (max-width: 767px) {
  .secondhand_housing .item .item_sp_tag {
    background: none;
    height: auto;
    position: absolute;
    top: 20px;
    left: 6px;
    z-index: 9;
  }
  .secondhand_housing .item .item_sp_tag .typeTag {
    margin-right: 0;
  }
  .secondhand_housing .item .item_sp_tag .price_offer {
    border: none;
    background-color: #14BE3C;
    color: #fff;
  }
  .secondhand_housing .item .item_sp_tag .price_offer p {
    width: 14px;
    height: 14px;
    margin-right: 4px;
  }
  .secondhand_housing .item .item_sp_tag .price_offer p img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .secondhand_housing .item .sp_btns {
    margin-top: 5px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .secondhand_housing .item .sp_btns .obtain_btn {
    position: static;
    border: none;
    box-shadow: none;
    border-radius: 3px;
    width: 60%;
  }
  .secondhand_housing .item .sp_btns .to_detail_sp {
    width: 37%;
    font-weight: 600;
    color: #111;
    border: 1px solid #bfbfbf;
    font-size: 14px;
    height: 44px;
    line-height: 42px;
    background: white;
    transition: all 0.2s;
    border-radius: 3px;
    text-align: center;
  }
  .secondhand_housing .item .sp_btns .to_detail_sp:hover {
    opacity: 0.68;
  }
}
@media only screen and (max-width: 767px) {
  .secondhand_housing .item .agentInfo {
    padding: 0 10px;
    margin-top: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .secondhand_housing .item .item_info {
    padding: 0 10px;
  }
  .secondhand_housing .item .item_info .return {
    line-height: 18px;
  }
  .secondhand_housing .item .item_info .sp_price {
    position: static;
    text-align: left;
    display: flex;
    align-items: flex-end;
    line-height: 35px;
  }
  .secondhand_housing .item .item_info .sp_price .cny {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .secondhand_housing .item .item_info .sp_price .cny {
    margin-right: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .secondhand_housing .item .item_info .baseInfo {
    margin-bottom: 10px;
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.secondhand_housing .item .sp_title {
  height: 36px;
  line-height: 36px;
  width: 100%;
  padding-left: 10px;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  position: absolute;
  top: 211px;
  z-index: 9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 767px) {
  .secondhand_housing .item .photo {
    width: 100%;
    float: none;
  }
  .secondhand_housing .item .photo .swiper-wrapper {
    height: 100%;
  }
  .secondhand_housing .item .photo .swiper-wrapper .lazyimg {
    height: 100%;
    min-height: 235px;
  }
  .secondhand_housing .item .photo .swiper-wrapper .lazyimg img {
    width: 100%;
    height: 235px;
  }
}
@media(min-width : 767px) {
  .secondhand_housing .item .photo {
    width: 360px;
    height: 200px;
  }
}
.secondhand_housing .item .photo .typeTag {
  position: absolute;
  top: 0px;
  padding: 4px 8px;
  background-color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  text-wrap: nowrap;
  border-radius: 3px;
  border: 1px solid #ccc;
}
.secondhand_housing .item .info {
  width: calc(100% - 150px);
  line-height: 20px;
}
@media(min-width : 767px) {
  .secondhand_housing .item .info {
    width: calc(100% - 400px);
  }
}
@media(max-width : 767px) {
  .secondhand_housing .item .info .obtain_btn {
    left: 0;
    top: auto;
  }
}
@media(max-width : 767px) {
  .secondhand_housing .item .info .baseInfo, .secondhand_housing .item .info .priceCNY, .secondhand_housing .item .info .priceJPY, .secondhand_housing .item .info .return {
    margin-bottom: 0;
  }
}
.secondhand_housing .obtain_btn_con {
  display: flex;
  width: 460px;
}
@media(min-width : 767px) {
  .secondhand_housing .obtain_btn_con {
    margin-top: 25px;
  }
}
.secondhand_housing .obtain_btn_con .obtain_btn, .secondhand_housing .obtain_btn_con .obtain_btn1 {
  position: static;
  border: none;
}
.secondhand_housing .obtain_btn_con .chat_content {
  background: #2fa9af;
  transition: all 0.2s;
  margin-right: 10px;
}
.secondhand_housing .obtain_btn_con .chat_content img {
  width: 16px;
  height: 15px;
  vertical-align: middle;
}
.secondhand_housing .obtain_btn_con .chat_content:hover {
  background: #34bcc3;
}
.secondhand_housing .x_iphone {
  position: relative;
  top: initial;
  bottom: initial;
  line-height: 30px;
  height: 30px;
  display: none;
}
@media(max-width : 410px) {
  .secondhand_housing .x_iphone {
    display: block;
  }
}
.secondhand_housing .hot_title {
  padding: 15px;
}
@media only screen and (max-width: 767px) {
  .secondhand_housing .hot_title {
    text-align: left !important;
    padding-bottom: 16px !important;
    padding-left: 0;
  }
}
.secondhand_housing .property_content {
  display: flex;
  justify-content: center;
  gap: 56px;
}
@media only screen and (max-width: 767px) {
  .secondhand_housing .property_content {
    flex-direction: column;
    gap: 16px;
  }
  .secondhand_housing .property_content .property_item_housing:first-of-type {
    padding-top: 8px;
  }
}
.secondhand_housing .property_content .property_item_housing {
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .secondhand_housing .property_content .property_item_housing {
    width: 100%;
    justify-content: flex-start;
  }
}
.secondhand_housing .property_content .property_item_housing .property_item .property_item_title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .secondhand_housing .property_content .property_item_housing .property_item .property_item_title {
    font-weight: 500;
    line-height: normal;
    margin-bottom: 2px;
  }
}
.secondhand_housing .property_content .property_item_housing .property_item .property_item_num {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  .secondhand_housing .property_content .property_item_housing .property_item .property_item_num {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.secondhand_housing .property_content .property_item_housing .property_item .property_item_unit {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}
.secondhand_housing .property_content .property_item_housing .property_item .than_last_year {
  margin-left: 8px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .secondhand_housing .property_content .property_item_housing .property_item .than_last_year {
    margin-left: 0px;
  }
}
.secondhand_housing .property_content .property_item_housing .property_item .property_item_down, .secondhand_housing .property_content .property_item_housing .property_item .property_item_up, .secondhand_housing .property_content .property_item_housing .property_item .property_item_middle {
  font-size: 20px;
  font-size: 1.25rem;
  color: #14BE3C;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .secondhand_housing .property_content .property_item_housing .property_item .property_item_down, .secondhand_housing .property_content .property_item_housing .property_item .property_item_up, .secondhand_housing .property_content .property_item_housing .property_item .property_item_middle {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.secondhand_housing .property_content .property_item_housing .property_item .property_item_down .iconfont, .secondhand_housing .property_content .property_item_housing .property_item .property_item_up .iconfont, .secondhand_housing .property_content .property_item_housing .property_item .property_item_middle .iconfont {
  font-size: 20px;
  font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .secondhand_housing .property_content .property_item_housing .property_item .property_item_down .iconfont, .secondhand_housing .property_content .property_item_housing .property_item .property_item_up .iconfont, .secondhand_housing .property_content .property_item_housing .property_item .property_item_middle .iconfont {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.secondhand_housing .property_content .property_item_housing .property_item .property_item_up {
  color: #D6000F;
}
.secondhand_housing .property_content .property_item_housing .property_item .property_item_middle {
  color: #8E8E8E;
}
.secondhand_housing .property_content .property_item_housing .iconfont {
  font-size: 32px;
  font-size: 2rem;
  height: 32px;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .secondhand_housing .property_content .property_item_housing .iconfont {
    margin-right: 8px;
    margin-bottom: 6px;
  }
}
.secondhand_housing .property_content .vertical_line {
  width: 1px;
  background: #E7E7E7;
}
@media only screen and (max-width: 767px) {
  .secondhand_housing .property_content .vertical_line {
    display: none;
  }
}

.chat_content_propert {
  display: flex;
  justify-content: center;
  margin-block: 12px;
  cursor: pointer;
  margin-top: 16px;
}
.chat_content_propert .obtain_btn1 {
  width: 335px;
  height: 48px;
  line-height: 48px;
  background: #2FA9AF;
  border-radius: 3px;
  display: flex;
  text-align: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.64px;
}
.chat_content_propert .obtain_btn1:hover {
  opacity: 0.9;
}
@media only screen and (max-width: 767px) {
  .chat_content_propert .obtain_btn1 {
    width: 100%;
    font-weight: 500;
  }
}

.property_footer {
  font-size: 12px;
  font-size: 0.75rem;
  color: #666;
  text-align: center;
  font-weight: 400;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  .property_footer {
    text-align: left;
  }
}

.popular_special .row .item_split_line {
  width: 60%;
  height: 1px;
  border: 1px solid #f5f5f5;
  position: relative;
  top: -5px;
  left: 35%;
}
.popular_special .row .item_d {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .popular_special .row .item_d {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .popular_special .row .item_d a {
    width: 35%;
  }
}
.popular_special .row .item_d .ad_link {
  display: -moz-box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .popular_special .row .item_d .ad_link {
    width: 60%;
    display: -moz-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 0;
    line-height: 25px;
  }
}
.popular_special .row .item_d .iconfont {
  color: #2FA9AF;
}
@media only screen and (max-width: 767px) {
  .popular_special .row .item_d .lazyimg_loaded {
    width: 100px;
    height: 65px !important;
  }
}
@media only screen and (max-width: 767px) {
  .popular_special .swiper .swiper-pagination {
    bottom: -2px;
  }
}
.popular_special .swiper-slide {
  text-align: center;
  line-height: 22px;
  cursor: pointer;
  border-radius: 3px;
}
.popular_special .swiper-slide a .lazyimg {
  height: 160px;
}
.popular_special .swiper-slide a .lazyimg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media(max-width : 767px) {
  .popular_special .swiper-slide {
    line-height: 16px;
  }
}
.popular_special .swiper-slide .lazyimg_info {
  width: 100%;
  text-align: center;
  padding: 10px 10px 0 10px;
  color: #111;
  font-size: 14px;
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
@media only screen and (max-width: 767px) {
  .popular_special .swiper-slide .lazyimg_info {
    padding-bottom: 15px;
    row-gap: 8px;
    text-align: left;
    border: 1px solid #e5e5e5;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}
.popular_special .swiper-slide .lazyimg_info .name {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popular_special .swiper-slide .lazyimg_info p {
  font-size: 14px;
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popular_special .swiper-slide .lazyimg_info .m_price {
  color: #D6000F;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}
.popular_special .swiper-slide .typeKeywords {
  color: #111;
  position: absolute;
  top: 6px;
  left: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.popular_special .swiper-slide .typeKeywords span {
  padding: 0px 8px;
  border-radius: 3px;
  font-size: 12px;
  font-size: 0.75rem;
  height: 22px;
  line-height: 22px;
  font-weight: 600;
}
.popular_special .swiper-slide .typeKeywords .typeTag {
  border: 1px solid #ccc;
  background-color: #fff;
}
.popular_special .swiper-slide .typeKeywords .price_offer {
  border: none;
  background-color: #14BE3C;
  color: #fff;
  display: flex;
  align-items: center;
}
.popular_special .swiper-slide .typeKeywords .price_offer p {
  width: 14px;
  height: 14px;
  margin-right: 4px;
}
.popular_special .swiper-slide .typeKeywords .price_offer p img {
  width: 100%;
}
.popular_special .swiper-slide .typeKeywords .keywords {
  background-color: #D5EEEF;
  color: #2FA9AF;
}
.popular_special .swiper-slide img {
  width: 100%;
  height: 160px;
}
.popular_special .ad_link {
  font-size: 16px;
  font-size: 1rem;
  color: #2FA9AF;
  margin-top: 10px;
}
.popular_special .swiper-slide {
  width: calc((100% - 90px)/4);
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .popular_special .swiper-slide {
    width: calc((100% - 20px)/1.5);
    margin-right: 20px;
  }
}
.popular_special .swiper-button-prev, .popular_special .swiper-button-next {
  width: 44px;
  border-radius: 50%;
  height: 44px;
  background: #fff;
  border: 1px solid #E5E5E5;
  box-shadow: 0px 2px 12px 0px rgba(12, 14, 28, 0.08);
  color: #8E8E8E;
  top: 45%;
}
@media only screen and (max-width: 767px) {
  .popular_special .swiper-button-prev, .popular_special .swiper-button-next {
    display: none !important;
  }
}
.popular_special .swiper-button-prev::after, .popular_special .swiper-button-next::after {
  font-size: 20px;
  font-size: 1.25rem;
}
.popular_special .swiper-button-prev {
  left: 0;
}
.popular_special .swiper-button-next {
  right: 0;
}
.popular_special .swiper-button-prev::after,
.popular_special .swiper-button-next::after {
  font-size: 18px;
}

.swiper_containe .swiper-wrapper {
  height: 75px;
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .swiper_containe .swiper-wrapper {
    margin-top: 0px;
  }
}
.swiper_containe .swiper-wrapper .lazyimg {
  width: 115px;
  height: 75px;
}
.swiper_containe .swiper-wrapper .lazyimg img {
  width: 100%;
  height: 100%;
}
.swiper_containe .swiper-wrapper .image-video-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: url("/img/main/list/swiper_video.png") center/100% no-repeat;
}
@media only screen and (max-width: 767px) {
  .swiper_containe .swiper-wrapper .image-video-icon {
    width: 25px;
    height: 25px;
  }
}
.swiper_containe .page_number {
  position: absolute;
  right: 10px;
  bottom: 40px;
  width: 40px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 15px;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  z-index: 9;
  font-size: 12px;
  font-size: 0.75rem;
}
.swiper_containe .swiper-button-prev, .swiper_containe .swiper-button-next {
  width: 20px;
  height: 28px;
  color: #fff;
  background: rgba(31, 45, 61, 0.6);
  top: 70%;
}
.swiper_containe .swiper-button-prev:hover, .swiper_containe .swiper-button-next:hover {
  background: #000;
  opacity: 0.6;
}
.swiper_containe .swiper-button-prev {
  left: 0px;
}
.swiper_containe .swiper-button-next {
  right: 0px;
}
.swiper_containe .swiper-button-prev::after,
.swiper_containe .swiper-button-next::after {
  font-size: 16px;
}

.swiper-pagination .swiper-pagination-bullet-active {
  background: #2FA9AF !important;
}

@media only screen and (max-width: 767px) {
  .list_pagination {
    margin-top: 20px;
  }
}
.list_pagination .pagination {
  justify-content: center;
}
@media(max-width : 430px) {
  .list_pagination .pagination li a, .list_pagination .pagination li span {
    padding: 8px 10px;
    margin-right: 4px;
  }
}
@media(max-width : 375px) {
  .list_pagination .pagination li a, .list_pagination .pagination li span {
    padding: 8px 8px;
  }
}
.estate_search {
  padding: 10px 15px 10px;
}

@media only screen and (max-width: 767px) {
  .m-bottomLinks {
    padding-top: 0;
  }
}

.popupLogin {
  display: none;
}

.accountLogin .popupMain {
  width: 640px;
  height: 400px;
  margin-top: -200px;
  margin-left: -320px;
}
.accountLogin .popupMain:before, .accountLogin .popupMain:after {
  content: " ";
  display: table;
}
.accountLogin .popupMain:after {
  clear: both;
}
.accountLogin .popupMain .popupClose {
  right: -20px;
  top: -20px;
  width: 40px;
  height: 40px;
  padding: 13px 14px;
  background: #fff;
  text-align: center;
  border-radius: 100%;
}
.accountLogin .popupMain .popupClose img {
  width: 14px;
}
.accountLogin .leftLoginFormMain {
  float: left;
  width: calc(100% - 240px);
}
.accountLogin .leftLoginFormMain .loginTitle {
  padding: 30px 40px 0;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  color: #696969;
}
.accountLogin .leftLoginFormMain .loginCont {
  padding: 20px 40px 0;
  height: 262px;
}
.accountLogin .leftLoginFormMain .loginForm ul li {
  margin-bottom: 10px;
}
.accountLogin .leftLoginFormMain .loginForm ul li:before, .accountLogin .leftLoginFormMain .loginForm ul li:after {
  content: " ";
  display: table;
}
.accountLogin .leftLoginFormMain .loginForm ul li:after {
  clear: both;
}
.accountLogin .leftLoginFormMain .errorMessage {
  height: 25px;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #F5492C;
}
.accountLogin .leftLoginFormMain .submitBtn {
  width: 100%;
  margin-bottom: 5px;
  padding: 13px 36px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #2FA9AF;
  border-radius: 4px;
  outline: 0;
  border: none;
}
.accountLogin .leftLoginFormMain .submitBtn:hover {
  cursor: pointer;
  background-color: rgba(47, 169, 175, 0.8);
}
.accountLogin .leftLoginFormMain .loginBottom {
  height: 70px;
  padding: 28px 40px 0;
}
.accountLogin .leftLoginFormMain .loginBottom:before, .accountLogin .leftLoginFormMain .loginBottom:after {
  content: " ";
  display: table;
}
.accountLogin .leftLoginFormMain .loginBottom:after {
  clear: both;
}
.accountLogin .leftLoginFormMain .loginBottom .linkText {
  color: #2FA9AF;
  font-size: 14px;
  font-size: 0.875rem;
}
.accountLogin .leftLoginFormMain .loginBottom .linkText:hover {
  cursor: pointer;
  color: #1FBFC8;
  font-weight: bold;
}
.accountLogin .leftLoginFormMain .loginBottom .left {
  float: left;
}
.accountLogin .leftLoginFormMain .loginBottom .left .wxLogo {
  width: 20px;
  margin-right: 5px;
  vertical-align: middle;
}
.accountLogin .leftLoginFormMain .loginBottom .right {
  float: right;
}
.accountLogin .leftLoginFormMain.registerSection {
  display: block;
}
.accountLogin .leftLoginFormMain.registerSection .loginTitleRegiste, .accountLogin .leftLoginFormMain.registerSection .loginTitleBindPhone {
  text-align: center;
}
.accountLogin .leftLoginFormMain.registerSection .loginCont {
  height: 280px;
}
.accountLogin .leftLoginFormMain.loginSection {
  display: block !important;
}
.accountLogin .leftLoginFormMain.loginSection .loginTitle:before, .accountLogin .leftLoginFormMain.loginSection .loginTitle:after {
  content: " ";
  display: table;
}
.accountLogin .leftLoginFormMain.loginSection .loginTitle:after {
  clear: both;
}
.accountLogin .leftLoginFormMain.loginSection .loginTitle .loginTitlePw, .accountLogin .leftLoginFormMain.loginSection .loginTitle .loginTitleVerify {
  padding-bottom: 15px;
  text-align: center;
  font-size: 16px;
  text-align: center;
}
.accountLogin .leftLoginFormMain.loginSection .loginTitle .loginTitlePw:hover, .accountLogin .leftLoginFormMain.loginSection .loginTitle .loginTitleVerify:hover {
  cursor: pointer;
}
.accountLogin .leftLoginFormMain.loginSection .loginTitle .loginTitlePw.active, .accountLogin .leftLoginFormMain.loginSection .loginTitle .loginTitleVerify.active {
  color: #2EB1B8;
}
.accountLogin .leftLoginFormMain.loginSection .loginCont .passwordLoginCont {
  display: none;
}
.accountLogin .leftLoginFormMain.loginSection .loginCont .passwordLoginCont.active {
  display: block;
}
.accountLogin .leftLoginFormMain.loginSection .loginCont .verifyCodeLoginCont {
  display: none;
}
.accountLogin .leftLoginFormMain.loginSection .loginCont .verifyCodeLoginCont.active {
  display: block;
}
.accountLogin .leftLoginFormMain.loginSection .loginBottom {
  border-top: 1px solid #ddd;
}
.accountLogin .leftLoginFormMain.wxLoginSection {
  display: none;
}
.accountLogin .leftLoginFormMain.wxLoginSection .wxLoginTitle {
  text-align: center;
}
.accountLogin .leftLoginFormMain.wxLoginSection .loginCont {
  height: 280px;
}
.accountLogin .leftLoginFormMain.wxLoginSection .loginCont .wxLoginCont {
  overflow: hidden;
  height: 230px;
}
.accountLogin .leftLoginFormMain.wxLoginSection .loginBottom {
  border-top: 1px solid #ddd;
}
.accountLogin .rightQrCodeMain {
  float: right;
  width: 240px;
  height: 100%;
}
.accountLogin .rightQrCodeMain img {
  width: 100%;
  height: 100%;
  border-radius: 0px 2px 2px 0px;
}
@media only screen and (max-width: 767px) {
  .accountLogin .popupMain {
    width: 90%;
    height: 350px;
    margin-left: -45%;
    margin-top: -250px;
  }
  .accountLogin .popupMain .popupClose {
    right: 15px;
    top: 15px;
    width: 20px;
    height: 20px;
    padding: 0;
  }
  .accountLogin .leftLoginFormMain {
    float: none;
    width: 100%;
  }
  .accountLogin .leftLoginFormMain .loginTitle {
    padding: 40px 20px 0;
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .accountLogin .leftLoginFormMain .loginCont {
    padding: 20px 20px 0;
    height: auto;
  }
  .accountLogin .leftLoginFormMain .loginBottom {
    padding: 20px 20px 0;
    height: auto;
  }
  .accountLogin .leftLoginFormMain.loginSection .loginBottom {
    border-top: none;
  }
  .accountLogin .leftLoginFormMain.loginSection .loginBottom .right {
    float: left;
  }
}

.loginDefault .l-container {
  background-size: 100%;
}
.loginDefault .loginDefaultCont {
  display: block;
  width: 680px;
  padding: 50px 0;
  margin: 0 auto;
}
.loginDefault .loginDefaultCont:before, .loginDefault .loginDefaultCont:after {
  content: " ";
  display: table;
}
.loginDefault .loginDefaultCont:after {
  clear: both;
}
.loginDefault .loginDefaultCont .leftLoginFormMain {
  width: calc(100% - 300px);
}
.loginDefault .loginDefaultCont .leftLoginFormMain.loginSection {
  display: block;
}
.loginDefault .loginDefaultCont .rightQrCodeMain {
  width: 300px;
  padding: 80px 10px;
}
.loginDefault .loginDefaultCont .rightQrCodeMain .qrCodeTitle {
  margin-bottom: 40px;
  color: #4A4A4A;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
}
.loginDefault .loginDefaultCont .rightQrCodeMain .qrCodeCont:before, .loginDefault .loginDefaultCont .rightQrCodeMain .qrCodeCont:after {
  content: " ";
  display: table;
}
.loginDefault .loginDefaultCont .rightQrCodeMain .qrCodeCont:after {
  clear: both;
}
.loginDefault .loginDefaultCont .rightQrCodeMain .qrCodeCont .leftApp {
  float: left;
  width: 50%;
  text-align: center;
}
.loginDefault .loginDefaultCont .rightQrCodeMain .qrCodeCont .rightWechatApplet {
  float: left;
  width: 50%;
  text-align: center;
}
.loginDefault .loginDefaultCont .rightQrCodeMain .qrCodeCont img {
  width: 100px;
  margin-bottom: 20px;
}
.loginDefault .loginDefaultCont .rightQrCodeMain .qrCodeCont .text {
  width: 90px;
  color: #545454;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0 auto;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .loginDefault {
    padding-top: 50px;
  }
  .loginDefault .loginDefaultCont {
    padding: 0px 0;
  }
}

.loginForm input {
  width: 100%;
  height: 40px;
  padding: 10px;
  color: #000;
  font-size: 16px;
  font-size: 1rem;
  background: #fff;
  border: 1px solid #DDDDDD;
  border-radius: 2px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.loginForm input::-moz-placeholder {
  font-size: 14px;
  font-size: 0.875rem;
  color: #9B9B9B;
}
.loginForm input::placeholder {
  font-size: 14px;
  font-size: 0.875rem;
  color: #9B9B9B;
}
.loginForm input[name="agreeChecked"] {
  width: auto;
  height: auto;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 0;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}
.loginForm .phoneNationality {
  float: left;
  height: 40px;
  width: 120px;
  background: #fff;
  border: 1px solid #DDDDDD;
  border-radius: 2px;
  font-size: 16px;
  font-size: 1rem;
  color: #000;
  line-height: 40px;
  margin-right: 10px;
  padding: 0 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/img/main/cmn/select_arrow_line.png) no-repeat 10px 10px;
  background-position: right 10px center;
  background-size: 10px;
  background-attachment: scroll;
}
@media only screen and (max-width: 767px) {
  .loginForm .phoneNationality {
    width: 90px;
  }
}
.loginForm .phoneNumberInput {
  float: left;
  width: calc(100% - 130px);
}
@media only screen and (max-width: 767px) {
  .loginForm .phoneNumberInput {
    width: calc(100% - 100px);
  }
}
.loginForm .verifyCodeInput {
  float: left;
  width: calc(100% - 130px);
  margin-right: 10px;
}
.loginForm .verifyCodeBtn {
  float: left;
  width: 120px;
  text-align: center;
  border: 1px solid #2FA9AF;
  border-radius: 2px;
  color: #2EB1B8;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 38px;
}
.loginForm .verifyCodeBtn .verifyCodeSubmit {
  display: block;
}
.loginForm .verifyCodeBtn:hover {
  cursor: pointer;
  background: #2FA9AF;
  color: #fff;
}
.loginForm .verifyCodeTimer, .loginForm .verifyCodeTimer:hover {
  color: #fff;
  background: #bbb;
  border: 1px solid #bbb;
}
.loginForm .autoLogin {
  width: auto;
  height: auto;
  margin: 0;
}
.loginForm .otherMessage {
  margin-bottom: 15px;
}
.loginForm .otherMessage:before, .loginForm .otherMessage:after {
  content: " ";
  display: table;
}
.loginForm .otherMessage:after {
  clear: both;
}
.loginForm .otherMessage .checkboxAutoLogin {
  display: inline-block;
  float: left;
  font-size: 13px;
  font-size: 0.8125rem;
  cursor: pointer;
}
.loginForm .otherMessage .checkboxAutoLogin input[type="checkbox"] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  outline: none;
  display: none;
}
.loginForm .otherMessage .checkboxAutoLogin input[type="checkbox"] + label {
  font-weight: normal;
}
.loginForm .otherMessage .checkboxAutoLogin input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border: 1px solid #ddd;
  border-radius: 2px;
  vertical-align: middle;
  margin-right: 5px;
}
.loginForm .otherMessage .checkboxAutoLogin input[type="checkbox"]:checked + label:before {
  content: "";
  color: #2eb1b8;
  font-size: 10px;
  text-align: center;
}
.loginForm .otherMessage .forgetPw {
  display: inline-block;
  float: right;
}
.loginForm .otherMessage .forgetPw a {
  color: #2FA9AF;
  font-size: 13px;
  font-size: 0.8125rem;
  text-decoration: none;
}
.loginForm .otherMessage .forgetPw a:hover {
  cursor: pointer;
  color: #1FBFC8;
  font-weight: bold;
}
.loginForm .errorMessage {
  height: 25px;
  font-size: 13px;
  font-size: 0.8125rem;
  color: #F5492C;
}
.loginForm .submitBtn {
  width: 100%;
  margin-bottom: 5px;
  padding: 13px 36px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 900;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #2FA9AF;
  border-radius: 4px;
  outline: 0;
  border: none;
}
.loginForm .submitBtn:hover {
  cursor: pointer;
  background-color: rgba(47, 169, 175, 0.8);
}

.login .resetPassword .container {
  padding: 50px 0;
}
.login .changePasswordCont, .login .changePhoneCont {
  padding: 50px 0;
}
.login .account .accountTitle {
  margin-bottom: 40px;
  padding-left: 100px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}
.login .account .accountCont {
  width: 450px;
  margin: 0 auto;
}
.login .account dl {
  margin-bottom: 20px;
}
.login .account dl:before, .login .account dl:after {
  content: " ";
  display: table;
}
.login .account dl:after {
  clear: both;
}
.login .account dl dt {
  float: left;
  width: 100px;
  margin: 12px 30px 0 0;
  font-size: 16px;
  font-size: 1rem;
  color: #898989;
  text-align: right;
}
.login .account dl dd {
  float: left;
  width: calc(100% - 130px);
}
.login .account dl dd .text {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  margin: 12px 0 0 0;
}
.login .account .errorMessage {
  padding-left: 130px;
}
.login .account .accountBtn {
  padding-left: 130px;
}
@media only screen and (max-width: 767px) {
  .login .account .accountTitle {
    padding-left: 0px;
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 1.25rem;
  }
  .login .account .accountCont {
    width: 100%;
    padding: 0 15px;
  }
  .login .account .accountCont dl dt {
    float: none;
    text-align: left;
    margin: 12px 30px 10px 5px;
  }
  .login .account .accountCont dl dd {
    float: none;
    width: 100%;
  }
  .login .account .errorMessage {
    padding-left: 0px;
  }
  .login .account .accountBtn {
    padding-left: 0px;
  }
}

.chatLogin .login_btn {
  display: none;
}

.advLogin .chat_btn {
  display: none;
}

.new_house .banner {
  height: 380px;
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: center center;
}
@media only screen and (max-width: 767px) {
  .new_house .banner {
    height: 145px;
  }
}
.new_house .l-container {
  margin-top: 7px;
}
@media only screen and (max-width: 767px) {
  .new_house .l-container {
    margin-top: 0px;
  }
}
.new_house .n_container {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .new_house .n_container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.new_house .n_container .container {
  padding: 0;
  width: 100%;
}
.new_house .m-breadcrumb_main {
  padding-top: 15px;
}
.new_house .m-breadcrumb_main li:last-child span {
  color: #3B3B3B;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .new_house .m-breadcrumb_main {
    padding: 15px 0px;
  }
}
@media (min-width: 768px) {
  .new_house .n_container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .new_house .n_container {
    width: 970pxx;
  }
}
@media (min-width: 1200px) {
  .new_house .n_container {
    width: 1060px;
  }
}
.new_house .house_list .h_ul {
  margin: 0 -10px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .new_house .house_list .h_ul {
    margin: 0;
  }
}
.new_house .house_list .h_ul li {
  cursor: pointer;
  float: left;
  position: relative;
  width: calc((100% - 40px)/2);
  margin: 0 10px 20px;
  height: 345px;
}
@media only screen and (max-width: 767px) {
  .new_house .house_list .h_ul li {
    width: 100%;
    margin: 0;
    height: 185px;
    float: inherit;
    margin-bottom: 10px;
  }
}
.new_house .house_list .h_ul li a {
  display: block;
  height: 100%;
  transform: scale(1);
  transition: all 0.4s ease;
}
.new_house .house_list .h_ul li a:hover .n_item .item_bg {
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
}
.new_house .house_list .h_ul li .tag {
  position: absolute;
  top: 10px;
  left: 10px;
  text-align: center;
  z-index: 10;
  padding: 4px 8px;
  background-color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  color: #111;
  font-weight: 600;
  border-radius: 3px;
  border: 1px solid #ccc;
}
.new_house .house_list .h_ul li .room_info {
  padding: 13px 20px;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 95px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .new_house .house_list .h_ul li .room_info {
    height: 56px;
    padding: 7px 8px;
  }
}
.new_house .house_list .h_ul li .room_info .item_title {
  font-size: 18px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .new_house .house_list .h_ul li .room_info .item_title {
    font-size: 14px;
    line-height: 24px;
    padding-right: 133px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.new_house .house_list .h_ul li .room_info .address {
  line-height: 37px;
  font-size: 14px;
}
.new_house .house_list .h_ul li .room_info .address .fa {
  font-size: 12px;
}
@media only screen and (max-width: 767px) {
  .new_house .house_list .h_ul li .room_info .address {
    line-height: 16px;
    font-weight: 600;
    padding-right: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .new_house .house_list .h_ul li .room_info .address {
    font-size: 12px;
  }
}

.new_house .house_list .h_ul li .room_info .price {
  font-size: 14px;
}
.new_house .house_list .h_ul li .room_info .price:before, .new_house .house_list .h_ul li .room_info .price:after {
  content: " ";
  display: table;
}
.new_house .house_list .h_ul li .room_info .price:after {
  clear: both;
}
.new_house .house_list .h_ul li .room_info .price span:first-child {
  float: left;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .new_house .house_list .h_ul li .room_info .price span:first-child {
    line-height: 24px;
    font-size: 12px;
  }
}
.new_house .house_list .h_ul li .room_info .price span:nth-child(2) {
  font-size: 12px;
  padding-left: 4px;
}
.new_house .house_list .h_ul li .room_info .price span:last-child {
  transition: all 0.3s;
  float: right;
}
@media only screen and (max-width: 767px) {
  .new_house .house_list .h_ul li .room_info .price span:last-child {
    line-height: 16px;
  }
}
.new_house .house_list .h_ul li .room_info .price span:last-child:hover {
  color: #2FA9AF;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .new_house .house_list .h_ul li .room_info .price {
    font-size: 12px;
    width: 133px;
    position: absolute;
    top: 7px;
    right: 0;
    text-align: right;
    padding-right: 7px;
  }
  .new_house .house_list .h_ul li .room_info .price span {
    display: inline-block;
    float: inherit !important;
  }
  .new_house .house_list .h_ul li .room_info .price span:first-child {
    float: right !important;
  }
}
.new_house .house_list .h_ul li .n_item {
  overflow: hidden;
  height: 100%;
  position: relative;
}
.new_house .house_list .h_ul li .n_item img {
  width: 100%;
  display: block;
  transition: all 0.4s ease;
  height: 100%;
}
.new_house .house_list .h_ul li .n_item .sell_out {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.new_house .house_list .h_ul li .n_item .sell_out img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 184px;
  display: block;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .new_house .house_list .h_ul li .n_item .sell_out img {
    width: 124px;
  }
}
.new_house .house_list .list_pagination {
  text-align: center;
  margin: 0;
  margin-top: 30px;
}
.new_house .house_list .list_pagination .pagination {
  margin: 10px 0 50px;
}
.new_house .detail .s_top:before, .new_house .detail .s_top:after {
  content: " ";
  display: table;
}
.new_house .detail .s_top:after {
  clear: both;
}
.new_house .detail .imgMain {
  width: 100%;
  height: 470px;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .imgMain {
    height: 230px;
  }
}
.new_house .detail .imgMain .swiper-pagination {
  display: block;
  right: 15px;
  bottom: 23px;
  margin: 0 auto;
  font-size: 14px;
  font-size: 0.875rem;
  color: #fff;
  width: 60px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-weight: 600;
  background: rgba(51, 51, 51, 0.7);
  border-radius: 13px;
}
.new_house .detail .swiper-slide {
  cursor: pointer;
}
.new_house .detail .swiper-slide .sold_out img {
  width: 146px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.new_house .detail .swiper-slide span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.new_house .detail .swiper {
  background: #111;
  height: 550px;
  width: 100%;
  margin-bottom: 25px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .swiper {
    background: #fff;
    height: 230px;
    margin-bottom: 0px;
  }
}
.new_house .detail .swiper:before, .new_house .detail .swiper:after {
  content: " ";
  display: table;
}
.new_house .detail .swiper:after {
  clear: both;
}
.new_house .detail .swiper .left {
  position: relative;
  float: left;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .swiper .left {
    width: 100%;
  }
}
.new_house .detail .swiper .left .swiper-slide span {
  background-size: contain;
}
.new_house .detail .swiper .left img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.new_house .detail .swiper .left .page {
  position: absolute;
  bottom: 17px;
  right: 20px;
  width: 60px;
  height: 25px;
  border-radius: 13px;
  background: rgba(51, 51, 51, 0.7);
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 25px;
}
.new_house .detail .swiper .sold_out {
  width: 176px;
  height: 139px;
  margin-right: 0;
  position: absolute;
  top: 20px;
  z-index: 100;
  right: 240px;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .swiper .sold_out {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.new_house .detail .swiper .sell_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(231, 231, 231, 0.65);
}
.new_house .detail .swiper .sell_image .sold_out {
  width: 176px;
}
.new_house .detail .swiper .right {
  float: right;
  height: 100%;
  position: relative;
}
.new_house .detail .swiper .right .imgThumbnail {
  position: relative;
  height: 100%;
  width: 100%;
}
.new_house .detail .swiper .right .imgThumbnail .swiper-wrapper {
  height: 100%;
  display: inline-block;
}
.new_house .detail .swiper .right .imgThumbnail .swiper-wrapper .swiper-slide {
  cursor: pointer;
  height: 110px !important;
  width: 100% !important;
  padding-bottom: 10px;
  opacity: 0.4;
}
.new_house .detail .swiper .right .imgThumbnail .swiper-wrapper .swiper-slide span {
  background-size: cover;
}
.new_house .detail .swiper .right .imgThumbnail .swiper-wrapper .swiper-slide:hover {
  opacity: 1;
}
.new_house .detail .swiper .right .imgThumbnail .swiper-wrapper .active-nav {
  opacity: 1;
}
.new_house .detail .swiper .right .t_arrow, .new_house .detail .swiper .right .d_arrow {
  width: 80px;
  height: 28px;
  cursor: pointer;
  background: #646464;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0px 0px 4px 4px;
  transition: all 0.3s;
  text-align: center;
}
.new_house .detail .swiper .right .t_arrow img, .new_house .detail .swiper .right .d_arrow img {
  margin-top: 7px;
  width: 20px;
}
.new_house .detail .swiper .right .t_arrow:hover, .new_house .detail .swiper .right .d_arrow:hover {
  background: #10AEC2;
}
.new_house .detail .swiper .right .t_arrow {
  top: -40px;
}
.new_house .detail .swiper .right .t_arrow img {
  transform: rotate(180deg);
}
.new_house .detail .swiper .right .d_arrow {
  bottom: -40px;
  border-radius: 4px 4px 0px 0px;
}
@media (min-width: 992px) {
  .new_house .detail .swiper {
    padding: 40px 70px;
  }
  .new_house .detail .swiper .left {
    width: 580px;
    height: 470px;
  }
  .new_house .detail .swiper .right {
    width: calc( 100% - 600px );
  }
}
@media (min-width: 1210px) {
  .new_house .detail .swiper {
    padding: 40px 70px;
  }
  .new_house .detail .swiper .left {
    width: 700px;
    height: 470px;
  }
  .new_house .detail .swiper .right {
    width: calc( 100% - 720px );
  }
}
@media (min-width: 1300px) {
  .new_house .detail .swiper {
    padding: 40px 70px;
  }
  .new_house .detail .swiper .left {
    width: 780px;
    height: 470px;
  }
  .new_house .detail .swiper .right {
    width: calc( 100% - 800px );
  }
}
.new_house .detail .room_content .title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  padding-top: 50px;
  padding-bottom: 22px;
}
.new_house .detail .room_content .title span {
  display: inline-block;
  vertical-align: sub;
  width: 5px;
  height: 25px;
  background: #2FA9AF;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .room_content .title span {
    height: 20px;
    vertical-align: bottom;
  }
}
@media only screen and (max-width: 767px) {
  .new_house .detail .room_content .title {
    padding-top: 35px;
    font-size: 18pxpx;
    font-size: 1.125pxrem;
  }
}
.new_house .detail .room_content .title:before, .new_house .detail .room_content .title:after {
  content: " ";
  display: table;
}
.new_house .detail .room_content .title:after {
  clear: both;
}
.new_house .detail .room_content .title .r_more {
  font-size: 14px;
  color: #2FA9AF;
  float: right;
}
.new_house .detail .room_content#room_layouts .title {
  padding-top: 30px;
}
.new_house .detail .room_content .addressBox table {
  width: 100%;
  margin-bottom: 20px;
  line-height: 1.6;
}
.new_house .detail .room_content .addressBox table th, .new_house .detail .room_content .addressBox table td {
  padding: 4px 0;
  font-size: 14px;
  font-size: 0.875rem;
}
.new_house .detail .room_content .addressBox table th {
  width: 65px;
  color: #333333;
  vertical-align: top;
  font-weight: 600;
}
.new_house .detail .room_content .addressBox table td {
  color: #333333;
}
.new_house .detail .room_content .cost_content {
  position: relative;
  width: 100%;
  transition: all 0.6s;
}
.new_house .detail .room_content .cost_content img {
  width: 100%;
}
.new_house .detail .room_content .cost_content .get_cost {
  width: 345px;
  height: 65px;
  background: #EB8731;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #e05f0;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 65px;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 1px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .room_content .cost_content .get_cost {
    height: 44px;
    width: 210px;
    line-height: 44px;
  }
}
.new_house .detail .room_content .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
}
.new_house .detail .room_content .table table {
  width: 100%;
}
.new_house .detail .room_content .table tr.head {
  border-top: 1px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
}
.new_house .detail .room_content .table tr.data {
  border-bottom: 1px solid #E8E8E8;
}
.new_house .detail .room_content .table tr.data td:nth-child(3) {
  text-align: center;
  padding: 0;
}
.new_house .detail .room_content .table tr.data td:nth-child(3) .rmb {
  color: #F9635C;
  font-size: 14pxpx;
  font-size: 0.875pxrem;
  font-weight: 600;
}
.new_house .detail .room_content .table tr.data td:nth-child(3) .rmb span {
  font-size: 18px;
  font-size: 1.125rem;
}
.new_house .detail .room_content .table tr.data td:nth-child(3) .ry {
  display: block;
  margin: 0 auto;
  text-align: center;
  margin-top: 5px;
}
.new_house .detail .room_content .table tr th {
  font-weight: bold;
  padding: 18px 5px;
  vertical-align: middle;
  font-size: 16px;
  color: #373737;
  text-align: center;
  width: 33.333%;
}
.new_house .detail .room_content .table tr th:nth-child(2) {
  width: 31%;
}
.new_house .detail .room_content .table tr th:nth-child(-n + 2) {
  text-align: left;
}
.new_house .detail .room_content .table tr td {
  padding: 18px 5px;
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .room_content .feature {
    height: 400px;
    overflow: hidden;
  }
}
.new_house .detail .room_content .feature li p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22px;
}
.new_house .detail .room_content .feature li img {
  width: 100%;
  height: 475px;
  -o-object-fit: contain;
     object-fit: contain;
}
.new_house .detail .room_content .feature li img:first-of-type {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .room_content .feature li img {
    height: 193px;
  }
}
.new_house .detail .room_content .feature li:nth-child(n + 2) {
  padding-top: 15px;
}
.new_house .detail .room_content .open_all {
  width: 100%;
  height: 44px;
  background: #E8F7F8;
  border-radius: 4px;
  line-height: 44px;
  color: #2FA9AF;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  margin-top: 14px;
}
.new_house .detail .room_content .open_all img {
  width: 17px;
  display: inline-block;
  transition: all 0.8s;
  transform: rotate(0deg);
}
.new_house .detail .room_content .h_list {
  padding-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .room_content .h_list {
    padding-bottom: 35px;
  }
}
.new_house .detail .room_content .h_list ul {
  margin: 0;
}
.new_house .detail .room_content .h_list ul:before, .new_house .detail .room_content .h_list ul:after {
  content: " ";
  display: table;
}
.new_house .detail .room_content .h_list ul:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .room_content .h_list ul {
    white-space: nowrap;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    display: -webkit-box;
    -webkit-overflow-scrolling: touch;
  }
}
.new_house .detail .room_content .h_list ul li {
  width: calc((100% - 39px)/4);
  height: 310px;
  margin: 0;
  float: left;
  margin-right: 13px;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .room_content .h_list ul li {
    width: 249px;
    float: none;
    height: 190px;
  }
}
.new_house .detail .room_content .h_list ul li:last-child {
  margin-right: 0px;
}
.new_house .detail .room_content .h_list ul li a {
  display: block;
  height: 100%;
}
.new_house .detail .room_content .h_list ul li a:hover {
  text-decoration: none;
}
.new_house .detail .room_content .h_list ul li a:hover .photo img {
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
}
.new_house .detail .room_content .h_list ul li a:hover .text {
  color: #10AEC2;
}
.new_house .detail .room_content .h_list ul li a:focus, .new_house .detail .room_content .h_list ul li a:active {
  text-decoration: none;
}
.new_house .detail .room_content .h_list ul li a .photo {
  width: 100%;
  height: 234px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .room_content .h_list ul li a .photo {
    height: 138px;
  }
}
.new_house .detail .room_content .h_list ul li a .photo img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.4s ease;
  transform: scale(1);
}
.new_house .detail .room_content .h_list ul li a .photo .type {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  line-height: 20px;
  text-align: center;
  width: 60px;
  height: 20px;
  background: #10AEC2;
  z-index: 9;
}
.new_house .detail .room_content .h_list ul li a .photo .price {
  width: 100%;
  height: 44px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 44px;
  padding-left: 7px;
}
.new_house .detail .room_content .h_list ul li a .photo .price span {
  font-size: 12px;
  font-weight: 400;
  padding-left: 3px;
}
.new_house .detail .room_content .h_list ul li a .photo .sell_out {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.new_house .detail .room_content .h_list ul li a .photo .sell_out img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 94px;
  display: block;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .room_content .h_list ul li a .photo .sell_out img {
    width: 74px;
  }
}
.new_house .detail .room_content .h_list ul li .text {
  font-size: 16px;
  font-size: 1rem;
  padding-left: 7px;
  line-height: 22px;
  padding-top: 5px;
  font-weight: 600;
  color: #111;
  padding-bottom: 8px;
}
.new_house .detail .room_content .h_list ul li .address {
  padding-left: 7px;
  color: #111;
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .room_content .h_list ul li .address {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.new_house .detail .room_content .h_list ul li .address .fa {
  font-size: 12px;
}
.new_house .detail .o_rotate .feature {
  height: auto;
  overflow: inherit;
}
.new_house .detail .o_rotate .open_all {
  transition: all 0.8s;
}
.new_house .detail .o_rotate .open_all img {
  transform: rotate(180deg);
}
.new_house .detail .new_content:before, .new_house .detail .new_content:after {
  content: " ";
  display: table;
}
.new_house .detail .new_content:after {
  clear: both;
}
.new_house .detail .new_content .c_left {
  float: left;
  width: calc(100% - 250px);
  padding-right: 50px;
  border-right: 1px solid #E8E8E8;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .c_left {
    float: inherit;
    width: 100%;
    padding: 0;
    border-right: none;
  }
}
.new_house .detail .new_content .c_left h1 {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 600;
  padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .c_left h1 {
    font-size: 22px;
    padding-bottom: 0px;
    padding-top: 17px;
  }
}
.new_house .detail .new_content .c_left .t_price {
  line-height: 16px;
  font-size: 14px;
  padding-bottom: 16px;
  display: inline-block !important;
}
.new_house .detail .new_content .c_left .t_price .rmb {
  font-size: 14px;
  font-weight: 600;
  color: #F9635C;
  padding-right: 10px;
}
.new_house .detail .new_content .c_left .t_price .rmb .num {
  font-size: 20px;
}
.new_house .detail .new_content .c_left .tags {
  padding: 10px 0px;
}
.new_house .detail .new_content .c_left .tags li {
  height: 25px;
  border-radius: 2px;
  text-align: center;
  font-size: 14px;
  line-height: 25px;
  margin-right: 10px;
  font-weight: 600;
  padding: 0 13px;
  margin-bottom: 10px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .c_left .tags li {
    padding: 0 10px;
    font-size: 12px;
    margin-bottom: 5px;
    margin-right: 5px;
  }
}
.new_house .detail .new_content .c_left .tags li:last-child {
  margin-right: 0px;
}
.new_house .detail .new_content .c_left .tags li.tag5, .new_house .detail .new_content .c_left .tags li.tag6 {
  background: #FFE5E4;
  color: #C24837;
}
.new_house .detail .new_content .c_left .tags li.tag1, .new_house .detail .new_content .c_left .tags li.tag2, .new_house .detail .new_content .c_left .tags li.tag3, .new_house .detail .new_content .c_left .tags li.tag4 {
  background: #F8EEC6;
  color: #D5721F;
}
.new_house .detail .new_content .c_left .tags li.tag7, .new_house .detail .new_content .c_left .tags li.tag8 {
  background: #DAF3FC;
  color: #417F98;
}
.new_house .detail .new_content .c_left .tags li.tag9, .new_house .detail .new_content .c_left .tags li.tag10 {
  background: #E3F8EB;
  color: #23AC3F;
}
.new_house .detail .new_content .c_left .baseInfo_table {
  padding-bottom: 22px;
  border-bottom: 1px solid #E8E8E8;
}
.new_house .detail .new_content .c_left .baseInfo_table:nth-of-type(2) {
  border-bottom: none;
  padding-bottom: 0;
}
.new_house .detail .new_content .c_left .baseInfo_table:nth-of-type(3) {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .c_left .baseInfo_table:nth-of-type(3) {
    margin-top: 15px;
  }
}
.new_house .detail .new_content .c_left .baseInfo_table .b_title {
  padding-bottom: 25px;
}
.new_house .detail .new_content .c_left .baseInfo_table .b_title i {
  width: 5px;
  height: 25px;
  background: #2FA9AF;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.new_house .detail .new_content .c_left .baseInfo_table .b_title p {
  color: #111;
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 20px;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .c_left .baseInfo_table {
    padding-bottom: 16px;
  }
}
.new_house .detail .new_content .c_left .baseInfo_table table {
  font-size: 14px;
  font-size: 0.875rem;
  width: 100%;
  display: inline-block;
}
.new_house .detail .new_content .c_left .baseInfo_table table tbody {
  width: 100%;
  display: inline-block;
}
.new_house .detail .new_content .c_left .baseInfo_table table tbody:before, .new_house .detail .new_content .c_left .baseInfo_table table tbody:after {
  content: " ";
  display: table;
}
.new_house .detail .new_content .c_left .baseInfo_table table tbody:after {
  clear: both;
}
.new_house .detail .new_content .c_left .baseInfo_table table tbody tr {
  float: left;
  width: 50%;
}
.new_house .detail .new_content .c_left .baseInfo_table table tbody tr th {
  width: 80px;
}
.new_house .detail .new_content .c_left .baseInfo_table table tbody tr th, .new_house .detail .new_content .c_left .baseInfo_table table tbody tr td {
  padding-bottom: 12px;
  vertical-align: initial;
}
.new_house .detail .new_content .c_left .baseInfo_table table tbody tr th .rmb, .new_house .detail .new_content .c_left .baseInfo_table table tbody tr td .rmb {
  color: #F9635C;
  padding-right: 17px;
  font-weight: 600;
}
.new_house .detail .new_content .c_left .baseInfo_table table tbody tr th .rmb .num, .new_house .detail .new_content .c_left .baseInfo_table table tbody tr td .rmb .num {
  font-size: 26px;
}
.new_house .detail .new_content .c_left .baseInfo_table table tbody tr th {
  text-align: left;
  font-weight: 600;
}
.new_house .detail .new_content .c_left .baseInfo_table table tbody tr.one {
  width: 100%;
}
.new_house .detail .new_content .c_left .room_samllContact {
  padding: 25px 0;
  padding-bottom: 0;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .subTitle {
  text-align: center;
  font-size: 16px;
  margin-bottom: 10px;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm dl {
  padding: 0 30px;
  font-size: 16px;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm dl:before, .new_house .detail .new_content .c_left .room_samllContact .smallReservationForm dl:after {
  content: " ";
  display: table;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm dl:after {
  clear: both;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm dl dd {
  float: left;
  width: 50%;
  padding: 7px 10px;
  font-size: 14px;
  font-size: 0.875rem;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm dl .submit-btn .button {
  text-align: right;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm dl .submit-btn .button button {
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .c_left .room_samllContact .smallReservationForm dl .submit-btn .button button {
    margin-left: 0px;
  }
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input {
  position: relative;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #E8E8E8;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input:before, .new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input:after {
  content: " ";
  display: table;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input:after {
  clear: both;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .inputTitle {
  float: left;
  width: 85px;
  padding-left: 15px;
  line-height: 40px;
  font-weight: 600;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .inputTitle .redTxt {
  color: #FE3333;
  font-weight: 600;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input input {
  float: left;
  width: calc(100% - 215px);
  padding: 0 10px;
  border: none;
  line-height: 40px;
  outline: none;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input input {
    width: calc(100% - 168px);
  }
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .verifyCodeInput {
  float: left;
  width: calc(100% - 215px);
  margin-right: 10px;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .verifyCodeBtn {
  float: left;
  background-color: #2fa9af;
  width: 120px;
  text-align: center;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 40px;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .verifyCodeBtn .verifyCodeSubmit {
  display: block;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .verifyCodeBtn:hover {
  cursor: pointer;
  background: #34bcc3;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .verifyCodeTimer, .new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .verifyCodeTimer:hover {
  color: #fff;
  background: #bbb;
  border: 1px solid #bbb;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .autoLogin {
  width: auto;
  height: auto;
  margin: 0;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .otherMessage {
  margin-bottom: 15px;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .otherMessage:before, .new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .otherMessage:after {
  content: " ";
  display: table;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .otherMessage:after {
  clear: both;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .otherMessage .checkboxAutoLogin {
  display: inline-block;
  float: left;
  font-size: 13px;
  font-size: 0.8125rem;
  cursor: pointer;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .otherMessage .checkboxAutoLogin input[type="checkbox"] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  outline: none;
  display: none;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .otherMessage .checkboxAutoLogin input[type="checkbox"] + label {
  font-weight: normal;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .otherMessage .checkboxAutoLogin input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border: 1px solid #ddd;
  border-radius: 2px;
  vertical-align: middle;
  margin-right: 5px;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .otherMessage .checkboxAutoLogin input[type="checkbox"]:checked + label:before {
  content: "";
  color: #2eb1b8;
  font-size: 10px;
  text-align: center;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .optional {
  position: absolute;
  color: #a9a9a9;
  right: 5px;
  top: 12px;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .phoneNationality {
  float: left;
  width: 130px;
  padding: 0 10px;
  line-height: 40px;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url(/img/main/cmn/select-arrow.png) no-repeat scroll right 0px center;
  background-position: center right 0px;
  background-color: #fff;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .phoneNumber {
  width: calc(100% - 215px);
  padding-left: 0px;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .button:before, .new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .button:after {
  content: " ";
  display: table;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .button:after {
  clear: both;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .button button {
  width: 200px;
  background-color: #2fa9af;
  color: #fff;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  outline: none;
  border: none;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .button button:hover {
  background-color: #34bcc3;
}
.new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .errMsg {
  text-align: left;
  color: #cc0b0b;
  font-size: 14px;
  line-height: 36px;
  height: 36px;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .c_left .room_samllContact .smallReservationForm dl {
    padding: 0;
  }
  .new_house .detail .new_content .c_left .room_samllContact .smallReservationForm dl dd {
    width: 100%;
  }
  .new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .phoneNationality {
    width: 60px;
  }
  .new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .input .phoneNumber {
    width: calc(100% - 168px);
  }
  .new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .button {
    text-align: center;
  }
  .new_house .detail .new_content .c_left .room_samllContact .smallReservationForm .button button {
    float: none;
    display: inline-block;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .c_left .adEntry {
    padding-bottom: 0;
  }
}
.new_house .detail .new_content .c_left .room_menu .menu {
  border-bottom: 1px solid #E8E8E8;
}
.new_house .detail .new_content .c_left .room_menu .menu .left {
  width: 100%;
  float: inherit;
}
.new_house .detail .new_content .c_left .room_menu .menu .left:before, .new_house .detail .new_content .c_left .room_menu .menu .left:after {
  content: " ";
  display: table;
}
.new_house .detail .new_content .c_left .room_menu .menu .left:after {
  clear: both;
}
.new_house .detail .new_content .c_left .room_menu .menu .left a li {
  position: relative;
  float: left;
  width: 90px;
  padding: 20px 0;
  margin-right: 100px;
  font-size: 18px;
  font-size: 1.125rem;
  color: #373737;
  text-align: center;
  color: #fff;
  transition: all 0.3s;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .c_left .room_menu .menu .left a li {
    width: calc(100%/3);
    margin-right: 0px;
    font-size: 16px;
    font-size: 1rem;
  }
}
.new_house .detail .new_content .c_left .room_menu .menu .left a li:hover, .new_house .detail .new_content .c_left .room_menu .menu .left a li.active {
  color: #2FA9AF;
  font-weight: 600;
  position: relative;
}
.new_house .detail .new_content .c_left .room_menu .menu .left a li:hover::after, .new_house .detail .new_content .c_left .room_menu .menu .left a li.active::after {
  content: "";
  height: 4px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .c_left .room_menu .menu .left a li:hover::after, .new_house .detail .new_content .c_left .room_menu .menu .left a li.active::after {
    height: 1px;
  }
}
.new_house .detail .new_content .c_left .room_menu .menu .left a:last-child li {
  margin-right: 0;
}
.new_house .detail .new_content .c_left .mapBox:before, .new_house .detail .new_content .c_left .mapBox:after {
  content: " ";
  display: table;
}
.new_house .detail .new_content .c_left .mapBox:after {
  clear: both;
}
.new_house .detail .new_content .c_left .mapBox .m_tip {
  margin-top: 15px;
  line-height: 20px;
  font-size: 12px;
  float: left;
  color: #999999;
}
.new_house .detail .new_content .c_left .mapBox .mapMain {
  float: left;
  width: calc(100% - 300px);
  position: relative;
}
.new_house .detail .new_content .c_left .mapBox .mapMain .map {
  height: 400px;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .c_left .mapBox .mapMain .map {
    height: 200px;
  }
}
.new_house .detail .new_content .c_left .mapBox .mapMain .zoomControl {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 8;
}
.new_house .detail .new_content .c_left .mapBox .mapMain .zoomControl ul li {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  color: #373737;
  background-color: #fff;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.new_house .detail .new_content .c_left .mapBox .mapMain .zoomControl ul li.zoomIn {
  margin-bottom: 10px;
}
.new_house .detail .new_content .c_left .mapBox .mapMain .centerControl {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 8px 10px;
  font-size: 13px;
  font-weight: bold;
  color: #373737;
  background-color: #fff;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.new_house .detail .new_content .c_left .mapBox .mapMain .surroundingMarker {
  position: absolute;
  display: block;
  width: 45px;
  height: 24px;
  cursor: grab;
}
.new_house .detail .new_content .c_left .mapBox .mapMain .surroundingMarker .icon {
  width: 45px;
  height: 24px;
  background-size: cover;
  background-position: 50% 0%;
}
.new_house .detail .new_content .c_left .mapBox .mapMain .surroundingMarker .til {
  margin: 0;
  position: absolute;
  padding: 4px 0 3px 14px;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  color: #fcfcfc;
  right: 5px;
}
.new_house .detail .new_content .c_left .mapBox .mapMain .surroundingMarker .infoBox {
  z-index: 1000;
  display: none;
  position: absolute;
  width: 400px;
  top: -28px;
  left: -177px;
  text-align: center;
}
.new_house .detail .new_content .c_left .mapBox .mapMain .surroundingMarker span {
  display: inline-block;
  max-width: 400px;
  padding: 5px;
  background: rgba(93, 93, 93, 0.9);
  font-size: 12px;
  color: #fefefe;
  border-radius: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new_house .detail .new_content .c_left .mapBox .mapMain .surroundingMarker.active .infoBox {
  display: block;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel {
  float: right;
  width: 300px;
  height: 400px;
  background: #fff;
  border: 1px solid #eee;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelTitle {
  width: 100%;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelTitle:before, .new_house .detail .new_content .c_left .mapBox .mapPanel .panelTitle:after {
  content: " ";
  display: table;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelTitle:after {
  clear: both;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelTitle ul li {
  float: left;
  width: 25%;
  padding: 12px 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #F4F4F4;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelTitle ul li.active {
  color: #fff;
  background: #2FA9AF;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelTitle ul li.active:hover {
  color: #fff;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelTitle ul li:hover {
  cursor: pointer;
  color: #2FA9AF;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .subPanelTitle {
  width: 100%;
  height: 32px;
  background: #F4F4F4;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .subPanelTitle:before, .new_house .detail .new_content .c_left .mapBox .mapPanel .subPanelTitle:after {
  content: " ";
  display: table;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .subPanelTitle:after {
  clear: both;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .subPanelTitle .subLeftBtn {
  display: none;
  float: left;
  margin: 4px 8px 0 5px;
  color: #898989;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .subPanelTitle i {
  font-size: 24px;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .subPanelTitle .subRightBtn {
  display: none;
  float: right;
  margin: 4px 5px 0 8px;
  color: #898989;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .subPanelTitle i {
  font-size: 24px;
  cursor: pointer;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .subPanelTitle .subCont {
  position: relative;
  float: left;
  width: calc(100% - 45px);
  height: 100%;
  line-height: 30px;
  overflow: hidden;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .subPanelTitle ul {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .subPanelTitle ul li {
  display: inline-block;
  padding: 0 5px;
  font-size: 14px;
  font-weight: bold;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .subPanelTitle ul img {
  width: 15px;
  margin-right: 5px;
  vertical-align: text-top;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .subPanelTitle ul.active {
  border-bottom: 2px solid #2FA9AF;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .subPanelTitle ul:hover {
  cursor: pointer;
  color: #2FA9AF;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont {
  width: 100%;
  height: 328px;
  overflow-y: auto;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont .item {
  border-bottom: 1px solid #cfcfcf;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont .itemTitle {
  padding: 10px 10px 5px;
  font-size: 14px;
  font-weight: 700;
  color: #373737;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont:last-child {
  border-bottom: none;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont ul li {
  padding: 10px;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont ul li:before, .new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont ul li:after {
  content: " ";
  display: table;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont ul li:after {
  clear: both;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont ul li .mark {
  float: left;
  width: 40px;
  margin-right: 10px;
  padding: 5px 0;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont ul li .cont {
  float: right;
  width: calc(100% - 50px);
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont ul li .name {
  margin: 0 0 10px 0;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont ul li .info {
  font-size: 14px;
  margin-bottom: 5px;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont ul li .info i {
  color: #898989;
  margin-right: 5px;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont ul li .route {
  font-size: 14px;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont ul li .route i {
  color: #898989;
  margin-right: 5px;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont ul li:hover {
  cursor: pointer;
  background: #F3F5F4;
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont.station .sign {
  color: #0080FF;
  background: rgba(0, 128, 255, 0.2);
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont.convenient .sign {
  color: #FF7473;
  background: rgba(255, 116, 115, 0.2);
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont.department .sign {
  color: #EF5285;
  background: rgba(239, 82, 133, 0.2);
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont.electric .sign {
  color: #8F37DF;
  background: rgba(143, 55, 223, 0.2);
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont.super .sign {
  color: #DF8400;
  background: rgba(223, 132, 0, 0.2);
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont.store .sign {
  color: #AF4034;
  background: rgba(175, 64, 52, 0.2);
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont.primary .sign {
  color: #00BCFF;
  background: rgba(0, 188, 255, 0.2);
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont.middle .sign {
  color: #41D3BD;
  background: rgba(65, 211, 189, 0.2);
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont.high .sign {
  color: #008C9E;
  background: rgba(0, 140, 158, 0.2);
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont.university .sign {
  color: #0045C7;
  background: rgba(0, 69, 199, 0.2);
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont.kinder .sign {
  color: #FF84B5;
  background: rgba(255, 132, 181, 0.2);
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont.bank .sign {
  color: #DF8400;
  background: rgba(223, 132, 0, 0.2);
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont.hall .sign {
  color: #A6172D;
  background: rgba(166, 23, 45, 0.2);
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont.hospital .sign {
  color: #00BCFF;
  background: rgba(0, 188, 255, 0.2);
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont.library .sign {
  color: #59BF8C;
  background: rgba(89, 191, 140, 0.2);
}
.new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont.police .sign {
  color: #1E59FD;
  background: rgba(30, 89, 253, 0.2);
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .c_left .mapBox .mapPanel {
    width: 100%;
    height: auto;
  }
  .new_house .detail .new_content .c_left .mapBox .mapPanel .panelCont {
    height: 150px;
  }
  .new_house .detail .new_content .c_left .mapBox .mapMain {
    width: 100%;
  }
}
.new_house .detail .new_content .c_right {
  float: right;
  width: 250px;
  padding-left: 14px;
}
.new_house .detail .new_content .c_right .right_info {
  border-bottom: 1px solid #E8E8E8;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .c_right {
    width: 100%;
    float: inherit;
    padding: 0;
  }
  .new_house .detail .new_content .c_right .right_info {
    border-bottom: none;
  }
}
.new_house .detail .new_content .agent_info {
  text-align: center;
  padding-top: 24px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .agent_info {
    padding-top: 0px;
  }
}
.new_house .detail .new_content .agent_info .agent_logo {
  display: block;
  width: 100px;
  height: 83px;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.new_house .detail .new_content .agent_info .agent_name {
  padding-top: 9px;
  display: inline-block;
  color: #111;
}
.new_house .detail .new_content .agent_info .agent_name img {
  width: 10px;
  position: absolute;
  top: 46px;
  right: 10px;
}
.new_house .detail .new_content .agent_info .agent_name .consult {
  margin-top: 24px;
}
.new_house .detail .new_content .agent_info .agent_name span {
  font-size: 14px;
  font-weight: 600;
}
.new_house .detail .new_content .agent_info .agent_name a, .new_house .detail .new_content .agent_info .agent_name .n_content {
  text-decoration: underline;
  color: #2FA9AF;
  display: inline-block;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .agent_info .agent_name a, .new_house .detail .new_content .agent_info .agent_name .n_content {
    text-decoration: none;
  }
}
.new_house .detail .new_content .agent_info .a_content {
  padding: 24px 0 29px 0px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .agent_info .a_content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 0 20px 0px;
  }
  .new_house .detail .new_content .agent_info .a_content .agent_logo {
    width: 65px;
    height: 53px;
    margin: 0;
    margin-right: 16px;
  }
}
.new_house .detail .new_content .agent_info .a_content .consult {
  font-size: 14px;
  height: 44px;
  line-height: 44px;
  margin-top: 35px;
  margin-right: 17px;
}
.new_house .detail .new_content .agent_info .consult {
  width: 200px;
  height: 45px;
  background: #EB8731;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #e05f0;
  border-radius: 4px;
  font-weight: 600;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  line-height: 45px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 11px;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .agent_info .consult {
    width: 100%;
    margin-bottom: 25px;
  }
}
.new_house .detail .new_content .display_none {
  display: none !important;
}
.new_house .detail .new_content .room_menu_fixed {
  background-color: #353940;
}
.new_house .detail .new_content .room_menu_fixed .menu {
  display: flex;
  align-items: center;
  border-bottom: none !important;
}
.new_house .detail .new_content .room_menu_fixed .menu img {
  height: 35px;
  margin-right: 50px;
}
.new_house .detail .new_content .room_menu_fixed .menu ul.left {
  display: inline-block;
  width: calc(100% - 420px) !important;
}
.new_house .detail .new_content .room_menu_fixed .menu ul.left a:last-child li {
  margin-right: 0 !important;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .room_menu_fixed .menu ul.left {
    width: 100% !important;
  }
}
.new_house .detail .new_content .room_menu_fixed .menu ul.left li {
  font-size: 14px !important;
  margin-right: 50px !important;
}
@media only screen and (max-width: 1199px) {
  .new_house .detail .new_content .room_menu_fixed .menu ul.left li {
    margin-right: 30px !important;
  }
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .room_menu_fixed .menu ul.left li {
    margin-right: 0px !important;
  }
}
.new_house .detail .new_content .room_menu_fixed .menu ul.left li::after {
  height: 0px !important;
  color: #fff !important;
  padding: 20px 0 !important;
}
.new_house .detail .new_content .room_menu_fixed .menu ul.left li.active, .new_house .detail .new_content .room_menu_fixed .menu ul.left li:hover {
  color: #fff !important;
  background-color: #2FA9AF !important;
}
.new_house .detail .new_content .room_menu_fixed .contact {
  display: inline-block;
  width: 130px;
  cursor: pointer;
  font-weight: bold;
  height: 30px;
  text-align: center;
  font-size: 16px;
  border-radius: 4px;
  color: #fff;
  background-color: #ff7621;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .room_menu_fixed .contact {
    margin-left: 10px;
    margin-bottom: 0;
    margin-top: 0;
  }
}
.new_house .detail .new_content .fixed {
  z-index: 33;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}
@media only screen and (max-width: 767px) {
  .new_house .detail .new_content .fixed {
    top: 65px;
  }
}
.new_house .adv_content {
  padding: 24px 0px 30px;
  width: 100% !important;
}
@media only screen and (max-width: 767px) {
  .new_house .adv_content {
    padding: 30px 0 0px;
  }
}
.new_house .adv_content .adv_item:nth-child(3) {
  display: none;
}
@media only screen and (max-width: 767px) {
  .new_house .adv_content .adv_item:first-child {
    display: none;
    margin-bottom: 0;
  }
}
.new_house .r_bottom {
  width: 236px;
}
@media only screen and (max-width: 767px) {
  .new_house .r_bottom {
    width: 100%;
  }
}
.new_house .r_bottom .title {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 7px;
  border-bottom: 1px solid #E8E8E8;
  padding-left: 12px;
}
@media only screen and (max-width: 767px) {
  .new_house .r_bottom .title span {
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 20px;
    background: #2FA9AF;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .new_house .r_bottom .title span {
    vertical-align: bottom;
  }
}

@media only screen and (max-width: 767px) {
  .new_house .r_bottom .title {
    padding-left: 0;
    font-size: 20px;
  }
}
.new_house .r_bottom .title:before, .new_house .r_bottom .title:after {
  content: " ";
  display: table;
}
.new_house .r_bottom .title:after {
  clear: both;
}
.new_house .r_bottom .title .r_more {
  font-size: 14px;
  color: #2FA9AF;
  float: right;
}
.new_house .r_bottom .news_content {
  padding: 16px 0px 22px 12px;
}
@media only screen and (max-width: 767px) {
  .new_house .r_bottom .news_content {
    padding-bottom: 35px;
  }
}
.new_house .r_bottom .news_content ul li {
  width: 100%;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
  padding-bottom: 8px;
  font-weight: 600;
}
.new_house .r_bottom .news_content ul li a {
  color: #111;
}
.new_house .r_bottom .news_content ul li i {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2FA9AF;
  margin-right: 4px;
  margin-bottom: 2px;
}
@media only screen and (max-width: 767px) {
  .new_house .r_bottom .hot_video_list {
    padding-bottom: 35px;
  }
}
.new_house .r_bottom .hot_video_list ul {
  margin-top: 12px;
}
.new_house .r_bottom .hot_video_list ul li {
  margin-bottom: 15px;
  cursor: pointer;
  transition: all 0.6s;
}
.new_house .r_bottom .hot_video_list ul li:last-child {
  margin-bottom: 0px;
}
.new_house .r_bottom .hot_video_list ul li a {
  display: flex;
  color: #111;
}
.new_house .r_bottom .hot_video_list ul li:before, .new_house .r_bottom .hot_video_list ul li:after {
  content: " ";
  display: table;
}
.new_house .r_bottom .hot_video_list ul li:after {
  clear: both;
}
.new_house .r_bottom .hot_video_list ul li .video_pic {
  width: 105px;
  float: left;
  position: relative;
  height: 65px;
}
.new_house .r_bottom .hot_video_list ul li .video_pic .play_btn {
  position: absolute;
  bottom: inherit;
  right: inherit;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.new_house .r_bottom .hot_video_list ul li .video_pic .play_btn img {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.new_house .r_bottom .hot_video_list ul li .video_pic img {
  border-radius: 4px;
  width: 100%;
  height: 100%;
}
.new_house .r_bottom .hot_video_list ul li p {
  float: right;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 22px;
  width: calc(100% - 105px);
  padding-left: 9px;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.new_house .r_bottom .hot_video_list ul li:hover .play_btn, .new_house .r_bottom .hot_video_list ul li.active .play_btn {
  animation: paly 0.5s 1;
  -webkit-animation-fill-mode: forwards;
}
@keyframes paly {
  0% {
    background: rgba(0, 0, 0, 0.4);
  }
  50% {
    background: rgba(0, 0, 0, 0.2);
  }
  100% {
    background: transparent;
  }
}
.new_house .r_bottom .hot_video_list ul li:hover p, .new_house .r_bottom .hot_video_list ul li.active p {
  color: #2FA9AF;
}
.new_house .tips {
  margin-left: 5px;
  border-radius: 100%;
  background: #dddddd;
  display: inline-block;
  color: #666666;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  line-height: 16px;
  width: 16px;
  height: 16px;
  text-decoration: none;
}

.osaka {
  color: #111;
}
.osaka .clause-popup {
  position: fixed;
  z-index: 1001;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: rgba(0, 0, 0, 0.55);
}
.osaka .clause-popup .clause-tips {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 766px;
  bottom: auto;
  background-color: #fff;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .osaka .clause-popup .clause-tips {
    width: 96%;
  }
}
.osaka .clause-popup .clause-content {
  max-height: 60vh;
  overflow: auto;
  width: 100%;
  padding: 10px 30px 30px 20px;
}
@media only screen and (max-width: 767px) {
  .osaka .clause-popup .clause-content {
    padding: 0 11px 15px 11px;
    max-height: 70vh;
  }
}
.osaka .clause-popup .tip-title {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  padding-bottom: 6px;
  padding-top: 18px;
}
@media only screen and (max-width: 767px) {
  .osaka .clause-popup .tip-title {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.osaka .clause-popup p {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
}
.osaka .clause-popup p a {
  color: #4285F4;
  text-decoration: underline;
}
.osaka .clause-popup .iconfont {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
}
.osaka .all {
  margin-top: -70px;
}
@media only screen and (max-width: 767px) {
  .osaka .all {
    margin-top: -62px;
  }
}
.osaka .back_top {
  position: fixed;
  bottom: 174px;
  right: 10px;
  display: none;
  background: rgba(255, 255, 255, 0.8);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #D67C1D;
  cursor: pointer;
  line-height: 50px;
  border: 1px solid #D8D8D8;
}
.osaka .back_top i {
  font-size: 22px;
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .osaka .back_top i {
    font-size: 32px;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .osaka .back_top {
    bottom: 84px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    right: -6px;
    transform: scale(0.5);
  }
}
.osaka .o_title {
  padding-top: 55px;
  padding-bottom: 35px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .osaka .o_title {
    padding-top: 35px;
    padding-bottom: 30px;
  }
}
.osaka .o_title .e_title {
  font-size: 14px;
  font-size: 0.875rem;
  color: #8E8E8E;
  padding-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .osaka .o_title .e_title {
    padding-bottom: 11px;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.osaka .o_title .t_content {
  font-size: 30px;
  font-size: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .osaka .o_title .t_content {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.osaka .advPopupBg .form_content {
  position: absolute;
  padding: 0 !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
@media only screen and (max-width: 767px) {
  .osaka .advPopupBg .form_content {
    width: 98%;
  }
}
.osaka .advPopupBg .form_content .theme_inquiry {
  width: 435px !important;
  position: initial !important;
  top: 0px !important;
  left: 0px !important;
  transform: none !important;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 8px;
}
@media only screen and (max-width: 767px) {
  .osaka .advPopupBg .form_content .theme_inquiry {
    width: 100% !important;
    border-radius: 4px !important;
  }
}
.osaka .advPopupBg .form_content .theme_inquiry .verifyCodeBtn {
  right: 0px !important;
}
.osaka .advPopupBg .form_content .theme_inquiry .i_content {
  padding: 0px 30px !important;
}
@media only screen and (max-width: 767px) {
  .osaka .advPopupBg .form_content .theme_inquiry .i_content {
    padding: 0px 10px !important;
  }
}
.osaka .advPopupBg .form_content .theme_inquiry .bottom_btn {
  width: calc(100% - 60px);
}
@media only screen and (max-width: 767px) {
  .osaka .advPopupBg .form_content .theme_inquiry .bottom_btn {
    width: calc(100% - 20px);
  }
}
.osaka .advPopupBg .form_content .theme_inquiry .bottom_btn .obtain {
  width: 100%;
}
.osaka .advPopupBg .form_content .theme_inquiry dl dd {
  width: 100% !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.osaka .advPopupBg .form_content .theme_inquiry .wechat_info {
  padding-top: 14px;
}
.osaka .advPopupBg .form_content .theme_inquiry .wechat_info .w_title {
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 4px;
}
.osaka .advPopupBg .form_content .theme_inquiry .wechat_info p {
  font-size: 12px;
  font-size: 0.75rem;
  padding-top: 10px;
  padding-bottom: 5px;
}
.osaka .advPopupBg .form_content .theme_inquiry .wechat_info img {
  width: 95px;
  display: block;
  margin-bottom: 20px;
  margin-left: 10px;
}
.osaka .advPopupBg .form_content .theme_inquiry .wechat_info.zh_wechat_info img {
  margin: 0 auto;
  margin-bottom: 20px;
}
.osaka .advPopupBg .form_content .form_left {
  background-size: 100% 100%;
  width: 200px;
  height: 369px;
  color: #fff;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.osaka .advPopupBg .form_content .form_left .left_content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.osaka .advPopupBg .form_content .form_left .w_title {
  font-size: 20px;
  font-size: 1.25rem;
}
.osaka .advPopupBg .form_content .form_left p {
  font-size: 14px;
  font-size: 0.875rem;
  padding-top: 10px;
  padding-bottom: 25px;
}
.osaka .advPopupBg .form_content .form_left img {
  width: 139px;
  display: block;
  margin: 0 auto;
}
.osaka .advPopupBg .form_content .form_left .zh-t-left .w_title {
  font-size: 18px;
  font-size: 1.125rem;
}
.osaka .advPopupBg .form_content .form_left .zh-t-left p {
  font-size: 12px;
  font-size: 0.75rem;
  padding-top: 8px;
  padding-bottom: 12px;
}
.osaka .advPopupBg .form_content .form_left .zh-t-left img {
  width: 101px;
  height: 101px;
}
.osaka .advPopupBg .form_content .form_left .zh-t-left .zh-wechat {
  margin-top: 20px;
}
.osaka .advPopupBg .obtaining {
  background: none;
  background-color: #fff;
  width: 435px;
}
.osaka .advPopupBg .verifyCodeBtn, .osaka .advPopupBg .hosting_btn {
  background-color: #D67C1D;
}
.osaka .advPopupBg .form_title {
  font-size: 14px;
  font-size: 0.875rem;
  color: #666;
  padding-bottom: 27px;
}
@media only screen and (max-width: 767px) {
  .osaka .advPopupBg .form_title {
    padding-bottom: 20px;
  }
}
.osaka .advPopupBg .banner {
  background: none;
  color: #111;
  height: 57px;
  position: relative;
  line-height: 57px;
}
.osaka .advPopupBg .banner::after {
  content: "";
  width: 50px;
  height: 3px;
  background: #D67C1D;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%);
}
.osaka .languagec-bar {
  font-size: 14px;
  font-size: 0.875rem;
  margin-left: 40px;
  line-height: 24px;
}
.osaka .languagec-bar .language {
  display: none;
  top: 100%;
  left: 0;
  width: 56px;
  z-index: 150;
}
.osaka .languagec-bar .language:hover {
  display: block !important;
}
.osaka .languagec-bar .language a {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14px;
  display: block;
  padding: 10px 0;
  cursor: pointer;
  color: #373737;
  line-height: 16px;
  background-color: #fff;
  text-decoration: none;
  z-index: 5;
  transition: all 0.3s ease;
  position: relative;
}
.osaka .languagec-bar .language a:hover {
  color: #2fa9af;
}
.osaka .languagec-bar:hover .language {
  display: block !important;
}
.osaka .languagec-bar a {
  color: #111;
}
.osaka .osaka_content .lazyimg img {
  width: 100%;
  height: 100%;
  display: block;
}
.osaka .osaka_content .contact_btn {
  border-radius: 4px;
  color: #fff;
  background: #D67C1D;
  height: 70px;
  line-height: 70px;
  cursor: pointer;
  font-size: 20px;
  font-size: 1.25rem;
}
.osaka .osaka_content .contact_btn:hover {
  background: #E09652;
}
.osaka .osaka_content .contact_btn i {
  font-size: 20px;
  font-size: 1.25rem;
}
.osaka .osaka_content .contact_btn i.icon-email1 {
  margin-right: 10px;
}
.osaka .osaka_content .contact_btn i.icon-arrow-down {
  font-size: 36px;
  font-size: 2.25rem;
  transform: translateY(50%) rotate(-90deg);
  top: -50%;
  right: 50px;
}
.osaka .osaka_content .tips {
  font-size: 12px;
  font-size: 0.75rem;
  color: #8e8e8e;
}
.osaka .osaka_content .banner {
  height: 480px;
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: center center;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .banner {
    height: 355px;
  }
}
.osaka .osaka_content .banner .v_content {
  color: #fff;
  padding: 0px;
  padding-top: 40px;
  margin: 0 auto;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .banner .v_content {
    text-align: center;
    padding-top: 20px;
  }
}
.osaka .osaka_content .banner .v_content .title {
  font-size: 56px;
  font-size: 3.5rem;
  line-height: 75px;
  text-shadow: 2px 2px 3px #000309, 0px 0px 8px rgba(0, 3, 9, 0.2);
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .banner .v_content .title {
    font-size: 32px;
    font-size: 2rem;
    line-height: 44px;
  }
}
.osaka .osaka_content .banner .v_content .company {
  padding-top: 25px;
  justify-content: left;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .banner .v_content .company {
    padding-top: 5px;
    justify-content: center;
  }
}
.osaka .osaka_content .banner .v_content .company img {
  width: 65px;
  height: 65px;
  display: inline-block;
  margin-right: 14px;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .banner .v_content .company img {
    width: 40px;
    height: 40px;
    margin-left: 10px;
  }
}
.osaka .osaka_content .banner .v_content .company span {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 30px;
  text-shadow: 2px 2px 3px #000309, 0px 0px 8px rgba(0, 3, 9, 0.2);
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .banner .v_content .company span {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
  }
}
.osaka .osaka_content .banner .v_content .contact_content {
  padding-top: 20px;
  justify-content: left;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .banner .v_content .contact_content {
    justify-content: center;
    padding-top: 10px;
  }
}
.osaka .osaka_content .banner .v_content .contact_content .contact_btn {
  width: 400px;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .banner .v_content .contact_content .contact_btn {
    width: 355px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    font-size: 16px;
    font-size: 1rem;
  }
  .osaka .osaka_content .banner .v_content .contact_content .contact_btn .icon-email1 {
    font-size: 17px;
    font-size: 1.0625rem;
  }
  .osaka .osaka_content .banner .v_content .contact_content .contact_btn .icon-arrow-down {
    font-size: 29px;
    font-size: 1.8125rem;
  }
}
.osaka .osaka_content .banner .v_content .contact_content img {
  width: 345px;
  height: 95px;
  margin-left: 30px;
  box-shadow: 2px 2px 3px 0px #000309;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .banner .v_content .contact_content img {
    text-shadow: 1px 2px 3px #000309;
  }
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .banner .v_content .contact_content img {
    width: 310px;
    height: 105px;
    margin: 0 auto;
    margin-bottom: 8px;
  }
}
.osaka .osaka_content .company_info {
  background-color: #F5F5F5;
  padding-bottom: 47px;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .company_info {
    padding-bottom: 0px;
    background-color: #FFFFFF;
  }
}
.osaka .osaka_content .company_info .company_introduction {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  padding: 20px 10%;
  padding-bottom: 27px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  z-index: 1;
  margin-top: -47px;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .company_info .company_introduction {
    margin-top: 0px;
    line-height: 21px;
    font-size: 14px;
    font-size: 0.875rem;
    border-radius: 0px;
    text-align: left !important;
    padding: 20px 12px;
    padding-bottom: 25px;
  }
}
.osaka .osaka_content .company_info .company_introduction .source {
  font-size: 12px;
  font-size: 0.75rem;
  color: #8E8E8E;
  right: 24px;
  bottom: 5px;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .company_info .company_introduction .source {
    position: inherit !important;
    padding-top: 7px;
    right: inherit;
    bottom: inherit;
    text-align: left;
    line-height: 18px;
    display: inline-block;
  }
}
.osaka .osaka_content .o_nav {
  border-bottom: 1px solid #E8E8E8;
  top: 62px;
  z-index: 2;
  width: 100%;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .o_nav {
    top: 52px;
  }
  .osaka .osaka_content .o_nav .container {
    padding: 0px;
  }
}
.osaka .osaka_content .o_nav.app-nav {
  top: 0px;
}
.osaka .osaka_content .o_nav ul:before, .osaka .osaka_content .o_nav ul:after {
  content: " ";
  display: table;
}
.osaka .osaka_content .o_nav ul:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .o_nav ul {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow-x: scroll;
    white-space: nowrap;
  }
  .osaka .osaka_content .o_nav ul ::-webkit-scrollbar-thumb {
    background-color: transparent;
  }
  .osaka .osaka_content .o_nav ul ::-webkit-scrollbar {
    width: 0 !important;
    display: none;
  }
}
.osaka .osaka_content .o_nav ul li {
  width: calc(100%/6);
  height: 70px;
  float: left;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .o_nav ul li {
    padding: 0px 17px;
    height: 44px;
    width: auto;
    float: initial;
    display: inline-block;
  }
}
.osaka .osaka_content .o_nav ul li a {
  color: #111;
  line-height: 70px;
  font-size: 20px;
  font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .o_nav ul li a {
    font-size: 16px;
    font-size: 1rem;
    line-height: 44px;
  }
}
.osaka .osaka_content .o_nav ul li a.active {
  color: #D67C1D;
  border-bottom: 4px solid #D67C1D;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .o_nav ul li a.active {
    border-bottom: 3px solid #D67C1D;
  }
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .charm ul {
    padding-bottom: 15px;
  }
}
.osaka .osaka_content .charm ul li {
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 35px;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .charm ul li {
    padding-bottom: 0px;
  }
}
.osaka .osaka_content .charm ul li:nth-child(n+2) {
  padding-top: 35px;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .charm ul li:nth-child(n+2) {
    padding-top: 24px;
  }
}
.osaka .osaka_content .charm ul li:nth-child(n+2):last-child {
  border: none;
}
.osaka .osaka_content .charm ul li .lazyimg, .osaka .osaka_content .charm ul li .charm_desc {
  width: calc((100% - 100px)/2);
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .charm ul li .lazyimg, .osaka .osaka_content .charm ul li .charm_desc {
    width: 100%;
  }
}
.osaka .osaka_content .charm ul li .lazyimg {
  height: 255px;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .charm ul li .lazyimg {
    margin-bottom: 20px;
    min-height: 150px;
    height: auto;
  }
}
.osaka .osaka_content .charm ul li .lazyimg img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .charm ul li .tips {
    margin-bottom: 20px;
  }
}
.osaka .osaka_content .charm ul li .charm_desc .num {
  color: #ccc;
  font-size: 32px;
  font-size: 2rem;
}
.osaka .osaka_content .charm ul li .charm_desc .d_title {
  padding-top: 20px;
  padding-bottom: 25px;
  font-size: 24px;
  font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .charm ul li .charm_desc .d_title {
    font-size: 16px;
    font-size: 1rem;
    padding-bottom: 15px;
    padding-top: 12px;
  }
}
.osaka .osaka_content .charm ul li .charm_desc .desc {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .charm ul li .charm_desc .desc {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 21px;
    padding-bottom: 20px;
  }
}
.osaka .osaka_content .common_contact {
  background-size: 100% 100%;
  height: 320px;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .common_contact {
    height: 240px;
  }
}
.osaka .osaka_content .common_contact .contact_center {
  height: 100%;
  margin-right: 57px;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .common_contact .contact_center {
    margin-right: 0px;
    padding-top: 29px;
  }
}
.osaka .osaka_content .common_contact .contact_center .lazyimg {
  width: 460px;
  height: 145px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .common_contact .contact_center .lazyimg {
    width: 335px;
    height: 106px;
  }
}
.osaka .osaka_content .common_contact .contact_center .contact_btn {
  margin-top: 20px;
  width: 460px;
  box-shadow: 0px 0px 8px 0px rgba(0, 3, 9, 0.2);
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .common_contact .contact_center .contact_btn {
    width: 345px;
  }
}
.osaka .osaka_content .common_contact .contact_center .left {
  width: auto;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .common_contact .contact_center .left .lazyimg, .osaka .osaka_content .common_contact .contact_center .left .contact_btn {
    margin: 0 auto;
  }
  .osaka .osaka_content .common_contact .contact_center .left .contact_btn {
    margin-top: 5px;
  }
}
.osaka .osaka_content .common_contact .contact_center .wechat {
  margin-left: 57px;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .common_contact .contact_center .wechat .w_info {
    margin-right: 14px;
  }
  .osaka .osaka_content .common_contact .contact_center .wechat .w_info p {
    font-weight: normal !important;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .osaka .osaka_content .common_contact .contact_center .wechat .w_info p:first-child {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold !important;
  }
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .common_contact .contact_center .wechat {
    margin-left: 0px;
    display: flex;
    align-items: center;
    margin-top: 13px;
    justify-content: center;
  }
}
.osaka .osaka_content .common_contact .contact_center .wechat .lazyimg {
  width: 139px;
  margin-bottom: 14px;
  height: 139px;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .common_contact .contact_center .wechat .lazyimg {
    width: 95px;
    height: 95px;
    margin-bottom: 0px;
  }
}
.osaka .osaka_content .common_contact .contact_center .wechat p {
  font-size: 12px;
  font-size: 0.75rem;
  text-shadow: 2px 2px 3px #000309, 0px 0px 8px rgba(0, 3, 9, 0.2);
  line-height: 20px;
  color: #fff;
}
.osaka .osaka_content .renosy_reason {
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .renosy_reason {
    margin-bottom: 35px;
  }
}
.osaka .osaka_content .renosy_reason .tips {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .renosy_reason .tips {
    text-align: left;
  }
}
.osaka .osaka_content .renosy_reason .data-desc {
  width: 90%;
  height: 140px;
  margin: 0 auto;
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .renosy_reason .data-desc {
    width: 100%;
    height: 221px;
  }
}
.osaka .osaka_content .renosy_reason .data-desc img {
  width: 100%;
  height: 100%;
  display: block;
}
.osaka .osaka_content .renosy_reason .reason_list li .lazyimg {
  margin: 0 auto;
  width: 160px;
  height: 160px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .renosy_reason .reason_list li .lazyimg {
    height: 100px;
    width: 100px;
  }
}
.osaka .osaka_content .renosy_reason .reason_list li .lazyimg img {
  display: block;
  width: 100%;
  height: 100%;
}
.osaka .osaka_content .renosy_reason .reason_list li .s_title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .renosy_reason .reason_list li .s_title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
  }
}
.osaka .osaka_content .renosy_reason .reason_list li p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  padding: 15px 15px 20px;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .renosy_reason .reason_list li p {
    line-height: 21px;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 15px 0px 20px;
  }
}
.osaka .osaka_content .recommend .h-mansion, .osaka .osaka_content .recommend .videoTab {
  margin-top: 0 !important;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .recommend .videoTab {
    height: 219px;
  }
}
.osaka .osaka_content .recommend .videoTabItem {
  box-shadow: 0 2px 8px 0 rgba(53, 53, 53, 0.15) !important;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .recommend .videoTabItem {
    width: 265px !important;
    box-shadow: 0 0px 8px 0 rgba(53, 53, 53, 0.15) !important;
  }
  .osaka .osaka_content .recommend .videoTabItem .itemTopPhoto {
    height: 162px !important;
  }
  .osaka .osaka_content .recommend .videoTabItem .e-price {
    width: 100%;
  }
  .osaka .osaka_content .recommend .videoTabItem .video_info {
    padding: 0 10px !important;
  }
}
.osaka .osaka_content .recommend .more_estate {
  width: 375px;
  height: 65px;
  line-height: 65px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #D8D8D8;
  margin: 0 auto;
  margin-top: 50px;
}
.osaka .osaka_content .recommend .more_estate:hover {
  background-color: #D67C1D;
}
.osaka .osaka_content .recommend .more_estate:hover a {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .recommend .more_estate {
    width: calc(100% - 24px);
    height: 44px;
    line-height: 44px;
    margin-top: 35px;
  }
}
.osaka .osaka_content .recommend .more_estate a {
  display: inline-block;
  font-size: 18px;
  font-size: 1.125rem;
  color: #111;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .recommend .more_estate a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .e_server .t_content {
    line-height: 36px;
  }
}
.osaka .osaka_content .e_server .step {
  width: 100%;
  height: 254px;
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .e_server .step {
    height: 416px;
    margin-bottom: 35px;
  }
}
.osaka .osaka_content .e_server .advantage-content {
  width: 300px;
  height: 88px;
  margin: 0 auto;
  margin-bottom: 35px;
}
.osaka .osaka_content .e_server .process {
  width: 100%;
  margin-bottom: 20px;
  height: 493px;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .e_server .process {
    height: 443px;
  }
}
.osaka .osaka_content .e_server .process img {
  width: 92.5%;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .e_server .process img {
    width: 100%;
  }
}
.osaka .osaka_content .e_server .step_tip {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .e_server .step_tip {
    text-align: left;
  }
}
.osaka .osaka_content .e_server .step_tip .t_title {
  font-size: 14px;
  font-size: 0.875rem;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .osaka .osaka_content .e_server .step_tip .tips {
    line-height: 18px;
  }
}
.osaka .experience .tips {
  margin-top: 20px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .osaka .experience .tips {
    text-align: left;
    line-height: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .osaka .experience ul {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow-x: scroll;
    white-space: nowrap;
    flex-wrap: nowrap;
    padding: 8px 6px;
  }
}
.osaka .experience ul li {
  position: relative;
  padding: 20px;
  box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.11);
  border-radius: 4px;
  padding-bottom: 45px;
  width: calc( (100% -  60px)/4);
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .osaka .experience ul li {
    width: 285px;
  }
}
.osaka .experience ul li:last-child {
  margin-right: 0px;
}
.osaka .experience ul li .d-flex img {
  width: 24px;
  display: block;
  margin-right: 16px;
}
.osaka .experience ul li .d-flex span {
  font-size: 12px;
  font-size: 0.75rem;
  color: #8E8E8E;
  line-height: 16px;
  text-shadow: 0px 3px 13px rgba(0, 0, 0, 0.11);
}
.osaka .experience ul li .star {
  padding-top: 15px;
  padding-bottom: 12px;
}
.osaka .experience ul li .star span {
  font-size: 24px;
  font-size: 1.5rem;
  margin-right: 8px;
  color: #D67C1D;
}
.osaka .experience ul li .star .lazyimg {
  width: 120px;
  height: 20px;
}
.osaka .experience ul li .star .lazyimg img {
  width: 100%;
}
.osaka .experience ul li p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
}
@media only screen and (max-width: 767px) {
  .osaka .experience ul li p {
    width: 247px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap;
  }
}
.osaka .experience ul li .date {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #8E8E8E;
  font-size: 12px;
  font-size: 0.75rem;
}
.osaka .honor {
  padding-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .osaka .honor {
    padding-bottom: 35px;
  }
}
.osaka .honor .lazyimg {
  width: 100%;
  height: 265px;
}
@media only screen and (max-width: 767px) {
  .osaka .honor .lazyimg {
    height: 285px;
  }
}
.osaka .honor .lazyimg img {
  width: 100%;
  height: 100%;
}
.osaka .spinner-border {
  display: none;
}
.osaka .loading .spinner-border {
  display: inline-block;
}
.osaka .bottom_btn .agreement {
  display: flex !important;
  padding-top: 0px;
  padding-bottom: 10px !important;
}
.osaka .form_modal {
  color: #1677ff;
  cursor: pointer;
}
.osaka .footer_float_form, .osaka .tw-float_form {
  width: 100%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  padding: 20px 0px;
  z-index: 100;
  background: rgba(0, 0, 0, 0.75);
}
@media only screen and (max-width: 767px) {
  .osaka .footer_float_form, .osaka .tw-float_form {
    padding: 11px 0px;
  }
}
.osaka .footer_float_form .contactFormMessage, .osaka .tw-float_form .contactFormMessage {
  text-align: right;
  width: 100%;
  color: #fff;
}
.osaka .footer_float_form .contactFormMessage i, .osaka .tw-float_form .contactFormMessage i {
  margin-right: 4px;
  display: none;
}
.osaka .footer_float_form .contactFormMessage.error, .osaka .tw-float_form .contactFormMessage.error {
  padding-top: 10px;
}
.osaka .footer_float_form .contactFormMessage.error i, .osaka .tw-float_form .contactFormMessage.error i {
  display: inline-block;
}
.osaka .footer_float_form .from_content, .osaka .tw-float_form .from_content {
  display: flex;
  align-items: center;
  height: 100%;
}
.osaka .footer_float_form .from_content .left_content, .osaka .tw-float_form .from_content .left_content {
  font-size: 28px;
  font-size: 1.75rem;
  color: #fff;
  line-height: 40px;
}
.osaka .footer_float_form .from_content .left_content .contact_content, .osaka .tw-float_form .from_content .left_content .contact_content {
  font-size: 24px;
  font-size: 1.5rem;
  color: #FF982B;
}
@media only screen and (max-width: 767px) {
  .osaka .footer_float_form .from_content .left_content, .osaka .tw-float_form .from_content .left_content {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
  }
  .osaka .footer_float_form .from_content .left_content .contact_content, .osaka .tw-float_form .from_content .left_content .contact_content {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
@media (min-width: 1200px) {
  .osaka .footer_float_form .from_content .left_content, .osaka .tw-float_form .from_content .left_content {
    font-size: 23px;
    font-size: 1.4375rem;
    width: 654px;
  }
  .osaka .footer_float_form .from_content .left_content .contact_content, .osaka .tw-float_form .from_content .left_content .contact_content {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
@media (min-width: 1400px) {
  .osaka .footer_float_form .from_content .left_content, .osaka .tw-float_form .from_content .left_content {
    width: 774px;
    font-size: 28px;
    font-size: 1.75rem;
  }
  .osaka .footer_float_form .from_content .left_content .contact_content, .osaka .tw-float_form .from_content .left_content .contact_content {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.osaka .footer_float_form .from_content .right_form ul, .osaka .tw-float_form .from_content .right_form ul {
  display: flex;
  flex-wrap: wrap;
}
.osaka .footer_float_form .from_content .right_form ul li, .osaka .tw-float_form .from_content .right_form ul li {
  color: #fff;
  display: flex;
  align-items: center;
}
.osaka .footer_float_form .from_content .right_form ul li .phoneNationality, .osaka .footer_float_form .from_content .right_form ul li input[type="text"], .osaka .tw-float_form .from_content .right_form ul li .phoneNationality, .osaka .tw-float_form .from_content .right_form ul li input[type="text"] {
  background: transparent;
  outline: none;
  outline-color: invert;
  outline-style: none;
  outline-width: 0px;
  border: none;
  border-style: none;
  text-shadow: none;
  -webkit-appearance: none;
  -webkit-user-select: text;
  outline-color: transparent;
  box-shadow: none;
}
.osaka .footer_float_form .from_content .right_form ul li .f_label, .osaka .tw-float_form .from_content .right_form ul li .f_label {
  padding-right: 6px;
  display: inline-block;
  width: 64px;
}
.osaka .footer_float_form .from_content .right_form ul li input, .osaka .tw-float_form .from_content .right_form ul li input {
  padding: 0 4px;
}
.osaka .footer_float_form .from_content .right_form ul li .m_input, .osaka .tw-float_form .from_content .right_form ul li .m_input {
  padding: 10px 4px;
  border: 1px solid #D8D8D8;
}
.osaka .footer_float_form .from_content .right_form ul li .i_phone, .osaka .tw-float_form .from_content .right_form ul li .i_phone {
  display: flex;
  align-items: center;
}
.osaka .footer_float_form .from_content .right_form ul li .i_phone select, .osaka .tw-float_form .from_content .right_form ul li .i_phone select {
  background-image: url(/img/main/cmn/select-arrow-w.png);
  background-repeat: no-repeat !important;
  background-size: 10px !important;
  background-position: right 0px center !important;
  background-attachment: scroll !important;
  padding-right: 10px;
  max-width: 109px;
}
.osaka .footer_float_form .from_content .right_form ul li .verifyCodeBtn, .osaka .tw-float_form .from_content .right_form ul li .verifyCodeBtn {
  width: 108px;
  height: 41px;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  color: #111;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 41px;
  cursor: pointer;
  margin-left: 5px;
}
.osaka .footer_float_form .from_content .right_form ul li .verifyCodeBtn:hover, .osaka .tw-float_form .from_content .right_form ul li .verifyCodeBtn:hover {
  background: #FCFCFC;
  border: 1px solid #FCFCFC;
}
.osaka .footer_float_form .from_content .right_form ul li.agreement_content, .osaka .tw-float_form .from_content .right_form ul li.agreement_content {
  display: inline-block;
}
.osaka .footer_float_form .from_content .right_form ul li.agreement_content .ag_content, .osaka .tw-float_form .from_content .right_form ul li.agreement_content .ag_content {
  line-height: 21px;
  width: 226px;
  font-size: 14px;
  font-size: 0.875rem;
}
.osaka .footer_float_form .from_content .right_form ul li.agreement_content .ag_content a, .osaka .tw-float_form .from_content .right_form ul li.agreement_content .ag_content a {
  color: #fff;
}
.osaka .footer_float_form .from_content .o_inquiry_btn, .osaka .tw-float_form .from_content .o_inquiry_btn {
  width: 164px;
  height: 41px;
  background: #D67C1D;
  cursor: pointer;
  color: #fff;
  line-height: 41px;
  font-size: 20px;
  font-size: 1.25rem;
}
.osaka .footer_float_form .from_content .o_inquiry_btn:hover, .osaka .tw-float_form .from_content .o_inquiry_btn:hover {
  background: #E09652;
}
@media only screen and (max-width: 767px) {
  .osaka .footer_float_form .from_content .o_inquiry_btn, .osaka .tw-float_form .from_content .o_inquiry_btn {
    width: 145px;
    font-size: 16px;
    font-size: 1rem;
    border-radius: 4px;
  }
}
.osaka .tw-float_form {
  padding-bottom: 11px;
  padding-bottom: calc(constant(safe-area-inset-bottom) - 5px);
  padding-bottom: calc(env(safe-area-inset-bottom) - 5px);
}

.global-list .list_pagination {
  margin: 0 auto;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .global-list .list_pagination {
    margin-bottom: 20px;
  }
}
.global-list .list_pagination nav {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .global-list.l-all {
    padding-top: 0px;
  }
  .global-list.l-all .l-container {
    min-height: auto;
  }
}
.global-list .estate_search {
  background-color: #fbfbfb;
  box-shadow: 0 2px 2px 0px #ebebeb;
}
@media only screen and (max-width: 767px) {
  .global-list .estate_search {
    background-color: #F0F0F0;
    box-shadow: none;
    padding: 0px;
    margin: 10px -15px;
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .global-list .estate_search_area {
    padding: 0px;
  }
  .global-list .estate_search_area .mainArea {
    display: flex;
  }
}
.global-list .estate_search_area dl {
  padding: 0px;
}
.global-list .estate_search_area dl dt {
  width: 100px;
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .global-list .estate_search_area dl dt {
    height: 42px;
    line-height: 42px;
    padding-left: 15px;
  }
}
.global-list .estate_search_area dl dd {
  width: calc( 100% - 105px );
  position: relative;
  height: 29px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .global-list .estate_search_area dl dd {
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.global-list .estate_search_area dl dd .fold {
  position: absolute;
  right: 0px;
  top: 0px;
  color: #1A4E9A;
  cursor: pointer;
}
.global-list .estate_search_area dl dd .fold .iconfont {
  color: #3D3D3D;
  display: inline-block;
  vertical-align: bottom;
  transform: rotate(0deg);
}
.global-list .estate_search_area dl dd.area {
  padding-right: 48px;
  height: 42px;
  line-height: 42px;
  padding-left: 15px;
  background-color: #EEEEEE;
  margin-bottom: 10px;
}
.global-list .estate_search_area dl dd a {
  text-decoration: none;
}

.overseas .g-type {
  display: inline-block;
  border-radius: 2px;
  background-color: #D6000F !important;
  padding: 4px 6px;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  vertical-align: bottom;
  margin-right: 6px;
}
@media only screen and (max-width: 767px) {
  .overseas .g-type {
    padding: 3px 6px;
    font-size: 12px;
    font-size: 0.75rem;
    vertical-align: inherit;
  }
}
.overseas .g-type.d-type {
  float: left;
}
.overseas .header {
  margin-bottom: 4px;
}
.overseas .m-breadcrumb {
  padding-left: 0px !important;
}
.overseas .m-breadcrumb_main {
  padding-top: 0px !important;
  padding-bottom: 20px !important;
}
@media only screen and (max-width: 767px) {
  .overseas .m-breadcrumb_main {
    padding: 8px 0px !important;
    line-height: 16px;
  }
  .overseas .m-breadcrumb_main .container {
    padding-left: 0px !important;
  }
}
.overseas .global-list .m-breadcrumb_main {
  padding-top: 20px !important;
  padding-bottom: 10px !important;
}
@media only screen and (max-width: 767px) {
  .overseas .global-list .m-breadcrumb_main {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
}
.overseas .open-fold + .fold .iconfont {
  transform: rotate(180deg) !important;
}
.overseas .open-fold {
  height: auto !important;
  overflow: auto !important;
  overflow-y: hidden !important;
}
.overseas .open-fold .iconfont {
  transform: rotate(180deg) !important;
}
.overseas .estate_list_cont .item .photo .typeTag {
  width: auto;
  padding: 4px 8px;
  border-radius: 2px;
  background-color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #111;
  text-align: center;
  position: absolute;
  top: 5px;
  left: 5px;
  text-wrap: nowrap;
  border: 1px solid #ccc;
}
.overseas .estate_list_cont .item .price {
  font-size: 14px;
  font-size: 0.875rem;
}
.overseas .estate_list_cont .item .price .cny {
  font-size: 14px;
  font-size: 0.875rem;
}
.overseas .estate_list_cont .item .price .cny span {
  font-size: 26px;
  font-size: 1.625rem;
}
@media only screen and (max-width: 767px) {
  .overseas .estate_list_cont .item .price .cny span {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.overseas .estate_list_cont .item .price .conversion {
  color: #666;
}
.overseas .estate_list_cont .item .address {
  margin-top: 18px;
  position: relative;
  color: #666;
}
.overseas .estate_list_cont .item .address .iconfont {
  color: #A9A9A9 !important;
}
.overseas .estate_list_cont .item .address p {
  position: absolute;
  top: 0;
  left: 18px;
  height: 20px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 17px);
}
@media only screen and (max-width: 767px) {
  .overseas .estate_list_cont .item .address {
    margin-top: 0px;
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .overseas .estate_list_cont .item .photo {
    width: 100px;
    height: 134px;
  }
  .overseas .estate_list_cont .item .photo .image {
    width: 100px;
    height: 134px;
  }
  .overseas .estate_list_cont .item .info .price {
    position: initial;
    text-align: left;
    padding-bottom: 8px;
  }
  .overseas .estate_list_cont .item .info .price .cny, .overseas .estate_list_cont .item .info .price .conversion {
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .overseas .estate_list_cont .item .info .price {
    padding-top: 4px;
    padding-bottom: 6px;
  }
}

.overseas .estate_list_cont .item .tags {
  margin-top: 28px;
}
@media only screen and (max-width: 767px) {
  .overseas .estate_list_cont .item .tags {
    margin-top: 10px !important;
  }
}
.overseas .estate_list_cont .item .tags span {
  display: inline-block;
  padding: 8px 9px;
  border-radius: 2px;
  margin-right: 10px;
  background: #F9F0EE;
  color: #B38779;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .overseas .estate_list_cont .item .tags span {
    margin-right: 5px;
  }
}
.overseas .estate_list_cont .item .tags span.tag1 {
  background: #F9F0EE;
  color: #B38779;
}
.overseas .estate_list_cont .item .tags span.tag2 {
  background: #FCF4D8;
  color: #C6AA5E;
}
.overseas .estate_list_cont .item .tags span.tag3 {
  background: #EAF3FD;
  color: #819BC2;
}
.overseas .estate_list_cont .item .tags span.tag4 {
  background: #EBF7F5;
  color: #75B4AC;
}
.overseas .estate_list_cont .item .tags span:last-child {
  margin-right: 0px;
}
@media only screen and (max-width: 767px) {
  .overseas .estate_list_cont .item .tags {
    margin-top: 0px;
  }
  .overseas .estate_list_cont .item .tags span {
    padding: 5px 4px;
  }
}
.overseas .estate_list_cont .item .info .title {
  padding-bottom: 2px;
}
@media only screen and (max-width: 767px) {
  .overseas .estate_list_cont .item .info {
    width: calc( 100% - 110px );
  }
  .overseas .estate_list_cont .item .info .title {
    padding-bottom: 0px;
    margin-bottom: 4px;
    line-height: 16px;
  }
}
.overseas .estate_list_cont .item .base-info {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .overseas .estate_list_cont .item .base-info {
    margin-top: 0px;
  }
  .overseas .estate_list_cont .item .base-info p {
    padding-top: 6px;
  }
}
.overseas .estate_list_cont .item .obtain_btn {
  top: 158px;
}
@media only screen and (max-width: 767px) {
  .overseas .estate_list_cont .item .obtain_btn {
    position: inherit;
    float: left;
    margin-left: 10px;
  }
}
.overseas .estate_list_cont .item .agent_info {
  position: absolute;
  right: 30px;
  top: 94px;
}
.overseas .estate_list_cont .item .agent_info .a_logo {
  width: 110px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  text-align: center;
  border: 1px solid #ECECEC;
}
.overseas .estate_list_cont .item .agent_info .a_logo img {
  width: 72px;
  display: inline-block;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}
.overseas .base-info:before, .overseas .base-info:after {
  content: " ";
  display: table;
}
.overseas .base-info:after {
  clear: both;
}
.overseas .base-info p {
  color: #666;
  line-height: 12px;
  padding-bottom: 10px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  padding-top: 8px;
}
@media only screen and (max-width: 767px) {
  .overseas .base-info p {
    padding-bottom: 8px;
  }
}
.overseas .base-info li {
  margin-right: 30px;
  float: left;
}
.overseas .base-info li:last-child {
  margin-right: 0px;
}
.overseas .base-info li span {
  display: block;
  line-height: 18px;
  color: #666;
  text-align: center;
}
.overseas .base-info li span:first-child {
  font-size: 16px;
  font-size: 1rem;
  color: #111;
  font-weight: 600;
}
.overseas.estateDetail .room_top {
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .room_top {
    padding-bottom: 0px;
  }
  .overseas.estateDetail .room_top .adEntry {
    padding-bottom: 0px;
  }
}
.overseas.estateDetail .room_top_img .imgMain .swiper-pagination {
  padding: 0px 10px !important;
  right: 50%;
  transform: translate(50%);
  border-radius: 0px;
  display: block;
  width: auto;
}
.overseas.estateDetail .room_top_cont .title {
  margin-bottom: 0;
}
.overseas.estateDetail .room_top_cont .title .keyword.tag1 {
  background: #F9F0EE;
  color: #B38779;
}
.overseas.estateDetail .room_top_cont .title .keyword.tag2 {
  background: #FCF4D8;
  color: #C6AA5E;
}
.overseas.estateDetail .room_top_cont .title .keyword.tag3 {
  background: #EAF3FD;
  color: #819BC2;
}
.overseas.estateDetail .room_top_cont .title .keyword.tag4 {
  background: #EBF7F5;
  color: #75B4AC;
}
.overseas.estateDetail .room_top_cont .title .r-price {
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .room_top_cont .title .r-price {
    margin-top: 8px;
  }
  .overseas.estateDetail .room_top_cont .title .r-price .rmb {
    font-size: 24px;
    font-size: 1.5rem;
    padding: 0px;
  }
}
.overseas.estateDetail .room_top_cont .mainTitle h1 {
  width: 100%;
  padding: 0px;
  padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .room_top_cont .mainTitle h1 {
    padding-bottom: 7px;
  }
}
.overseas.estateDetail .room_top_cont .mainTitle .type {
  width: auto;
  min-width: 60px;
  padding: 4px;
  border-radius: 2px;
}
.overseas.estateDetail .room_top_cont .base-info {
  margin-top: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .room_top_cont .base-info {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.overseas.estateDetail .room_top_cont .base-info li {
  margin-right: 60px;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .room_top_cont .base-info li {
    margin: 15px 0px;
    border-right: 1px solid #F1F1F1;
  }
  .overseas.estateDetail .room_top_cont .base-info li:last-child {
    border-right: none;
  }
  .overseas.estateDetail .room_top_cont .base-info li:first-child {
    width: 100px;
    text-align: left;
  }
  .overseas.estateDetail .room_top_cont .base-info li:nth-child(2) {
    width: 125px;
    text-align: center;
  }
  .overseas.estateDetail .room_top_cont .base-info li:last-child {
    width: calc( 100% - 225px );
  }
}
.overseas.estateDetail .room_top_cont .base-info li span {
  line-height: 28px;
  font-size: 14px;
  font-size: 0.875rem;
}
.overseas.estateDetail .room_top_cont .base-info li span:first-child {
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .room_top_cont .base-info li span:first-child {
    font-size: 16px;
    font-size: 1rem;
  }
}
.overseas.estateDetail .room_top_cont .agent_info {
  text-align: center;
  position: relative;
}
.overseas.estateDetail .room_top_cont .agent_info .agent_logo {
  display: block;
  width: 100px;
  height: 83px;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.overseas.estateDetail .room_top_cont .agent_info .agent_name {
  padding-top: 9px;
  display: inline-block;
  color: #111;
}
.overseas.estateDetail .room_top_cont .agent_info .agent_name img {
  width: 10px;
  position: absolute;
  top: 37px;
  right: 10px;
}
.overseas.estateDetail .room_top_cont .agent_info .agent_name .consult {
  margin-top: 24px;
}
.overseas.estateDetail .room_top_cont .agent_info .agent_name span {
  font-size: 14px;
}
.overseas.estateDetail .room_top_cont .agent_info .agent_name a, .overseas.estateDetail .room_top_cont .agent_info .agent_name .n_content {
  text-decoration: none;
  color: #111;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .room_top_cont .agent_info .a_content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 0;
    border-top: 1px solid #E8E8E8;
  }
  .overseas.estateDetail .room_top_cont .agent_info .a_content .agent_logo {
    width: 65px;
    height: 53px;
    margin: 0;
    margin-right: 16px;
  }
}
.overseas.estateDetail .room_top_cont .agent_info .a_content .consult {
  font-size: 14px;
  height: 44px;
  line-height: 44px;
  margin-top: 35px;
  margin-right: 17px;
}
.overseas.estateDetail .room_top_cont .table_info {
  padding-top: 15px;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .room_top_cont .table_info {
    padding: 15px 0px;
  }
}
.overseas.estateDetail .room_top_cont .table_info li {
  font-weight: 600;
  color: #111;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 25px;
  display: flex;
  flex-wrap: wrap;
}
.overseas.estateDetail .room_top_cont .table_info li p {
  width: calc(100% - 100px);
  line-height: 24px;
  position: relative;
}
.overseas.estateDetail .room_top_cont .table_info li p .tw_content {
  display: inline-block;
  color: #111;
  line-height: 25px;
  font-weight: 600;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 64px;
}
.overseas.estateDetail .room_top_cont .table_info li .target-fix {
  position: relative;
  top: -60px;
  display: block;
  height: 0;
  overflow: hidden;
}
.overseas.estateDetail .room_top_cont .table_info li a {
  color: #111;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.overseas.estateDetail .room_top_cont .table_info li a:hover {
  color: #2fa9af;
}
.overseas.estateDetail .room_top_cont .table_info li a.tw_layouts {
  color: #2fa9af;
  margin-left: 8px;
  display: inline;
  font-weight: 600;
  line-height: 25px;
  position: absolute;
  right: 0;
  top: 0px;
}
.overseas.estateDetail .room_top_cont .table_info li span {
  display: inline-block;
  font-weight: normal;
  width: 100px;
  color: #666;
}
.overseas.estateDetail .room_top_cont .g_btn {
  background-color: #FF7300;
  margin-top: 18px;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .room_top_cont .g_btn {
    margin-top: 0px;
  }
}
.overseas.estateDetail .adv_content {
  padding-top: 46px;
}
.overseas.estateDetail .rental_info#room_cost, .overseas.estateDetail .adv_content#room_cost {
  margin-top: 0px;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .rental_info, .overseas.estateDetail .adv_content {
    padding-top: 25px !important;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .overseas.estateDetail .rental_info#room_featrue .feature, .overseas.estateDetail .adv_content#room_featrue .feature {
    max-height: 400px;
    overflow: hidden;
    transition: max-height 0.4s;
  }
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .rental_info#room_featrue .open_all, .overseas.estateDetail .adv_content#room_featrue .open_all {
    width: 100%;
    height: 44px;
    background: #E8F7F8;
    border-radius: 4px;
    line-height: 44px;
    color: #2FA9AF;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    margin-top: 14px;
  }
  .overseas.estateDetail .rental_info#room_featrue .open_all img, .overseas.estateDetail .adv_content#room_featrue .open_all img {
    width: 17px;
    display: inline-block;
    transition: all 0.8s;
    transform: rotate(0deg);
  }
  .overseas.estateDetail .rental_info#room_featrue .display_none, .overseas.estateDetail .adv_content#room_featrue .display_none {
    display: none !important;
  }
}
.overseas.estateDetail .rental_info.o_rotate#room_featrue .feature, .overseas.estateDetail .adv_content.o_rotate#room_featrue .feature {
  max-height: inherit;
  overflow: inherit;
  -webkit-overflow-scrolling: touch;
  transition: max-height 0.4s;
}
.overseas.estateDetail .rental_info.o_rotate#room_featrue .open_all, .overseas.estateDetail .adv_content.o_rotate#room_featrue .open_all {
  transition: all 0.8s;
}
.overseas.estateDetail .rental_info.o_rotate#room_featrue .open_all img, .overseas.estateDetail .adv_content.o_rotate#room_featrue .open_all img {
  transform: rotate(180deg);
}
.overseas.estateDetail .root_detail_content {
  margin-top: 40px;
  border-right: 1px solid #E8E8E8;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .root_detail_content {
    margin-top: 10px;
    border-right: none;
  }
}
.overseas.estateDetail .project_info {
  padding-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .project_info {
    padding-bottom: 0px;
  }
}
.overseas.estateDetail .project_info.rental_info {
  padding-top: 0px !important;
}
.overseas.estateDetail .rental .rental_info {
  padding: 30px 25px 15px 0px !important;
}
.overseas.estateDetail .rental .rental_info .rentTitle {
  margin-bottom: 25px !important;
}
.overseas.estateDetail .rental .rental_info .rentTitle .reference {
  color: #A9A9A9;
  font-weight: 600;
  font-size: 12px;
  font-size: 0.75rem;
  position: absolute;
  right: 0px;
  margin-top: 0px;
}
.overseas.estateDetail .rental .rental_info .rentTitle .reference .tips {
  margin-left: 4px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .rental .rental_info #layout:target {
    padding-top: 44px;
  }
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .rental .rental_info {
    padding: 20px 0px 10px 0px !important;
  }
  .overseas.estateDetail .rental .rental_info .rentTitle {
    margin-bottom: 20px !important;
  }
}
.overseas.estateDetail .rental .rental_info .title {
  display: flex;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .rental .rental_info .title {
    padding-left: 0px !important;
  }
}
.overseas.estateDetail .rental .rental_info .title::before {
  content: "";
  display: none;
}
.overseas.estateDetail .rental .rental_info .title span {
  display: inline-block;
  vertical-align: sub;
  width: 5px;
  height: 25px;
  background: #2fa9af;
  margin-right: 10px;
}
.overseas.estateDetail .rental .rental_info .b-title {
  font-weight: 600;
  padding-bottom: 16px !important;
  padding-top: 0px !important;
}
.overseas.estateDetail .rental .rental_info p {
  line-height: 26px;
  font-size: 14px;
  font-size: 0.875rem;
  padding-bottom: 20px;
  text-align: justify;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .rental .rental_info p {
    line-height: 24px;
  }
}
.overseas.estateDetail .rental .rental_info .room_info_table .block ul {
  font-size: 14px;
  font-size: 0.875rem;
}
.overseas.estateDetail .rental .rental_info .room_info_table .block ul li dt {
  color: #666;
  width: 90px;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .rental .rental_info .room_info_table .block ul li dd {
    font-weight: 600;
  }
}
.overseas.estateDetail .rental .rental_info .l_facilities {
  padding-bottom: 26px;
}
.overseas.estateDetail .rental .rental_info .l_facilities:before, .overseas.estateDetail .rental .rental_info .l_facilities:after {
  content: " ";
  display: table;
}
.overseas.estateDetail .rental .rental_info .l_facilities:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .rental .rental_info .l_facilities {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 15px;
  }
}
.overseas.estateDetail .rental .rental_info .l_facilities li {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  float: left;
  margin-bottom: 30px;
  width: calc( 100%/6 );
}
.overseas.estateDetail .rental .rental_info .l_facilities li i {
  font-weight: normal;
  color: #2fa9af;
  margin-right: 3px;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .rental .rental_info .l_facilities li {
    float: initial;
    margin-bottom: 15px;
    width: calc(100%/3);
    text-align: left;
  }
}
.overseas.estateDetail .rental .rental_info .layouts {
  height: 480px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .rental .rental_info .layouts {
    display: block;
    height: auto;
    overflow-x: auto;
    white-space: nowrap;
  }
}
.overseas.estateDetail .rental .rental_info .layouts li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.overseas.estateDetail .rental .rental_info .layouts li:last-child {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .rental .rental_info .layouts li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0px;
  }
  .overseas.estateDetail .rental .rental_info .layouts li:last-child {
    margin-right: 0px;
    margin-bottom: 0px;
  }
}
.overseas.estateDetail .rental .rental_info .layouts li .l_left {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .rental .rental_info .layouts li .l_left {
    display: inline-block;
  }
  .overseas.estateDetail .rental .rental_info .layouts li .l_left .f_info p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 14px;
    font-weight: 600;
    padding: 10px 0px;
  }
  .overseas.estateDetail .rental .rental_info .layouts li .l_left .f_info .r-price {
    font-size: 12px;
    font-size: 0.75rem;
    color: #A9A9A9;
    margin-top: 0px;
  }
  .overseas.estateDetail .rental .rental_info .layouts li .l_left .f_info .r-price .lg {
    color: #D6000F;
    font-weight: 600;
    font-size: 18px;
    font-size: 1.125rem;
    padding-right: 4px;
  }
}
.overseas.estateDetail .rental .rental_info .layouts li .l_pic {
  border-radius: 2px;
  border: 1px solid #E1E1E1;
  width: 190px;
  height: 140px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .rental .rental_info .layouts li .l_pic {
    width: 195px;
  }
}
.overseas.estateDetail .rental .rental_info .layouts li .l_info {
  padding-left: 20px;
}
.overseas.estateDetail .rental .rental_info .layouts li .l_info p {
  padding-bottom: 20px;
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
}
.overseas.estateDetail .rental .rental_info .layouts li .l_info .area {
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
}
.overseas.estateDetail .rental .rental_info .layouts li .l_info .area span {
  color: #A9A9A9;
  padding-right: 4px;
}
.overseas.estateDetail .rental .rental_info .layouts li .l_right {
  text-align: right;
}
.overseas.estateDetail .rental .rental_info .layouts li .l_right .about {
  font-size: 28px;
  font-size: 1.75rem;
  padding-right: 4px;
}
.overseas.estateDetail .rental .rental_info .layouts li .l_right .rmb {
  font-size: 14px;
  font-size: 0.875rem;
  padding-right: 0px;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .rental .rental_info .layouts li .l_right .rmb {
    padding: 0px 1px;
  }
}
.overseas.estateDetail .rental .rental_info .layouts li .l_right .rmb span {
  font-size: 26px;
  font-size: 1.625rem;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .rental .rental_info .layouts li .l_right .rmb span {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .rental .rental_info .layouts li .l_right .ry {
    font-size: 14px;
    font-size: 0.875rem;
    padding-left: 2px;
  }
}
.overseas.estateDetail .rental .rental_info .layouts li .l_right .o_price {
  font-size: 14px;
  font-size: 0.875rem;
  padding-top: 10px;
}
.overseas.estateDetail .rental .rental_info .fold {
  display: block;
  color: #2fa9af;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  width: 80px;
  margin: 0 auto;
  cursor: pointer;
}
.overseas.estateDetail .rental .rental_info .fold .iconfont {
  display: inline-block;
  transform: rotate(0deg);
}
.overseas.estateDetail .rental .rental_info .fold span {
  padding-right: 4px;
}
.overseas.estateDetail .rental .rental_info#periphery dt {
  vertical-align: top;
  display: inline-block;
  line-height: 22px;
}
.overseas.estateDetail .rental .rental_info#periphery dd {
  width: calc( 100% -  94px);
  display: inline-block;
  line-height: 22px;
}
.overseas.estateDetail .rental .rental_info#periphery dd div {
  padding-bottom: 5px;
}
.overseas.estateDetail .rental .rental_info#periphery dd div:last-child {
  padding-bottom: 0px;
}
.overseas.estateDetail .rental .rental_info .cost_content {
  position: relative;
  width: 100%;
  transition: all 0.6s;
}
.overseas.estateDetail .rental .rental_info .cost_content img {
  width: 100%;
}
.overseas.estateDetail .rental .rental_info .cost_content .get_cost {
  width: 345px;
  height: 65px;
  background: #FF7300;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #e05f0;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 65px;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 1px;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .rental .rental_info .cost_content .get_cost {
    height: 44px;
    width: 210px;
    line-height: 44px;
  }
}
.overseas.estateDetail .rental .rental_info .feature li p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22px;
}
.overseas.estateDetail .rental .rental_info .feature li .lazyimg {
  min-height: 100px;
}
.overseas.estateDetail .rental .rental_info .feature li img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .rental .rental_info .feature li img {
    height: 193px;
  }
}
.overseas.estateDetail .rental .rental_info .feature li:nth-child(n + 2) {
  padding-top: 15px;
}
.overseas.estateDetail .recommend_content:before, .overseas.estateDetail .recommend_content:after {
  content: " ";
  display: table;
}
.overseas.estateDetail .recommend_content:after {
  clear: both;
}
.overseas.estateDetail .recommend_content .room-hot {
  padding-bottom: 5px;
}
.overseas.estateDetail .recommend_content .rentTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.overseas.estateDetail .recommend_content .rentTitle span {
  display: inline-block !important;
}
.overseas.estateDetail .recommend_content .r_more {
  font-size: 14px;
  font-size: 0.875rem;
  color: #666;
  font-weight: normal;
}
.overseas.estateDetail .recommend_content .r_more:hover {
  color: #2FA9AF;
}
.overseas.estateDetail .recommend_content .h_list li {
  height: 288px !important;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .recommend_content .h_list li {
    height: auto !important;
  }
}
.overseas.estateDetail .recommend_content .h_list li a {
  color: #111;
}
.overseas.estateDetail .recommend_content .h_list li .photo .type {
  font-size: 14px;
  font-size: 0.875rem;
}
.overseas.estateDetail .recommend_content .h_list li .photo .price {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 36px;
  background: rgba(0, 0, 0, 0.55);
  line-height: 36px;
  width: 100%;
  z-index: 10;
  font-size: 20px;
  font-size: 1.25rem;
  color: #fff;
  padding-right: 7px;
  font-weight: 600;
}
.overseas.estateDetail .recommend_content .h_list li .photo .price span {
  font-size: 12px;
  font-size: 0.75rem;
}
.overseas.estateDetail .recommend_content .h_list li .photo .price span.price_unit {
  padding-left: 0px !important;
}
.overseas.estateDetail .recommend_content .h_list li .photo .price .add_info {
  color: #fff;
  float: right;
  font-size: 12px;
  font-size: 0.75rem;
}
.overseas.estateDetail .recommend_content .h_list li .photo .price .add_info .iconfont {
  margin-right: 3px;
  color: #fff;
}
.overseas.estateDetail .recommend_content .h_list li .text {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.overseas.estateDetail .recommend_content .h_list li .base_info {
  font-size: 14px;
  font-size: 0.875rem;
  padding-top: 8px;
  line-height: 20px;
}
.overseas.estateDetail .adv_content .agent_info {
  text-align: center;
  padding-top: 24px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .adv_content .agent_info {
    padding-top: 0px;
  }
}
.overseas.estateDetail .adv_content .agent_info .agent_logo {
  display: block;
  width: 100px;
  height: 83px;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.overseas.estateDetail .adv_content .agent_info .agent_name {
  padding-top: 9px;
  display: inline-block;
  color: #111;
}
.overseas.estateDetail .adv_content .agent_info .agent_name img {
  width: 10px;
  position: absolute;
  top: 46px;
  right: 10px;
}
.overseas.estateDetail .adv_content .agent_info .agent_name .consult {
  margin-top: 24px;
}
.overseas.estateDetail .adv_content .agent_info .agent_name span {
  font-size: 14px;
}
.overseas.estateDetail .adv_content .agent_info .agent_name a, .overseas.estateDetail .adv_content .agent_info .agent_name .n_content {
  text-decoration: none;
  color: #111;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
}
.overseas.estateDetail .adv_content .a_content {
  padding: 24px 0 29px 0px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .adv_content .a_content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 0 20px 0px;
  }
  .overseas.estateDetail .adv_content .a_content .agent_logo {
    width: 65px;
    height: 53px;
    margin: 0;
    margin-right: 16px;
  }
}
.overseas.estateDetail .adv_content .a_content .consult {
  font-size: 14px;
  height: 44px;
  line-height: 44px;
  margin-top: 35px;
  margin-right: 17px;
  background: #FF7300;
}
.overseas.estateDetail .room_detail .container:before, .overseas.estateDetail .room_detail .container:after {
  content: " ";
  display: table;
}
.overseas.estateDetail .room_detail .container:after {
  clear: both;
}
.overseas.estateDetail .room_detail .room_menu {
  width: 100%;
  background: #EAEAEA;
  top: 66px;
}
.overseas.estateDetail .room_detail .room_menu ul:before, .overseas.estateDetail .room_detail .room_menu ul:after {
  content: " ";
  display: table;
}
.overseas.estateDetail .room_detail .room_menu ul:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .room_detail .room_menu ul {
    padding: 0px;
    overflow-x: scroll;
    white-space: nowrap;
  }
}
.overseas.estateDetail .room_detail .room_menu a {
  color: #111;
  display: inline-block;
  float: left;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .room_detail .room_menu a {
    float: none;
  }
}
.overseas.estateDetail .room_detail .room_menu a li {
  padding: 20px 22px;
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .room_detail .room_menu a li {
    padding: 10px 15px;
  }
}
.overseas.estateDetail .room_detail .room_menu a li.actived {
  background: #2fa9af;
  color: #fff;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .room_detail .room_menu a li.actived {
    background: #fff;
    color: #2fa9af;
    border-bottom: 2px solid #2fa9af;
  }
}
@media only screen and (max-width: 767px) {
  .overseas.estateDetail .statement {
    margin-bottom: 20px;
  }
  .overseas.estateDetail .statement .s-content {
    padding: 0;
    background: #fff;
  }
}
.overseas .bottom_btn .obtain {
  margin-bottom: 17px;
}

.renosy .banner {
  height: 380px;
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: center center;
}
@media(min-width : 768px) {
  .renosy .banner {
    height: 240px;
  }
}
@media(min-width : 992px) {
  .renosy .banner {
    height: 290px;
  }
}
@media(min-width : 1200px) {
  .renosy .banner {
    height: 380px;
  }
}
@media only screen and (max-width: 767px) {
  .renosy .banner {
    height: 210px;
  }
}
@media(max-width : 414px) {
  .renosy .banner {
    height: 225px;
  }
}
@media(max-width : 320px) {
  .renosy .banner {
    height: 180px;
  }
}
.renosy .r-top {
  margin-top: 36px;
  width: 100%;
  border: 1px solid #D8D8D8;
  height: 100px;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .renosy .r-top {
    height: 74px;
    line-height: 14px;
    padding-top: 10px;
    margin-bottom: 25px;
    display: inline-block;
    text-align: center;
  }
}
.renosy .r-top .title-top {
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 30px;
  font-size: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .renosy .r-top .title-top {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.renosy .r-top .r-right {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .renosy .r-top .r-right {
    padding-top: 7px;
    justify-content: center;
  }
}
.renosy .r-top img {
  width: 55px;
  height: 55px;
  margin-left: 22px;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .renosy .r-top img {
    width: 34px;
    height: 34px;
    margin-left: 0;
    vertical-align: middle;
    margin-right: 6px;
  }
}
.renosy .r-top .desc {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  width: 245px;
  text-align: left;
  word-break: keep-all;
}
@media only screen and (max-width: 767px) {
  .renosy .r-top .desc {
    line-height: 17px;
    font-size: 12px;
    font-size: 0.75rem;
    width: 210px;
    vertical-align: middle;
  }
}
.renosy .renosy-title {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 600;
  text-align: center;
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .renosy .renosy-title {
    font-size: 18px;
    font-size: 1.125rem;
    margin-top: 30px;
  }
}
.renosy .action-btn {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .renosy .action-btn {
    flex-wrap: wrap;
  }
}
.renosy .action-btn .rensoy-btn {
  margin-right: 30px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  border: 1px solid #2FA9AF;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .renosy .action-btn .rensoy-btn {
    width: 100%;
    height: 44px;
    line-height: 44px;
    margin-right: 0px;
    margin-bottom: 0px;
  }
}
.renosy .action-btn .rensoy-btn a {
  color: #2FA9AF;
  height: 100%;
}
.renosy .action-btn .rensoy-btn a .iconfont {
  font-size: 21px;
  font-size: 1.3125rem;
}
.renosy .action-btn .rensoy-btn:hover, .renosy .action-btn .rensoy-btn:active {
  background: #fff;
  border: 1px solid #84D9DD;
}
.renosy .action-btn .rensoy-btn:hover a, .renosy .action-btn .rensoy-btn:active a {
  color: #84D9DD;
}
.renosy .action-btn .rensoy-btn:hover a .iconfont, .renosy .action-btn .rensoy-btn:active a .iconfont {
  color: #84D9DD;
}
.renosy .contact-btn {
  width: 355px;
  height: 60px;
  background: #2fa9af;
  border-radius: 4px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  border: none;
  outline: none;
  color: #FFFFFF;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 60px;
  display: block;
  margin-bottom: 55px;
}
.renosy .contact-btn:hover {
  background: #18a1a7;
}
.renosy .contact-btn:active {
  background: #51cad0;
}
.renosy .contact-btn a {
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.renosy .contact-btn span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #FFFFFF;
  color: #2fa9af;
  position: relative;
  margin-right: 11px;
}
.renosy .contact-btn span i {
  font-size: 16px;
  font-size: 1rem;
  position: absolute;
  top: 50%;
  left: 3px;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .renosy .contact-btn {
    width: 100%;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 25px;
    margin-top: 15px;
  }
  .renosy .contact-btn span {
    width: 17px;
    height: 17px;
    margin-right: 8px;
  }
  .renosy .contact-btn span i {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
.renosy .honor {
  padding-bottom: 55px;
  background-color: #F5F5F5;
}
@media only screen and (max-width: 767px) {
  .renosy .honor {
    padding-bottom: 30px;
  }
}
.renosy .honor .renosy-title {
  margin-top: 0;
  padding-top: 55px;
}
@media only screen and (max-width: 767px) {
  .renosy .honor .renosy-title {
    padding-top: 30px;
  }
}
.renosy .honor ul {
  padding-top: 40px;
}
@media only screen and (max-width: 767px) {
  .renosy .honor ul {
    padding-top: 25px;
  }
}
.renosy .honor ul:before, .renosy .honor ul:after {
  content: " ";
  display: table;
}
.renosy .honor ul:after {
  clear: both;
}
.renosy .honor ul li {
  float: left;
  width: calc((100% - 80px)/5);
  background-color: #FFFFFF;
  margin-right: 20px;
  height: 100px;
  position: relative;
  margin-bottom: 20px;
}
.renosy .honor ul li img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.renosy .honor ul li:nth-child(4), .renosy .honor ul li:nth-child(9) {
  margin-right: 0px;
}
.renosy .honor ul li:first-child {
  width: calc((100% - 80px)/5*2 + 20px);
}
.renosy .honor ul li:first-child img {
  width: 343px;
}
@media only screen and (max-width: 767px) {
  .renosy .honor ul li:first-child img {
    width: 97px;
  }
}
.renosy .honor ul li:nth-child(2) img, .renosy .honor ul li:nth-child(6) img {
  width: 120px;
}
@media only screen and (max-width: 767px) {
  .renosy .honor ul li:nth-child(2) img, .renosy .honor ul li:nth-child(6) img {
    width: 72px;
  }
}
.renosy .honor ul li:nth-child(3) img {
  width: 142px;
}
@media only screen and (max-width: 767px) {
  .renosy .honor ul li:nth-child(3) img {
    width: 88px;
  }
}
.renosy .honor ul li:nth-child(4) {
  margin-right: 0px;
}
@media only screen and (max-width: 767px) {
  .renosy .honor ul li:nth-child(4) {
    margin-right: 10px;
  }
}
.renosy .honor ul li:nth-child(4) img {
  width: 68px;
}
@media only screen and (max-width: 767px) {
  .renosy .honor ul li:nth-child(4) img {
    width: 39px;
  }
}
.renosy .honor ul li:nth-child(5) img {
  width: 113px;
}
@media only screen and (max-width: 767px) {
  .renosy .honor ul li:nth-child(5) img {
    width: 64px;
  }
}
.renosy .honor ul li:nth-child(7) img {
  width: 140px;
}
@media only screen and (max-width: 767px) {
  .renosy .honor ul li:nth-child(7) img {
    width: 84px;
  }
}
.renosy .honor ul li:nth-child(8) img {
  width: 122px;
}
@media only screen and (max-width: 767px) {
  .renosy .honor ul li:nth-child(8) img {
    width: 74px;
  }
}
.renosy .honor ul li:nth-child(9) img {
  width: 130px;
}
@media only screen and (max-width: 767px) {
  .renosy .honor ul li:nth-child(9) img {
    width: 79px;
  }
}
@media only screen and (max-width: 767px) {
  .renosy .honor ul li {
    width: calc((100% - 20px)/3) !important;
    margin-bottom: 10px;
    margin-right: 10px;
    height: 50px;
  }
  .renosy .honor ul li:nth-child(3n+3) {
    margin-right: 0px;
  }
}
.renosy .reason .renosy-title {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .renosy .reason .renosy-title {
    width: 270px;
    margin: 0 auto;
    margin-top: 30px;
    line-height: 26px;
  }
  .renosy .reason .renosy-title::after, .renosy .reason .renosy-title::before {
    content: "";
    height: 32px;
    width: 2.4px;
    bottom: 0px;
    background: #111;
    position: absolute;
  }
  .renosy .reason .renosy-title::after {
    left: 7px;
    transform: rotate(-25deg);
  }
  .renosy .reason .renosy-title::before {
    right: 7px;
    transform: rotate(25deg);
  }
}
.renosy .reason ul {
  padding-top: 60px;
}
.renosy .reason ul:before, .renosy .reason ul:after {
  content: " ";
  display: table;
}
.renosy .reason ul:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .renosy .reason ul {
    padding-top: 15px;
  }
}
.renosy .reason ul li {
  float: left;
  width: calc( (100% - 40px)/3);
  border-radius: 10px;
  margin-right: 20px;
  height: 309px;
  box-shadow: 2px 1px 10px 1px #E6E6E6;
  position: relative;
  padding-top: 68px;
}
.renosy .reason ul li:last-child {
  margin-right: 0px;
}
@media only screen and (max-width: 767px) {
  .renosy .reason ul li {
    width: 100%;
    float: none;
    box-shadow: none;
    height: 40px;
    border-radius: 0;
    display: flex;
    align-items: center;
    padding-top: 0px;
    margin-top: 15px;
  }
}
.renosy .reason ul li .lazyimg {
  display: block;
  margin: 0 auto;
}
.renosy .reason ul li:last-child {
  margin-right: 0px;
}
.renosy .reason ul li:last-child .lazyimg {
  width: 249px;
  height: 162px;
}
.renosy .reason ul li:last-child .lazyimg img {
  width: 100%;
}
.renosy .reason ul li p {
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  padding-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .renosy .reason ul li p {
    padding-bottom: 0px;
  }
}
.renosy .reason ul li span {
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #2fa9af;
  color: #FFFFFF;
  position: absolute;
  top: -20px;
  left: 15px;
  padding-top: 15px;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
}
.renosy .reason ul li span i {
  font-size: 30px;
  font-size: 1.875rem;
  font-style: italic;
  display: block;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .renosy .reason ul li span {
    width: 40px;
    height: 40px;
    top: 0;
    left: 0;
    padding-top: 10px;
    position: relative;
    margin-right: 20px;
    font-size: 10px;
    font-size: 0.625rem;
  }
  .renosy .reason ul li span i {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.renosy .reason ul li:first-child .lazyimg {
  width: 217px;
  height: 174px;
}
.renosy .reason ul li:first-child .lazyimg img {
  width: 100%;
}
.renosy .reason ul li:nth-child(2) .lazyimg {
  width: 251px;
  height: 169px;
}
.renosy .reason ul li:nth-child(2) .lazyimg img {
  width: 100%;
}
.renosy .service {
  padding-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .renosy .service {
    padding-bottom: 40px;
  }
}
.renosy .service .renosy-title {
  padding-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .renosy .service .renosy-title {
    position: relative;
  }
  .renosy .service .renosy-title::after {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translate(-50%);
    content: "";
    width: 314px;
    height: 13px;
    background: #2fa9af;
    opacity: 0.12;
  }
}
.renosy .service ul:before, .renosy .service ul:after {
  content: " ";
  display: table;
}
.renosy .service ul:after {
  clear: both;
}
.renosy .service ul li {
  height: 195px;
  float: left;
  width: calc( (100% - 40px)/3);
  border-radius: 10px;
  margin-right: 20px;
  position: relative;
}
.renosy .service ul li:last-child {
  margin-right: 0px;
}
@media only screen and (max-width: 767px) {
  .renosy .service ul li {
    width: 100%;
    float: none;
    margin-right: 0px;
    margin-bottom: 10px;
    height: 110px;
    border-radius: 4px;
  }
}
.renosy .service ul li img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .renosy .service ul li img {
    border-radius: 4px;
  }
}
.renosy .service ul li .s-bg {
  padding-top: 35px;
  background-color: rgba(51, 51, 51, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .renosy .service ul li .s-bg {
    border-radius: 4px;
  }
}
.renosy .service ul li .s-bg p {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  margin-top: 8px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .renosy .service ul li .s-bg p {
    margin-top: 0;
  }
}
.renosy .service ul li .s-bg img {
  width: 70px;
  height: 70px;
  border-radius: none;
  margin: 0 auto;
  display: block;
}
@media only screen and (max-width: 767px) {
  .renosy .service ul li .s-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0px;
  }
  .renosy .service ul li .s-bg img {
    width: 55px;
    height: 55px;
    margin: 0;
    border-radius: 4px;
    margin-right: 15px;
  }
}
.renosy .contact {
  height: 180px;
  width: 100%;
  background-size: 100% 100%;
  text-align: center;
  background-repeat: no-repeat;
  line-height: 180px;
}
.renosy .contact button {
  display: inline-block;
  width: 350px;
  background-color: #FFFFFF;
  color: #111;
  margin-bottom: 0px;
}
.renosy .contact button:hover, .renosy .contact button:active {
  background-color: #FFFFFF;
}
.renosy .contact button a {
  color: #111;
}
.renosy .contact button span {
  background-color: #000000;
}
.renosy .contact button span i {
  color: #FFFFFF;
}
.renosy .contact .left-content {
  display: inline-block;
  letter-spacing: 1px;
  line-height: 36px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #FFFFFF;
  vertical-align: middle;
  padding-right: 57px;
}
@media only screen and (max-width: 767px) {
  .renosy .contact {
    height: 170px;
    background: url("/img/renosy/tw/contactbg.jpg") no-repeat;
    padding: 20px 15px 25px;
    line-height: 0px;
  }
  .renosy .contact button {
    width: 100%;
  }
  .renosy .contact .left-content {
    font-size: 18px;
    font-size: 1.125rem;
    padding-right: 0px;
    line-height: 27px;
  }
}
.renosy .experience .renosy-title {
  padding-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .renosy .experience .renosy-title {
    margin-top: 40px;
  }
}
.renosy .experience ul:before, .renosy .experience ul:after {
  content: " ";
  display: table;
}
.renosy .experience ul:after {
  clear: both;
}
.renosy .experience ul li {
  width: calc((100% - 20px)/2);
  background-color: #f5f5f5;
  border-radius: 10px;
  position: relative;
  padding: 43px 18px 25px;
  float: left;
  margin-right: 20px;
  height: 367px;
}
@media (min-width: 992px) {
  .renosy .experience ul li {
    height: 380px;
  }
}
@media (min-width: 1200px) {
  .renosy .experience ul li {
    height: 367px;
  }
}
@media only screen and (max-width: 767px) {
  .renosy .experience ul li {
    width: 100%;
    height: auto;
    float: none;
    padding: 30px 12px 20px;
  }
  .renosy .experience ul li:first-child {
    margin-bottom: 43px;
  }
}
.renosy .experience ul li:last-child {
  margin-right: 0px;
}
.renosy .experience ul li img {
  width: 60px;
  position: absolute;
  top: -30px;
  left: calc( 50% - 30px );
}
@media only screen and (max-width: 767px) {
  .renosy .experience ul li img {
    width: 40px;
    top: -20px;
    left: calc(50% - 20px);
  }
}
.renosy .experience ul li .intro {
  font-size: 14px;
  font-size: 0.875rem;
  padding-top: 14px;
  padding-bottom: 10px;
  text-align: center;
}
.renosy .experience ul li .e-title {
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  font-weight: 600;
  padding-bottom: 15px;
}
.renosy .experience ul li p {
  line-height: 22px;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: justify;
  letter-spacing: 0;
}
.renosy .experience ul li p span {
  color: #B37B1D;
  font-weight: 600;
}
.renosy .experience ul li .tip {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 12px;
  color: #8E8E8E;
  padding-top: 20px;
}
@media only screen and (max-width: 767px) {
  .renosy .experience ul li .tip {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .renosy .echart button {
    width: calc( 100%  - 30px ) !important;
    margin: 0 auto !important;
    display: block;
    margin-bottom: 25px !important;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .renosy .echart button.rensoy-btn {
    margin-bottom: 15px !important;
  }
}

@media only screen and (max-width: 767px) {
  .renosy .echart .renosy-title {
    margin-top: 40px;
  }
}
.renosy .echart p {
  text-align: center;
  color: #666;
  line-height: 16px;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 30px 0 35px 0;
}
@media only screen and (max-width: 767px) {
  .renosy .echart p {
    padding: 27px 0;
  }
}
.renosy .echart ul {
  padding-top: 20px;
}
.renosy .echart ul li {
  border-bottom: 1px solid #EEEEEE;
  width: 100%;
  display: inline-block;
  padding: 10px 0px;
  padding-left: 104px;
}
.renosy .echart ul li .container {
  height: 1px;
}
.renosy .echart ul li .e-pie {
  display: inline-block;
  vertical-align: middle;
}
.renosy .echart ul li:nth-child(odd) .e-pie {
  margin-left: -10px;
  margin-right: 40px;
  width: 227px;
  height: 173px;
}
.renosy .echart ul li:nth-child(odd) .d-content::after {
  content: "01";
  right: -16px;
  top: 24px;
}
.renosy .echart ul li:last-child {
  border: none;
}
.renosy .echart ul li:last-child .e-pie {
  width: 218px;
  margin-right: 47px;
  height: 173px;
}
@media only screen and (max-width: 767px) {
  .renosy .echart ul li:last-child .e-pie {
    margin-right: 64px !important;
  }
}
.renosy .echart ul li:last-child .d-content::after {
  content: "03";
}
.renosy .echart ul li:nth-child(2) {
  padding-left: 257px;
}
@media only screen and (max-width: 767px) {
  .renosy .echart ul li:nth-child(2) {
    padding-left: 0px;
  }
}
.renosy .echart ul li:nth-child(2) .e-pie {
  width: 243px;
  height: 154px;
}
@media only screen and (max-width: 767px) {
  .renosy .echart ul li:nth-child(2) .e-pie {
    margin-right: 42px !important;
  }
}
.renosy .echart ul li:nth-child(2) .d-content::after {
  content: "02";
  left: -86px;
  top: 26px;
}
.renosy .echart ul li .d-content {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 22px;
  vertical-align: middle;
  display: inline-block;
  width: 466px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .renosy .echart ul li .d-content {
    width: 100%;
  }
}
.renosy .echart ul li .d-content::after {
  position: absolute;
  color: #F5F5F5;
  font-size: 100px;
  font-size: 6.25rem;
  font-weight: 600;
  font-family: none;
  z-index: -1;
}
.renosy .echart ul li .e-pie img {
  width: 100%;
}
.renosy .echart ul li .d-top {
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  color: #B37B1D;
  padding-bottom: 15px;
  line-height: 16px;
  display: flex;
  align-items: center;
}
.renosy .echart ul li .d-top img {
  width: 25px;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .renosy .echart ul li .d-top {
    padding-bottom: 20px;
  }
  .renosy .echart ul li .d-top img {
    width: 20px;
    vertical-align: bottom;
  }
}
@media only screen and (max-width: 767px) {
  .renosy .echart ul li {
    padding: 15px 0;
  }
  .renosy .echart ul li .d-content::after {
    content: "" !important;
  }
  .renosy .echart ul li .e-pie {
    margin: 0 auto !important;
    display: block;
  }
}
@media (min-width: 768px) {
  .renosy .echart ul li {
    padding-left: 0px;
  }
  .renosy .echart ul li:nth-child(2) {
    padding-left: 262px;
  }
  .renosy .echart ul li .d-content {
    width: 190px;
  }
}
@media (min-width: 992px) {
  .renosy .echart ul li {
    padding-left: 72px;
  }
  .renosy .echart ul li:nth-child(2) {
    padding-left: 333px;
  }
  .renosy .echart ul li .d-content {
    width: 340px;
  }
}
@media (min-width: 1200px) {
  .renosy .echart ul li {
    padding-left: 104px;
  }
  .renosy .echart ul li:nth-child(2) {
    padding-left: 365px;
  }
  .renosy .echart ul li .d-content {
    width: 466px;
  }
}
.renosy .how {
  background-color: #F5F5F5;
  z-index: -1;
  padding-top: 55px;
  padding-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .renosy .how {
    padding-top: 40px;
    padding-bottom: 30px;
  }
}
.renosy .how .renosy-title {
  position: relative;
  margin-top: 0;
  z-index: 1;
}
.renosy .how .renosy-title::after {
  content: "HOW?";
  font-size: 150px;
  font-size: 9.375rem;
  color: #EEEDED;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  font-family: none;
}
@media only screen and (max-width: 767px) {
  .renosy .how .renosy-title::after {
    font-size: 60px;
    font-size: 3.75rem;
  }
}
.renosy .how .matter {
  padding-top: 32px;
}
.renosy .how .matter:before, .renosy .how .matter:after {
  content: " ";
  display: table;
}
.renosy .how .matter:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .renosy .how .matter {
    padding-top: 25px;
  }
}
.renosy .how .matter ul {
  float: left;
}
@media only screen and (max-width: 767px) {
  .renosy .how .matter ul {
    padding-top: 15px;
  }
}
.renosy .how .matter ul li {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .renosy .how .matter ul li {
    font-size: 14px;
    font-size: 0.875rem;
    padding-bottom: 10px;
  }
}
.renosy .how .matter ul li:last-child {
  padding-bottom: 0px;
}
.renosy .how .matter ul li i {
  font-size: 25px;
  font-size: 1.5625rem;
  color: #B37B1D;
  font-weight: 600;
  padding-right: 13px;
}
@media only screen and (max-width: 767px) {
  .renosy .how .matter ul li i {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.renosy .how .matter .lazyimg {
  float: right;
  width: 384px;
  height: 201px;
}
.renosy .how .matter .lazyimg img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .renosy .how .matter .lazyimg {
    width: 100%;
    float: none;
    height: 130px;
  }
}
.renosy .how .recommend {
  width: 581px;
  height: 63px;
  border: 1px solid #B37B1D;
  background: rgba(255, 216, 175, 0.27);
  opacity: 0.8;
  line-height: 63px;
  text-align: center;
  color: #B37B1D;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 600;
  display: block;
  letter-spacing: 1px;
  margin: 0 auto;
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .renosy .how .recommend {
    margin-top: 20px;
    width: 100%;
    height: 43px;
    line-height: 43px;
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.renosy .how .data-histogram {
  margin-top: 40px;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  .renosy .how .data-histogram {
    margin-top: 25px;
  }
}
.renosy .how .data-histogram .lazyimg {
  margin: 0 auto;
  display: block;
  margin-top: 25px;
  width: 754px;
  height: 360px;
}
.renosy .how .data-histogram .lazyimg img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .renosy .how .data-histogram .lazyimg {
    margin-top: 10px;
    width: 100%;
    height: 175px;
  }
  .renosy .how .data-histogram .lazyimg img {
    width: 96%;
    height: 175px;
  }
}
.renosy .how .data-histogram .renosy-title {
  margin-top: 24px;
  line-height: 45px;
}
@media only screen and (max-width: 767px) {
  .renosy .how .data-histogram .renosy-title {
    margin-top: 12px;
    line-height: 26px;
  }
}
.renosy .how .data-histogram .renosy-title::after {
  content: "";
}
.renosy .how .data-histogram p {
  font-size: 12px;
  font-size: 0.75rem;
  color: #666;
  padding-top: 20px;
  text-align: center;
  padding-bottom: 35px;
  padding: 15px 0 20px 0;
}
.renosy .know-more {
  padding-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .renosy .know-more {
    padding-bottom: 40px;
  }
}
.renosy .know-more .renosy-title {
  line-height: 45px;
  position: relative;
  width: 400px;
  margin: 0 auto;
  margin-top: 24px;
}
.renosy .know-more .renosy-title::after, .renosy .know-more .renosy-title::before {
  content: "";
  width: 2.4px;
  height: 42px;
  bottom: 5px;
  background: #111;
  position: absolute;
}
.renosy .know-more .renosy-title::after {
  left: 7px;
  transform: rotate(-25deg);
}
.renosy .know-more .renosy-title::before {
  right: 7px;
  transform: rotate(25deg);
}
@media only screen and (max-width: 767px) {
  .renosy .know-more .renosy-title {
    line-height: 26px;
    width: 270px;
  }
}
.renosy .know-more ul {
  display: inline-block;
  padding-top: 40px;
}
@media only screen and (max-width: 767px) {
  .renosy .know-more ul {
    padding-top: 25px;
  }
}
.renosy .know-more ul li {
  float: left;
  width: calc( (100% - 40px)/3);
  border-radius: 10px;
  margin-right: 20px;
  box-shadow: 2px 1px 10px 1px #E6E6E6;
  text-align: center;
  padding-bottom: 25px;
}
.renosy .know-more ul li:last-child {
  margin-right: 0px;
}
@media only screen and (max-width: 767px) {
  .renosy .know-more ul li {
    position: relative;
    margin-right: 0;
    float: none;
    margin-bottom: 10px;
    padding-bottom: 0px;
    width: 100%;
    height: 110px;
  }
  .renosy .know-more ul li:last-child {
    margin-bottom: 0px;
  }
  .renosy .know-more ul li .t-content {
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.6);
    border-radius: 4px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%);
    color: #FFFFFF;
  }
}
.renosy .know-more ul li .lazyimg {
  width: 100%;
  height: 206px;
}
.renosy .know-more ul li .lazyimg img {
  width: 100%;
  height: 100%;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .renosy .know-more ul li .lazyimg {
    height: 110px;
    border-radius: 4px;
  }
  .renosy .know-more ul li .lazyimg img {
    height: 100%;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
  }
}
.renosy .know-more ul li .k-title {
  color: #B37B1D;
  font-size: 18px;
  font-size: 1.125rem;
  padding-top: 16px;
}
@media only screen and (max-width: 767px) {
  .renosy .know-more ul li .k-title {
    font-size: 12px;
    font-size: 0.75rem;
    padding-top: 25px;
    color: #FFFFFF;
  }
}
.renosy .know-more ul li .k-title1 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  padding: 15px 0 12px 0;
}
@media only screen and (max-width: 767px) {
  .renosy .know-more ul li .k-title1 {
    padding: 10px 0;
  }
}
.renosy .know-more ul li p {
  line-height: 22px;
}
@media only screen and (max-width: 767px) {
  .renosy .know-more ul li p {
    line-height: 14px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
  }
}
.renosy .technologies {
  background-color: #F5F5F5;
}
@media only screen and (max-width: 767px) {
  .renosy .technologies {
    padding: 0 15px;
  }
}
.renosy .technologies .renosy-title {
  margin-top: 0;
  padding-top: 55px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .renosy-title {
    padding: 40px 0px 25px 0px;
  }
}
.renosy .technologies .container {
  background-color: #FFFFFF;
  padding: 10px 69px 35px 69px;
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .container {
    padding: 43px 7px 20px;
  }
}
.renosy .technologies .container .a-content {
  position: relative;
}
.renosy .technologies .container .a-content .bubble {
  position: absolute;
  top: 0;
  right: 0;
  width: 179px;
}
@media (min-width: 992px) {
  .renosy .technologies .container .a-content .bubble {
    width: 157px;
  }
}
@media (min-width: 1200px) {
  .renosy .technologies .container .a-content .bubble {
    width: 179px;
  }
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .container .a-content .bubble {
    width: 80px;
    transform: rotate(-105deg);
    top: -38px;
    right: 43px;
  }
}
.renosy .technologies .container .a-content .t-title, .renosy .technologies .container .a-content .t-text {
  color: #FFFFFF;
  position: absolute;
}
.renosy .technologies .container .a-content .t-text {
  top: 93px;
  right: 52px;
  font-size: 20px;
}
.renosy .technologies .container .a-content .t-text i {
  font-weight: 600;
  font-size: 30px;
  font-size: 1.875rem;
}
@media (min-width: 992px) {
  .renosy .technologies .container .a-content .t-text {
    font-size: 16px;
    font-size: 1rem;
    right: 32px;
    top: 90px;
  }
  .renosy .technologies .container .a-content .t-text i {
    font-size: 27px;
    font-size: 1.6875rem;
  }
}
@media (min-width: 1200px) {
  .renosy .technologies .container .a-content .t-text {
    font-size: 20px;
    font-size: 1.25rem;
    right: 36px;
    top: 93px;
  }
  .renosy .technologies .container .a-content .t-text i {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .container .a-content .t-text {
    top: 6px;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .renosy .technologies .container .a-content .t-text i {
    font-size: 13px;
    font-size: 0.8125rem;
    top: 27px;
    right: 53px;
  }
}
.renosy .technologies .container .a-content .t-title {
  font-size: 28px;
}
@media (min-width: 992px) {
  .renosy .technologies .container .a-content .t-title {
    top: 45px;
    right: 42px;
    font-size: 25px;
    font-size: 1.5625rem;
  }
}
@media (min-width: 1200px) {
  .renosy .technologies .container .a-content .t-title {
    right: 52px;
    top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .container .a-content .t-title {
    font-size: 13px;
    font-size: 0.8125rem;
    top: -12px;
    right: 64px;
  }
}
.renosy .technologies .container .lazyimg {
  width: 100%;
  min-height: 300px;
}
.renosy .technologies .container .lazyimg img {
  width: calc(100% - 179px);
}
@media (min-width: 992px) {
  .renosy .technologies .container .lazyimg img {
    width: calc(100% - 157px);
  }
}
@media (min-width: 1200px) {
  .renosy .technologies .container .lazyimg img {
    width: calc(100% - 179px);
  }
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .container .lazyimg {
    min-height: 100px;
  }
  .renosy .technologies .container .lazyimg img {
    width: 100%;
  }
}
.renosy .technologies .container p {
  color: #666;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
  padding-top: 25px;
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .container p {
    padding-top: 10px;
    line-height: 19px;
  }
}
.renosy .technologies .number {
  padding: 15px 0;
  margin-top: 20px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .number {
    margin-top: 15px;
    padding: 20px 0px 0px 42px;
    margin-bottom: 24px;
  }
}
.renosy .technologies .number ul:before, .renosy .technologies .number ul:after {
  content: " ";
  display: table;
}
.renosy .technologies .number ul:after {
  clear: both;
}
.renosy .technologies .number ul li {
  float: left;
  width: calc(100%/3);
  background: #FFFFFF;
  position: relative;
  text-align: left;
  padding-left: 50px;
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .number ul li {
    padding-left: 0;
  }
  .renosy .technologies .number ul li:nth-child(n+2) {
    display: flex;
    align-items: center;
  }
}
.renosy .technologies .number ul li:last-child {
  padding-left: 130px;
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .number ul li:last-child {
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .number ul li {
    float: none;
    width: 100%;
  }
}
.renosy .technologies .number ul li .n-title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .number ul li .n-title {
    display: inline-block;
  }
}
.renosy .technologies .number ul li .n-right {
  display: inline-block;
  text-align: left;
  position: relative;
  margin-top: 10px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .number ul li .n-right {
    padding-bottom: 19px;
    margin-top: 0px;
  }
}
.renosy .technologies .number ul li p {
  letter-spacing: 1px;
  font-weight: 600;
  color: #B37B1D;
  font-size: 24px;
  font-size: 1.5rem;
  padding-top: 6px;
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .number ul li p {
    font-size: 18px;
    font-size: 1.125rem;
    padding-top: 0px;
    display: inline-block;
    padding-left: 10px;
  }
}
.renosy .technologies .number ul li img {
  display: inline-block;
  margin-right: 8px;
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .number ul li img {
    margin-right: 17px;
    vertical-align: middle;
  }
}
.renosy .technologies .number ul li:first-child img {
  width: 33px;
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .number ul li:first-child img {
    width: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .number ul li:nth-child(n+2) {
    padding-bottom: 19px;
  }
}
.renosy .technologies .number ul li:nth-child(n+2) img {
  width: 31px;
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .number ul li:nth-child(n+2) img {
    width: 20px;
  }
}
.renosy .technologies .number ul li span {
  color: #666;
  line-height: 16px;
  font-size: 12px;
  font-size: 0.75rem;
  padding-top: 6px;
  position: absolute;
  bottom: 8px;
  width: 200px;
}
@media (min-width: 992px) {
  .renosy .technologies .number ul li span {
    width: 162px;
    bottom: inherit;
  }
}
@media (min-width: 1200px) {
  .renosy .technologies .number ul li span {
    width: 200px;
    bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .number ul li span {
    bottom: 0;
    left: 0;
  }
}
.renosy .technologies .help {
  padding-bottom: 55px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .help {
    padding-bottom: 25px;
    text-align: left;
    padding-left: 10px;
  }
}
.renosy .technologies .help .c-left, .renosy .technologies .help .c-right {
  display: inline-block;
}
.renosy .technologies .help .c-left img, .renosy .technologies .help .c-right img {
  width: 88px;
  vertical-align: top;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .help .c-left img, .renosy .technologies .help .c-right img {
    vertical-align: middle;
  }
}
.renosy .technologies .help .c-left p, .renosy .technologies .help .c-right p {
  padding-left: 8px;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 17px;
  display: inline-block;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .help .c-left p, .renosy .technologies .help .c-right p {
    vertical-align: middle;
  }
}
.renosy .technologies .help .c-left {
  padding-right: 40px;
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .help .c-left {
    padding-right: 0px;
  }
}
.renosy .technologies .help .c-right {
  padding-left: 40px;
  border-left: 1px solid #E5E5E5;
}
.renosy .technologies .help .c-right img {
  width: 39px;
}
@media only screen and (max-width: 767px) {
  .renosy .technologies .help .c-right {
    border-left: none;
    margin-top: 13px;
    padding-left: 0px;
  }
}
.renosy .down {
  width: 0;
  height: 0;
  border-right: 32px solid transparent;
  border-left: 32px solid transparent;
  border-top: 31px solid #F5F5F5;
  margin: 0 auto;
  display: block;
  position: relative;
}
.renosy .down img {
  width: 43px !important;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%);
  margin-top: 0px;
}
@media only screen and (max-width: 767px) {
  .renosy .down {
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
    border-top: 19px solid #F5F5F5;
  }
  .renosy .down img {
    width: 26px !important;
  }
}

.rentDetail .m-breadcrumb .m-breadcrumb_main {
  padding-top: 20px;
  padding-bottom: 12px;
}
.rentDetail .room_menu {
  position: relative;
  z-index: 0;
}
@media only screen and (min-width: 1200px) {
  .rentDetail .room_menu {
    width: 880px;
  }
}
@media only screen and (max-width: 1199px) {
  .rentDetail .room_menu {
    width: 750px;
  }
}
@media only screen and (max-width: 767px) {
  .rentDetail .room_menu {
    width: 100%;
  }
}
.rentDetail .swiper-pagination {
  display: block;
  right: 15px;
  bottom: 23px;
  margin: 0 auto;
  font-size: 14px;
  font-size: 0.875rem;
  color: #fff;
  width: 60px;
  height: 25px;
  line-height: 25px;
  padding: 0px !important;
  text-align: center;
  font-weight: 600;
  background: rgba(51, 51, 51, 0.7);
}
.rentDetail .rental_info {
  padding: 30px 0px 25px 0px;
  border-bottom: none;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_info {
    padding: 30px 0 5px 0px;
  }
  .rentDetail .rental_info .rentTitle {
    margin-bottom: 20px !important;
  }
}
.rentDetail .rental_info .title {
  padding: 0px 0px 13px 0px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_info .title {
    padding-left: 8px;
  }
  .rentDetail .rental_info .title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 100%;
    background-color: #2fa9af;
    transform: translateY(-50%);
  }
}
.rentDetail .row {
  margin: 0;
}
.rentDetail .root_detail {
  width: 100%;
  padding-top: 30px;
}
@media only screen and (max-width: 767px) {
  .rentDetail .root_detail {
    padding-top: 0px;
  }
}
.rentDetail .root_detail:before, .rentDetail .root_detail:after {
  content: " ";
  display: table;
}
.rentDetail .root_detail:after {
  clear: both;
}
.rentDetail .room_top_img {
  padding-left: 0;
}
.rentDetail .room-hot .type.type_10, .rentDetail .room_top_cont .type.type_10 {
  background-color: #D75757 !important;
}
.rentDetail .room-hot .type.type_20, .rentDetail .room_top_cont .type.type_20 {
  background-color: #D9712B !important;
}
.rentDetail .room-hot .type.type_30, .rentDetail .room_top_cont .type.type_30 {
  background-color: #2B93D9 !important;
}
.rentDetail .room-hot .type.type_40, .rentDetail .room_top_cont .type.type_40 {
  background-color: #1BB8CE !important;
}
.rentDetail .room-hot .type.type_50, .rentDetail .room_top_cont .type.type_50 {
  background-color: #FF7400 !important;
}
.rentDetail .room-hot .type.type_60, .rentDetail .room_top_cont .type.type_60 {
  background-color: #FF5A5F !important;
}
.rentDetail .room-hot .type.type_70, .rentDetail .room_top_cont .type.type_70 {
  background-color: #E78002 !important;
  width: 90px !important;
}
.rentDetail .room-hot .type.type_70 + h1, .rentDetail .room_top_cont .type.type_70 + h1 {
  width: calc( 100% - 90px ) !important;
}
.rentDetail .room-hot .type.type_80, .rentDetail .room_top_cont .type.type_80 {
  background-color: #29BAAD !important;
}
.rentDetail .room-hot .type.type_90, .rentDetail .room_top_cont .type.type_90 {
  background-color: #E6B82E !important;
}
.rentDetail .room_top_cont {
  padding-right: 0px;
}
@media only screen and (max-width: 767px) {
  .rentDetail .room_top_cont {
    padding-left: 0px;
  }
}
.rentDetail .room_top_cont .title {
  margin-top: 0;
}
.rentDetail .cost .tips, .rentDetail .r-price .tips {
  vertical-align: bottom;
  margin-left: 5px;
  border-radius: 100%;
  background: #dddddd;
  display: inline-block;
  color: #666666;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  line-height: 16px;
  width: 16px;
  height: 16px;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .rentDetail .cost .tips, .rentDetail .r-price .tips {
    color: #fff;
    background-color: #D8D8D8;
  }
}
.rentDetail .r-price {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  color: #D6000F;
  margin-top: 20px;
}
.rentDetail .r-price .rmb {
  font-size: 36px;
  font-size: 2.25rem;
  padding: 0 5px;
}
@media only screen and (max-width: 767px) {
  .rentDetail .r-price .rmb {
    font-size: 26px;
    font-size: 1.625rem;
  }
}
.rentDetail .r-price .ry {
  font-size: 12px;
  font-size: 0.75rem;
  padding-left: 10px;
  font-weight: 400;
  color: #111;
}
@media only screen and (max-width: 767px) {
  .rentDetail .r-price {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .rentDetail .r-price .rmb {
    font-size: 20pxpx;
    font-size: 1.25pxrem;
  }
  .rentDetail .r-price .ry {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.rentDetail .cost {
  padding: 17px 0;
  margin-top: 17px;
  border-bottom: 1px solid #E5E5E5;
  border-top: 1px solid #E5E5E5;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .rentDetail .cost {
    font-weight: 400;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .rentDetail .cost span {
    flex: 1;
    text-align: center;
    position: relative;
    font-weight: 600;
  }
  .rentDetail .cost span:last-child .tips {
    position: absolute;
    top: 2px;
    right: 3px;
  }
  .rentDetail .cost span i {
    width: 100%;
    display: inline-block;
    padding-bottom: 6px;
    color: #111;
    font-weight: 400;
  }
  .rentDetail .cost .tips {
    margin-left: 0px;
    flex: none;
    color: #fff;
  }
}
.rentDetail .cost span {
  border-right: 1px solid #E5E5E5;
  color: #111;
}
.rentDetail .cost span.has_money {
  color: #D6000F;
}
.rentDetail .cost span i {
  color: #111;
}
.rentDetail .cost span:first-child {
  padding-right: 28px;
}
@media only screen and (max-width: 767px) {
  .rentDetail .cost span:first-child {
    padding-right: 0px;
  }
}
.rentDetail .cost span:nth-child(2) {
  padding: 0 28px;
}
@media only screen and (max-width: 767px) {
  .rentDetail .cost span:nth-child(2) {
    padding: 0px;
  }
}
.rentDetail .cost span:nth-child(3) {
  border-right: none;
  padding-left: 28px;
}
@media only screen and (max-width: 767px) {
  .rentDetail .cost span:nth-child(3) {
    padding-left: 0px;
  }
}
.rentDetail .r-info {
  padding-top: 16px;
}
.rentDetail .r-info li {
  padding-left: 18px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .rentDetail .r-info li:first-child .c-info {
    line-height: 20px;
  }
}
.rentDetail .r-info li i {
  color: #666;
  margin-right: 5px;
  font-size: 14px;
  font-size: 0.875rem;
  position: absolute;
  top: 1px;
  left: 0;
}
.rentDetail .r-info li span {
  font-size: 16px;
  font-size: 1rem;
}
.rentDetail .r-info li .c-info {
  margin-bottom: 20px;
  display: inline-block;
}
.rentDetail .r-info li .c-info span {
  display: block;
  margin-bottom: 16px;
}
.rentDetail .r-info li .c-info span:last-child {
  margin-bottom: 0;
}
.rentDetail .r-info li .c-info a {
  text-decoration: underline;
  color: #111;
}
.rentDetail .r-info li .c-info a:hover {
  color: #2fa9af;
}
@media only screen and (max-width: 767px) {
  .rentDetail .r-info li .c-info {
    margin-bottom: 15px;
  }
  .rentDetail .r-info li .c-info span {
    line-height: 20px;
    margin-bottom: 10px;
  }
}
.rentDetail .imContact {
  width: 100%;
  border: none;
  outline: none;
  background-color: #2fa9af;
  border-radius: 2px;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  padding: 14px 0;
}
@media only screen and (max-width: 767px) {
  .rentDetail .imContact {
    border-radius: 4px;
  }
}
.rentDetail .imContact img {
  width: 16px;
  vertical-align: sub;
  animation: c-chat 0.5s infinite linear;
  margin-right: 5px;
}
@keyframes c-chat {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(1px);
  }
  50% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(-1px);
  }
  100% {
    transform: translateY(0px);
  }
}
.rentDetail .room_menu {
  position: sticky;
  top: 66px;
  z-index: 9;
}
.rentDetail .room_menu .menu {
  border-bottom: 1px solid #E5E5E5;
}
.rentDetail .room_menu .menu li {
  padding-bottom: 0px !important;
  text-align: left !important;
}
@media only screen and (max-width: 767px) {
  .rentDetail .room_menu .menu li {
    width: calc( 100%/5 ) !important;
    font-size: 15px !important;
    padding-top: 5px !important;
  }
}
@media(min-width : 320px) {
  .rentDetail .room_menu .menu li {
    font-size: 13px !important;
  }
}
.rentDetail .room_menu .menu li span {
  padding-bottom: 10px;
  display: inline-block;
  font-size: 18px;
  font-size: 1.125rem;
}
.rentDetail .room_menu .menu li:hover {
  color: #111 !important;
  background-color: #fff !important;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .rentDetail .room_menu .menu li:hover {
    padding-bottom: 13px;
  }
}
.rentDetail .room_menu .menu li:hover span {
  position: relative;
}
.rentDetail .room_menu .menu li:hover span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #2fa9af;
}
.rentDetail .room_menu .menu li.active {
  background-color: #fff !important;
  color: #111 !important;
  font-weight: 600;
}
.rentDetail .room_menu .menu li.active span {
  position: relative;
}
.rentDetail .room_menu .menu li.active span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #2fa9af;
}
.rentDetail .room_menu1 {
  z-index: 5;
}
.rentDetail .rental_detail_content {
  position: relative;
  z-index: 0;
}
.rentDetail .rental_detail_content .rental_info#room_info button {
  margin-top: 19px;
}
.rentDetail .rental_detail_content .rental_info .title {
  border-left: none;
  padding: 0px 0px 13px 0px;
  border-bottom: 1px solid #F3F3F3;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content .rental_info .title {
    padding: 0px;
    padding-left: 8px;
    border-bottom: 0px;
  }
}
.rentDetail .rental_detail_content .rental_info .b-title {
  padding-top: 15px;
  padding-bottom: 25px;
  font-size: 18px;
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content .rental_info .b-title {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    padding-bottom: 20px;
  }
}
.rentDetail .rental_detail_content .rental_info .r-base-info:before, .rentDetail .rental_detail_content .rental_info .r-base-info:after {
  content: " ";
  display: table;
}
.rentDetail .rental_detail_content .rental_info .r-base-info:after {
  clear: both;
}
.rentDetail .rental_detail_content .rental_info .r-base-info dl {
  height: 50px;
  width: 50%;
  float: left;
  border-top: 1px solid #D8D8D8;
  display: flex;
}
.rentDetail .rental_detail_content .rental_info .r-base-info dl:nth-last-of-type(-n+1) {
  border-bottom: 1px solid #D8D8D8;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content .rental_info .r-base-info dl:nth-of-type(2n) {
    border-right: 1px solid #D8D8D8;
  }
}
.rentDetail .rental_detail_content .rental_info .r-base-info dl dt, .rentDetail .rental_detail_content .rental_info .r-base-info dl dd {
  line-height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rentDetail .rental_detail_content .rental_info .r-base-info dl dt {
  background: #f0f0f0;
  font-size: 16px;
  font-size: 1rem;
  width: 165px;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content .rental_info .r-base-info dl dt {
    width: 80px;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.rentDetail .rental_detail_content .rental_info .r-base-info dl dd {
  width: calc(100% - 165px);
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content .rental_info .r-base-info dl dd {
    width: calc(100% - 80px);
  }
}
.rentDetail .rental_detail_content .rental_info .r-base-info dl dt {
  font-weight: 600;
}
.rentDetail .rental_detail_content .rental_info .r-base-info dl:nth-last-of-type(-n+2) {
  border-bottom: 1px solid #D8D8D8;
}
.rentDetail .rental_detail_content .rental_info .r-base-info dl:last-of-type {
  width: 100%;
}
.rentDetail .rental_detail_content .rental_info .r-base-info dl:nth-last-of-type(2) {
  border-bottom: none;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content .rental_info .r-base-info dl:nth-last-of-type(2), .rentDetail .rental_detail_content .rental_info .r-base-info dl:last-of-type {
    border-right: 1px solid #D8D8D8;
  }
  .rentDetail .rental_detail_content .rental_info .r-base-info dl:nth-of-type(odd), .rentDetail .rental_detail_content .rental_info .r-base-info dl:last-of-type {
    border-left: 1px solid #D8D8D8;
  }
}
.rentDetail .rental_detail_content .facilities {
  margin-top: 25px;
}
.rentDetail .rental_detail_content .facilities ul:before, .rentDetail .rental_detail_content .facilities ul:after {
  content: " ";
  display: table;
}
.rentDetail .rental_detail_content .facilities ul:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content .facilities ul {
    display: flex;
    flex-wrap: wrap;
  }
}
.rentDetail .rental_detail_content .facilities ul li {
  float: left;
  width: calc((100% - 256px)/4);
  text-align: center;
  padding-bottom: 36px;
}
.rentDetail .rental_detail_content .facilities ul li:first-child, .rentDetail .rental_detail_content .facilities ul li:nth-child(7) {
  width: 146px;
}
.rentDetail .rental_detail_content .facilities ul li:nth-child(6), .rentDetail .rental_detail_content .facilities ul li:nth-child(12) {
  width: 110px;
}
.rentDetail .rental_detail_content .facilities ul li .iconfont {
  font-size: 44px;
  font-size: 2.75rem;
  display: inline-block;
  margin-bottom: 13px;
  color: #D8D8D8;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content .facilities ul li {
    width: calc(100%/4) !important;
    padding-bottom: 15px;
  }
  .rentDetail .rental_detail_content .facilities ul li:first-child span {
    max-width: 72px;
    text-align: center;
    margin: 0 auto;
  }
}
.rentDetail .rental_detail_content .facilities ul li span {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  text-decoration: line-through;
  color: #D8D8D8;
}
.rentDetail .rental_detail_content .facilities ul li.exist .iconfont {
  color: #2fa9af;
}
.rentDetail .rental_detail_content .facilities ul li.exist span {
  text-decoration: none;
  color: #111;
}
.rentDetail .rental_detail_content .c-contact {
  border: none;
  outline: none;
  margin: 0 auto;
  display: block;
  width: 590px;
  height: 60px;
  background: #FF7300;
  border-radius: 2px;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content .c-contact {
    width: 100%;
    height: 44px;
    border-radius: 4px;
    box-shadow: none;
  }
}
.rentDetail .rental_detail_content .c-contact .iconfont {
  font-size: 16px;
  font-size: 1rem;
  margin-right: 6px;
  color: #fff;
}
.rentDetail .rental_detail_content .mapMain {
  margin-top: 14px;
}
.rentDetail .rental_detail_content #rental_process:before, .rentDetail .rental_detail_content #rental_process:after {
  content: " ";
  display: table;
}
.rentDetail .rental_detail_content #rental_process:after {
  clear: both;
}
.rentDetail .rental_detail_content #rental_process dl {
  height: 50px;
  width: 50%;
  float: left;
  border-top: 1px solid #D8D8D8;
  display: flex;
}
.rentDetail .rental_detail_content #rental_process dl:nth-last-of-type(-n+1) {
  border-bottom: 1px solid #D8D8D8;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content #rental_process dl:nth-of-type(2n) {
    border-right: 1px solid #D8D8D8;
  }
}
.rentDetail .rental_detail_content #rental_process dl dt, .rentDetail .rental_detail_content #rental_process dl dd {
  line-height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rentDetail .rental_detail_content #rental_process dl dt {
  background: #f0f0f0;
  font-size: 16px;
  font-size: 1rem;
  width: 165px;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content #rental_process dl dt {
    width: 80px;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.rentDetail .rental_detail_content #rental_process dl dd {
  width: calc(100% - 165px);
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content #rental_process dl dd {
    width: calc(100% - 80px);
  }
}
.rentDetail .rental_detail_content #rental_process dl {
  width: 100%;
  height: 45px;
  border-left: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content #rental_process dl {
    height: auto;
    padding-left: 7px;
  }
}
.rentDetail .rental_detail_content #rental_process dl dt {
  border-right: 1px solid #D8D8D8;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content #rental_process dl dt {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content #rental_process dl dd {
    width: 100%;
    text-align: left;
  }
}
.rentDetail .rental_detail_content #rental_process dl dd, .rentDetail .rental_detail_content #rental_process dl dt {
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #fff;
  line-height: 45px;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content #rental_process dl dd, .rentDetail .rental_detail_content #rental_process dl dt {
    line-height: 30px;
  }
}
.rentDetail .rental_detail_content #rental_process dl:first-of-type {
  margin-top: 7px;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content #rental_process dl:first-of-type {
    padding-left: 0px;
  }
}
.rentDetail .rental_detail_content #rental_process dl:first-of-type dt, .rentDetail .rental_detail_content #rental_process dl:first-of-type dd {
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  background-color: #F0F0F0;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content #rental_process dl:first-of-type dt, .rentDetail .rental_detail_content #rental_process dl:first-of-type dd {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content #rental_process dl:nth-of-type(n+2) {
    border-top: none;
  }
  .rentDetail .rental_detail_content #rental_process dl:nth-of-type(n+2) dd {
    justify-content: left;
  }
  .rentDetail .rental_detail_content #rental_process dl:nth-of-type(2) {
    padding-top: 9px;
  }
  .rentDetail .rental_detail_content #rental_process dl:nth-last-of-type(1) {
    padding-bottom: 9px;
  }
}
.rentDetail .rental_detail_content #room_cost {
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content #room_cost {
    margin-top: 5px;
  }
}
.rentDetail .rental_detail_content #room_cost:before, .rentDetail .rental_detail_content #room_cost:after {
  content: " ";
  display: table;
}
.rentDetail .rental_detail_content #room_cost:after {
  clear: both;
}
.rentDetail .rental_detail_content #room_cost dl {
  height: 50px;
  width: 50%;
  float: left;
  border-top: 1px solid #D8D8D8;
  display: flex;
}
.rentDetail .rental_detail_content #room_cost dl:nth-last-of-type(-n+1) {
  border-bottom: 1px solid #D8D8D8;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content #room_cost dl:nth-of-type(2n) {
    border-right: 1px solid #D8D8D8;
  }
}
.rentDetail .rental_detail_content #room_cost dl dt, .rentDetail .rental_detail_content #room_cost dl dd {
  line-height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rentDetail .rental_detail_content #room_cost dl dt {
  background: #f0f0f0;
  font-size: 16px;
  font-size: 1rem;
  width: 165px;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content #room_cost dl dt {
    width: 80px;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.rentDetail .rental_detail_content #room_cost dl dd {
  width: calc(100% - 165px);
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content #room_cost dl dd {
    width: calc(100% - 80px);
  }
}
.rentDetail .rental_detail_content #room_cost dl {
  height: 100%;
}
.rentDetail .rental_detail_content #room_cost dl dt {
  font-weight: 600;
}
.rentDetail .rental_detail_content #room_cost dl:first-of-type {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}
.rentDetail .rental_detail_content #room_cost dl:first-of-type dd {
  font-size: 16px;
  font-size: 1rem;
}
.rentDetail .rental_detail_content #room_cost dl:first-of-type i {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  margin-left: 10px;
}
.rentDetail .rental_detail_content #room_cost dl:first-of-type, .rentDetail .rental_detail_content #room_cost dl:last-of-type {
  width: 100%;
}
.rentDetail .rental_detail_content #room_cost dl dd ul {
  padding: 6px 15px;
}
.rentDetail .rental_detail_content #room_cost dl dd ul li {
  font-size: 14px;
  font-size: 0.875rem;
  padding-left: 8px;
  line-height: 20px;
  text-align: left;
  position: relative;
}
.rentDetail .rental_detail_content #room_cost dl dd ul li:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  background: #666;
}
.rentDetail .rental_detail_content #room_cost dl dd ul p {
  font-size: 14px;
  font-size: 0.875rem;
  padding-left: 7px;
  line-height: 20px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content #room_cost dl:first-of-type dd {
    padding-top: 24px;
    display: inline-block;
    text-align: center;
  }
  .rentDetail .rental_detail_content #room_cost dl:first-of-type dd i {
    display: inline-block;
  }
  .rentDetail .rental_detail_content #room_cost dl:nth-of-type(n+2) dd {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .rentDetail .rental_detail_content #room_cost dl dt {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 27px;
    padding: 20px 12px;
  }
  .rentDetail .rental_detail_content #room_cost dl dd {
    line-height: 22px;
  }
  .rentDetail .rental_detail_content #room_cost dl:nth-of-type(1), .rentDetail .rental_detail_content #room_cost dl:nth-of-type(2), .rentDetail .rental_detail_content #room_cost dl:nth-of-type(4), .rentDetail .rental_detail_content #room_cost dl:last-of-type {
    border-left: 1px solid #D8D8D8;
  }
  .rentDetail .rental_detail_content #room_cost dl:nth-of-type(1), .rentDetail .rental_detail_content #room_cost dl:nth-of-type(3), .rentDetail .rental_detail_content #room_cost dl:nth-of-type(5) {
    border-right: 1px solid #D8D8D8;
  }
}
.rentDetail .rental_detail_content .cost-btn {
  margin-top: 55px;
}
@media only screen and (max-width: 767px) {
  .rentDetail .rental_detail_content .cost-btn {
    margin-top: 35px;
  }
}
.rentDetail .room-hot {
  margin-top: 25px;
  float: left;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .rentDetail .room-hot {
    margin-top: 5px;
  }
  .rentDetail .room-hot .title {
    padding-bottom: 0px;
  }
}
.rentDetail .room-hot .title {
  border-left: none;
}
.rentDetail .room-hot .h_list {
  padding-bottom: 45px;
}
@media only screen and (max-width: 767px) {
  .rentDetail .room-hot .h_list {
    padding-bottom: 15px;
  }
}
.rentDetail .room-hot .h_list ul {
  margin: 0;
  width: 100%;
}
.rentDetail .room-hot .h_list ul:before, .rentDetail .room-hot .h_list ul:after {
  content: " ";
  display: table;
}
.rentDetail .room-hot .h_list ul:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .rentDetail .room-hot .h_list ul {
    white-space: nowrap;
    width: 100vw;
    overflow-x: auto;
    overflow-y: hidden;
    display: -webkit-box;
    -webkit-overflow-scrolling: touch;
  }
}
.rentDetail .room-hot .h_list ul li {
  width: calc((100% - 39px)/4);
  height: 310px;
  margin: 0;
  float: left;
  margin-right: 13px;
}
@media only screen and (max-width: 767px) {
  .rentDetail .room-hot .h_list ul li {
    width: 249px;
    float: none;
    height: 240px;
  }
}
.rentDetail .room-hot .h_list ul li:last-child {
  margin-right: 0px;
}
.rentDetail .room-hot .h_list ul li a {
  display: block;
  height: 100%;
}
.rentDetail .room-hot .h_list ul li a:hover {
  text-decoration: none;
}
.rentDetail .room-hot .h_list ul li a:hover .photo img {
  background-size: cover;
  background-position: center;
  transform: scale(1.05);
}
.rentDetail .room-hot .h_list ul li a:hover .text {
  color: #10AEC2;
}
.rentDetail .room-hot .h_list ul li a:focus, .rentDetail .room-hot .h_list ul li a:active {
  text-decoration: none;
}
.rentDetail .room-hot .h_list ul li a .photo {
  width: 100%;
  height: 234px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .rentDetail .room-hot .h_list ul li a .photo {
    height: 138px;
  }
}
.rentDetail .room-hot .h_list ul li a .photo img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.4s ease;
  transform: scale(1);
}
.rentDetail .room-hot .h_list ul li a .photo .type {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  line-height: 20px;
  text-align: center;
  width: 60px;
  padding: 4px 6px;
  background: #10AEC2;
  z-index: 6;
  font-weight: 600;
}
.rentDetail .room-hot .h_list ul li a .photo .address {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  height: 44px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 44px;
  padding-left: 7px;
  colro: #fff;
  z-index: 5;
}
.rentDetail .room-hot .h_list ul li a .photo .sell_out {
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.rentDetail .room-hot .h_list ul li a .photo .sell_out img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 94px;
  display: block;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .rentDetail .room-hot .h_list ul li a .photo .sell_out img {
    width: 74px;
  }
}
.rentDetail .room-hot .h_list ul li a .price {
  font-size: 14px;
  font-size: 0.875rem;
  color: #D6000F;
}
.rentDetail .room-hot .h_list ul li a .price span {
  font-size: 24px;
  font-size: 1.5rem;
  padding-left: 7px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .rentDetail .room-hot .h_list ul li a .price span {
    font-size: 20px;
    font-size: 1.25rem;
    padding-left: 3px;
  }
}
.rentDetail .room-hot .h_list ul li a .price i {
  font-size: 14px;
  font-size: 0.875rem;
  color: #111;
  padding-left: 7px;
}
@media only screen and (max-width: 767px) {
  .rentDetail .room-hot .h_list ul li a .price i {
    padding-left: 3px;
  }
}
.rentDetail .room-hot .h_list ul li a .layout {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 9px 0 10px 0;
  color: #111;
}
.rentDetail .room-hot .h_list ul li a .station {
  color: #111;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  white-space: normal;
}
.rentDetail .room-hot .h_list ul li a .station i {
  font-size: 14px;
  font-size: 0.875rem;
  color: #666;
  margin-right: 3px;
}
.rentDetail .fixed_contactBtn .img-box img {
  vertical-align: sub;
  margin-right: 5px;
}

.rentList .searchSection {
  padding-bottom: 0px;
}
.rentList .m-breadcrumb .m-breadcrumb_main {
  padding-top: 20px;
  padding-bottom: 12px;
}
@media only screen and (max-width: 767px) {
  .rentList .m-breadcrumb .m-breadcrumb_main {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .rentList .m-breadcrumb .m-breadcrumb_main ol {
    padding: 10px 0 5px 0px;
  }
  .rentList .m-breadcrumb .m-breadcrumb_main li {
    line-height: 20px;
  }
}
.rentList .m-breadcrumb .rental dl {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .rentList .filter {
    margin: 0 -15px;
    background-color: #F0F0F0;
    padding: 10px 15px !important;
    margin-top: 15px;
  }
  .rentList .filter .sort {
    padding: 0;
    display: inline-block;
    width: 100%;
  }
  .rentList .filter .sort a {
    width: calc((100% - 136px)/2);
    margin-right: 0;
    display: inline-block;
    text-align: center;
  }
  .rentList .filter .sort a.selected {
    color: #2fa9af;
  }
  .rentList .filter .sort a:first-child {
    width: 68px;
  }
  .rentList .filter .sort a:last-child {
    width: 53px;
  }
  .rentList .filter .sort a:nth-child(2) {
    padding-left: 10px;
  }
  .rentList .filter .sort a:nth-child(3) {
    padding-right: 10px;
  }
}
.rentList .estate_list_cont .no_data {
  color: #888888;
  font-size: 20px;
  font-size: 1.25rem;
  text-align: center;
  padding-top: 67px;
}
@media only screen and (max-width: 767px) {
  .rentList .estate_list_cont .no_data {
    padding-top: 40px;
    font-size: 16px;
    font-size: 1rem;
    padding-bottom: 40px;
  }
}
.rentList .estate_list_cont .item a a {
  display: inline;
}
.rentList .estate_list_cont .item .tips {
  margin-left: 5px;
  border-radius: 100%;
  background: #dddddd;
  display: inline-block;
  color: #666666;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  line-height: 16px;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .rentList .estate_list_cont .item .tips {
    margin-left: 0;
    background-color: #d8d8d8;
    color: #fff;
  }
}
.rentList .estate_list_cont .item .typeTag {
  top: 0px;
}
.rentList .estate_list_cont .item .tw-title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 19px;
  width: 100%;
  padding-bottom: 10px;
}
.rentList .estate_list_cont .item .tw-price {
  font-size: 12px;
  font-size: 0.75rem;
}
.rentList .estate_list_cont .item .tw-price .cny {
  color: #D6000F;
  padding-right: 9px;
}
.rentList .estate_list_cont .item .tw-price .cny i {
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 0 3px;
}
.rentList .estate_list_cont .item .tw-price .jpy {
  color: #666;
}
.rentList .estate_list_cont .item .photo .typeTag {
  top: 10px;
  left: 10px;
}
@media only screen and (max-width: 767px) {
  .rentList .estate_list_cont .item .photo {
    width: 115px;
  }
  .rentList .estate_list_cont .item .photo .image {
    width: 100px;
    height: 130px;
  }
}
.rentList .estate_list_cont .info {
  padding-top: 0px;
}
.rentList .estate_list_cont .info .title {
  margin-bottom: 20px;
  padding-top: 5px;
}
@media only screen and (max-width: 767px) {
  .rentList .estate_list_cont .info {
    width: calc( 100% - 120px);
  }
}
.rentList .estate_list_cont .info .iconfont {
  color: #666;
}
.rentList .estate_list_cont .info .obtain_btn {
  position: relative;
  top: 0;
  width: 180px;
  margin-top: 10px;
  right: 0px;
}
.rentList .estate_list_cont .info .obtain_btn .iconfont {
  color: #fff;
}
.rentList .estate_list_cont .info .deposit {
  padding: 5px 0 13px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
}
@media only screen and (max-width: 767px) {
  .rentList .estate_list_cont .info .deposit {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 6px 0;
  }
}
.rentList .estate_list_cont .info .deposit span {
  font-weight: 600;
  padding-right: 20px;
}
.rentList .estate_list_cont .info .deposit span i {
  color: #D6000F;
}
@media only screen and (max-width: 767px) {
  .rentList .estate_list_cont .info .deposit span:nth-of-type(2) {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .rentList .estate_list_cont .info .deposit span {
    padding-right: 5px;
  }
}
.rentList .estate_list_cont .info .deposit span.has_money i {
  color: #111;
}
.rentList .estate_list_cont .info .keywordsTag {
  margin-bottom: 0px;
}
.rentList .estate_list_cont .info .keywordsTag span {
  font-weight: normal;
}
.rentList .estate_list_cont .info .keywordsTag span.tag1 {
  background: #FFE5E4;
  color: #C24837;
}
.rentList .estate_list_cont .info .keywordsTag span.tag2 {
  background: #DAF3FC;
  color: #417F98;
}
.rentList .estate_list_cont .info .keywordsTag span.tag3 {
  background: #F8EEC6;
  color: #D5721F;
}
.rentList .estate_list_cont .info .station, .rentList .estate_list_cont .info .baseInfo {
  position: relative;
  padding-left: 18px;
}
@media only screen and (max-width: 767px) {
  .rentList .estate_list_cont .info .station, .rentList .estate_list_cont .info .baseInfo {
    padding-left: 0px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 20px;
  }
}
.rentList .estate_list_cont .info .station .iconfont, .rentList .estate_list_cont .info .baseInfo .iconfont {
  position: absolute;
  left: 0;
}
.rentList .estate_list_cont .info .baseInfo {
  margin-bottom: 8px;
  line-height: 20px;
}
@media only screen and (max-width: 767px) {
  .rentList .estate_list_cont .info .baseInfo {
    margin-bottom: 8px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .rentList .estate_list_cont .info .baseInfo span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.rentList .estate_list_cont .info .baseInfo .iconfont {
  margin-right: 3px;
  font-size: 14px;
  font-size: 0.875rem;
}
.rentList .estate_list_cont .info .station {
  line-height: 20px;
  font-size: 14px;
  font-size: 0.875rem;
}
.rentList .estate_list_cont .info .station a {
  border-bottom: 1px solid #999;
  display: inline;
}
.rentList .estate_list_cont .info .station a:hover {
  color: #2fa9af;
}
.rentList .estate_list_cont .info .station .iconfont {
  font-size: 14px;
  font-size: 0.875rem;
}
.rentList .estate_list_cont .price {
  right: 20px;
}
.rentList .estate_list_cont .price .cny {
  color: #D6000F;
  font-size: 14px;
  font-size: 0.875rem;
}
.rentList .estate_list_cont .price .large {
  padding-right: 2px;
  padding-left: 2px;
}
.rentList .estate_list_cont .price .jpy {
  font-size: 14px;
  font-size: 0.875rem;
}
.rentList .estate_list_cont .obtain_btn {
  right: 20px;
  top: 79px;
}
.rentList .estate_list_cont .agent_info {
  position: absolute;
  right: 40px;
  top: 134px;
}
@media only screen and (max-width: 767px) {
  .rentList .estate_list_cont .agent_info {
    right: inherit;
    left: 0px;
    top: 184px;
  }
}
.rentList .estate_list_cont .agent_info .a_logo {
  width: 110px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  text-align: center;
  border: 1px solid #ECECEC;
}
@media only screen and (max-width: 767px) {
  .rentList .estate_list_cont .agent_info .a_logo {
    width: 100px;
    height: 30px;
    line-height: 30px;
  }
}
.rentList .estate_list_cont .agent_info .a_logo img {
  width: 72px;
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .rentList .estate_list_cont .agent_info .a_logo img {
    width: 60px;
  }
}
.rentList .estate_list_cont .agent_info p {
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  padding-top: 7px;
  color: #111;
}
.rentList .estate_list_cont .address {
  position: relative;
  padding-left: 18px;
  margin-bottom: 15px;
  line-height: 20px;
}
@media only screen and (max-width: 767px) {
  .rentList .estate_list_cont .address {
    padding-left: 0px;
    line-height: 12px !important;
    margin-bottom: 8px;
  }
}
.rentList .estate_list_cont .address .icon-location {
  position: absolute;
  left: 0;
}
.rentList .content_flex {
  display: flex;
  justify-content: space-between;
}
.rentList .estate_adv {
  position: static;
  float: none;
}
.rentList .estate_adv .top-header {
  padding: 12px;
  background: #2FA9AF;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.rentList .estate_adv .search-content {
  background-color: #F7F7F7;
  width: 100%;
  padding: 0px 15px 25px;
  margin-bottom: 23px;
}
.rentList .estate_adv .search-content .s-top {
  margin-bottom: 10px;
}
.rentList .estate_adv .search-content .s-top:before, .rentList .estate_adv .search-content .s-top:after {
  content: " ";
  display: table;
}
.rentList .estate_adv .search-content .s-top:after {
  clear: both;
}
.rentList .estate_adv .search-content .s-top span.search-title {
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
}
@media (min-width: 2840px) {
  .rentList .estate_adv .search-content .s-top span.search-title {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media (max-width: 1200px) {
  .rentList .estate_adv .search-content .s-top span.search-title {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.rentList .estate_adv .search-content .s-top span.search-title i {
  margin-right: 4px;
}
.rentList .estate_adv .search-content p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  color: #171717;
}
.rentList .estate_adv .search-content .top-content {
  padding-top: 15px;
}
.rentList .estate_adv .search-content .top-content .s-content .s-result {
  position: relative;
  background: #fff;
  padding: 9px;
  padding-right: 35px;
}
.rentList .estate_adv .search-content .top-content .s-content .s-result p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  word-break: break-all;
  overflow: hidden;
  text-overflow: clip;
  display: -webkit-box;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.rentList .estate_adv .search-content .top-content .s-content .s-result:first-child {
  margin-bottom: 5px;
}
.rentList .estate_adv .search-content .top-content .s-content .s-result .add-btn {
  cursor: pointer;
  position: absolute !important;
  top: 50%;
  right: 9px;
  transform: translateY(-50%);
}
.rentList .estate_adv .search-content .more-search {
  font-size: 16px;
  font-size: 1rem;
  padding-top: 20px;
}
.rentList .estate_adv .search-content .more-search:before, .rentList .estate_adv .search-content .more-search:after {
  content: " ";
  display: table;
}
.rentList .estate_adv .search-content .more-search:after {
  clear: both;
}
.rentList .estate_adv .search-content .more-search span.search-title {
  color: #171717;
  font-weight: 600;
}
.rentList .estate_adv .search-content .more-search span.search-title i {
  margin-right: 4px;
}
.rentList .estate_adv .search-content .more-search .add-btn {
  cursor: pointer;
  float: right;
}
.rentList .add-btn {
  margin-left: 5px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #000;
  display: block;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .rentList .add-btn {
    cursor: pointer;
    position: absolute !important;
    top: 50%;
    right: 9px;
    transform: translateY(-50%);
  }
}
.rentList .add-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  border-top: 2px solid #fff;
  border-radius: 1px;
}
.rentList .add-btn::after {
  content: "";
  position: absolute;
  height: 15px;
  border-left: 2px solid #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 1px;
}
.rentList .t-more-search {
  padding-top: 15px;
}
.rentList .t-more-search ul li {
  font-size: 14px;
  font-size: 0.875rem;
  padding: 13px 10px;
  background-color: #F0F0F0;
  position: relative;
}
.rentList .t-more-search ul li:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.rentList .t-more-search ul li.o-li {
  padding-left: 36px;
}
.rentList .t-more-search ul li .h-title {
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  padding-right: 9px;
}
.rentList .t-more-search ul li i {
  margin-right: 5px;
}
.rentList .t-more-search ul li a, .rentList .t-more-search ul li .m-search {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}
.rentList .t-more-search ul li .s-content {
  width: 208px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.rentList .t-more-search ul li:last-child {
  border-top: 1px solid #D8D8D8;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.rentList .t-more-search ul li:last-child .s-content {
  width: 150px;
}
@media only screen and (max-width: 767px) {
  .rentList .t-more-search ul li:last-child {
    border-top: none;
  }
}
.rentList .rent-modal {
  position: fixed;
  z-index: 1001;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.55);
}
.rentList .rent-modal .search-body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 766px;
  bottom: auto;
}
@media only screen and (max-width: 767px) {
  .rentList .rent-modal .search-body {
    width: 100%;
    height: 100%;
  }
}
.rentList .rent-modal .search-body .iconfont {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
}
.rentList .rent-modal .search-body .s-header {
  background: #E9F9F7;
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  color: #2fa9af;
  padding: 11px 0;
  width: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .rentList .rent-modal .search-body .s-header {
    background: #fff;
    color: #111;
    padding: 15px 0;
    border-bottom: 1px solid #DDDDDD;
  }
}
.rentList .rent-modal .search-body .s-inner {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  max-height: 60vh;
  padding: 15px 28px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .rentList .rent-modal .search-body .s-inner {
    padding: 0px;
    margin-bottom: 0px;
    height: calc(100% - 100px);
    max-height: inherit;
    border-bottom-right-radius: none;
    border-bottom-left-radius: none;
  }
}
.rentList .rent-modal .search-body .s-inner dl {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .rentList .rent-modal .search-body .s-inner dl {
    display: inline-block;
    margin: 0;
    width: 100%;
  }
}
.rentList .rent-modal .search-body .s-inner dl dt {
  width: 196px;
  padding-top: 12px;
  background-color: #F0F0F0;
  padding-left: 15px;
}
.rentList .rent-modal .search-body .s-inner dl dt span {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .rentList .rent-modal .search-body .s-inner dl dt {
    width: 100%;
    padding: 5px 15px;
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
.rentList .rent-modal .search-body .s-inner dl dt.c-select {
  padding-top: 20px;
}
@media only screen and (max-width: 767px) {
  .rentList .rent-modal .search-body .s-inner dl dt.c-select {
    padding-top: 0px;
  }
}
.rentList .rent-modal .search-body .s-inner dl dd {
  padding: 12px 20px;
  width: calc( 100% - 196px );
  line-height: auto;
}
@media only screen and (max-width: 767px) {
  .rentList .rent-modal .search-body .s-inner dl dd {
    width: 100%;
    padding: 10px 15px;
    display: flex;
    flex-wrap: wrap;
  }
}
.rentList .rent-modal .search-body .s-inner dl dd .dropdown {
  width: 318px;
  margin-top: 1px;
}
.rentList .rent-modal .search-body .s-inner dl dd .dropdown .btn-default, .rentList .rent-modal .search-body .s-inner dl dd .dropdown .btn-default:focus, .rentList .rent-modal .search-body .s-inner dl dd .dropdown .btn-default:visited {
  border: 1px solid #ccc;
}
.rentList .rent-modal .search-body .s-inner dl dd .dropdown .filter-option-inner-inner {
  font-size: 14px;
  font-size: 0.875rem;
}
.rentList .rent-modal .search-body .s-inner dl dd input[type=checkbox] {
  position: absolute;
  -moz-appearance: radio;
       appearance: radio;
  -webkit-appearance: radio;
  outline: none;
  opacity: 0;
  padding: 0;
  margin: 0;
  height: 0;
  width: 0;
}
.rentList .rent-modal .search-body .s-inner dl dd label {
  float: left;
  font-size: 14px;
  font-size: 0.875rem;
  width: calc( 100%/3 );
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .rentList .rent-modal .search-body .s-inner dl dd label {
    width: 50%;
    float: inherit;
  }
}
.rentList .rent-modal .search-body .s-inner dl dd label .square {
  padding-left: 28px;
  position: relative;
  display: -ms-flexbox;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  height: 100%;
  padding-right: 10px;
  display: flex;
  align-items: center;
}
.rentList .rent-modal .search-body .s-inner dl dd label .square span {
  display: block;
  min-width: 100px;
}
.rentList .rent-modal .search-body .s-inner dl dd label .square::before, .rentList .rent-modal .search-body .s-inner dl dd label .square::after {
  content: "";
  position: absolute;
  top: 1.5px;
  border-radius: 50%;
}
.rentList .rent-modal .search-body .s-inner dl dd label .square::before {
  left: 0px;
  width: 20px;
  height: 20px;
  border: 2px solid #A9A9A9;
}
.rentList .rent-modal .search-body .s-inner dl dd label .square::after {
  background: #2fa9af;
  width: 10px;
  height: 10px;
  left: 5px;
  opacity: 0;
}
.rentList .rent-modal .search-body .s-inner dl dd label input:checked + span::before {
  border-color: #2fa9af;
}
.rentList .rent-modal .search-body .s-inner dl dd label input:checked + span::after {
  opacity: 1;
}
.rentList .rent-modal .search-body .s-inner dl dd label input[type=checkbox] {
  -moz-appearance: checkbox;
       appearance: checkbox;
  -webkit-appearance: checkbox;
}
.rentList .rent-modal .search-body .s-inner dl dd label input[type=checkbox] + span::before, .rentList .rent-modal .search-body .s-inner dl dd label input[type=checkbox] + span::after {
  border-radius: 2px;
  border: 2px solid #A9A9A9;
}
@media only screen and (max-width: 767px) {
  .rentList .rent-modal .search-body .s-inner dl dd label input[type=checkbox] + span::before, .rentList .rent-modal .search-body .s-inner dl dd label input[type=checkbox] + span::after {
    top: 50% !important;
    transform: translateY(-50%);
  }
}
.rentList .rent-modal .search-body .s-inner dl dd label input[type=checkbox] + span::after {
  content: "";
  font-family: "iconfont" !important;
  color: #fff;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%);
  left: 2px;
}
.rentList .rent-modal .search-body .s-inner dl dd label input[type=checkbox]:checked + span::before {
  background-color: #2fa9af;
  border-color: #2fa9af;
}
.rentList .rent-modal .search-body .s-inner dl dd label input[type=checkbox]:checked + span::after {
  opacity: 1;
  background: none;
  width: auto;
  height: auto;
  border: none;
  border-radius: none;
}
.rentList .rent-modal .search-body .s-inner dl dd label input[type=checkbox]:disabled + span::before {
  background-color: #F5F5F5;
  border-color: #DDD;
}
.rentList .rent-modal .search-body .s-inner dl dd.price-select {
  display: flex;
}
.rentList .rent-modal .search-body .s-inner dl dd.price-select .dropdown {
  width: 160px;
}
.rentList .rent-modal .search-body .s-inner dl dd.price-select .s_contact {
  margin: 0 4px;
}
.rentList .rent-modal .search-body .s-inner dl.s-checkbox dd {
  padding-bottom: 0px;
}
.rentList .rent-modal .search-body .s-inner dl.s-checkbox:nth-of-type(4) label {
  width: calc( 100%/2 );
}
@media only screen and (max-width: 767px) {
  .rentList .rent-modal .search-body .s-inner dl.s-checkbox dd {
    padding-bottom: 3px;
    padding-top: 10px;
  }
}
.rentList .rent-modal .search-body .s-footer {
  position: absolute;
  bottom: 0px;
  left: 0;
  padding: 15px 0;
  text-align: center;
  box-shadow: 0px -1px 4px 1px #D8D8D8;
  width: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
}
@media only screen and (max-width: 767px) {
  .rentList .rent-modal .search-body .s-footer {
    box-shadow: none;
    border-top: 1px solid #C9C9C9;
    padding: 15px;
  }
}
.rentList .rent-modal .search-body .s-footer button {
  border: none;
  outline: none;
  width: 300px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 4px;
  background: #fff;
}
.rentList .rent-modal .search-body .s-footer button.nextStep:hover {
  background: #34bcc3;
}
@media only screen and (max-width: 767px) {
  .rentList .rent-modal .search-body .s-footer button {
    width: calc((100% - 10px)/2);
  }
}
.rentList .rent-modal .search-body .s-footer button:last-child {
  color: #fff;
  background: #2FA9AF;
}
.rentList .rent-modal .search-body .s-footer button:first-child {
  border: 1px solid #333333;
  margin-right: 20px;
  color: #111;
  background: #fff;
}
.rentList .rent-modal .search-body .s-footer button:first-child:hover {
  color: #2fa9af;
  border-color: #2fa9af;
}
@media only screen and (max-width: 767px) {
  .rentList .rent-modal .search-body .s-footer button:first-child {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .rentList .more-body .s-inner {
    padding-bottom: 40px !important;
  }
}
.rentList .more-body .s-inner dl:last-child dt {
  border-bottom: 1px solid #D8D8D8;
}
@media only screen and (max-width: 767px) {
  .rentList .more-body .s-inner dl:last-child dt {
    border-bottom: none;
  }
}
.rentList .more-body .s-inner dl:last-child dd {
  border-bottom: 1px solid #D8D8D8;
}
@media only screen and (max-width: 767px) {
  .rentList .more-body .s-inner dl:last-child dd {
    border-bottom: none;
  }
}
.rentList .more-body .s-inner dl dt {
  border-top: 1px solid #D8D8D8;
}
@media only screen and (max-width: 767px) {
  .rentList .more-body .s-inner dl dt {
    border-top: none;
  }
}
.rentList .more-body .s-inner dl dd {
  border-top: 1px solid #D8D8D8;
}
@media only screen and (max-width: 767px) {
  .rentList .more-body .s-inner dl dd {
    border-top: none;
  }
}
.rentList .more-recommend {
  padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .rentList .more-recommend {
    padding-bottom: 15px;
  }
}
.rentList .more-recommend dl:nth-child(n+2) {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .rentList .more-recommend dl:nth-child(n+2) {
    margin-top: 12px;
  }
}
.rentList .more-recommend dl dt {
  width: 100%;
  padding-bottom: 20px;
  font-size: 18px;
  font-size: 1.125rem;
}
@media only screen and (max-width: 767px) {
  .rentList .more-recommend dl dt {
    font-size: 16px;
    font-size: 1rem;
  }
}
.rentList .more-recommend dl dd {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .rentList .more-recommend dl dd:before, .rentList .more-recommend dl dd:after {
    content: " ";
    display: table;
  }
  .rentList .more-recommend dl dd:after {
    clear: both;
  }
}
.rentList .more-recommend dl dd a {
  color: #111;
  text-decoration: underline;
  margin-bottom: 15px;
  margin-right: 24px;
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .rentList .more-recommend dl dd a {
    float: left;
    margin-right: 20px;
  }
}
.rentList .more-recommend dl dd a:hover {
  color: #2fa9af;
}

.rentalEntrance .e-content {
  padding-top: 35px;
  width: 80%;
  margin: 0 auto;
  min-height: 100vh;
}
@media only screen and (max-width: 767px) {
  .rentalEntrance .e-content {
    padding-top: 20px;
    width: 100%;
  }
}
.rentalEntrance .e-content h2 {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 600;
  padding-bottom: 20px;
  line-height: 45px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .rentalEntrance .e-content h2 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 18px;
  }
}
.rentalEntrance .e-content .search-btn {
  display: flex;
  padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .rentalEntrance .e-content .search-btn {
    padding-bottom: 20px;
  }
}
.rentalEntrance .e-content .search-btn button {
  font-size: 24px;
  font-size: 1.5rem;
  width: calc( (100% - 36px)/2 );
  border: none;
  font-weight: 600;
  background-color: #2fa9af;
  box-shadow: none;
  outline: none;
  height: 80px;
  line-height: 80px;
  text-align: center;
  border-radius: 4px;
}
.rentalEntrance .e-content .search-btn button a {
  color: #FFFFFF;
  display: inline-block;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .rentalEntrance .e-content .search-btn button {
    font-size: 16px;
    font-size: 1rem;
    height: 65px;
    width: calc( (100% - 15px)/2);
  }
  .rentalEntrance .e-content .search-btn button a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.rentalEntrance .e-content .search-btn button i {
  margin-right: 16px;
  font-size: 26px;
  font-size: 1.625rem;
}
@media only screen and (max-width: 767px) {
  .rentalEntrance .e-content .search-btn button i {
    font-size: 20px;
    font-size: 1.25rem;
    margin-right: 5px;
  }
}
.rentalEntrance .e-content .search-btn button:first-child {
  margin-right: 36px;
}
@media only screen and (max-width: 767px) {
  .rentalEntrance .e-content .search-btn button:first-child {
    margin-right: 15px;
  }
}
.rentalEntrance .e-content ul:before, .rentalEntrance .e-content ul:after {
  content: " ";
  display: table;
}
.rentalEntrance .e-content ul:after {
  clear: both;
}
.rentalEntrance .e-content ul li {
  width: calc((100% - 75px) / 4);
  float: left;
  border-radius: 4px;
  background-color: #FFFFFF;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin-right: 25px;
  box-shadow: 0px 1px 4px 0px #CECECE;
  color: #CCCCCC;
  font-size: 18px;
  font-size: 1.125rem;
  position: relative;
  margin-bottom: 30px;
  font-weight: 600;
  cursor: not-allowed !important;
}
@media only screen and (max-width: 767px) {
  .rentalEntrance .e-content ul li {
    width: calc((100% - 15px)/2);
    line-height: 44px;
    height: 44px;
    margin-right: 15px;
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1rem;
  }
}
.rentalEntrance .e-content ul li span {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 30px;
  background-color: #C6A144;
  border-radius: 4px 0px 4px 0px;
  color: #FFFFFF;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 30px;
  text-align: center;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .rentalEntrance .e-content ul li span {
    height: 22px;
    line-height: 22px;
  }
}
.rentalEntrance .e-content ul li:nth-child(4n) {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .rentalEntrance .e-content ul li:nth-child(2n) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .district-content .d-content, .district-content2 .d-content {
    padding-bottom: 20px;
  }
}
.district-content .d-content.search-body .return, .district-content2 .d-content.search-body .return {
  cursor: pointer;
  position: absolute;
  left: 15px;
  top: 0px;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  font-size: 1rem;
}
.district-content .d-content.search-body .return .iconfont, .district-content2 .d-content.search-body .return .iconfont {
  margin-right: 4px;
  position: initial;
}
.district-content .d-content.search-body .s-inner, .district-content2 .d-content.search-body .s-inner {
  padding: 0px;
  min-height: 50vh;
}
.district-content .d-content.search-body .s-inner dl, .district-content2 .d-content.search-body .s-inner dl {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.district-content .d-content.search-body .s-inner dl:last-child, .district-content2 .d-content.search-body .s-inner dl:last-child {
  border-bottom: none;
}
.district-content .d-content.search-body .s-inner dl:last-child dd:last-child, .district-content2 .d-content.search-body .s-inner dl:last-child dd:last-child {
  border-bottom: none;
}
@media only screen and (max-width: 767px) {
  .district-content .d-content.search-body .s-inner dl:last-child dd:last-child, .district-content2 .d-content.search-body .s-inner dl:last-child dd:last-child {
    border-bottom: 1px solid #DDDDDD;
  }
}
@media only screen and (max-width: 767px) {
  .district-content .d-content.search-body .s-inner dl, .district-content2 .d-content.search-body .s-inner dl {
    border: none;
    border-bottom: none;
  }
}
.district-content .d-content.search-body .s-inner dl dt, .district-content2 .d-content.search-body .s-inner dl dt {
  width: 100%;
  background-color: #F0F0F0;
  padding: 15px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  border: none;
}
@media only screen and (max-width: 767px) {
  .district-content .d-content.search-body .s-inner dl dt, .district-content2 .d-content.search-body .s-inner dl dt {
    width: 100%;
    font-size: 16px;
    font-size: 1rem;
  }
}
.district-content .d-content.search-body .s-inner dl dt a, .district-content2 .d-content.search-body .s-inner dl dt a {
  display: inline-block;
  width: 100%;
  color: #111;
  text-decoration: underline;
}
.district-content .d-content.search-body .s-inner dl dt a:hover, .district-content2 .d-content.search-body .s-inner dl dt a:hover {
  color: #2fa9af;
}
.district-content .d-content.search-body .s-inner dl dd, .district-content2 .d-content.search-body .s-inner dl dd {
  width: 100%;
  position: relative;
  padding: 0px 20px;
  padding-top: 15px;
}
.district-content .d-content.search-body .s-inner dl dd:before, .district-content .d-content.search-body .s-inner dl dd:after, .district-content2 .d-content.search-body .s-inner dl dd:before, .district-content2 .d-content.search-body .s-inner dl dd:after {
  content: " ";
  display: table;
}
.district-content .d-content.search-body .s-inner dl dd:after, .district-content2 .d-content.search-body .s-inner dl dd:after {
  clear: both;
}
.district-content .d-content.search-body .s-inner dl dd:last-of-type, .district-content2 .d-content.search-body .s-inner dl dd:last-of-type {
  padding-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .district-content .d-content.search-body .s-inner dl dd, .district-content2 .d-content.search-body .s-inner dl dd {
    display: flex;
    width: 100%;
    padding-top: 0px;
    border-bottom: 1px solid #DDDDDD;
    padding: 0px;
  }
  .district-content .d-content.search-body .s-inner dl dd:last-of-type, .district-content2 .d-content.search-body .s-inner dl dd:last-of-type {
    padding-bottom: 0px;
  }
}
.district-content .d-content.search-body .s-inner dl dd + dt, .district-content2 .d-content.search-body .s-inner dl dd + dt {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .district-content .d-content.search-body .s-inner dl dd + dt, .district-content2 .d-content.search-body .s-inner dl dd + dt {
    margin-top: 0px;
  }
}
.district-content .d-content.search-body .s-inner dl dd input[type=radio], .district-content .d-content.search-body .s-inner dl dt input[type=radio], .district-content2 .d-content.search-body .s-inner dl dd input[type=radio], .district-content2 .d-content.search-body .s-inner dl dt input[type=radio] {
  display: none;
}
.district-content .d-content.search-body .s-inner dl dd input[type=checkbox], .district-content .d-content.search-body .s-inner dl dt input[type=checkbox], .district-content2 .d-content.search-body .s-inner dl dd input[type=checkbox], .district-content2 .d-content.search-body .s-inner dl dt input[type=checkbox] {
  position: absolute;
  -moz-appearance: radio;
       appearance: radio;
  -webkit-appearance: radio;
  outline: none;
  opacity: 0;
  padding: 0;
  margin: 0;
  height: 0;
  width: 0;
}
.district-content .d-content.search-body .s-inner dl dd label, .district-content .d-content.search-body .s-inner dl dt label, .district-content2 .d-content.search-body .s-inner dl dd label, .district-content2 .d-content.search-body .s-inner dl dt label {
  float: left;
  font-size: 16px;
  font-size: 1rem;
  width: auto;
  margin: 0;
}
.district-content .d-content.search-body .s-inner dl dd label .square, .district-content .d-content.search-body .s-inner dl dt label .square, .district-content2 .d-content.search-body .s-inner dl dd label .square, .district-content2 .d-content.search-body .s-inner dl dt label .square {
  min-width: 60px;
}
.district-content .d-content.search-body .s-inner dl dd label .square span a, .district-content .d-content.search-body .s-inner dl dt label .square span a, .district-content2 .d-content.search-body .s-inner dl dd label .square span a, .district-content2 .d-content.search-body .s-inner dl dt label .square span a {
  text-decoration: underline;
  margin-right: 0px;
  color: #111;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 0px;
}
.district-content .d-content.search-body .s-inner dl dd label .square span a:hover, .district-content .d-content.search-body .s-inner dl dt label .square span a:hover, .district-content2 .d-content.search-body .s-inner dl dd label .square span a:hover, .district-content2 .d-content.search-body .s-inner dl dt label .square span a:hover {
  color: #2fa9af;
}
.district-content .d-content.search-body .s-inner dl dd label .square::before, .district-content .d-content.search-body .s-inner dl dd label .square::after, .district-content .d-content.search-body .s-inner dl dt label .square::before, .district-content .d-content.search-body .s-inner dl dt label .square::after, .district-content2 .d-content.search-body .s-inner dl dd label .square::before, .district-content2 .d-content.search-body .s-inner dl dd label .square::after, .district-content2 .d-content.search-body .s-inner dl dt label .square::before, .district-content2 .d-content.search-body .s-inner dl dt label .square::after {
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .district-content .d-content.search-body .s-inner dl dd label, .district-content .d-content.search-body .s-inner dl dt label, .district-content2 .d-content.search-body .s-inner dl dd label, .district-content2 .d-content.search-body .s-inner dl dt label {
    width: calc(100%/2);
    margin-bottom: 0;
    padding: 10px 0px 10px 15px;
    float: inherit !important;
  }
  .district-content .d-content.search-body .s-inner dl dd label:nth-child(2n+1), .district-content .d-content.search-body .s-inner dl dt label:nth-child(2n+1), .district-content2 .d-content.search-body .s-inner dl dd label:nth-child(2n+1), .district-content2 .d-content.search-body .s-inner dl dt label:nth-child(2n+1) {
    border-right: 1px solid #DDDDDD;
  }
}
.district-content .d-content.search-body .s-inner dl.pref .square, .district-content2 .d-content.search-body .s-inner dl.pref .square {
  margin-right: 0px;
}
.district-content .d-content.search-body .s-inner dl dt, .district-content2 .d-content.search-body .s-inner dl dt {
  padding: 5px;
  font-size: 15px;
  font-size: 0.9375rem;
  padding-left: 16px;
}
.district-content .d-content.search-body .s-inner dl dt label, .district-content2 .d-content.search-body .s-inner dl dt label {
  width: 100% !important;
}
@media only screen and (max-width: 767px) {
  .district-content .d-content.search-body .s-inner dl dt label, .district-content2 .d-content.search-body .s-inner dl dt label {
    padding: 0px;
    border: none;
  }
}
.district-content button[disabled], .district-content2 button[disabled] {
  cursor: not-allowed !important;
}
.district-content button[disabled].nextStep, .district-content2 button[disabled].nextStep {
  background: #B2B2B2 !important;
  color: #fff !important;
}

.district-content .line dd {
  display: flex;
}
.district-content .line label {
  width: calc(100%/3) !important;
}
@media only screen and (max-width: 767px) {
  .district-content .line label {
    width: 50% !important;
  }
}
.district-content .pref label {
  width: calc(100%/4) !important;
}
@media only screen and (max-width: 767px) {
  .district-content .pref label {
    width: 50% !important;
  }
}

@media only screen and (max-width: 767px) {
  .district-content2 .subSearch {
    width: 245px !important;
  }
}
.district-content2 .station label, .district-content2 .city label {
  width: calc(100%/4) !important;
}
@media only screen and (max-width: 767px) {
  .district-content2 .station label, .district-content2 .city label {
    width: 50% !important;
  }
}

.l-report {
  background: #EEF4F7;
}
@media only screen and (max-width: 767px) {
  .l-report {
    background: #fff;
  }
}
.l-report .report_list {
  min-height: calc(100vh - 286px);
}
.l-report .report_list .container {
  min-height: calc(100vh - 286px);
  background: #f8f8f8;
  padding: 0 20px;
  padding-bottom: 20px;
  box-sizing: content-box;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .l-report .report_list .container {
    background: #fff;
    padding: 0 15px;
  }
}
.l-report .report_list .container .tab_list {
  border-bottom: 1px solid #DDDDDD;
}
.l-report .report_list .container .tab_list:before, .l-report .report_list .container .tab_list:after {
  content: " ";
  display: table;
}
.l-report .report_list .container .tab_list:after {
  clear: both;
}
.l-report .report_list .container .tab_list li {
  float: left;
  cursor: pointer;
  font-size: 20px;
  font-size: 1.25rem;
  padding: 18px 0px;
  transition: all 0.3;
}
.l-report .report_list .container .tab_list li:first-child {
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .l-report .report_list .container .tab_list li:first-child {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .l-report .report_list .container .tab_list li {
    font-size: 16px;
    font-size: 1rem;
    width: 50%;
    text-align: center;
    line-height: 20px;
  }
}
.l-report .report_list .container .tab_list li a {
  color: #111;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .l-report .report_list .container .tab_list li a:active {
    color: #2FA9AF;
  }
}
.l-report .report_list .container .tab_list li:hover a {
  color: #2FA9AF;
}
.l-report .report_list .container .tab_list li.tab_selected {
  border-bottom: 3px solid #2FA9AF;
}
.l-report .report_list .container .tab_list li.tab_selected a {
  color: #2FA9AF;
  font-weight: 600;
}
.l-report .report_list .container .download_list {
  min-height: 200px;
}
.l-report .report_list .container .download_list .tit {
  height: 42px;
  line-height: 42px;
  color: #fff;
  font-size: 21px;
  margin-top: 25px;
  padding-left: 15px;
  background: #ff7621;
  font-weight: 700;
  background: linear-gradient(to right, #FE7F4A, #FFB05F);
}
@media only screen and (max-width: 767px) {
  .l-report .report_list .container .download_list .tit {
    font-size: 17px;
    margin-top: 10px;
    height: 35px;
    line-height: 35px;
  }
}
.l-report .report_list .container .download_list .list_pagination {
  margin: 0;
}
.l-report .report_list .container .download_list .list_pagination nav {
  text-align: center;
}
.l-report .report_list .container .download_list .news_list dl {
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid #dcdcdc;
  overflow: hidden;
  zoom: 1;
  font-size: 16px;
  line-height: 180%;
  color: #585657;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .l-report .report_list .container .download_list .news_list dl {
    font-size: 14px;
    padding: 5px 0;
  }
}
.l-report .report_list .container .download_list .news_list dl a {
  color: #585657;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-right: 10px;
}
.l-report .report_list .container .download_list .news_list dl a p {
  margin-right: 20px;
  display: inline-block;
}
.l-report .report_list .container .download_list .news_list dl a .download {
  width: 140px;
  height: 40px;
  background-color: #2fa9af;
  border-radius: 5px;
  color: #fff;
  line-height: 40px;
  text-align: center;
}
.l-report .report_list .container .download_list .news_list dl a .download:hover {
  background-color: #34bcc3;
}
.l-report .report_list .container .download_list .news_list dl a .download img {
  width: 16px;
  margin-right: 6px;
}
.l-report .report_list .container .download_list .news_list dl a .samll-pic {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.l-report .report_list .container .download_list .news_list dl a .samll-pic img {
  width: 18px;
}
.l-report .report_list .container .download_list .news_list dl:hover {
  background: #F6F6F6;
  color: #2FA9AF;
}
.l-report .report_list .container .download_list .news_list dl:hover a {
  color: #2FA9AF;
}

.search .search_container {
  min-height: 530px;
}
.search .s_banner img {
  max-width: 730px;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .search .s_banner img {
    width: 100%;
    margin-top: 22px;
  }
}
.search .i_content dl {
  display: flex !important;
}
.search .recommend_rooms {
  display: none;
  padding-bottom: 40px;
}
.search .recommend_rooms p {
  text-align: left;
  display: none;
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .search .recommend_rooms p {
    text-align: center;
  }
}
.search .recommend_rooms .r_title {
  font-size: 18px;
  font-size: 1.125rem;
  padding-top: 36px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .search .recommend_rooms .r_title {
    padding-top: 25px;
  }
}
.search .recommend_rooms ul li {
  padding-right: 30px;
  padding-top: 20px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .search .recommend_rooms ul li {
    padding-right: 20px;
  }
}
.search .recommend_rooms ul li .popular {
  display: inline-block;
  font-weight: 600;
  width: 17px;
  height: 17px;
  background: linear-gradient(29deg, #FF3460 0%, #FF7B96 100%, #FE6987 100%);
  border-radius: 3px;
  margin-left: 2px;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 17px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .search .recommend_rooms ul li .popular {
    width: 15px;
    height: 15px;
    line-height: 15px;
  }
}
.search .recommend_rooms ul li a {
  color: #111;
  text-decoration: underline;
  font-size: 14px;
  font-size: 0.875rem;
}
.search .recommend_rooms ul li a:hover {
  color: #2fa9af;
}
.search .l-all .l-container {
  min-height: calc(100vh - 160px);
}
.search .l-search {
  min-width: 900px;
  min-height: calc(100vh - 718px);
}
.search .l-search .l-search-container {
  width: 1200px;
  padding: 0 15px 100px 15px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .search .l-search {
    min-width: 100%;
  }
  .search .l-search .l-search-container {
    width: 100%;
    padding: 0 15px 30px 15px;
  }
}
.search section .sectionTitle {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.search section ul.image-section {
  overflow: auto;
}
.search section ul.image-section li {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid #DFDFDF;
}
.search section ul.image-section li:before, .search section ul.image-section li:after {
  content: " ";
  display: table;
}
.search section ul.image-section li:after {
  clear: both;
}
.search section ul.image-section li:hover {
  background-color: #efefef;
}
.search section ul.image-section li a {
  text-decoration: none;
}
.search section ul.image-section li a:hover {
  text-decoration: none;
}
.search section ul.image-section li .photo {
  float: left;
  width: 120px;
  height: 75px;
}
.search section ul.image-section li .photo .image {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.search section ul.image-section li .title {
  margin-bottom: 10px;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search section ul.image-section li .title .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 17px;
  background: url("/img/main/search/bg_search_room.png") no-repeat center;
  vertical-align: middle;
  background-size: cover;
}
.search section ul.image-section li .info {
  float: right;
  width: calc(100% - 140px);
  padding-top: 5px;
  padding-right: 130px;
  color: #373737;
  font-size: 14px;
}
.search section ul.image-section li .info .baseInfo {
  margin-bottom: 12px;
}
.search section ul.image-section li .info .address {
  margin-bottom: 10px;
}
.search section ul.image-section li .info .address i {
  color: #666;
  margin-right: 3px;
}
.search section ul.image-section li .info .agentInfo:before, .search section ul.image-section li .info .agentInfo:after {
  content: " ";
  display: table;
}
.search section ul.image-section li .info .agentInfo:after {
  clear: both;
}
.search section ul.image-section li .info .agentInfo .logo {
  float: left;
  display: inline-block;
  width: 60px;
  height: 30px;
  margin-right: 5px;
  background-color: #f8f8f8;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.search section ul.image-section li .info .agentInfo .name {
  float: left;
  display: inline-block;
  width: calc(100% - 70px);
  font-size: 12px;
  line-height: 30px;
  margin-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search section ul.image-section li .price {
  position: absolute;
  right: 30px;
  top: 30px;
  text-align: right;
}
.search section ul.image-section li .price .cny {
  margin-bottom: 7px;
  font-size: 20px;
  font-weight: 700;
  color: #f9625c;
}
.search section ul.image-section li .price .jpy {
  font-size: 16px;
  color: #838383;
}
@media only screen and (max-width: 767px) {
  .search section ul.image-section li:hover {
    background-color: transparent;
  }
  .search section ul.image-section li .photo {
    width: 110px;
    height: 85px;
  }
  .search section ul.image-section li .title {
    margin-bottom: 5px;
    font-size: 14px;
  }
  .search section ul.image-section li .info {
    width: calc(100% - 120px);
    padding: 0 55px 0 0;
    font-size: 12px;
  }
  .search section ul.image-section li .info .priceSp {
    margin-bottom: 5px;
  }
  .search section ul.image-section li .info .priceSp .cny {
    margin-bottom: 7px;
    font-size: 16px;
    font-weight: 700;
    color: #f9625c;
  }
  .search section ul.image-section li .info .priceSp .jpy {
    font-size: 12px;
    color: #838383;
  }
  .search section ul.image-section li .info .baseInfo {
    margin-bottom: 5px;
    line-height: 1.6;
  }
  .search section ul.image-section li .info .address {
    margin-bottom: 5px;
    line-height: 1.2;
  }
  .search section ul.image-section li .info .agentInfo .logo {
    width: 30px;
    height: 20px;
  }
  .search section ul.image-section li .info .agentInfo .name {
    line-height: 20px;
  }
}
.search section .list_pagination {
  text-align: right;
  margin: 0;
  margin-top: 20px;
}
.search section .list_pagination .pagination {
  width: 100%;
}
.search section .list_pagination .pagination li {
  display: inline-block;
}
.search section .rightViewLocation {
  position: absolute;
  right: 10px;
  top: 35px;
  text-align: center;
}
.search section .rightViewLocation img {
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
}
.search section .rightViewLocation span {
  display: block;
  color: #10AEC2;
  font-size: 12px;
}
.search .mainSection .mapBox:before, .search .mainSection .mapBox:after {
  content: " ";
  display: table;
}
.search .mainSection .mapBox:after {
  clear: both;
}
.search .mainSection .mapBox .mapMain {
  float: left;
  width: 100%;
  position: relative;
}
.search .mainSection .mapBox .mapMain .map {
  height: 250px;
}
@media only screen and (max-width: 767px) {
  .search .mainSection .mapBox .mapMain .map {
    height: 200px;
  }
}
.search .mainSection .mapBox .mapMain .zoomControl {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 8;
}
.search .mainSection .mapBox .mapMain .zoomControl ul li {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  color: #373737;
  background-color: #fff;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.search .mainSection .mapBox .mapMain .zoomControl ul li.zoomIn {
  margin-bottom: 10px;
}
.search .mainSection .mapBox .mapMain .centerControl {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 8px 10px;
  font-size: 13px;
  font-weight: bold;
  color: #373737;
  background-color: #fff;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.search .mainSection .mapBox .mapMain .surroundingMarker {
  position: absolute;
  display: block;
  cursor: grab;
}
.search .mainSection .mapBox .mapMain .surroundingMarker .iconroom, .search .mainSection .mapBox .mapMain .surroundingMarker .iconmansion, .search .mainSection .mapBox .mapMain .surroundingMarker .iconstation {
  width: 34px;
  height: 39px;
  position: absolute;
  line-height: 34px;
  text-align: center;
  font-size: 16px;
}
.search .mainSection .mapBox .mapMain .surroundingMarker .iconregion {
  width: 90px;
  height: 90px;
  text-align: center;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
}
.search .mainSection .mapBox .mapMain .surroundingMarker .iconregion .title {
  color: #000;
  line-height: 1.4;
}
.search .mainSection .mapBox .mapMain .surroundingMarker .title {
  font-weight: 600;
  color: #fff;
}
.search .mainSection .mapBox .mapMain .surroundingMarker .infoBox {
  z-index: 1000;
  display: none;
  position: absolute;
  width: 300px;
  top: -40px;
  left: -133px;
  text-align: center;
}
.search .mainSection .mapBox .mapMain .surroundingMarker .infoBox span {
  display: inline-block;
  max-width: 300px;
  padding: 10px 15px;
  background: rgba(93, 93, 93, 0.9);
  font-size: 14px;
  color: #fefefe;
  border-radius: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search .mainSection .mapBox .mapMain .surroundingMarker.active .infoBox {
  display: block !important;
}
.search .mainSection .mapBox .mapMain .surroundingMarker.region.active .infoBox {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .search .mainSection .mapBox .mapMain {
    width: 100%;
  }
}
.search .mainSection .mainSectionCont:before, .search .mainSection .mainSectionCont:after {
  content: " ";
  display: table;
}
.search .mainSection .mainSectionCont:after {
  clear: both;
}
.search .mainSection .mainSectionCont .leftSide {
  float: left;
  width: calc(100% - 410px);
}
.search .mainSection .mainSectionCont .leftSide .leftSideRoom .sectionTitle {
  margin: 10px;
}
.search .mainSection .mainSectionCont .rightSide {
  position: relative;
  float: right;
  width: 370px;
}
.search .mainSection .mainSectionCont .rightSide .rightSideFixed {
  z-index: 1;
  position: static;
  width: 370px;
}
@media only screen and (max-width: 767px) {
  .search .mainSection .mainSectionCont .rightSide .rightSideFixed {
    width: 100%;
  }
}
.search .mainSection .mainSectionCont .rightSide .rightSideTitle ul {
  border: 1px solid #dfdfdf;
}
.search .mainSection .mainSectionCont .rightSide .rightSideTitle ul:before, .search .mainSection .mainSectionCont .rightSide .rightSideTitle ul:after {
  content: " ";
  display: table;
}
.search .mainSection .mainSectionCont .rightSide .rightSideTitle ul:after {
  clear: both;
}
.search .mainSection .mainSectionCont .rightSide .rightSideTitle ul li {
  float: left;
  padding: 10px 15px;
  font-size: 18px;
  color: #000;
}
.search .mainSection .mainSectionCont .rightSide .rightSideTitle ul li:hover {
  color: #2FA9AF;
  cursor: pointer;
}
.search .mainSection .mainSectionCont .rightSide .rightSideTitle ul li.active {
  font-weight: bold;
  color: #fff;
  background: #2FA9AF;
}
.search .mainSection .mainSectionCont .rightSide .rightSideTitle ul li.active span:last-child {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .search .mainSection .mainSectionCont .rightSide .rightSideTitle ul li {
    width: 25%;
    padding: 12px 8px 8px;
    border-right: none;
  }
  .search .mainSection .mainSectionCont .rightSide .rightSideTitle ul li span {
    display: block;
    text-align: center;
  }
  .search .mainSection .mainSectionCont .rightSide .rightSideTitle ul li span:first-child {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .search .mainSection .mainSectionCont .rightSide .rightSideTitle ul li span:last-child {
    font-size: 12px;
    color: #9A9A9A;
  }
}
.search .mainSection .mainSectionCont .rightSide .rightSideTitle .agentTitle {
  display: inline-block;
  margin: 20px 0 15px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont {
  max-height: 300px;
  padding: 10px;
  overflow: auto;
  border: 1px solid #DFDFDF;
  background: #fff;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont ul.agent li {
  padding: 10px 0;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont ul.agent li:before, .search .mainSection .mainSectionCont .rightSide .rightSideCont ul.agent li:after {
  content: " ";
  display: table;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont ul.agent li:after {
  clear: both;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont ul.agent li:not(:last-child) {
  border-bottom: 1px solid #D8D8D8;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont ul.agent li .logo {
  float: left;
  display: inline-block;
  width: 60px;
  height: 30px;
  margin-right: 5px;
  background-color: #f8f8f8;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont ul.agent li .name {
  float: left;
  dsplay: inline-block;
  width: calc(100% - 65px);
  font-size: 14px;
  line-height: 30px;
  color: #4A4A4A;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .item {
  position: relative;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .item .itemTitle {
  font-size: 15px;
  font-weight: bold;
  color: #3349C7;
  margin-bottom: 5px;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .item .itemTitle a {
  display: inline-block;
  color: #4A4A4A;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .item .itemTitle a:hover {
  color: #2FA9AF;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .item .itemCont {
  font-size: 14px;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .item .itemCont:before, .search .mainSection .mainSectionCont .rightSide .rightSideCont .item .itemCont:after {
  content: " ";
  display: table;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .item .itemCont:after {
  clear: both;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .item .itemCont .block {
  float: left;
  width: 50%;
  padding: 5px 10px;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .item .itemCont .block:before, .search .mainSection .mainSectionCont .rightSide .rightSideCont .item .itemCont .block:after {
  content: " ";
  display: table;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .item .itemCont .block:after {
  clear: both;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .item .itemCont .block .title {
  float: left;
  width: 70px;
  color: #6F6F6F;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .item .itemCont .block .text {
  float: right;
  width: calc(100% - 70px);
  color: #1D1D1D;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .item .itemCont .block .text .up {
  color: #E0775A;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .item .itemCont .block .text .down {
  color: #56B17A;
}
@media only screen and (max-width: 767px) {
  .search .mainSection .mainSectionCont .rightSide .rightSideCont .item .itemCont {
    font-size: 12px;
  }
  .search .mainSection .mainSectionCont .rightSide .rightSideCont .item .itemCont .block {
    width: 40%;
  }
  .search .mainSection .mainSectionCont .rightSide .rightSideCont .item .itemCont .block .title {
    width: 60px;
  }
  .search .mainSection .mainSectionCont .rightSide .rightSideCont .item .itemCont .block .text {
    width: calc(100% - 60px);
  }
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .item .rightViewLocation {
  top: 15px;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .item:not(:last-child) {
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 1px solid #DFDFDF;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .searchtTabCont.search_hide {
  display: none !important;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .room.active {
  display: block !important;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .region {
  display: none;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .region .item .itemTitle a {
  max-width: 320px;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .region .item .itemTitle a i {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  border-radius: 100%;
  background: rgba(255, 193, 74, 0.35);
  border: 2px solid #EAA118;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .region.active {
  display: block !important;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .station {
  display: none;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .station .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 17px;
  background: url("/img/main/search/bg_search_station.png") no-repeat center;
  vertical-align: middle;
  background-size: cover;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .station .item .itemTitle a {
  max-width: 250px;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .station.active {
  display: block !important;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .mansion {
  display: none;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .mansion .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 17px;
  background: url("/img/main/search/bg_search_mansion.png") no-repeat center;
  vertical-align: middle;
  background-size: cover;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .mansion .more {
  text-align: center;
  padding: 10px 0;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .mansion .more span {
  display: inline-block;
  padding: 8px 20px;
  font-size: 16px;
  color: #fff;
  border-radius: 4px;
  background: #2fa9af;
}
.search .mainSection .mainSectionCont .rightSide .rightSideCont .mansion.active {
  display: block !important;
}
@media only screen and (max-width: 767px) {
  .search .mainSection .mainSectionCont .rightSide {
    float: none;
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
  }
  .search .mainSection .mainSectionCont .rightSide .rightSideTitle {
    border-bottom: 1px solid #dfdfdf;
  }
  .search .mainSection .mainSectionCont .rightSide .rightSideCont {
    max-height: 100%;
    border: none;
  }
  .search .mainSection .mainSectionCont .leftSide {
    float: none;
    width: 100%;
  }
}
.search .defaultSection {
  padding: 20px;
}
.search .defaultSection .defaultSectionTitle {
  color: #4A4A4A;
  font-size: 17px;
  margin-bottom: 10px;
}
.search .defaultSection .defaultSectionCont {
  color: #898989;
  font-size: 14px;
  line-height: 22px;
}
.search .defaultSection .defaultSectionCont a {
  margin-right: 10px;
  color: #10AEC2;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .search .defaultSection .defaultSectionTitle {
    font-size: 16px;
  }
  .search .defaultSection .defaultSectionCont {
    font-size: 14px;
  }
}

.searchSection {
  padding: 30px 0;
}
.searchSection .searchBar {
  width: 730px;
}
.searchSection .searchBar:before, .searchSection .searchBar:after {
  content: " ";
  display: table;
}
.searchSection .searchBar:after {
  clear: both;
}
.searchSection .searchBar .leftInput {
  float: left;
  width: calc(100% - 125px);
  height: 45px;
  border-left: 1px solid #DFDFDF;
  border-right: none;
  border-bottom: 1px solid #DFDFDF;
  border-top: 1px solid #DFDFDF;
  border-radius: 79px 0 0 79px;
  position: relative;
}
.searchSection .searchBar .leftInput i {
  max-width: 35px;
  display: inline-block;
  font-size: 16px;
  padding: 0 0 0 15px;
}
.searchSection .searchBar .leftInput input {
  display: inline-block;
  width: calc(100% - 39px);
  height: 100%;
  padding-left: 10px;
  border: none;
  color: #1D1D1D;
  font-size: 16px;
  outline: none;
  background-color: transparent;
}
@media only screen and (max-width: 767px) {
  .searchSection .searchBar .leftInput input {
    width: calc( 100% - 94px );
  }
}
.searchSection .searchBar .leftInput input:input:-webkit-autofill {
  background-color: transparent;
}
.searchSection .searchBar .rightBtn {
  float: right;
  width: 125px;
  height: 45px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 41px;
  text-align: center;
  background: #10AEC2;
  outline: none;
  border-radius: 0 79px 79px 0;
  border-bottom: 1px solid #DFDFDF;
  border-top: 1px solid #DFDFDF;
  border-right: 1px solid #DFDFDF;
  border-left: none;
}
.searchSection .searchBar input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
  -webkit-text-fill-color: #333;
}
.searchSection .searchBar input[type=text]:focus {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
.searchSection .searchBar.zufang-searchBar .leftInput {
  width: calc( 100% - 125px );
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .searchSection .searchBar.zufang-searchBar .leftInput {
    width: calc( 100% - 70px );
  }
}
.searchSection .searchBar.zufang-searchBar .leftInput i {
  padding: 0px;
}
.searchSection .searchBar.zufang-searchBar .leftInput .dropdown {
  width: 130px;
  display: inline-block;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .searchSection .searchBar.zufang-searchBar .leftInput .dropdown {
    width: 70px;
  }
}
.searchSection .searchBar.zufang-searchBar .leftInput .dropdown .btn-default {
  margin: 0;
  border-top-left-radius: 79px;
  border-bottom-left-radius: 79px;
  text-align: center;
}
.searchSection .searchBar.zufang-searchBar .leftInput .dropdown .btn-default .value {
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .searchSection .searchBar.zufang-searchBar .leftInput .dropdown .btn-default {
    text-align: left;
  }
}
.searchSection .searchBar.zufang-searchBar .rightBtn {
  width: 125px;
}
@media only screen and (max-width: 767px) {
  .searchSection .searchBar.zufang-searchBar .rightBtn {
    width: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .searchSection {
    padding: 10px 0;
  }
  .searchSection .searchBar {
    width: 100%;
  }
  .searchSection .searchBar .leftInput {
    width: calc(100% - 100px);
    height: 40px;
  }
  .searchSection .searchBar .leftInput input::-webkit-input-placeholder {
    font-size: 14px;
  }
  .searchSection .searchBar .leftInput input::-moz-placeholder {
    font-size: 14px;
  }
  .searchSection .searchBar .leftInput input::-ms-input-placeholder {
    font-size: 14px;
  }
  .searchSection .searchBar .rightBtn {
    width: 100px;
    height: 40px;
    font-size: 16px;
    line-height: 35px;
  }
}
.searchSection .sectionEntry {
  padding-top: 150px;
}
.searchSection .sectionEntry .searchBar {
  width: 600px;
  margin: 0 auto;
}
.searchSection .sectionEntry .mainSectionDefault {
  width: 600px;
  margin: 30px auto;
}
.searchSection .sectionEntry .mainSectionDefault .defaultTitle {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #3A3A3A;
}
.searchSection .sectionEntry .mainSectionDefault .defaultCont ul li {
  display: inline-block;
  margin: 0 15px 15px 0;
  padding: 8px 15px;
  border: 1px solid #F27327;
  color: #F27327;
  border-radius: 5px;
  font-size: 16px;
}
.searchSection .sectionEntry .mainSectionDefault .defaultCont ul li:hover {
  background: #F27327;
  color: #fff;
}

.seminars {
  padding: 0 15px;
  padding-top: 13px;
  background: url("/img/main/cmn/ic_bg.png") #fff no-repeat;
  background-position: top right;
  background-size: 113px 97px;
  font-size: 14px;
  color: #111;
}
.seminars p {
  line-height: 24px;
}
.seminars ul {
  list-style-type: disc;
  padding-left: 16px;
}
.seminars li {
  line-height: 20px;
}
.seminars img {
  vertical-align: middle;
}

.back_top_sp {
  position: fixed;
  bottom: 100px;
  right: 20px;
  display: none;
  background: rgba(255, 255, 255, 0.8);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #D67C1D;
  cursor: pointer;
  line-height: 50px;
  border: 1px solid #D8D8D8;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .back_top_sp {
    bottom: 174px;
    right: 10px;
  }
}
.back_top_sp i {
  font-size: 22px;
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .back_top_sp i {
    font-size: 32px;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .back_top_sp {
    bottom: 30px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    right: -10px;
    transform: scale(0.5);
  }
}

.similarLp {
  background: #fff;
}
.similarLp .l-all {
  min-width: 990px;
}
.similarLp .l-all .container {
  min-width: 990px;
}
@media only screen and (max-width: 767px) {
  .similarLp .l-all {
    min-width: 100%;
  }
  .similarLp .l-all .container {
    min-width: 100%;
  }
}

.similarLp .languagec-bar {
  font-size: 14px;
  font-size: 0.875rem;
  margin-left: 40px;
  line-height: 24px;
}
.similarLp .languagec-bar .language {
  display: none;
  top: 100%;
  left: 0;
  width: 50px;
  z-index: 5;
}
.similarLp .languagec-bar .language:hover {
  display: block !important;
}
.similarLp .languagec-bar .language a {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14px;
  display: block;
  padding: 10px 0;
  cursor: pointer;
  color: #373737;
  line-height: 16px;
  background-color: #fff;
  text-decoration: none;
  z-index: 5;
  transition: all 0.3s ease;
  position: relative;
}
.similarLp .languagec-bar .language a:hover {
  color: #2fa9af;
}
.similarLp .languagec-bar:hover .language {
  display: block !important;
}
.similarLp .languagec-bar a {
  color: #111;
}
.similarLp .similarLp-detail .s-banner {
  width: 100%;
  position: relative;
  padding: 0;
}
.similarLp .similarLp-detail .s-banner .image {
  width: 100%;
  height: 380px;
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .s-banner .image {
    height: 210px;
  }
}
.similarLp .similarLp-detail .s-banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.similarLp .similarLp-detail .lp_features {
  height: 85px;
  width: 100%;
  background: #444;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: -3px;
}
.similarLp .similarLp-detail .lp_features .lp_features_item {
  line-height: 30px;
}
.similarLp .similarLp-detail .lp_features .lp_features_item .lp_features_title {
  font-size: 14px;
  font-size: 0.875rem;
  color: #00ACAF;
}
.similarLp .similarLp-detail .lp_features .lp_features_item .lp_features_text {
  font-size: 18px;
  font-size: 1.125rem;
  color: #fff;
}
.similarLp .similarLp-detail .lp_features .split_vertical_line {
  width: 1px;
  height: 37px;
  background: #E5E5E5;
  margin: 0 80px;
}
.similarLp .similarLp-detail .lp_title {
  font-size: 14px;
  font-size: 0.875rem;
  color: #111;
  font-weight: 600;
  text-align: center;
  margin: 24px;
  line-height: 20px;
}
.similarLp .similarLp-detail .lp_region_btn {
  width: 100%;
  height: 42px;
  padding: 10px;
  font-size: 16px;
  font-size: 1rem;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  border: 1px solid #111;
  margin: 0 auto;
  margin-bottom: 20px;
}
.similarLp .similarLp-detail .lp_region_btn i {
  width: 20px;
  height: 20px;
  color: #2FA9AF;
  margin-right: 10px;
}
.similarLp .similarLp-detail .module_title {
  font-weight: 600;
  color: #111;
  font-size: 28px;
  font-size: 1.75rem;
  text-align: center;
  margin: 35px 0;
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .module_title {
    font-size: 18px;
    font-size: 1.125rem;
    text-align: left;
    padding-left: 15px;
  }
}
.similarLp .similarLp-detail .more_estate {
  width: 100%;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 35px 0;
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .more_estate {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
  }
}
.similarLp .similarLp-detail .more_estate .more_text {
  color: #2FA9AF;
  font-size: 16px;
  font-size: 1rem;
  border-bottom: 1px solid #2FA9AF;
  margin-left: 20px;
  font-weight: 600;
}
.similarLp .similarLp-detail .more_estate .more_text:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .more_estate .more_text {
    line-height: 22px;
  }
}
.similarLp .similarLp-detail .more_estate i {
  background: #2FA9AF;
  height: 56px;
  width: 56px;
  line-height: 56px;
  border-radius: 50%;
  font-size: 30px;
  font-size: 1.875rem;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .more_estate i {
    font-size: 23px;
    font-size: 1.4375rem;
  }
}
.similarLp .similarLp-detail .download_app {
  min-height: 200px;
}
.similarLp .similarLp-detail .download_app .lazyimg {
  width: 100%;
}
.similarLp .similarLp-detail .download_app .lazyimg img {
  width: 100%;
  border-radius: 3px;
}
.similarLp .similarLp-detail .popular_special .row {
  justify-content: center;
}
.similarLp .similarLp-detail .popular_special .row .item {
  width: auto !important;
}
.similarLp .similarLp-detail .popular_special .row .lazyimg {
  width: 375px !important;
  height: 210px !important;
  min-height: 210px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .popular_special .row .lazyimg {
    min-height: 65px;
    height: 65px !important;
  }
}
.similarLp .similarLp-detail .popular_special .row .lazyimg:hover {
  opacity: 0.8;
}
.similarLp .similarLp-detail .popular_special .row .item_split_line {
  width: 65%;
  height: 1px;
  border: 1px solid #f5f5f5;
  position: relative;
  top: -5px;
  left: 35%;
}
.similarLp .similarLp-detail .popular_special .row .item_d {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .popular_special .row .item_d {
    padding: 0;
  }
}
@media(max-width : 767px) {
  .similarLp .similarLp-detail .popular_special .row .item_d a {
    width: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .popular_special .row .item_d .ad_link {
    width: 50%;
  }
}
.similarLp .similarLp-detail .popular_special .row .ad_link {
  display: -moz-box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media(max-width : 767px) {
  .similarLp .similarLp-detail .popular_special .row .ad_link {
    width: 60%;
    display: -moz-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 0;
    line-height: 25px;
  }
}
.similarLp .similarLp-detail .popular_special .row .iconfont {
  color: #2FA9AF;
}
@media(max-width : 767px) {
  .similarLp .similarLp-detail .popular_special .row .lazyimg_loaded {
    width: 100px;
    height: 65px !important;
  }
}
.similarLp .similarLp-detail .sp_list_filter {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 4px solid #2FA9AF;
  justify-content: space-between;
  align-items: center;
  border-radius: 3px;
  font-size: 14px;
  font-size: 0.875rem;
}
.similarLp .similarLp-detail .sp_list_filter:before, .similarLp .similarLp-detail .sp_list_filter:after {
  content: " ";
  display: table;
}
.similarLp .similarLp-detail .sp_list_filter:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .sp_list_filter {
    padding: 0;
    border: none;
  }
}
.similarLp .similarLp-detail .sp_list_filter .title {
  padding-bottom: 10px;
  color: #373737;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  flex: 1;
}
.similarLp .similarLp-detail .sp_list_filter .title h1 {
  display: inline-block;
  font-size: 20px;
  font-size: 1.25rem;
}
.similarLp .similarLp-detail .sp_list_filter .title h1 span {
  margin-right: 5px;
}
.similarLp .similarLp-detail .sp_list_filter .title span {
  color: #D6000F;
  font-size: 28px;
  font-size: 1.75rem;
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .sp_list_filter .title h1 {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .similarLp .similarLp-detail .sp_list_filter .title span {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.similarLp .similarLp-detail .sp_list_filter .title-span {
  height: 30px;
  border: 1px solid #A5A5A5;
  text-align: center;
  line-height: 27px;
  padding: 0 10px;
  border-radius: 3px;
}
.similarLp .similarLp-detail .sp_list_filter .title-span i {
  margin-left: 15px;
}
.similarLp .similarLp-detail .sp_list_filter .title-span.selectSpan {
  color: #2fa9af !important;
  font-weight: 600;
  transition: all 0.5s;
}
.similarLp .similarLp-detail .sp_list_filter .title-span.selectSpan i {
  color: #2fa9af !important;
  transform: rotate(180deg);
}
.similarLp .similarLp-detail .sp_list_filter .update {
  display: none;
}
.similarLp .similarLp-detail .sp_list_filter .sort {
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .sp_list_filter .sort {
    padding-top: 10px;
    display: inline-block;
    float: none;
  }
}
.similarLp .similarLp-detail .sp_list_filter a {
  margin-right: 15px;
  color: #373737;
}
.similarLp .similarLp-detail .sp_list_filter a.selected, .similarLp .similarLp-detail .sp_list_filter a.selected_up, .similarLp .similarLp-detail .sp_list_filter a.selected_down {
  font-weight: 600;
  color: #2fa9af;
}
.similarLp .similarLp-detail .sp_list_filter a.order:after {
  content: "";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 3px;
  display: inline-block;
  font-family: "iconfont" !important;
  color: #999;
}
.similarLp .similarLp-detail .sp_list_filter a.selected_up:after {
  color: #2fa9af;
  transform: rotate(180deg);
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .sp_list_filter a.selected_up:after {
    position: relative;
    top: 5px;
    left: 8px;
  }
}
.similarLp .similarLp-detail .sp_list_filter a.selected_down:after {
  color: #2fa9af;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item {
  padding: 20px 0;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item:hover {
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item {
    padding: 12px 0px;
    border-bottom: 1px solid #f5f5f5;
  }
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item .item_title {
  height: 50px;
  background: #F8F7F5;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item .item_title:hover .title {
  color: #2fa9af;
  border-bottom: 1px solid #2fa9af;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item .title {
  color: #000;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  border-bottom: 1px solid #F8F7F5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item .typeTag {
  padding: 0px 7px;
  border-radius: 3px;
  background-color: #777;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  text-wrap: nowrap;
  margin-left: 8px;
  height: 22px;
  line-height: 22px;
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .typeTag {
    margin: 0;
  }
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item .typeTag.typeMansion {
  background-color: #D95757;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item .typeTag.typeHouse {
  background-color: #2B93D9;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item .typeTag.typeEntire {
  background-color: #D9712B;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item .typeTag.typeLand {
  background-color: #E6B82E;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item .e-type {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item .e-type .keywords {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #D5EEEF;
  padding: 5px 8px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #2FA9AF;
  border-radius: 3px;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item .agentInfo {
  min-width: 666px;
}
@media(min-width : 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .agentInfo {
    margin-top: 68px;
    min-height: 30px;
    min-width: 666px;
  }
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item .agentInfo .name {
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .agentInfo .name {
    max-width: 200px;
  }
}
@media only screen and (max-width: 1199px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .agentInfo .name {
    max-width: 240px;
  }
}
@media only screen and (min-width: 1200px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .agentInfo .name {
    max-width: 300px;
  }
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item .price {
  position: absolute;
  right: 90px;
  top: 158px;
  text-align: right;
  line-height: 25px;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item .keywordsTag {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .keywordsTag {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .item_sp_tag {
    background: none;
    height: auto;
    position: absolute;
    top: 20px;
    left: 6px;
    z-index: 9;
  }
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .item_sp_tag .typeTag {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .sp_btns {
    margin-top: 5px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .sp_btns .obtain_btn {
    position: static;
    border: none;
    box-shadow: none;
    border-radius: 3px;
    width: 60%;
  }
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .sp_btns .to_detail_sp {
    width: 37%;
    font-weight: 600;
    color: #111;
    border: 1px solid #bfbfbf;
    font-size: 14px;
    height: 44px;
    line-height: 42px;
    background: white;
    transition: all 0.2s;
    border-radius: 3px;
    text-align: center;
  }
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .sp_btns .to_detail_sp:hover {
    opacity: 0.68;
  }
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .agentInfo {
    padding: 0 10px;
    margin-top: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .item_info {
    padding: 0 10px;
  }
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .item_info .return {
    line-height: 18px;
  }
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .item_info .sp_price {
    position: static;
    text-align: left;
    display: flex;
    align-items: flex-end;
    line-height: 35px;
  }
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .item_info .cny {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .item_info .cny {
    margin-right: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .item_info .baseInfo {
    margin-bottom: 10px;
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item .sp_title {
  height: 36px;
  line-height: 36px;
  width: 100%;
  padding-left: 10px;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  position: absolute;
  top: 211px;
  z-index: 9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .photo {
    width: 100%;
    float: none;
  }
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .photo .swiper-wrapper {
    height: 100%;
  }
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .photo .lazyimg {
    height: 100%;
    min-height: 235px;
  }
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .photo .lazyimg img {
    width: 100%;
    height: 235px;
  }
}
@media(min-width : 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .photo {
    width: 360px;
    height: 200px;
  }
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item .photo .typeTag {
  position: absolute;
  top: 0px;
  width: 70px;
  padding: 0px 7px;
  background-color: #777;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  text-wrap: nowrap;
  height: 22px;
  line-height: 22px;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item .photo .typeTag.typeMansion {
  background-color: #D95757;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item .photo .typeTag.typeHouse {
  background-color: #2B93D9;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item .photo .typeTag.typeEntire {
  background-color: #D9712B;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item .photo .typeTag.typeLand {
  background-color: #E6B82E;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .item .info {
  width: calc(100% - 150px);
  line-height: 20px;
}
@media(min-width : 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .info {
    width: calc(100% - 400px);
  }
}
@media(max-width : 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .obtain_btn {
    left: 0;
    top: auto;
  }
}
@media(max-width : 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .baseInfo, .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .priceCNY, .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .priceJPY, .similarLp .similarLp-detail .recommend-list .estate_list_cont .item .return {
    margin-bottom: 0;
  }
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing {
  width: 100%;
  border: 1px solid #E5E5E5;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  margin: 20px 0;
}
@media(max-width : 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing {
    height: 66px;
    margin: 0;
  }
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_title {
  width: 48px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  color: #FFF;
  background: #D6000F;
  font-size: 12px;
  font-size: 0.75rem;
}
@media(max-width : 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_title {
    font-size: 9px;
    font-size: 0.5625rem;
    width: 24px;
    height: 14px;
    line-height: 14px;
  }
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_content {
  margin: 0 50px 0 20px;
}
@media(max-width : 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_content {
    margin: 0 0 0 10px;
    font-size: 9px;
    font-size: 0.5625rem;
  }
}
@media(max-width : 414px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_content {
    margin: 0 10px 0 5px;
  }
}
@media(min-width : 321px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_content .min_hidden {
    display: none;
  }
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_content .new_housing_underline {
  height: 2px;
  background: #CCB601;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_num {
  color: #D6000F;
  font-size: 26px;
  font-size: 1.625rem;
}
@media(max-width : 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_num {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media(max-width : 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_time {
    font-size: 9px;
    font-size: 0.5625rem;
  }
}
@media(max-width : 414px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_time {
    width: 50px;
    height: 45px;
  }
}
@media(max-width : 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_time svg {
    width: 50px;
    height: 28px;
  }
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_time .time_before {
  position: relative;
  left: 85px;
}
@media(max-width : 430px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_time .time_before {
    left: 46px;
  }
}
@media(max-width : 414px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_time .time_before {
    left: 5px;
    top: 18px;
  }
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_time .time_after {
  position: relative;
  left: 95px;
}
@media(max-width : 430px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_time .time_after {
    left: 48px;
  }
}
@media(max-width : 414px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_time .time_after {
    top: 18px;
    left: 7px;
  }
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_property {
  cursor: pointer;
  width: 200px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #CCB601;
  border-radius: 4px;
  margin-left: 20px;
}
@media(max-width : 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_property {
    width: 100px;
    height: 32px;
    font-size: 9px;
    font-size: 0.5625rem;
  }
}
@media(max-width : 410px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_property {
    width: 85px;
    margin-left: 5px;
  }
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .new_housing .new_housing_property:hover {
  opacity: 0.5;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .obtain_btn_con {
  display: flex;
  width: 460px;
}
@media(min-width : 767px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .obtain_btn_con {
    margin-top: 25px;
  }
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .obtain_btn_con .obtain_btn, .similarLp .similarLp-detail .recommend-list .estate_list_cont .obtain_btn_con .obtain_btn1 {
  position: static;
  border: none;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .obtain_btn_con .chat_content {
  background: #2fa9af;
  transition: all 0.2s;
  margin-right: 10px;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .obtain_btn_con .chat_content img {
  width: 16px;
  height: 15px;
  vertical-align: middle;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .obtain_btn_con .chat_content:hover {
  background: #34bcc3;
}
.similarLp .similarLp-detail .recommend-list .estate_list_cont .x_iphone {
  position: relative;
  top: initial;
  bottom: initial;
  line-height: 30px;
  height: 30px;
  display: none;
}
@media(max-width : 410px) {
  .similarLp .similarLp-detail .recommend-list .estate_list_cont .x_iphone {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .companies {
    padding-bottom: 40px;
  }
}
.similarLp .similarLp-detail .companies ul {
  padding: 0 7px;
}
.similarLp .similarLp-detail .companies ul li {
  width: calc( 100%/6 );
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .companies ul li {
    width: calc(100%/4);
    padding: 3px;
  }
  .similarLp .similarLp-detail .companies ul li:nth-last-child(-n+4) .logo {
    margin-bottom: 0px;
  }
}
.similarLp .similarLp-detail .companies .logo {
  width: 80px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .companies .logo {
    height: 80px;
    width: auto;
  }
}
.similarLp .similarLp-detail .companies .logo:nth-child(-n+6) {
  margin-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .companies .logo:nth-child(-n+6) {
    margin-bottom: 10px;
  }
}
.similarLp .similarLp-detail .hot_area .row {
  padding: 0;
  padding-left: 15px;
}
.similarLp .similarLp-detail .hot_area .row .item {
  padding: 0 15px 15px 0;
}
.similarLp .similarLp-detail .hot_area .row a {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  border-radius: 3px;
}
.similarLp .similarLp-detail .hot_area .row a .lazyimg {
  width: 100%;
  height: 125px;
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .hot_area .row a .lazyimg {
    height: 76px;
  }
}
.similarLp .similarLp-detail .hot_area .row a img {
  width: 100%;
  height: 100%;
  display: block;
  transition: all 0.4s ease;
  transform: scale(1);
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .hot_area .row a img {
    width: auto;
  }
}
.similarLp .similarLp-detail .hot_area .row a:hover img {
  transform: scale(1.05);
}
.similarLp .similarLp-detail .hot_area .row a .a_title {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  background: rgba(3, 3, 3, 0.38);
}
.similarLp .similarLp-detail .hot_area .row a .a_title span {
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  .similarLp .similarLp-detail .hot_area .row a .a_title span {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.similarLp .list_search {
  position: fixed;
  top: -40px;
  left: 0;
  z-index: 200;
  width: 100vw;
  height: calc(100% + 40px);
  background-color: rgba(68, 68, 68, 0.5);
}
.similarLp .list_search .screening_list {
  padding: 0px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 300;
}
.similarLp .list_search .screening_list .slide-box {
  width: 100%;
  background: white;
  top: 41.7px;
  position: absolute;
  z-index: 4;
  left: 0;
  display: none;
  font-size: 13px;
}
.similarLp .list_search .screening_list .slide-box .select-opcity {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1;
  background: rgba(0, 0, 0, 0.3);
}
.similarLp .list_search .screening_list .slide-box .slide-box-title {
  height: 44px;
  width: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  color: #000;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 44px;
  z-index: 100;
  border-bottom: 1px solid #e7e7e7;
}
.similarLp .list_search .screening_list .slide-box .slide-box-title i {
  width: 44px;
  position: absolute;
  right: 0;
  top: 0;
}
.similarLp .list_search .screening_list .slide-box .slide-box-content {
  z-index: 100;
  position: absolute;
  width: 100%;
  background: #fff;
  text-align: center;
  left: 0;
  top: 42px;
}
.similarLp .list_search .screening_list .slide-box .slide-box-content .btn-content {
  padding: 12px 15px;
  background-color: #fff;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.similarLp .list_search .screening_list .slide-box .slide-box-content .btn-content button {
  border: none;
  background: #F6F6F6;
  height: 50px;
  width: 100%;
  border-radius: 2px;
  color: #666;
  outline: none;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}
.similarLp .list_search .screening_list .slide-box .slide-box-content .btn-content button:last-child {
  color: #fff;
  background-color: #2fa9af;
  margin-left: 0;
}
.similarLp .list_search .screening_list .slide-box .slide-box-content .main-box {
  position: relative;
}
.similarLp .list_search .screening_list .slide-box .slide-box-content .main-box ul {
  padding-bottom: 77px;
}
.similarLp .list_search .screening_list .slide-box .slide-box-content .main-box li {
  font-size: 14px;
  font-size: 0.875rem;
}
.similarLp .list_search .screening_list .slide-box .slide-box-content .sort-content {
  display: none;
  padding: 0 15px;
  max-height: 80vh;
  overflow: auto;
}
.similarLp .list_search .screening_list .slide-box .slide-box-content .sort-content .type-list li {
  width: 100%;
  border-bottom: 1px solid #F2F2F3;
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: left;
  display: inline-block;
  color: #111;
  padding-left: 25px;
}
.similarLp .list_search .screening_list .slide-box .slide-box-content .sort-content .type-list li.selected {
  color: #2FA9AF;
  position: relative;
  font-weight: 600;
}
.similarLp .list_search .screening_list .slide-box .slide-box-content .sort-content .type-list li.selected::after {
  content: "";
  font-family: "iconfont" !important;
  font-size: 15px;
  font-size: 0.9375rem;
  position: absolute;
  left: 0;
  margin-right: 5px;
}
.similarLp .area_bullet_box {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  width: 100vw;
  height: 100%;
  background-color: #fff;
  overflow: scroll;
}
.similarLp .area_bullet_box .area-box .area-box-title {
  height: 44px;
  width: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  color: #000;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 44px;
  z-index: 100;
}
.similarLp .area_bullet_box .area-box .area-box-title i {
  width: 44px;
  position: absolute;
  top: 0;
  right: 0;
}
.similarLp .area_bullet_box .area-box .area-box-content {
  margin-top: 50px;
}
.similarLp .area_bullet_box .area-box .area-box-content .county-list {
  padding: 0;
  padding-bottom: 90px;
}
.similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .county-item-con, .similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .area-item-con {
  height: 44px;
  padding: 15px;
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .county-item-con span, .similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .area-item-con span {
  font-size: 14px;
  font-size: 0.875rem;
}
.similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .county-item-con .county-item-left, .similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .county-item-con .area-item-left, .similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .area-item-con .county-item-left, .similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .area-item-con .area-item-left {
  align-items: center;
}
.similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .county-item-con .county-item-left p, .similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .county-item-con .area-item-left p, .similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .area-item-con .county-item-left p, .similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .area-item-con .area-item-left p {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}
.similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .county-item-con .d-check, .similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .area-item-con .d-check {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  border: 1px solid #A9A9A9;
  border-radius: 2px;
  display: inline-block;
}
.similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .county-item-con.selected, .similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .area-item-con.selected {
  color: #111;
}
.similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .county-item-con.selected .d-check, .similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .area-item-con.selected .d-check {
  border: none;
  background: #2fa9af;
  position: relative;
}
.similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .county-item-con.selected .d-check::after, .similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .area-item-con.selected .d-check::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  font-family: "iconfont" !important;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  transform: translate(-50%, -50%);
}
.similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .county-item-con {
  border-top: 1px solid #e7e7e7;
}
.similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .county-item-con i {
  display: inline-block;
  width: 35px;
  height: 44px;
  text-align: right;
  line-height: 44px;
}
.similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .area-list .area-item {
  display: none;
}
.similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .area-list .area-item .area-item-con {
  margin-left: 30px;
}
.similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .area-list .area-item .area-item-con .area-item-left p {
  font-weight: 400;
}
.similarLp .area_bullet_box .area-box .area-box-content .county-list .county-item .area-list .area-item:last-child .area-item-con {
  border: none;
}
.similarLp .area_bullet_box .area-box .area-box-content .county-list > li:not(:first-child) {
  margin-top: -1px;
}
.similarLp .area_bullet_box .area-box .area-box-content .btn-content {
  height: 75px;
  width: 100%;
  background: #fff;
  position: fixed;
  bottom: 0;
  border-top: 1px solid #f6f6f6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.similarLp .area_bullet_box .area-box .area-box-content .btn-content .btn-search {
  height: 44px;
  width: 85%;
  line-height: 44px;
  border-radius: 3px;
  font-weight: 600;
  background: #2FA9AF;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}
.similarLp .swiper_containe .swiper-wrapper {
  height: 75px;
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .similarLp .swiper_containe .swiper-wrapper {
    margin-top: 0px;
  }
}
.similarLp .swiper_containe .swiper-wrapper .lazyimg img {
  width: 115px;
  height: 75px;
}
.similarLp .swiper_containe .swiper-wrapper .lazyimg .image-video-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: url("/img/main/list/swiper_video.png") center/100% no-repeat;
}
@media only screen and (max-width: 767px) {
  .similarLp .swiper_containe .swiper-wrapper .lazyimg .image-video-icon {
    width: 25px;
    height: 25px;
  }
}
.similarLp .swiper_containe .page_number {
  position: absolute;
  right: 10px;
  bottom: 40px;
  width: 40px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 15px;
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
  z-index: 9;
  font-size: 12px;
  font-size: 0.75rem;
}
.similarLp .swiper_containe .swiper-button-prev, .similarLp .swiper_containe .swiper-button-next {
  width: 20px;
  height: 28px;
  color: #fff;
  background: rgba(31, 45, 61, 0.6);
  top: 70%;
}
.similarLp .swiper_containe .swiper-button-prev:hover, .similarLp .swiper_containe .swiper-button-next:hover {
  background: #000;
  opacity: 0.6;
}
.similarLp .swiper_containe .swiper-button-prev {
  left: 0px;
}
.similarLp .swiper_containe .swiper-button-next {
  right: 0px;
}
.similarLp .swiper_containe .swiper-button-prev::after,
.similarLp .swiper_containe .swiper-button-next::after {
  font-size: 16px;
}
.similarLp .swiper_containe .swiper-pagination-bullet-active {
  background: #2FA9AF !important;
}
@media only screen and (max-width: 767px) {
  .similarLp .swiper_containe .list_pagination {
    margin-top: 20px;
  }
}
.similarLp .swiper_containe .list_pagination .pagination {
  justify-content: center;
}
@media(max-width : 430px) {
  .similarLp .swiper_containe .list_pagination .pagination li a, .similarLp .swiper_containe .list_pagination .pagination li span {
    padding: 8px 10px;
    margin-right: 4px;
  }
}
@media(max-width : 375px) {
  .similarLp .swiper_containe .list_pagination .pagination li a, .similarLp .swiper_containe .list_pagination .pagination li span {
    padding: 8px 8px;
  }
}
.similarLp .footer-form {
  background: rgba(0, 0, 0, 0.75);
  padding: 15px 11px;
  text-align: center;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 100;
  width: 100%;
}
.similarLp .footer-form .form-btn {
  border-radius: 4px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  background: #D67C1D;
  height: 44px;
  line-height: 44px;
  font-size: 20px;
  font-size: 1.25rem;
}
.similarLp .footer-form .form-btn i {
  margin-right: 10px;
  font-size: 20px;
  font-size: 1.25rem;
}

.sns img {
  width: 100%;
  height: auto;
  display: block;
}
.sns .container {
  padding-top: 30px;
}
.sns dl {
  width: 100%;
  border-top: none;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 25px;
}
.sns dl dd {
  width: 100%;
  display: -ms-flexbox;
  box-sizing: border-box;
  position: relative;
  flex-wrap: wrap;
  position: relative;
  display: flex;
  align-items: center;
}
.sns dl dd input[type=radio], .sns dl dd input[type=checkbox] {
  position: absolute;
  -moz-appearance: radio;
       appearance: radio;
  -webkit-appearance: radio;
  outline: none;
  opacity: 0;
  padding: 0;
  margin: 0;
  height: 0;
  width: 0;
}
.sns dl dd input[type=radio] .redtxt, .sns dl dd input[type=checkbox] .redtxt {
  position: absolute;
  flex-basis: 100%;
  bottom: -20px;
  color: #D6000F;
  font-size: 14px;
  font-size: 0.875rem;
}
.sns dl dd label {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  width: 50%;
  padding-top: 15px;
}
.sns dl dd label:nth-child(-n+2) {
  padding-top: 0px;
}
.sns dl dd label .circle {
  padding-left: 28px;
  position: relative;
  display: -ms-flexbox;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  height: 100%;
  padding-right: 24px;
  display: flex;
  align-items: center;
}
.sns dl dd label .circle span {
  display: block;
  min-width: 100px;
}
.sns dl dd label .circle::before, .sns dl dd label .circle::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
.sns dl dd label .circle::before {
  left: 0px;
  width: 20px;
  height: 20px;
  border: 2px solid #A9A9A9;
}
.sns dl dd label .circle::after {
  background: #2fa9af;
  width: 10px;
  height: 10px;
  left: 5px;
  opacity: 0;
}
.sns dl dd label input:checked + span::before {
  border-color: #2fa9af;
}
.sns dl dd label input:checked + span::after {
  opacity: 1;
}
.sns dl dd .drop-multiple {
  height: 44px;
  border-radius: 4px;
  border: 1px solid #E5E5E5;
  width: 100%;
}
.sns dl dd .drop-multiple .btn-default {
  font-size: 16px;
  font-size: 1rem;
  margin-top: 0;
  line-height: 41px;
  padding-top: 0;
  padding-bottom: 0;
}
.sns dl dd .drop-multiple .btn-default:hover {
  background-color: #fff;
}
.sns dl dd .drop-multiple .filter-option-inner-inner {
  font-size: 16px;
  font-size: 1rem;
  color: #999999;
}
.sns dl dt {
  width: 100%;
  display: flex;
  align-items: center;
  height: auto;
  font-size: 14px;
  font-size: 0.875rem;
  box-sizing: border-box;
  font-weight: 600;
  padding-bottom: 14px;
}
.sns dl dt span {
  font-size: 12px;
  font-size: 0.75rem;
}
.sns dl dt .required {
  color: #D6000F;
  padding-left: 4px;
}
.sns dl input {
  padding-left: 10px;
}
.sns dl .phone-module, .sns dl input {
  height: 44px;
  width: 100%;
  border: 1px solid #E5E5E5;
  outline: none;
  border-radius: 4px;
  font-size: 16px;
  font-size: 1rem;
}
.sns dl .phone-module.verifyCodeInput, .sns dl input.verifyCodeInput {
  width: calc(100% - 130px);
}
.sns dl .phone-module:focus, .sns dl input:focus {
  border-color: #2fa9af;
  outline: 0;
  box-shadow: 0 0 0 1px rgba(47, 169, 175, 0.2);
}
.sns dl .phone-module .blur, .sns dl input .blur {
  border-color: #E5E5E5;
  box-shadow: none;
}
.sns dl .phone-module .phoneNationality, .sns dl input .phoneNationality {
  width: 80px;
  line-height: 41px;
  font-size: 14px;
  font-size: 0.875rem;
}
.sns dl .phone-module input, .sns dl input input {
  width: calc(100% - 80px);
  margin-left: 0;
  height: 42px;
  border: none;
}
.sns dl input, .sns dl select {
  line-height: 44px;
}
.sns dl input:-moz-placeholder, .sns dl select:-moz-placeholder {
  color: #999999;
}
.sns dl input::-moz-placeholder, .sns dl select::-moz-placeholder {
  color: #999999;
}
.sns dl input::-webkit-input-placeholder, .sns dl select::-webkit-input-placeholder {
  color: #999999;
}
.sns dl input:-ms-input-placeholder, .sns dl select:-ms-input-placeholder {
  color: #999999;
}
.sns dl input:-moz-placeholder, .sns dl select:-moz-placeholder {
  font-size: 16px;
}
.sns dl input::-moz-placeholder, .sns dl select::-moz-placeholder {
  font-size: 16px;
}
.sns dl input::-webkit-input-placeholder, .sns dl select::-webkit-input-placeholder {
  font-size: 16px;
}
.sns dl input:-ms-input-placeholder, .sns dl select:-ms-input-placeholder {
  font-size: 16px;
}
.sns .form-hidden {
  display: none;
}
.sns .footer-btn {
  padding-top: 16px;
  padding-bottom: 10px;
  font-size: 16px;
  font-size: 1rem;
  width: 100%;
}
.sns .footer-btn i {
  margin-right: 4px;
  font-size: 12px;
  font-size: 0.75rem;
}
.sns .footer-btn .mt-10, .sns .footer-btn a {
  color: #a9a9a9;
  text-align: center;
}
.sns .footer-btn input[type=checkbox] {
  height: 13px;
  width: 13px;
  margin-left: 0px;
}
.sns .footer-btn button {
  width: 100%;
  height: 46px;
  background: #2fa9af;
  border-radius: 4px;
  border: none;
  outline: none;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 46px;
}
.sns .footer-btn button:focus {
  border-color: none;
}
.sns .h_modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 42px;
  border-radius: 8px;
  background: #111;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 42px;
  text-align: center;
  display: none;
  padding: 0 15px;
  min-width: -moz-max-content;
  min-width: max-content;
}

.special .languagec-bar {
  font-size: 14px;
  font-size: 0.875rem;
  margin-left: 40px;
  line-height: 24px;
}
.special .languagec-bar .language {
  display: none;
  top: 100%;
  left: 0;
  width: 50px;
  z-index: 5;
}
.special .languagec-bar .language:hover {
  display: block !important;
}
.special .languagec-bar .language a {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14px;
  display: block;
  padding: 10px 0;
  cursor: pointer;
  color: #373737;
  line-height: 16px;
  background-color: #fff;
  text-decoration: none;
  z-index: 5;
  transition: all 0.3s ease;
  position: relative;
}
.special .languagec-bar .language a:hover {
  color: #2fa9af;
}
.special .languagec-bar:hover .language {
  display: block !important;
}
.special .languagec-bar a {
  color: #111;
}
.special .special-list .s-title {
  padding-top: 56px;
  padding-bottom: 20px;
}
.special .special-list .s-title .e-title {
  color: #F2F2F2;
  font-size: 40px;
  font-size: 2.5rem;
  top: 26px;
  left: 50%;
  transform: translate(-50%);
}
@media only screen and (max-width: 767px) {
  .special .special-list .s-title .e-title {
    font-size: 24px;
    font-size: 1.5rem;
    top: 42px;
  }
}
.special .special-list .s-title .t-content {
  color: #111;
  font-size: 30px;
  font-size: 1.875rem;
  padding-bottom: 10px;
  width: 185px;
  margin: 0 auto;
  position: relative;
  border-bottom: 4px solid #666;
}
@media only screen and (max-width: 767px) {
  .special .special-list .s-title .t-content {
    padding-bottom: 13px;
    font-size: 24px;
    font-size: 1.5rem;
    width: 145px;
  }
}
.special .special-list .s-desc {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 35px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  .special .special-list .s-desc {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 21px;
    padding-bottom: 20px;
  }
}
.special .special-list .list-content {
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .special .special-list .list-content {
    margin-bottom: 40px;
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
  }
}
.special .special-list .list-content li {
  width: 100%;
  position: relative;
  cursor: pointer;
  display: flex;
  min-height: 300px;
}
@media only screen and (max-width: 767px) {
  .special .special-list .list-content li {
    min-height: 270px;
  }
}
.special .special-list .list-content li a {
  color: #fff;
}
.special .special-list .list-content li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
  .special .special-list .list-content li::after {
    background-color: rgba(0, 0, 0, 0.2);
  }
}
.special .special-list .list-content li .lazyimg {
  width: 100%;
  height: 100%;
}
.special .special-list .list-content li .lazyimg img {
  width: 100%;
  display: block;
}
@media only screen and (max-width: 767px) {
  .special .special-list .list-content li .lazyimg img {
    height: 100%;
  }
}
.special .special-list .list-content li .item-info {
  top: 50%;
  transform: translateY(-50%);
  left: 58px;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .special .special-list .list-content li .item-info {
    left: 20px;
    width: calc(100% - 40px);
  }
}
.special .special-list .list-content li .l-title, .special .special-list .list-content li p {
  text-shadow: 2px 2px 7px #333333;
}
.special .special-list .list-content li .l-title {
  font-size: 40px;
  font-size: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .special .special-list .list-content li .l-title {
    font-size: 24px;
    font-size: 1.5rem;
    max-width: 80%;
    line-height: 33px;
    text-align: center;
    margin: 0 auto;
  }
}
.special .special-list .list-content li p {
  padding-top: 10px;
  max-width: 590px;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .special .special-list .list-content li p {
    text-align: center;
    max-width: 100%;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 21px;
    padding-top: 15px;
  }
}
.special .special-list .list-content li .s-btn {
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
  width: 325px;
  background-color: #fff;
  color: #111;
  font-size: 16px;
  font-size: 1rem;
  margin-top: 37px;
}
@media only screen and (max-width: 767px) {
  .special .special-list .list-content li .s-btn {
    width: 100%;
    margin-top: 15px;
  }
}
.special .special-list .list-content li .s-btn:hover {
  background-color: #E5E5E5;
}
.special .special-detail .s-banner {
  width: 100%;
  position: relative;
}
.special .special-detail .s-banner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
  .special .special-detail .s-banner::after {
    background-color: rgba(0, 0, 0, 0.2);
  }
}
.special .special-detail .s-banner img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .s-banner img {
    min-height: 200px;
  }
}
.special .special-detail .s-banner .b-title {
  text-shadow: 2px 2px 7px #333333;
  color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 70%;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .s-banner .b-title {
    width: calc( 100% - 24px );
  }
}
.special .special-detail .s-banner .b-title .title-1 {
  font-size: 40px;
  font-size: 2.5rem;
  text-align: left;
  padding-left: 55px;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .s-banner .b-title .title-1 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 32px;
    padding-left: 0px;
    text-align: center;
    max-width: 80%;
    margin: 0 auto;
  }
}
.special .special-detail .recommend-list {
  background-color: #F6F6F6;
  padding-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .recommend-list {
    padding-bottom: 40px;
  }
}
.special .special-detail .recommend-list .list-content {
  padding-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .recommend-list .list-content {
    padding-bottom: 25px;
  }
}
.special .special-detail .recommend-list .r-title {
  font-size: 30px;
  font-size: 1.875rem;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .recommend-list .r-title {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.special .special-detail .recommend-list ul {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .recommend-list ul {
    padding: 0px;
  }
}
.special .special-detail .recommend-list ul li {
  width: calc((100% - 16px)/2);
  height: 345px;
  margin-bottom: 16px;
}
.special .special-detail .recommend-list ul li:nth-child(odd) {
  margin-right: 16px;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .recommend-list ul li {
    width: 100%;
    height: 260px;
  }
  .special .special-detail .recommend-list ul li:nth-child(odd) {
    margin-right: 0px;
  }
}
.special .special-detail .recommend-list ul li .lazyimg, .special .special-detail .recommend-list ul li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .recommend-list ul li .lazyimg, .special .special-detail .recommend-list ul li img {
    height: 260px;
  }
}
.special .special-detail .recommend-list ul li .item-info {
  bottom: 0px;
  left: 0px;
  color: #fff;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.9) 100%);
  box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.11);
  box-sizing: border-box;
}
.special .special-detail .recommend-list ul li .item-info .station {
  position: relative;
}
.special .special-detail .recommend-list ul li .item-info .station .icon-ditie {
  display: inline-block;
  font-size: 17px;
  font-size: 1.0625rem;
}
.special .special-detail .recommend-list ul li .item-info .station .station-info {
  width: calc( 100% - 240px );
  display: flex;
}
.special .special-detail .recommend-list ul li .item-info .station .station-info span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: calc( 100% - 20px );
}
@media only screen and (max-width: 767px) {
  .special .special-detail .recommend-list ul li .item-info .station {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .special .special-detail .recommend-list ul li .item-info .station .station-info {
    display: flex;
    align-items: center;
    width: calc( 100% -  120px);
  }
  .special .special-detail .recommend-list ul li .item-info .station .station-info span {
    width: calc( 100% -  17px);
  }
}
.special .special-detail .recommend-list ul li .item-info .price {
  font-size: 20px;
  font-size: 1.25rem;
}
.special .special-detail .recommend-list ul li .item-info .price i {
  font-size: 12px;
  font-size: 0.75rem;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .recommend-list ul li .item-info .price {
    font-size: 18px;
    font-size: 1.125rem;
    position: absolute;
    top: -19px;
    right: 0px;
  }
}
.special .special-detail .recommend-list ul li .item-info .s-info .d-br, .special .special-detail .recommend-list ul li .item-info .station .d-br {
  display: none;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .recommend-list ul li .item-info .s-info .d-br, .special .special-detail .recommend-list ul li .item-info .station .d-br {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .special .special-detail .recommend-list ul li .item-info .s-info, .special .special-detail .recommend-list ul li .item-info .station {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.special .special-detail .recommend-list ul li .item-info .s-info {
  width: calc(100% - 140px);
}
.special .special-detail .recommend-list ul li .item-info .s-info span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc( 100% - 20px );
}
.special .special-detail .recommend-list ul li .item-info .station-info, .special .special-detail .recommend-list ul li .item-info .s-info {
  font-size: 14px;
  font-size: 0.875rem;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .recommend-list ul li .item-info .station-info, .special .special-detail .recommend-list ul li .item-info .s-info {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.special .special-detail .recommend-list ul li .item-info .r-title {
  font-size: 22px;
  font-size: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .recommend-list ul li .item-info .r-title {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.special .special-detail .recommend-list ul li .type {
  left: 0px;
  top: 0px;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  color: #fff;
  text-shadow: 0px 3px 13px rgba(0, 0, 0, 0.11);
}
.special .special-detail .recommend-list ul li .type.typeMansion {
  background-color: #D95757;
}
.special .special-detail .recommend-list ul li .type.typeHouse {
  background-color: #2B93D9;
}
.special .special-detail .recommend-list ul li .type.typeEntire {
  background-color: #D9712B;
}
.special .special-detail .recommend-list ul li .type.typeLand {
  background-color: #E6B82E;
}
.special .special-detail .appeal-list {
  width: 70%;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .appeal-list {
    --bs-gutter-x: 1.5rem;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-top: 40px !important;
  }
}
.special .special-detail .appeal-list ul li img {
  width: 110px;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .appeal-list ul li img {
    width: 60px;
  }
}
.special .special-detail .appeal-list ul li .desc .appeal-title {
  font-size: 20px;
  font-size: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .appeal-list ul li .desc .appeal-title {
    font-size: 16px;
    font-size: 1rem;
  }
}
.special .special-detail .appeal-list ul li .desc p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 26px;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .appeal-list ul li .desc p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.special .special-detail .s-contact {
  background-color: #FCFCFC;
}
.special .special-detail .s-contact .container {
  background-repeat: no-repeat;
  background-position: right;
  background-size: auto 100%;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .s-contact .container {
    padding: 30px 0px;
    height: 130px;
    background-size: 100% 100%;
  }
}
.special .special-detail .s-contact .container p {
  font-size: 32px;
  font-size: 2rem;
  line-height: 48px;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .s-contact .container p {
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    line-height: 24px;
    padding: 0 12px;
  }
}
.special .special-detail .s-contact .contact-btn {
  display: block;
  width: 325px;
  height: 70px;
  line-height: 70px;
  border: 1px solid #333333;
  cursor: pointer;
  background-color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
}
.special .special-detail .s-contact .contact-btn i {
  font-size: 20px;
  font-size: 1.25rem;
}
.special .special-detail .s-contact .contact-btn:hover {
  background-color: #E5E5E5;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .s-contact .contact-btn {
    width: calc(100% - 24px);
    margin: 0 auto;
    height: 44px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 44px;
  }
  .special .special-detail .s-contact .contact-btn i {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.special .special-detail .home_special {
  background-color: #F6F6F6;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .home_special {
    padding-bottom: 20px !important;
  }
}
@media only screen and (max-width: 767px) {
  .special .special-detail .home_special a {
    font-size: 14px;
    font-size: 0.875rem;
    color: #666;
  }
}
@media only screen and (max-width: 767px) {
  .special .special-detail .home_special {
    padding-top: 40px !important;
  }
}
.special .special-detail .home_special .r-title {
  font-size: 24px;
  font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .home_special .r-title {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.special .special-detail .home_special .row {
  margin-top: 35px;
}
@media only screen and (max-width: 767px) {
  .special .special-detail .home_special .row {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .special .special-detail .home_special ul {
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0px;
    margin-top: 0px;
    margin-bottom: 30px;
  }
  .special .special-detail .home_special ul img {
    height: 100%;
  }
}
.special .footer_float_form, .special .tw-float_form {
  width: 100%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  padding: 20px 0px;
  z-index: 100;
  background: rgba(0, 0, 0, 0.75);
}
@media only screen and (max-width: 767px) {
  .special .footer_float_form, .special .tw-float_form {
    padding: 11px 0px;
  }
}
.special .footer_float_form .spinner-border, .special .tw-float_form .spinner-border {
  display: none;
}
.special .footer_float_form .loading .spinner-border, .special .tw-float_form .loading .spinner-border {
  display: inline-block;
}
.special .footer_float_form .contactFormMessage, .special .tw-float_form .contactFormMessage {
  text-align: center;
  width: 100%;
  color: #fff;
  padding-top: 4px;
}
.special .footer_float_form .contactFormMessage i, .special .tw-float_form .contactFormMessage i {
  margin-right: 4px;
  display: none;
}
.special .footer_float_form .contactFormMessage.error, .special .tw-float_form .contactFormMessage.error {
  color: #ff0000;
  padding-top: 10px;
}
.special .footer_float_form .contactFormMessage.error i, .special .tw-float_form .contactFormMessage.error i {
  display: inline-block;
}
.special .footer_float_form .from_content, .special .tw-float_form .from_content {
  display: flex;
  align-items: center;
  height: 100%;
}
.special .footer_float_form .from_content .right_form .form-container, .special .tw-float_form .from_content .right_form .form-container {
  display: flex;
  flex-wrap: wrap;
}
.special .footer_float_form .from_content .right_form .form-container .form-item, .special .tw-float_form .from_content .right_form .form-container .form-item {
  color: #fff;
  display: flex;
  align-items: center;
  width: calc((100% - 50px)/3);
}
.special .footer_float_form .from_content .right_form .form-container .form-item .phoneNationality, .special .footer_float_form .from_content .right_form .form-container .form-item input[type="text"], .special .tw-float_form .from_content .right_form .form-container .form-item .phoneNationality, .special .tw-float_form .from_content .right_form .form-container .form-item input[type="text"] {
  background: transparent;
  outline: none;
  outline-color: invert;
  outline-style: none;
  outline-width: 0px;
  border: none;
  border-style: none;
  text-shadow: none;
  -webkit-appearance: none;
  -webkit-user-select: text;
  outline-color: transparent;
  box-shadow: none;
}
.special .footer_float_form .from_content .right_form .form-container .form-item .f_label, .special .tw-float_form .from_content .right_form .form-container .form-item .f_label {
  padding-right: 6px;
  display: inline-block;
  width: 76px;
}
.special .footer_float_form .from_content .right_form .form-container .form-item input, .special .tw-float_form .from_content .right_form .form-container .form-item input {
  padding: 0 4px;
}
.special .footer_float_form .from_content .right_form .form-container .form-item .m_input, .special .tw-float_form .from_content .right_form .form-container .form-item .m_input {
  padding: 10px 4px;
  border: 1px solid #D8D8D8;
  width: calc(100% - 76px);
}
.special .footer_float_form .from_content .right_form .form-container .form-item:nth-child(2) .m_input, .special .tw-float_form .from_content .right_form .form-container .form-item:nth-child(2) .m_input {
  width: calc(100% - 184px);
}
.special .footer_float_form .from_content .right_form .form-container .form-item .i_phone, .special .tw-float_form .from_content .right_form .form-container .form-item .i_phone {
  display: flex;
  align-items: center;
}
.special .footer_float_form .from_content .right_form .form-container .form-item .i_phone select, .special .tw-float_form .from_content .right_form .form-container .form-item .i_phone select {
  background-image: url(/img/main/cmn/select-arrow-w.png);
  background-repeat: no-repeat !important;
  background-size: 10px !important;
  background-position: right 0px center !important;
  background-attachment: scroll !important;
  padding-right: 10px;
  max-width: 109px;
}
.special .footer_float_form .from_content .right_form .form-container .form-item .btn-default, .special .tw-float_form .from_content .right_form .form-container .form-item .btn-default {
  background: transparent;
  padding: 0px 4px;
  line-height: 17px;
  margin-top: 0px;
}
.special .footer_float_form .from_content .right_form .form-container .form-item .btn-default .value, .special .footer_float_form .from_content .right_form .form-container .form-item .btn-default .iconfont, .special .tw-float_form .from_content .right_form .form-container .form-item .btn-default .value, .special .tw-float_form .from_content .right_form .form-container .form-item .btn-default .iconfont {
  color: #fff;
}
.special .footer_float_form .from_content .right_form .form-container .form-item .btn-default .filter-option-inner-inner, .special .tw-float_form .from_content .right_form .form-container .form-item .btn-default .filter-option-inner-inner {
  color: #757575;
  display: inline-block;
  height: 16px;
  font-size: 16px;
  font-size: 1rem;
}
.special .footer_float_form .from_content .right_form .form-container .form-item .verifyCodeBtn, .special .tw-float_form .from_content .right_form .form-container .form-item .verifyCodeBtn {
  width: 108px;
  height: 41px;
  background: #FFFFFF;
  border: 1px solid #FFFFFF;
  color: #111;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 41px;
  cursor: pointer;
  margin-left: 5px;
  border-radius: 2px;
}
.special .footer_float_form .from_content .right_form .form-container .form-item .verifyCodeBtn:hover, .special .tw-float_form .from_content .right_form .form-container .form-item .verifyCodeBtn:hover {
  background: #FCFCFC;
  border: 1px solid #FCFCFC;
}
.special .footer_float_form .from_content .right_form .form-container .form-item.agreement_content, .special .tw-float_form .from_content .right_form .form-container .form-item.agreement_content {
  display: inline-block;
}
.special .footer_float_form .from_content .right_form .form-container .form-item.agreement_content .checkmark, .special .tw-float_form .from_content .right_form .form-container .form-item.agreement_content .checkmark {
  top: 4px;
}
.special .footer_float_form .from_content .right_form .form-container .form-item.agreement_content .checkmark::after, .special .tw-float_form .from_content .right_form .form-container .form-item.agreement_content .checkmark::after {
  top: -4.5px;
}
.special .footer_float_form .from_content .right_form .form-container .form-item.agreement_content .ag_content, .special .tw-float_form .from_content .right_form .form-container .form-item.agreement_content .ag_content {
  line-height: 21px;
  width: 226px;
  font-size: 14px;
  font-size: 0.875rem;
}
.special .footer_float_form .from_content .right_form .form-container .form-item.agreement_content .ag_content a, .special .tw-float_form .from_content .right_form .form-container .form-item.agreement_content .ag_content a {
  color: #fff;
}
.special .footer_float_form .from_content .o_inquiry_btn, .special .tw-float_form .from_content .o_inquiry_btn {
  width: 164px;
  height: 41px;
  background: #D67C1D;
  cursor: pointer;
  color: #fff;
  line-height: 41px;
  font-size: 20px;
  font-size: 1.25rem;
}
.special .footer_float_form .from_content .o_inquiry_btn:hover, .special .tw-float_form .from_content .o_inquiry_btn:hover {
  background: #E09652;
}
@media only screen and (max-width: 767px) {
  .special .footer_float_form .from_content .o_inquiry_btn, .special .tw-float_form .from_content .o_inquiry_btn {
    width: 145px;
    font-size: 16px;
    font-size: 1rem;
    border-radius: 4px;
  }
}
.special .more-estate {
  width: 375px;
  height: 65px;
  line-height: 65px;
  border-radius: 4px;
  background-color: #D67C1D;
  border: 1px solid #D67C1D;
  margin: 0 auto;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .special .more-estate {
    width: 345px;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
  }
}
.special .more-estate i {
  font-size: 30px;
  font-size: 1.875rem;
  transform: translateY(50%) rotate(-90deg);
  top: -50%;
  color: #fff;
  right: 50px;
}
@media only screen and (max-width: 767px) {
  .special .more-estate i {
    font-size: 23px;
    font-size: 1.4375rem;
  }
}
.special .more-estate:hover {
  background-color: #E09652;
}
.special .more-estate:hover i {
  color: #fff;
}
.special .footer-form {
  background: rgba(0, 0, 0, 0.75);
  padding: 15px 11px;
  text-align: center;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 100;
  width: 100%;
}
.special .footer-form .form-btn {
  border-radius: 4px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  background: #D67C1D;
  height: 44px;
  line-height: 44px;
  font-size: 20px;
  font-size: 1.25rem;
}
.special .footer-form .form-btn i {
  margin-right: 10px;
  font-size: 20px;
  font-size: 1.25rem;
}

.static_cont {
  padding-top: 40px;
  padding-bottom: 40px;
}
.static_cont .title {
  margin-bottom: 30px;
  font-size: 32px;
  font-size: 2rem;
  color: #373737;
  font-weight: 600;
}
.static_cont .cont {
  margin-bottom: 20px;
}
.static_cont .cont .subtil {
  margin-bottom: 15px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  font-weight: bold;
}
.static_cont .cont .subtil1 {
  font-weight: normal;
}
.static_cont .cont .s_underline {
  text-decoration: underline;
}
.static_cont .cont p {
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
}
.static_cont .cont ul {
  margin: -5px 0 10px 20px;
}
.static_cont .cont ul li {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
}
.static_cont .cont ul li ul {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .static_cont {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .static_cont .title {
    margin-bottom: 15px;
    font-size: 24px;
    font-size: 1.5rem;
    color: #373737;
    font-weight: 600;
  }
  .static_cont .cont {
    margin-bottom: 15px;
  }
  .static_cont .cont .subtil {
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
  }
  .static_cont .cont p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
  }
  .static_cont .cont ul {
    margin: -5px 0 10px 10px;
  }
  .static_cont .cont ul li {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 18px;
  }
  .static_cont .cont ul .innerList {
    margin-top: 0;
  }
}
.static_qa {
  padding: 0;
}
.static_qa_item {
  width: 100%;
  line-height: 24px;
  border-top: 1px solid #BBBBBB;
  border-left: 1px solid #BBBBBB;
  border-right: 1px solid #BBBBBB;
}
.static_qa_item:last-child {
  border-bottom: 1px solid #BBBBBB;
}
.static_qa_item .title {
  padding: 10px 12px 8px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  color: #373737;
  background-color: #F7F7F7;
}
.static_qa_item .title:before, .static_qa_item .title:after {
  content: " ";
  display: table;
}
.static_qa_item .title:after {
  clear: both;
}
.static_qa_item .title span:nth-child(1) {
  float: left;
  width: 35px;
}
.static_qa_item .title span:nth-child(2) {
  float: left;
  width: calc(100% - 60px);
}
.static_qa_item .title span:nth-child(3) {
  float: right;
  width: 15px;
  text-align: right;
}
.static_qa_item .title span:nth-child(3) .fa {
  font-size: 25px;
  font-size: 1.5625rem;
  color: #7A7A7A;
}
.static_qa_item .cont {
  display: none;
  padding: 12px 20px;
  font-size: 15px;
  font-size: 0.9375rem;
  color: #5d5d5d;
  text-indent: 2em;
}
.static_qa .dropDown .title {
  color: #fff;
  background-color: #2fa9af;
}
.static_qa .dropDown .title span:nth-child(3) {
  transform: scaleY(-1);
}
.static_qa .dropDown .title span:nth-child(3) .fa {
  color: #fff;
}
.static_qa .dropDown .cont {
  display: block;
}
.static_qa.static_shangshanQa {
  padding: 18px 30px 0 20px;
}
.static_qa.static_shangshanQa .static_qa_item {
  border: none;
  margin-bottom: 17px;
}
.static_qa.static_shangshanQa .static_qa_item .title {
  padding: 0 8px 0 0;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  color: #373737;
  background-color: #fff9f7;
}
.static_qa.static_shangshanQa .static_qa_item .title:before, .static_qa.static_shangshanQa .static_qa_item .title:after {
  content: " ";
  display: table;
}
.static_qa.static_shangshanQa .static_qa_item .title:after {
  clear: both;
}
.static_qa.static_shangshanQa .static_qa_item .title span:nth-child(1) {
  float: left;
  width: 45px;
  background: #d04747;
  border-radius: 0px 12px 12px 0px;
  color: white;
  text-align: center;
  margin-right: 6px;
}
.static_qa.static_shangshanQa .static_qa_item .title span:nth-child(2) {
  float: left;
  width: calc(100% - 66px);
}
.static_qa.static_shangshanQa .static_qa_item .title span:nth-child(3) {
  float: right;
  width: 15px;
  text-align: right;
}
.static_qa.static_shangshanQa .static_qa_item .title span:nth-child(3) .fa {
  font-size: 25px;
  font-size: 1.5625rem;
  color: #7A7A7A;
}
.static_qa.static_shangshanQa .static_qa_item .cont {
  padding: 0;
}
.static_qa.static_shangshanQa .static_qa_item .cont .line {
  height: 2px;
  background: #D9D9D9;
  margin-bottom: 10px;
  margin-top: 18px;
}
.static_qa.static_shangshanQa .static_qa_item .cont .line .short-line {
  height: 2px;
  background: #E5191B;
  width: 75px;
}
.static_qa.static_shangshanQa .static_qa_item.dropDown .title {
  color: #111;
}
.static_qa.static_shangshanQa .static_qa_item.dropDown .title span:nth-child(3) {
  transform: scaleY(-1);
}
.static_qa.static_shangshanQa .static_qa_item.dropDown .title span:nth-child(3) .fa {
  color: #E5191B;
}
.static_qa.static_shangshanQa .static_qa_item.dropDown .cont {
  text-indent: 0px;
}
.static_qa.static_shangshanQa .static_qa_item.dropDown .cont .text {
  padding-left: 28px;
  background-image: url(/img/main/static/da.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 20px 20px;
}

.migrate .migrateBanner {
  width: 100%;
  height: calc(100vw*0.3125);
  max-height: 450px;
  background-image: url("/img/main/static/total/migrate_title.jpg");
  background-size: cover;
  background-position: 50%;
}
@media only screen and (max-width: 767px) {
  .migrate .migrateBanner {
    height: calc(100vw*0.5);
  }
}
.migrate .migrateTitle {
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 50px;
  text-align: center;
}
.migrate .migrateTitle:before, .migrate .migrateTitle:after {
  display: inline-block;
  content: "";
  width: 20%;
  height: 1px;
  margin: 0 20px;
  background-color: #2fa9af;
  vertical-align: middle;
}
@media only screen and (max-width: 991px) {
  .migrate .migrateTitle {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .migrate .migrateTitle {
    margin-bottom: 30px;
    font-size: 20px;
  }
  .migrate .migrateTitle:before, .migrate .migrateTitle:after {
    width: 10%;
    margin: 0 10px;
  }
}
.migrate .migrateProcess {
  padding: 50px 0;
}
.migrate .migrateProcess .processCont:before, .migrate .migrateProcess .processCont:after {
  content: " ";
  display: table;
}
.migrate .migrateProcess .processCont:after {
  clear: both;
}
.migrate .migrateProcess .processCont ul {
  margin: 0 -30px 0 -30px;
}
.migrate .migrateProcess .processCont ul li {
  display: table;
  width: calc((100% - 120px) / 2);
  margin: 0 30px 30px;
  float: left;
}
.migrate .migrateProcess .processCont ul li .num {
  display: table-cell;
  width: 80px;
  height: 90px;
  font-size: 36px;
  font-weight: bold;
  line-height: 80px;
  color: #fff;
  background-color: #DBC8A3;
  text-align: center;
  vertical-align: middle;
}
.migrate .migrateProcess .processCont ul li .fa {
  width: 20px;
  display: table-cell;
  padding: 0 10px;
  font-size: 40px;
  color: #ABABAB;
  vertical-align: middle;
}
.migrate .migrateProcess .processCont ul li .cont {
  display: table-cell;
  width: calc(100% - 125px);
  text-align: center;
  border: 1px solid #DBC8A3;
}
.migrate .migrateProcess .processCont ul li .cont .title {
  padding: 5px 0;
  font-size: 20px;
  font-weight: bold;
  background-color: #F4E6CB;
}
.migrate .migrateProcess .processCont ul li .cont .text {
  padding: 5px;
  font-size: 15px;
  line-height: 22px;
}
.migrate .migrateProcess .processCont ul li:nth-child(2) .num {
  background-color: #A7D6B9;
}
.migrate .migrateProcess .processCont ul li:nth-child(2) .cont {
  border: 1px solid #A7D6B9;
}
.migrate .migrateProcess .processCont ul li:nth-child(2) .title {
  background-color: #D9EDE1;
}
.migrate .migrateProcess .processCont ul li:nth-child(3) .num {
  background-color: #DBB6A3;
}
.migrate .migrateProcess .processCont ul li:nth-child(3) .cont {
  border: 1px solid #DBB6A3;
}
.migrate .migrateProcess .processCont ul li:nth-child(3) .title {
  background-color: #F6DFD3;
}
.migrate .migrateProcess .processCont ul li:nth-child(4) .num {
  background-color: #A7D3D6;
}
.migrate .migrateProcess .processCont ul li:nth-child(4) .cont {
  border: 1px solid #A7D3D6;
}
.migrate .migrateProcess .processCont ul li:nth-child(4) .title {
  background-color: #DCF0F2;
}
.migrate .migrateProcess .processCont ul li:nth-child(5) .num {
  background-color: #D89F9F;
}
.migrate .migrateProcess .processCont ul li:nth-child(5) .cont {
  border: 1px solid #D89F9F;
}
.migrate .migrateProcess .processCont ul li:nth-child(5) .title {
  background-color: #EED6D6;
}
.migrate .migrateProcess .processCont ul li:nth-child(6) .num {
  background-color: #97BCDB;
}
.migrate .migrateProcess .processCont ul li:nth-child(6) .cont {
  border: 1px solid #97BCDB;
}
.migrate .migrateProcess .processCont ul li:nth-child(6) .title {
  background-color: #C1D7EA;
}
@media only screen and (max-width: 991px) {
  .migrate .migrateProcess .processCont ul li .num {
    height: 110px;
  }
}
@media only screen and (max-width: 767px) {
  .migrate .migrateProcess {
    padding: 30px 0;
  }
  .migrate .migrateProcess .processCont ul {
    margin: 0;
  }
  .migrate .migrateProcess .processCont ul li {
    width: 100%;
    margin: 0 0 10px;
  }
  .migrate .migrateProcess .processCont ul li .num {
    width: 50px;
    height: 80px;
    font-size: 24px;
  }
  .migrate .migrateProcess .processCont ul li .fa {
    font-size: 20px;
  }
  .migrate .migrateProcess .processCont ul li .cont .title {
    font-size: 16px;
  }
}
.migrate .migrateCase {
  padding: 50px 0;
  background-color: #F5F5F5;
}
.migrate .migrateCase .caseCont {
  margin-bottom: 25px;
  background-color: #fff;
  border: 1px solid #f5f5f5;
}
.migrate .migrateCase .caseCont .caseTitle {
  padding: 12px 0;
  background-color: #DCF0F2;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.migrate .migrateCase .caseCont .caseText {
  padding: 15px 20px;
  font-size: 16px;
  line-height: 22px;
  text-indent: 2em;
}
.migrate .migrateCase .caseCont .caseFlow {
  padding: 25px;
}
.migrate .migrateCase .caseCont .caseFlow dl {
  margin-bottom: 20px;
}
.migrate .migrateCase .caseCont .caseFlow dl:before, .migrate .migrateCase .caseCont .caseFlow dl:after {
  content: " ";
  display: table;
}
.migrate .migrateCase .caseCont .caseFlow dl:after {
  clear: both;
}
.migrate .migrateCase .caseCont .caseFlow dl dt {
  width: 50px;
  float: left;
  font-size: 16px;
  font-weight: bold;
}
.migrate .migrateCase .caseCont .caseFlow dl dd {
  width: calc(100% - 60px);
  float: right;
  font-size: 16px;
}
.migrate .migrateCase .caseCont .caseFlow dl dd .title {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
}
.migrate .migrateCase .caseCont .caseFlow dl dd .cont {
  font-size: 15px;
}
.migrate .migrateCase .caseCont .caseFlow dl dd .cont .subTitle {
  margin-bottom: 10px;
  padding-left: 5px;
  border-left: 5px solid #C93636;
}
.migrate .migrateCase .caseCont .caseFlow dl dd .cont p {
  color: #222;
  text-indent: -12px;
  padding-left: 12px;
  line-height: 22px;
}
.migrate .migrateCase .caseCont .caseFlow dl dd .cont p:before {
  display: inline-block;
  content: "・";
  color: #C93636;
  font-size: 25px;
  vertical-align: middle;
}
.migrate .migrateCase .caseCont .caseFlow dl dd .cont .red {
  color: #C93636;
}
@media only screen and (max-width: 767px) {
  .migrate .migrateCase {
    padding: 30px 0;
  }
  .migrate .migrateCase .caseCont .caseTitle {
    padding: 8px 0;
    font-size: 16px;
  }
  .migrate .migrateCase .caseCont .caseText {
    padding: 10px;
    font-size: 14px;
  }
  .migrate .migrateCase .caseCont .caseFlow {
    padding: 10px;
  }
  .migrate .migrateCase .caseCont .caseFlow dl {
    margin-bottom: 10px;
  }
  .migrate .migrateCase .caseCont .caseFlow dl dt {
    font-size: 15px;
  }
  .migrate .migrateCase .caseCont .caseFlow dl dd .title {
    font-size: 15px;
  }
  .migrate .migrateCase .caseCont .caseFlow dl dd p {
    font-size: 14px;
  }
}
.migrate .migrateBtn {
  text-align: center;
}
.migrate .migrateBtn a {
  display: inline-block;
  border-bottom: 3px solid #f84a43;
  text-decoration: none;
  padding: 15px 60px;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  border-radius: 5px;
  background-color: #f9625c;
}
.migrate .migrateBtn a:hover {
  background-color: #fa706b;
  border-bottom: 3px solid #f84a43;
  outline: none;
}
.migrate .migrateBtn a:active, .migrate .migrateBtn a:focus {
  background-color: #f9625c;
  outline: none;
}
@media only screen and (max-width: 767px) {
  .migrate .migrateBtn a {
    font-size: 16px;
  }
}

.feature .title-info {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 30px;
  font-size: 1.875rem;
  padding-bottom: 8px;
  font-weight: bold;
  border-bottom: 5px solid #4B69A7;
}
@media only screen and (max-width: 767px) {
  .feature .title-info {
    font-size: 18px;
    font-size: 1.125rem;
    border-bottom: 3px solid #4B69A7;
  }
}
.feature section {
  background-color: #fff;
}
.feature .featureBanner {
  width: 100%;
  height: calc(100vw*0.3125);
  max-height: 450px;
  background-image: url("/img/main/static/total/company_title.jpg");
  background-size: cover;
  background-position: 50%;
}
@media only screen and (max-width: 767px) {
  .feature .featureBanner {
    height: 210px;
  }
}
.feature .featureIntro {
  padding: 50px;
  margin-bottom: 10px;
}
.feature .featureIntro .featureIntro-title {
  margin: 0 auto;
  height: 30px;
  width: 579px;
  background-image: url("/img/main/static/total/company_intro_bg.png");
  background-size: 100% 100%;
  position: relative;
  margin-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .feature .featureIntro .featureIntro-title {
    width: 290px;
    height: 20px;
    margin-bottom: 35px;
    background-image: url("/img/main/static/total/tw/company_intro_bg.png");
  }
}
.feature .featureIntro .intro-content {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 32px;
  letter-spacing: 1px;
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .feature .featureIntro .intro-content {
    font-size: 16px;
    font-size: 1rem;
    word-break: break-all;
    text-align: justify;
    line-height: 26px;
    margin-bottom: 0;
  }
}
.feature .featureIntro .featureIntroCont {
  display: flex;
  flex-wrap: wrap;
  background-image: url("/img/main/static/total/map.png");
  background-size: 100% 100%;
  width: calc( 100% - 30px );
}
@media only screen and (max-width: 767px) {
  .feature .featureIntro .featureIntroCont {
    background-image: none;
  }
}
.feature .featureIntro .featureIntroCont .item {
  width: calc(50% - 30px);
  text-align: center;
  margin-right: 60px;
}
.feature .featureIntro .featureIntroCont .item .item-top {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .feature .featureIntro .featureIntroCont .item .item-top {
    flex-direction: column;
  }
}
.feature .featureIntro .featureIntroCont .item .item-top .icon.lazyimg {
  width: 60px;
  height: auto;
  margin-right: 22px;
  margin-bottom: 8px;
}
.feature .featureIntro .featureIntroCont .item .item-top .icon img {
  width: 60px;
}
.feature .featureIntro .featureIntroCont .item .item-top .title {
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .feature .featureIntro .featureIntroCont .item .item-top .title {
    font-size: 18px;
  }
}
.feature .featureIntro .featureIntroCont .item .text {
  font-size: 16px;
  line-height: 32px;
  text-align: left;
  word-break: break-all;
  text-align: justify;
}
@media only screen and (max-width: 767px) {
  .feature .featureIntro .featureIntroCont .item .text {
    line-height: 26px;
  }
}
.feature .featureIntro .featureIntroCont .item:nth-child(n+3) {
  margin-top: 70px;
}
@media only screen and (max-width: 767px) {
  .feature .featureIntro .featureIntroCont .item:nth-child(n+3) {
    margin-top: 0;
  }
}
.feature .featureIntro .featureIntroCont .item:nth-child(2n) {
  margin-right: 0;
}
.feature .company-aspiration {
  height: 180px;
  width: 100%;
  background-image: url("/img/main/static/total/company_aspiration.png");
  background-size: 100% 100%;
  text-align: center;
}
.feature .company-aspiration .aspiration-title {
  font-size: 30px;
  color: #ffffff;
  font-weight: bold;
  line-height: 42px;
  padding-top: 30px;
  display: inline-block;
  border-bottom: 5px solid #ffffff;
  margin-bottom: 30px;
}
.feature .company-aspiration .aspiration {
  font-size: 36px;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .feature .company-aspiration {
    background-image: url("/img/main/static/total/tw/company_aspiration.png");
    height: 100px;
  }
  .feature .company-aspiration .aspiration-title {
    font-size: 18px;
    padding-top: 15px;
    line-height: 31px;
    border-bottom: 3px solid #ffffff;
    margin-bottom: 15px;
  }
  .feature .company-aspiration .aspiration {
    font-size: 22px;
  }
}
.feature .number-ga {
  background: #F1F5F8;
}
@media only screen and (max-width: 767px) {
  .feature .number-ga {
    padding: 0 15px;
  }
}
.feature .number-ga .ga-title {
  width: 343px;
  height: 30px;
  margin: 0 auto;
  margin-top: 40px;
  background-image: url("/img/main/static/total/number_ga.png");
  background-size: 100% 100%;
  position: relative;
  margin-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .feature .number-ga .ga-title {
    margin-bottom: 45px;
    width: 172px;
    height: 20px;
    margin-top: 35px;
    background-image: url("/img/main/static/total/tw/number_ga.png");
  }
}
.feature .number-ga .table {
  border: 1px solid #D7E0DF;
  width: 700px;
  margin: 0 auto;
  margin-bottom: 45px;
  box-sizing: content-box;
}
.feature .number-ga .table li {
  height: 60px;
  width: 700px;
  border-bottom: 1px solid #D7E0DF;
  display: flex;
  font-size: 16px;
}
.feature .number-ga .table li:last-child {
  border-bottom: none;
}
.feature .number-ga .table li .title {
  width: 109px;
  text-align: center;
  line-height: 60px;
  border-right: 1px solid #D7E0DF;
  background: #E4EDEE;
  font-size: 16px;
}
.feature .number-ga .table li .content {
  width: calc( 100% - 109px );
  line-height: 60px;
  padding-left: 30px;
  font-size: 16px;
  font-weight: bold;
  background: #fff;
}
.feature .number-ga .table li .content span {
  color: #4B69A7;
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .feature .number-ga .table li .content span {
    font-size: 18px;
  }
}
.feature .number-ga .table li .content i {
  font-size: 16px;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .feature .number-ga .table {
    width: 100%;
  }
  .feature .number-ga .table li {
    width: 100%;
    height: 44px;
  }
  .feature .number-ga .table li .title {
    width: 90px;
    line-height: 44px;
  }
  .feature .number-ga .table li .content {
    width: calc( 100% - 90px );
    line-height: 24px;
  }
  .feature .number-ga .table li .content i {
    font-size: 12px;
  }
  .feature .number-ga .table li:nth-child(-n + 2) .content {
    line-height: 44px;
  }
  .feature .number-ga .table li:nth-child(n + 3) {
    height: 53px;
    line-height: 53px;
  }
  .feature .number-ga .table li:nth-child(n + 3) .title {
    line-height: 53px;
  }
}
.feature .coopera-partners .partners-title, .feature .ceo_intro .partners-title {
  width: 563px;
  height: 30px;
  margin: 0 auto;
  margin-top: 35px;
  background-image: url("/img/main/static/total/cooper_partner.png");
  background-size: 100% 100%;
  position: relative;
  margin-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .feature .coopera-partners .partners-title, .feature .ceo_intro .partners-title {
    width: 282px;
    height: 20px;
    margin-bottom: 45px;
    background-image: url("/img/main/static/total/tw/cooper_partner.png");
  }
}
@media only screen and (max-width: 767px) {
  .feature .coopera-partners .partners, .feature .ceo_intro .partners {
    padding: 0 15px;
  }
}
.feature .coopera-partners .partners .partners-list, .feature .ceo_intro .partners .partners-list {
  width: 1200px;
  box-sizing: content-box;
  margin: 0 auto;
  padding-bottom: 50px;
  position: relative;
}
@media (min-width: 300px) {
  .feature .coopera-partners .partners .partners-list, .feature .ceo_intro .partners .partners-list {
    width: 100%;
    height: 285px;
  }
}
@media (min-width: 768px) {
  .feature .coopera-partners .partners .partners-list, .feature .ceo_intro .partners .partners-list {
    width: 750px;
    height: 350px;
  }
}
@media (min-width: 992px) {
  .feature .coopera-partners .partners .partners-list, .feature .ceo_intro .partners .partners-list {
    width: 940px;
    height: 350px;
  }
}
@media (min-width: 1200px) {
  .feature .coopera-partners .partners .partners-list, .feature .ceo_intro .partners .partners-list {
    width: 1200px;
    height: 360px;
  }
}
.feature .coopera-partners .partners .partners-list .slider_box, .feature .ceo_intro .partners .partners-list .slider_box {
  width: 1200px;
  height: 345px;
}
@media (min-width: 300px) {
  .feature .coopera-partners .partners .partners-list .slider_box, .feature .ceo_intro .partners .partners-list .slider_box {
    width: 100%;
    height: 270px;
  }
}
@media (min-width: 768px) {
  .feature .coopera-partners .partners .partners-list .slider_box, .feature .ceo_intro .partners .partners-list .slider_box {
    width: 750px;
    height: 400px;
  }
}
@media (min-width: 992px) {
  .feature .coopera-partners .partners .partners-list .slider_box, .feature .ceo_intro .partners .partners-list .slider_box {
    width: 940px;
    height: 400px;
  }
}
@media (min-width: 1200px) {
  .feature .coopera-partners .partners .partners-list .slider_box, .feature .ceo_intro .partners .partners-list .slider_box {
    width: 1200px;
    height: 400px;
  }
}
.feature .coopera-partners .partners .partners-list .slider_box:before, .feature .coopera-partners .partners .partners-list .slider_box:after, .feature .ceo_intro .partners .partners-list .slider_box:before, .feature .ceo_intro .partners .partners-list .slider_box:after {
  content: " ";
  display: table;
}
.feature .coopera-partners .partners .partners-list .slider_box:after, .feature .ceo_intro .partners .partners-list .slider_box:after {
  clear: both;
}
.feature .coopera-partners .partners .partners-list .slider_box dl, .feature .ceo_intro .partners .partners-list .slider_box dl {
  height: 105px;
  width: calc( (100% - 45px) / 4);
  float: left;
  border: 2px solid #F0EFEF;
  margin-right: 15px;
  margin-bottom: 15px;
  border-radius: 2px;
}
@media only screen and (max-width: 767px) {
  .feature .coopera-partners .partners .partners-list .slider_box dl, .feature .ceo_intro .partners .partners-list .slider_box dl {
    width: calc( (100% - 30px) / 3);
    height: 60px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .feature .coopera-partners .partners .partners-list .slider_box dl:nth-child(3n), .feature .ceo_intro .partners .partners-list .slider_box dl:nth-child(3n) {
    margin-right: 0;
  }
}
.feature .coopera-partners .partners .partners-list .slider_box dl:nth-child(4n), .feature .ceo_intro .partners .partners-list .slider_box dl:nth-child(4n) {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .feature .coopera-partners .partners .partners-list .slider_box dl:nth-child(4n), .feature .ceo_intro .partners .partners-list .slider_box dl:nth-child(4n) {
    margin-right: 10px;
  }
}
.feature .coopera-partners .partners .partners-list .slider_box dl:hover, .feature .ceo_intro .partners .partners-list .slider_box dl:hover {
  color: #2FA9AF;
}
.feature .coopera-partners .partners .partners-list .slider_box dl:hover dd, .feature .ceo_intro .partners .partners-list .slider_box dl:hover dd {
  color: #2FA9AF;
}
.feature .coopera-partners .partners .partners-list .slider_box dl a, .feature .ceo_intro .partners .partners-list .slider_box dl a {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.feature .coopera-partners .partners .partners-list .slider_box dl dt, .feature .ceo_intro .partners .partners-list .slider_box dl dt {
  width: 100%;
  height: 105px;
}
.feature .coopera-partners .partners .partners-list .slider_box dl dt.runOut-lp, .feature .ceo_intro .partners .partners-list .slider_box dl dt.runOut-lp {
  display: inline-block;
  vertical-align: middle;
  margin-top: 12.5px;
  width: 80px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width: 767px) {
  .feature .coopera-partners .partners .partners-list .slider_box dl dt, .feature .ceo_intro .partners .partners-list .slider_box dl dt {
    height: 60px;
  }
  .feature .coopera-partners .partners .partners-list .slider_box dl dt.runOut-lp, .feature .ceo_intro .partners .partners-list .slider_box dl dt.runOut-lp {
    width: 60px;
    height: 40px;
    margin-top: 10px;
  }
}
.feature .coopera-partners .partners .partners-list .swiper-pagination1, .feature .ceo_intro .partners .partners-list .swiper-pagination1 {
  position: absolute;
  bottom: 30px;
  width: 100%;
  text-align: center;
}
.feature .coopera-partners .partners .partners-list .swiper-pagination1 .swiper-pagination-bullet, .feature .ceo_intro .partners .partners-list .swiper-pagination1 .swiper-pagination-bullet {
  width: 30px;
  height: 6px;
  border-radius: 4px;
}
.feature .coopera-partners .partners .partners-list .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active, .feature .ceo_intro .partners .partners-list .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #2FA9AF;
}
.feature .ceo_intro {
  padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .feature .ceo_intro {
    padding: 0 15px;
  }
}
.feature .ceo_intro .ga-title {
  width: 434px;
  height: 30px;
  background-image: url("/img/main/static/total/ceo_intro.png");
}
@media only screen and (max-width: 767px) {
  .feature .ceo_intro .ga-title {
    width: 217px;
    height: 16px;
    background-image: url("/img/main/static/total/tw/ceo_intro.png");
  }
}
.feature .ceo_intro .intro_info {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .feature .ceo_intro .intro_info {
    height: 530px;
    overflow: hidden;
  }
}
.feature .ceo_intro .i_left {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .feature .ceo_intro .i_left {
    width: 100%;
    text-align: center;
  }
}
.feature .ceo_intro .i_left img {
  width: 219px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .feature .ceo_intro .i_left img {
    margin: 0 auto;
    margin-bottom: 15px;
  }
}
.feature .ceo_intro .i_left p {
  font-size: 22px;
  font-size: 1.375rem;
  letter-spacing: 1px;
  line-height: 22px;
  font-weight: 600;
  text-align: center;
  padding: 10px 0;
}
.feature .ceo_intro .i_left p:nth-of-type(2) {
  font-size: 16px;
  font-size: 1rem;
  padding: 0px;
  letter-spacing: normal;
  line-height: 16px;
}
.feature .ceo_intro .i_right {
  display: inline-block;
  width: calc(100% - 225px);
  vertical-align: top;
  padding-left: 45px;
  font-size: 16px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .feature .ceo_intro .i_right {
    padding: 0;
    width: 100%;
    padding-top: 24px;
  }
}
.feature .ceo_intro .i_right .title {
  font-weight: 600;
  line-height: 20px;
}
.feature .ceo_intro .i_right .title:nth-of-type(3), .feature .ceo_intro .i_right .title:nth-of-type(2) {
  padding-top: 20px;
}
.feature .ceo_intro .i_right p {
  line-height: 32px;
}
.feature .openBtn {
  color: #A9A9A9;
  padding-top: 10px;
  font-size: 16px;
  font-size: 1rem;
  letter-spacing: 1px;
  text-align: center;
  font-weight: 600;
}
.feature .openBtn i {
  color: #A9A9A9;
}
.feature .allUp {
  display: none;
}
.feature .featureCompany:before, .feature .featureCompany:after {
  content: " ";
  display: table;
}
.feature .featureCompany:after {
  clear: both;
}
.feature .featureCompany .office {
  width: 100%;
}
.feature .featureCompany .left, .feature .featureCompany .right {
  float: left;
  width: 50%;
  height: 300px;
  position: relative;
}
.feature .featureCompany .left .address, .feature .featureCompany .right .address {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 375px;
  height: 205px;
  background: #FFFFFF;
  opacity: 0.89;
  padding: 15px 20px;
}
.feature .featureCompany .left .address .title, .feature .featureCompany .right .address .title {
  font-size: 20px;
  line-height: 29px;
  font-weight: bold;
}
.feature .featureCompany .left .address .company-item, .feature .featureCompany .right .address .company-item {
  display: flex;
  line-height: 30px;
}
.feature .featureCompany .left .address .company-item .compony-label, .feature .featureCompany .right .address .company-item .compony-label {
  font-size: 16px;
}
.feature .featureCompany .left .address .company-item .content, .feature .featureCompany .right .address .company-item .content {
  flex: 1;
  font-size: 16px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .feature .featureCompany .left, .feature .featureCompany .right {
    width: 100%;
    float: inherit;
    height: 215px;
  }
  .feature .featureCompany .left .address, .feature .featureCompany .right .address {
    width: 295px;
    height: 170px;
    padding: 10px;
  }
  .feature .featureCompany .left .address .title, .feature .featureCompany .right .address .title {
    font-size: 16px;
  }
  .feature .featureCompany .left .address .company-item, .feature .featureCompany .right .address .company-item {
    line-height: 22px;
  }
  .feature .featureCompany .left .address .company-item .compony-label, .feature .featureCompany .right .address .company-item .compony-label {
    font-size: 14px;
  }
  .feature .featureCompany .left .address .company-item .content, .feature .featureCompany .right .address .company-item .content {
    font-size: 14px;
  }
}
.feature .featureCompany .left {
  background-image: url("/img/main/static/total/tokyo_office.png");
  background-size: 100% 100%;
}
.feature .featureCompany .right {
  background-image: url("/img/main/static/total/china_office.png");
  background-size: 100% 100%;
}
.feature .home_company {
  margin: 0;
  padding: 0 50px 50px;
}
@media only screen and (max-width: 991px) {
  .feature .featureIntro {
    padding: 30px;
  }
  .feature .featureIntro .featureIntroCont .item .title {
    font-size: 18px;
  }
  .feature .featureIntro .featureIntroCont:nth-child(1) .item {
    padding-bottom: 30px;
  }
  .feature .featureIntro .featureIntroCont:nth-child(2) .item {
    padding-top: 30px;
  }
  .feature .featureCompany .featureCompanyTitle {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .feature .container {
    padding: 0;
  }
  .feature .featureIntro {
    padding: 35px 15px;
    margin-bottom: 0;
  }
  .feature .featureIntro .featureIntroCont {
    width: 100%;
  }
  .feature .featureIntro .featureIntroCont .item {
    width: 100%;
    margin-right: 0;
  }
  .feature .featureIntro .featureIntroCont .item .title {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .feature .featureIntro .featureIntroCont .item .text {
    font-size: 16px;
  }
  .feature .featureIntro .featureIntroCont .item:nth-child(1) {
    border-right: none;
  }
  .feature .featureIntro .featureIntroCont .item:nth-child(n+1) {
    margin-top: 35px;
  }
  .feature .featureIntro .featureIntroCont:nth-child(1) {
    border-bottom: none;
  }
  .feature .featureIntro .featureIntroCont:nth-child(1) .item {
    padding: 20px 0;
  }
  .feature .featureIntro .featureIntroCont:nth-child(1) .item:nth-child(1) .title:before {
    background-color: #93CC6A;
  }
  .feature .featureIntro .featureIntroCont:nth-child(1) .item:nth-child(2) .title:before {
    background-color: #6BC4E3;
  }
  .feature .featureIntro .featureIntroCont:nth-child(2) .item {
    padding: 20px 0;
  }
  .feature .featureIntro .featureIntroCont:nth-child(2) .item:nth-child(1) .title:before {
    background-color: #E8C929;
  }
  .feature .featureIntro .featureIntroCont:nth-child(2) .item:nth-child(2) .title:before {
    background-color: #F3934D;
  }
  .feature .featureCompany {
    padding: 30px 20px 20px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .feature .featureCompany {
    padding: 0px 20px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .feature .featureCompany .featureCompanyTitle {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .feature .featureCompany .featureCompanyTitle:before, .feature .featureCompany .featureCompanyTitle:after {
    width: 40px;
    margin: 0 12px;
  }
  .feature .featureCompany .featureCompanyCont p {
    font-size: 15px;
    text-indent: 2em;
  }
  .feature .featureCompany .featureCompanyFounder .title {
    margin-bottom: 15px;
    font-size: 18px;
  }
  .feature .featureCompany .featureCompanyFounder .cont {
    margin-right: 15px;
    margin-bottom: 15px;
  }
  .feature .featureCompany .featureCompanyFounder .cont .photo img {
    width: 150px;
    height: 175px;
  }
  .feature .featureCompany .featureCompanyFounder .cont .intro {
    font-size: 15px;
    line-height: 22px;
  }
  .feature .home_company {
    padding: 0 15px 15p;
  }
}

.zs-privacy .static_cont .title {
  text-align: center;
}
.zs-privacy .detail {
  background-color: #F1F5F8;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .zs-privacy .detail {
    font-size: 15px;
  }
}
.zs-privacy .section {
  width: 100%;
  padding: 70px 0;
  color: #373737;
}
.zs-privacy .section .detail-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .zs-privacy .section .detail-title {
    font-size: 17px;
  }
}
.zs-privacy .section .detail-cont {
  margin-bottom: 25px;
  line-height: 1.6;
}
.zs-privacy .section .detail-cont .point {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .zs-privacy .section .detail-cont .point {
    font-size: 16px;
  }
}
.zs-privacy .section .detail-cont .cont {
  margin-bottom: 25px;
  padding-left: 10px;
}
.zs-privacy .section .detail-cont .cont .sub {
  margin-bottom: 10px;
}
.zs-privacy .section .detail-cont .cont .text {
  padding-left: 10px;
  margin-bottom: 15px;
}

.theme_sp_t1 {
  background: #fff;
}

.ua-mobile .theme .l-all {
  padding-top: 65px;
}
.theme .themeCard {
  background: #F6F6F6;
}
.theme .themeCard .themeCard-head {
  position: relative;
  background: #fff;
  border-bottom: 2px solid #41B3B7;
  margin: 40px 0;
  height: 60px;
}
.theme .themeCard .themeCard-head ul {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
}
.theme .themeCard .themeCard-head ul:before, .theme .themeCard .themeCard-head ul:after {
  content: " ";
  display: table;
}
.theme .themeCard .themeCard-head ul:after {
  clear: both;
}
.theme .themeCard .themeCard-head ul li {
  float: left;
  font-size: 20px;
  font-weight: bold;
  color: #525252;
  padding: 20px 30px;
  cursor: pointer;
}
.theme .themeCard .themeCard-head ul li:not(:last-child) {
  border-right: 1px solid #DCDCDC;
}
.theme .themeCard .themeCard-head ul li.active {
  background: #41B3B7;
  color: #fff;
}
.theme .themeCard .themeCard-head ul li:hover {
  background: #41B3B7;
  color: #fff;
}
.theme .themeCard .themeCard-head .rightDecoration {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 1199px) {
  .theme .themeCard .themeCard-head {
    height: 48px;
  }
  .theme .themeCard .themeCard-head ul li {
    font-size: 18px;
    padding: 15px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .theme .themeCard .themeCard-head {
    height: 40px;
    border-bottom: none;
    box-shadow: 0 2px 3px rgba(202, 202, 202, 0.5);
    margin: 10px -15px;
  }
  .theme .themeCard .themeCard-head ul li {
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
  }
  .theme .themeCard .themeCard-head ul li:nth-child(1) {
    width: 12%;
  }
  .theme .themeCard .themeCard-head ul li:nth-child(2) {
    width: 31%;
  }
  .theme .themeCard .themeCard-head ul li:nth-child(3) {
    width: 21%;
  }
  .theme .themeCard .themeCard-head ul li:nth-child(4) {
    width: 16%;
  }
  .theme .themeCard .themeCard-head ul li:nth-child(5) {
    width: 20%;
  }
  .theme .themeCard .themeCard-head ul li:hover {
    background: #fff;
    color: #525252;
  }
  .theme .themeCard .themeCard-head ul li.active {
    background: #fff;
    color: #41B3B7;
    border-bottom: 2px solid #41B3B7;
  }
  .theme .themeCard .themeCard-head ul li:not(:last-child) {
    border-right: none;
  }
  .theme .themeCard .themeCard-head .rightDecoration {
    display: none;
  }
}
.theme .themeCard .themeCard-content {
  display: none;
}
.theme .themeCard .themeCard-content.all {
  display: block;
}
.theme .themeCard .themeCard-content ul {
  margin: 0 -15px;
}
.theme .themeCard .themeCard-content ul:before, .theme .themeCard .themeCard-content ul:after {
  content: " ";
  display: table;
}
.theme .themeCard .themeCard-content ul:after {
  clear: both;
}
.theme .themeCard .themeCard-content ul li {
  float: left;
  width: calc((100% - 90px)/3);
  height: 325px;
  margin: 0 15px 40px;
  background: #fff;
  border-radius: 9px;
  overflow: hidden;
  transition: all 0.1s ease-in;
}
.theme .themeCard .themeCard-content ul li a {
  text-decoration: none;
}
.theme .themeCard .themeCard-content ul li a dl dt {
  position: relative;
}
.theme .themeCard .themeCard-content ul li a dl dt .img {
  width: 100%;
  height: 200px;
}
.theme .themeCard .themeCard-content ul li a dl dt .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.theme .themeCard .themeCard-content ul li a dl dt span {
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
  height: 40px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
  padding-right: 15px;
  text-align: center;
  background: url("/img/main/themeSp/list/bg_title_sign.png") no-repeat top left 100%;
}
.theme .themeCard .themeCard-content ul li a dl dd {
  padding: 10px 20px;
}
.theme .themeCard .themeCard-content ul li a dl dd .item-title {
  height: 67px;
  padding-bottom: 10px;
  color: #364243;
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  border-bottom: 1px solid #E8E8E8;
}
.theme .themeCard .themeCard-content ul li a dl dd .item-info {
  padding: 10px 5px 0 5px;
  font-size: 16px;
  color: #7C7C7C;
}
.theme .themeCard .themeCard-content ul li a dl dd .item-info:before, .theme .themeCard .themeCard-content ul li a dl dd .item-info:after {
  content: " ";
  display: table;
}
.theme .themeCard .themeCard-content ul li a dl dd .item-info:after {
  clear: both;
}
.theme .themeCard .themeCard-content ul li a dl dd .item-info .date {
  float: left;
}
.theme .themeCard .themeCard-content ul li a dl dd .item-info .reserve {
  float: right;
}
.theme .themeCard .themeCard-content ul li:hover {
  margin: -1px 16px 41px 14px;
  box-shadow: 1px 10px 14px 0px rgba(55, 55, 55, 0.2);
  transition: all 0.1s ease-in;
}
.theme .themeCard .themeCard-content ul li:hover a {
  text-decoration: none;
}
@media only screen and (max-width: 1199px) {
  .theme .themeCard .themeCard-content ul li {
    height: 280px;
  }
  .theme .themeCard .themeCard-content ul li a dl dt .img {
    height: 150px;
  }
  .theme .themeCard .themeCard-content ul li a dl dd {
    padding: 15px;
  }
  .theme .themeCard .themeCard-content ul li a dl dd .item-title {
    font-size: 16px;
    padding-bottom: 15px;
  }
  .theme .themeCard .themeCard-content ul li a dl dd .item-info {
    font-size: 14px;
    padding: 15px 5px 0 5px;
  }
}
@media only screen and (max-width: 767px) {
  .theme .themeCard .themeCard-content ul {
    margin: 0px -15px;
  }
  .theme .themeCard .themeCard-content ul li {
    width: 100%;
    height: auto;
    padding: 10px;
    margin: 0 0 8px;
  }
  .theme .themeCard .themeCard-content ul li a dl:before, .theme .themeCard .themeCard-content ul li a dl:after {
    content: " ";
    display: table;
  }
  .theme .themeCard .themeCard-content ul li a dl:after {
    clear: both;
  }
  .theme .themeCard .themeCard-content ul li a dl dt {
    float: left;
    width: 124px;
  }
  .theme .themeCard .themeCard-content ul li a dl dt .img {
    height: 80px;
  }
  .theme .themeCard .themeCard-content ul li a dl dt .img img {
    border-radius: 5px;
  }
  .theme .themeCard .themeCard-content ul li a dl dt span {
    width: 100px;
    height: 22px;
    font-size: 12px;
    line-height: 22px;
    padding-left: 5px;
  }
  .theme .themeCard .themeCard-content ul li a dl dd {
    float: left;
    width: calc(100% - 124px);
    padding: 2px 10px;
  }
  .theme .themeCard .themeCard-content ul li a dl dd .item-title {
    height: 60px;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
    border-bottom: none;
  }
  .theme .themeCard .themeCard-content ul li a dl dd .item-info {
    padding: 0;
    font-size: 14px;
  }
  .theme .themeCard .themeCard-content ul li a dl dd .item-info .date {
    border-right: 1px solid #CFCFCF;
    padding-right: 8px;
  }
  .theme .themeCard .themeCard-content ul li a dl dd .item-info .reserve {
    float: left;
    padding-left: 8px;
  }
  .theme .themeCard .themeCard-content ul li:hover {
    margin: 0 0 8px;
    box-shadow: none;
    transition: all 0.1s ease-in;
  }
}

.themeList {
  width: 992px;
  padding-top: 10px;
  margin: 0 auto;
}
.themeList * {
  font-family: PingFangSC-Semibold;
}
.themeList .themeList-header .breadCrumbs {
  margin-bottom: 12px;
}
.themeList .themeList-header .breadCrumbs a {
  color: #373737;
  font-size: 13px;
  line-height: 18px;
}
.themeList .themeList-header .breadCrumbs a:hover {
  color: #2FA9AF;
}
.themeList .themeList-header .themeList-title {
  color: #383838;
  line-height: 45px;
  height: 45px;
  text-align: center;
  font-size: 32px;
  margin-bottom: 5px;
}
.themeList .themeList-header .themeList-subtitle {
  text-align: center;
  height: 28px;
  line-height: 28px;
  color: #828282;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 25px;
}
.themeList .themeList-content {
  padding-bottom: 96px;
}
.themeList .themeList-content .theme-list {
  overflow: hidden;
  padding: 1px;
  padding-bottom: 35px;
  border-bottom: 1px solid #CCCCCC;
}
.themeList .themeList-content .theme-list .theme-item {
  float: left;
}
.themeList .themeList-content .theme-list .theme-item > a {
  display: block;
  width: 307px;
  height: 300px;
  background: white;
  text-decoration: none;
  margin-right: 23px;
  margin-bottom: 37px;
}
.themeList .themeList-content .theme-list .theme-item > a:hover {
  box-shadow: 1px 1px 7px 5px RGBA(0, 0, 0, 0.05);
  margin-top: -1px;
  margin-left: -1px;
  margin-right: 24px;
  margin-bottom: 38px;
}
.themeList .themeList-content .theme-list .theme-item > a:hover dl dd .item-title {
  color: #2FA9AF;
}
.themeList .themeList-content .theme-list .theme-item > a dl dt {
  position: relative;
}
.themeList .themeList-content .theme-list .theme-item > a dl dt.runOut-lp .runOut {
  display: block;
}
.themeList .themeList-content .theme-list .theme-item > a dl dt .runOut {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(207, 207, 207, 0.7);
}
.themeList .themeList-content .theme-list .theme-item > a dl dt .runOut img {
  width: 148px;
  height: 118px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -74px;
  margin-top: -59px;
}
.themeList .themeList-content .theme-list .theme-item > a dl dt img {
  width: 307px;
  height: 180px;
}
.themeList .themeList-content .theme-list .theme-item > a dl dt .runOut {
  position: absolute;
  top: 0;
  left: 0;
  height: 180px;
  width: 307px;
  background: rgba(255, 255, 255, 0.6);
}
.themeList .themeList-content .theme-list .theme-item > a dl dt t {
  position: absolute;
  text-align: center;
  height: 32px;
  line-height: 32px;
  width: 84px;
  color: white;
  background: #383838;
  top: 10px;
  left: 0;
  display: block;
  font-size: 16px;
}
.themeList .themeList-content .theme-list .theme-item > a dl dd {
  padding: 8px 15px;
}
.themeList .themeList-content .theme-list .theme-item > a dl dd .item-title {
  color: #383838;
  font-size: 18px;
  line-height: 25px;
  max-height: 50px;
  overflow: hidden;
  margin-bottom: 8px;
  position: relative;
}
.themeList .themeList-content .theme-list .theme-item > a dl dd .item-tag-list {
  padding: 0 4px;
}
.themeList .themeList-content .theme-list .theme-item > a dl dd .item-tag-list span {
  margin-right: 15px;
  font-size: 14px;
  line-height: 20px;
}
.themeList .themeList-content .theme-list .theme-item > a dl dd .item-tag-list .blueTag {
  color: #4D91BF;
}
.themeList .themeList-content .theme-list .theme-item > a dl dd .item-tag-list .redTag {
  color: #CC5252;
}
.themeList .themeList-content .theme-list .theme-item > a dl dd .item-tag-list .originTag {
  color: #A6703A;
}

.zhiboNewTop {
  width: 100%;
  height: 400px;
}
@media only screen and (max-width: 767px) {
  .zhiboNewTop {
    height: 200px;
  }
}
.zhiboNewTop .header-banner {
  background-image: url(/img/main/static/theme/zhibo/inner-pc.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 400px;
}
@media only screen and (max-width: 767px) {
  .zhiboNewTop .header-banner {
    height: 200px;
    background-image: url(/img/main/static/theme/zhibo/inner-tw.png);
  }
}

.theme_sp .xuequfang .banner {
  position: relative;
  height: 380px;
  background: url(/img/main/themeSp/xuequfang/banner2-pc.jpg) no-repeat center center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .theme_sp .xuequfang .banner {
    height: 200px;
    background: url(/img/main/themeSp/xuequfang/banner2-tw.jpg) no-repeat center center;
    background-size: cover;
  }
}
.theme_sp .xuequfang .section {
  padding: 40px 0;
}
.theme_sp .xuequfang .section .section-title {
  text-align: center;
  font-size: 26px;
  letter-spacing: 4px;
  font-weight: 600;
  margin-bottom: 30px;
}
.theme_sp .xuequfang .section .section-title .large {
  font-size: 1.7em;
  letter-spacing: 0;
  margin-right: 4px;
}
.theme_sp .xuequfang .section .section-title .section-title-sub {
  position: relative;
  margin: 18px auto;
  width: 400px;
  font-weight: 600;
  line-height: 50px;
  font-size: 32px;
  color: #EFF2F3;
  border-top: solid 1px #00A2BA;
}
.theme_sp .xuequfang .section .section-title .section-title-sub:before {
  content: "";
  display: block;
  position: absolute;
  top: -6px;
  left: calc( 50% - 60px);
  width: 120px;
  height: 6px;
  background-color: #00A2BA;
}
.theme_sp .xuequfang .introduction .introduction-text {
  padding: 0 15px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
}
.theme_sp .xuequfang .introduction .introduction-text .large {
  font-size: 18px;
  font-weight: 600;
}
.theme_sp .xuequfang .comparison {
  background-color: #F8F8F8;
}
.theme_sp .xuequfang .comparison .comparison-box {
  width: 780px;
  margin: 0 auto;
}
.theme_sp .xuequfang .comparison .comparison-box:before, .theme_sp .xuequfang .comparison .comparison-box:after {
  content: " ";
  display: table;
}
.theme_sp .xuequfang .comparison .comparison-box:after {
  clear: both;
}
.theme_sp .xuequfang .comparison .comparison-box .comparison-box-item {
  float: left;
  width: 380px;
  height: 164px;
}
.theme_sp .xuequfang .comparison .comparison-box .comparison-box-item .item-title {
  position: relative;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  padding: 40px 0 26px;
}
.theme_sp .xuequfang .comparison .comparison-box .comparison-box-item .item-title:before {
  position: absolute;
  left: 70px;
  top: 30px;
  content: "";
  width: 40px;
  height: 40px;
}
.theme_sp .xuequfang .comparison .comparison-box .comparison-box-item .item-desc {
  padding: 0 40px;
  font-size: 14px;
  line-height: 20px;
}
.theme_sp .xuequfang .comparison .comparison-box .comparison-box-item.cn {
  margin-right: 20px;
  background: url(/img/main/themeSp/xuequfang/compare-bg-cn.png) no-repeat center center;
  background-size: contain;
}
.theme_sp .xuequfang .comparison .comparison-box .comparison-box-item.cn .item-title:before {
  background: url(/img/main/themeSp/xuequfang/compare-flag-cn.png) no-repeat center center;
  background-size: contain;
}
.theme_sp .xuequfang .comparison .comparison-box .comparison-box-item.jp {
  background: url(/img/main/themeSp/xuequfang/compare-bg-jp.png) no-repeat center center;
  background-size: contain;
}
.theme_sp .xuequfang .comparison .comparison-box .comparison-box-item.jp .item-title:before {
  background: url(/img/main/themeSp/xuequfang/compare-flag-jp.png) no-repeat center center;
  background-size: contain;
}
.theme_sp .xuequfang .advantage {
  background-image: url(/img/main/themeSp/xuequfang/advantage-bg.jpg);
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
.theme_sp .xuequfang .advantage .middle-link .middle-link-box {
  width: 760px;
  margin: 0 auto 60px;
}
.theme_sp .xuequfang .advantage .middle-link .middle-link-box:before, .theme_sp .xuequfang .advantage .middle-link .middle-link-box:after {
  content: " ";
  display: table;
}
.theme_sp .xuequfang .advantage .middle-link .middle-link-box:after {
  clear: both;
}
.theme_sp .xuequfang .advantage .middle-link .middle-link-box li {
  float: left;
  width: 240px;
  height: 120px;
  color: #fff;
  text-align: center;
}
.theme_sp .xuequfang .advantage .middle-link .middle-link-box li:nth-child(1), .theme_sp .xuequfang .advantage .middle-link .middle-link-box li:nth-child(2) {
  margin-right: 20px;
}
.theme_sp .xuequfang .advantage .middle-link .middle-link-box li:nth-child(1) {
  background: url(/img/main/themeSp/xuequfang/link-bg-1.png) no-repeat center center;
  background-size: contain;
}
.theme_sp .xuequfang .advantage .middle-link .middle-link-box li:nth-child(2) {
  background: url(/img/main/themeSp/xuequfang/link-bg-2.png) no-repeat center center;
  background-size: contain;
}
.theme_sp .xuequfang .advantage .middle-link .middle-link-box li:nth-child(3) {
  background: url(/img/main/themeSp/xuequfang/link-bg-3.png) no-repeat center center;
  background-size: contain;
}
.theme_sp .xuequfang .advantage .middle-link .middle-link-box li .link-title {
  padding: 16px 0 8px;
  font-size: 22px;
  font-weight: 600;
}
.theme_sp .xuequfang .advantage .middle-link .middle-link-box li .link-desc {
  font-size: 14px;
  padding-bottom: 14px;
}
.theme_sp .xuequfang .advantage .middle-link .middle-link-box li .link-button a {
  display: inline-block;
  width: 130px;
  background-color: #F1A23A;
  font-size: 16px;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  color: #fff;
  text-decoration: none;
}
.theme_sp .xuequfang .advantage .middle-link .middle-link-box li .link-button a:hover {
  text-decoration: none;
  background-color: #f3ad52;
}
.theme_sp .xuequfang .advantage .advantage-list {
  width: 760px;
  margin: 0 auto 60px;
}
.theme_sp .xuequfang .advantage .advantage-list:before, .theme_sp .xuequfang .advantage .advantage-list:after {
  content: " ";
  display: table;
}
.theme_sp .xuequfang .advantage .advantage-list:after {
  clear: both;
}
.theme_sp .xuequfang .advantage .advantage-list li {
  float: left;
  width: 240px;
}
.theme_sp .xuequfang .advantage .advantage-list li:nth-child(1), .theme_sp .xuequfang .advantage .advantage-list li:nth-child(2) {
  margin-right: 20px;
}
.theme_sp .xuequfang .advantage .advantage-list li .advantage-title {
  position: relative;
  width: 180px;
  margin: 0 auto 30px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 2px 3px 4px 1px rgba(153, 153, 153, 0.3);
}
.theme_sp .xuequfang .advantage .advantage-list li .advantage-title .advantage-icon {
  position: absolute;
  left: -15px;
  top: -5px;
  width: 50px;
  height: 50px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.theme_sp .xuequfang .advantage .advantage-list li .advantage-desc {
  font-size: 13px;
  line-height: 20px;
}
.theme_sp .xuequfang .advantage .advantage-list li .advantage-desc .large {
  font-size: 15px;
  font-weight: 600;
}
.theme_sp .xuequfang .schools {
  background-color: #FAFAFA;
  background-image: url(/img/main/themeSp/xuequfang/schools-bg.png);
  background-size: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.theme_sp .xuequfang .schools .schools-list {
  width: 760px;
  margin: 0 auto 60px;
}
.theme_sp .xuequfang .schools .schools-list:before, .theme_sp .xuequfang .schools .schools-list:after {
  content: " ";
  display: table;
}
.theme_sp .xuequfang .schools .schools-list:after {
  clear: both;
}
.theme_sp .xuequfang .schools .schools-list li {
  float: left;
  width: 240px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 1px 1px 2px 1px rgba(153, 153, 153, 0.3);
}
.theme_sp .xuequfang .schools .schools-list li:nth-child(1), .theme_sp .xuequfang .schools .schools-list li:nth-child(2) {
  margin-right: 20px;
}
.theme_sp .xuequfang .schools .schools-list li .schools-image {
  margin: 20px 20px 0 20px;
  width: 200px;
  height: 160px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.theme_sp .xuequfang .schools .schools-list li .schools-desc {
  padding: 0 15px;
  margin-bottom: 15px;
  font-size: 13px;
  line-height: 18px;
  height: 216px;
}
.theme_sp .xuequfang .schools .schools-list li .schools-desc .large {
  font-size: 15px;
  font-weight: 600;
}
.theme_sp .xuequfang .schools .schools-list li .schools-rank {
  padding: 0 15px;
  margin-bottom: 20px;
}
.theme_sp .xuequfang .schools .schools-list li .schools-rank dl {
  margin-bottom: 5px;
}
.theme_sp .xuequfang .schools .schools-list li .schools-rank dl:before, .theme_sp .xuequfang .schools .schools-list li .schools-rank dl:after {
  content: " ";
  display: table;
}
.theme_sp .xuequfang .schools .schools-list li .schools-rank dl:after {
  clear: both;
}
.theme_sp .xuequfang .schools .schools-list li .schools-rank dl dt {
  float: left;
  width: 70px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
}
.theme_sp .xuequfang .schools .schools-list li .schools-rank dl dd {
  float: right;
  width: calc(100% - 70px);
}
.theme_sp .xuequfang .schools .schools-list li .schools-rank dl dd i {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background: url(/img/main/themeSp/xuequfang/schools-rank.png) no-repeat center center;
  background-size: contain;
}
.theme_sp .xuequfang .schools .schools-list li .schools-link {
  text-align: center;
  margin-bottom: 20px;
}
.theme_sp .xuequfang .schools .schools-list li .schools-link a {
  display: inline-block;
  width: 130px;
  background-color: #EE6256;
  font-size: 16px;
  font-weight: 600;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  color: #fff;
  text-decoration: none;
}
.theme_sp .xuequfang .schools .schools-list li .schools-link a:hover {
  text-decoration: none;
  background-color: #f0786d;
}
.theme_sp .xuequfang .foot_form {
  background-size: cover;
  background-image: url(/img/main/themeSp/yimin/form-bg.png);
}
.theme_sp .xuequfang .foot_form .contactFormTable .white-text {
  color: #fff;
}
.theme_sp .xuequfang .foot_form .contactFormTable .white-text a {
  color: #fff;
}
.theme_sp .xuequfang .foot_form .contactFormTable .btnAsk {
  background: #EC5252;
  margin-top: 16px;
  font-size: 20px;
}
.theme_sp .xuequfang .foot_form .contactFormTable .btnAsk:hover {
  background-color: #ef6969;
}
@media only screen and (max-width: 767px) {
  .theme_sp .xuequfang .section {
    padding: 30px 0;
  }
  .theme_sp .xuequfang .section .section-title {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .theme_sp .xuequfang .section .section-title .large {
    font-size: 1.7em;
    letter-spacing: 0;
    margin-right: 4px;
  }
  .theme_sp .xuequfang .section .section-title .section-title-sub {
    margin: 12px auto;
    width: 300px;
    line-height: 40px;
    font-size: 28px;
  }
  .theme_sp .xuequfang .section .section-title .section-title-sub:before {
    top: -4px;
    height: 4px;
  }
  .theme_sp .xuequfang .comparison .comparison-box {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
  }
  .theme_sp .xuequfang .comparison .comparison-box:before, .theme_sp .xuequfang .comparison .comparison-box:after {
    content: " ";
    display: table;
  }
  .theme_sp .xuequfang .comparison .comparison-box:after {
    clear: both;
  }
  .theme_sp .xuequfang .comparison .comparison-box .comparison-box-item {
    float: left;
    width: 50%;
    height: 120px;
  }
  .theme_sp .xuequfang .comparison .comparison-box .comparison-box-item .item-title {
    font-size: 14px;
    padding: 16px 0 12px;
  }
  .theme_sp .xuequfang .comparison .comparison-box .comparison-box-item .item-title:before {
    left: 25px;
    top: 10px;
    width: 24px;
    height: 24px;
  }
  .theme_sp .xuequfang .comparison .comparison-box .comparison-box-item .item-desc {
    padding: 0 20px;
    font-size: 12px;
    line-height: 20px;
  }
  .theme_sp .xuequfang .comparison .comparison-box .comparison-box-item.cn {
    margin: 0;
    background: url(/img/main/themeSp/xuequfang/compare-bg-cn-tw.png) no-repeat center center;
    background-size: contain;
  }
  .theme_sp .xuequfang .comparison .comparison-box .comparison-box-item.jp {
    background: url(/img/main/themeSp/xuequfang/compare-bg-jp-tw.png) no-repeat center center;
    background-size: contain;
  }
  .theme_sp .xuequfang .advantage .middle-link .middle-link-box {
    width: 100%;
    margin: 0 auto 40px;
    text-align: center;
  }
  .theme_sp .xuequfang .advantage .middle-link .middle-link-box li {
    display: inline-block;
    float: none;
    width: calc(100% - 20px);
    height: 120px;
    margin-bottom: 5px;
    border-radius: 10px;
  }
  .theme_sp .xuequfang .advantage .middle-link .middle-link-box li:nth-child(1) {
    margin-right: 0;
    background: url(/img/main/themeSp/xuequfang/link-bg-1-tw.png) no-repeat center center;
    background-size: cover;
  }
  .theme_sp .xuequfang .advantage .middle-link .middle-link-box li:nth-child(2) {
    margin-right: 0;
    background: url(/img/main/themeSp/xuequfang/link-bg-2-tw.png) no-repeat center center;
    background-size: cover;
  }
  .theme_sp .xuequfang .advantage .middle-link .middle-link-box li:nth-child(3) {
    background: url(/img/main/themeSp/xuequfang/link-bg-3-tw.png) no-repeat center center;
    background-size: cover;
  }
  .theme_sp .xuequfang .advantage .middle-link .middle-link-box li .link-title {
    padding: 14px 0 8px;
    font-size: 20px;
  }
  .theme_sp .xuequfang .advantage .middle-link .middle-link-box li .link-desc {
    font-size: 14px;
    padding-bottom: 12px;
  }
  .theme_sp .xuequfang .advantage .advantage-list {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .theme_sp .xuequfang .advantage .advantage-list li {
    display: inline-block;
    float: none;
    width: calc(100% - 20px);
    padding-left: 70px;
    margin-bottom: 15px;
  }
  .theme_sp .xuequfang .advantage .advantage-list li:nth-child(1), .theme_sp .xuequfang .advantage .advantage-list li:nth-child(2) {
    margin-right: 0;
  }
  .theme_sp .xuequfang .advantage .advantage-list li .advantage-title {
    width: auto;
    margin: 0;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    border-radius: 0;
    box-shadow: none;
  }
  .theme_sp .xuequfang .advantage .advantage-list li .advantage-title .advantage-icon {
    position: absolute;
    left: -57px;
    top: 0;
    width: 50px;
    height: 50px;
  }
  .theme_sp .xuequfang .advantage .advantage-list li .advantage-desc {
    text-align: left;
    margin-top: 5px;
  }
  .theme_sp .xuequfang .schools .schools-list {
    width: 100%;
    margin: 0;
    padding: 0 10px;
  }
  .theme_sp .xuequfang .schools .schools-list:before, .theme_sp .xuequfang .schools .schools-list:after {
    content: " ";
    display: table;
  }
  .theme_sp .xuequfang .schools .schools-list:after {
    clear: both;
  }
  .theme_sp .xuequfang .schools .schools-list li {
    float: none;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 15px;
  }
  .theme_sp .xuequfang .schools .schools-list li:nth-child(1), .theme_sp .xuequfang .schools .schools-list li:nth-child(2) {
    margin-right: 0;
  }
  .theme_sp .xuequfang .schools .schools-list li .schools-image {
    margin: 10px auto;
  }
  .theme_sp .xuequfang .schools .schools-list li .schools-desc {
    height: auto;
  }
  .theme_sp .xuequfang .schools .schools-list li .schools-link {
    margin-bottom: 10px;
  }
}

.topic .l-all {
  padding-bottom: 0;
}
.topic .topicNoData .topicNoDataCont .topicListIntro {
  padding: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 24px;
  border: 1px solid #ffddac;
}
.topic .topicNoData .topicNoDataCont .topicListIntro .mainTxt {
  color: #2fa9af;
}
.topic .topicNoData .topicNoDataCont .topicListIntro .redTxt {
  color: #fc6158;
}
.topic .topicNoData .topicNoDataCont .topicListIntro .explan {
  color: #bbb;
}
.topic .topicTitle {
  margin-bottom: 40px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
}
.topic .topicMore {
  display: block;
  margin: 30px auto;
  width: 200px;
  color: #fff;
  text-align: center;
  line-height: 46px;
  border-radius: 4px;
  background: #2fa9af;
  font-size: 16px;
  font-size: 1rem;
}
.topic .topicMore:hover {
  background-color: #34bcc3;
}
.topic .topicBanner {
  position: relative;
}
.topic .topicBanner .topicBannerBg {
  width: 100%;
  height: 300px;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/img/main/themeSp/topic/bg_topic_banner.jpg") no-repeat center;
  background-size: cover;
}
.topic .topicBanner h1 {
  z-index: 1;
  position: relative;
  padding: 90px 0 70px 0;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.topic .topicBanner p {
  z-index: 1;
  position: relative;
  padding: 25px;
  margin-bottom: 10px;
  background: #fff;
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
.topic .topicNews {
  padding: 40px 0;
}
.topic .topicNews ul:before, .topic .topicNews ul:after {
  content: " ";
  display: table;
}
.topic .topicNews ul:after {
  clear: both;
}
.topic .topicNews li {
  float: left;
  width: calc(50% - 20px);
  margin-bottom: 20px;
}
.topic .topicNews li:before, .topic .topicNews li:after {
  content: " ";
  display: table;
}
.topic .topicNews li:after {
  clear: both;
}
.topic .topicNews li .image {
  float: left;
  width: 142px;
  height: 100px;
  background-size: cover;
}
.topic .topicNews li .cont {
  float: left;
  width: calc(100% - 142px);
  padding: 5px 10px;
  color: #000;
}
.topic .topicNews li .cont .title {
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.topic .topicNews li .cont .text {
  height: 48px;
  line-height: 22px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #898989;
  overflow: hidden;
}
.topic .topicNews li .cont .dateTime {
  font-size: 14px;
  font-size: 0.875rem;
  color: #898989;
}
.topic .topicEstate {
  background: #F3F5F4;
}
.topic .topicList {
  padding: 40px 0;
}
.topic .topicList:before, .topic .topicList:after {
  content: " ";
  display: table;
}
.topic .topicList:after {
  clear: both;
}
.topic .topicList .topicListItem {
  float: left;
  width: 50%;
  padding: 0 20px;
}
.topic .topicList .topicListItem:first-child {
  border-right: 1px solid #E3E4E5;
}
.topic .topicList .topicListItem .title {
  padding-left: 16px;
  margin-bottom: 22px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  border-left: 5px solid #2fa9af;
  line-height: 30px;
}
.topic .topicList .topicListItem .title .more {
  float: right;
  font-size: 18px;
  color: #2fa9af;
  padding-right: 30px;
}
.topic .topicList .topicListItem ul li a {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 25px;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.topic .topicList .topicListItem ul li a:before {
  display: inline-block;
  content: "";
  width: 5px;
  height: 5px;
  margin-right: 10px;
  border-radius: 100%;
  font-size: 18px;
  font-size: 1.125rem;
  color: #2fa9af;
  background: #2fa9af;
}
@media only screen and (max-width: 767px) {
  .topic .topicTitle {
    margin-bottom: 30px;
    font-size: 22px;
    font-size: 1.375rem;
  }
  .topic .topicNews {
    padding: 25px 0;
  }
  .topic .topicNews li {
    float: none;
    width: 100%;
  }
  .topic .topicMore {
    margin: 20px auto;
  }
  .topic .topicEstate {
    padding-bottom: 25px;
  }
  .topic .topicList .topicListItem {
    float: none;
    width: 100%;
    padding: 0;
  }
  .topic .topicList .topicListItem:first-child {
    border-right: none;
  }
  .topic .topicList .topicListItem .title .more {
    padding-right: 0px;
  }
}

.zhaoshang {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif !important;
}
.zhaoshang .popup_zhaoshang_successMessage .popupMain {
  height: auto;
  width: 592px;
  margin-left: -296px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .popup_zhaoshang_successMessage .popupMain {
    width: 98%;
    margin-left: -49%;
  }
}
.zhaoshang .popup_zhaoshang_successMessage .popupMain .messageTitle {
  font-size: 24px;
  font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .popup_zhaoshang_successMessage .popupMain .messageText {
    font-size: 14px !important;
  }
}
.zhaoshang .popup_zhaoshang_successMessage .popupMain .messageBtn {
  width: 335px;
  padding: 16px 0px;
  background: #D67C1D;
}
.zhaoshang .popup_zhaoshang_successMessage .popupMain .successMessageMain {
  padding: 0;
}
.zhaoshang .zhaoshang-title {
  font-size: 36px;
  font-size: 2.25rem;
  padding-top: 56px;
  padding-bottom: 56px;
  background: #F6F6F6;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .zhaoshang-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.4;
    background: #FFFFFF;
    padding-bottom: 0px;
  }
  .zhaoshang .zhaoshang-title h3 {
    font-weight: bold !important;
  }
}
.zhaoshang .tips {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.4;
  color: #8E8E8E;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .tips {
    width: 110%;
    transform: scale(0.9);
    transform-origin: 0;
  }
}
.zhaoshang .banner {
  height: 565px;
  width: 100%;
  position: relative;
  background-position: center center;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .banner {
    margin-bottom: 516px;
    height: 545px;
  }
}
.zhaoshang .banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.zhaoshang .banner .banner-main {
  padding: 0px;
  z-index: 2;
  padding-top: 16px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .banner .banner-main .b-main {
    flex-wrap: wrap;
  }
}
.zhaoshang .banner .banner-main img {
  width: 100%;
  height: auto;
}
.zhaoshang .banner .banner-main .banner-left {
  padding-top: 35px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .banner .banner-main .banner-left {
    padding: 10px 24px 26px;
  }
}
.zhaoshang .banner .banner-main .banner-left h2 {
  font-size: 44px;
  font-size: 2.75rem;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .banner .banner-main .banner-left h2 {
    line-height: 1.3;
    font-size: 32px;
    font-size: 2rem;
  }
}
.zhaoshang .banner .banner-main .banner-left h2 span {
  font-size: 13px;
  font-size: 0.8125rem;
}
.zhaoshang .banner .banner-main .banner-left .border {
  width: 530px;
  color: #E5E5E5;
  padding: 10px;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.3;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .banner .banner-main .banner-left .border {
    font-size: 18px;
    font-size: 1.125rem;
    width: 100%;
    padding: 10px 0px;
  }
}
.zhaoshang .banner .banner-main .banner-left .d-flex img {
  width: 64px;
  height: 64px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .banner .banner-main .banner-left .d-flex img {
    width: 34px;
    height: 34px;
  }
}
.zhaoshang .banner .banner-main .banner-left .d-flex .text-white p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .banner .banner-main .banner-left .d-flex .text-white p {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.zhaoshang .banner .banner-main .banner-right {
  max-width: 500px;
  background: #F6F6F6;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .banner .banner-main .banner-right {
    width: calc( 100% - 24px );
    margin: 0 auto;
  }
}
.zhaoshang .banner .banner-main .banner-right .form-header {
  background: #1F2A34;
  padding: 10px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .form .align-items-center, .zhaoshang .form .align-items-baseline {
    flex-wrap: wrap;
  }
}
.zhaoshang .form .required {
  display: block;
  background: #E24545;
  padding: 4px;
  font-size: 12px;
  font-size: 0.75rem;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .form .required {
    margin-left: 4px;
  }
}
.zhaoshang .form .label {
  width: 180px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .form .label {
    padding-bottom: 4px;
    width: 100%;
    font-weight: normal !important;
    justify-content: flex-start !important;
  }
}
.zhaoshang .form input, .zhaoshang .form textarea {
  border: 1px solid #CCCCCC;
  outline: none;
  width: calc( 100% - 180px );
}
@media only screen and (max-width: 767px) {
  .zhaoshang .form input, .zhaoshang .form textarea {
    width: 100%;
  }
}
.zhaoshang .form input:-moz-placeholder, .zhaoshang .form textarea:-moz-placeholder {
  color: #CCCCCC;
}
.zhaoshang .form input::-moz-placeholder, .zhaoshang .form textarea::-moz-placeholder {
  color: #CCCCCC;
}
.zhaoshang .form input::-webkit-input-placeholder, .zhaoshang .form textarea::-webkit-input-placeholder {
  color: #CCCCCC;
}
.zhaoshang .form input:-ms-input-placeholder, .zhaoshang .form textarea:-ms-input-placeholder {
  color: #CCCCCC;
}
.zhaoshang .form input:-moz-placeholder, .zhaoshang .form textarea:-moz-placeholder {
  font-size: 14px;
}
.zhaoshang .form input::-moz-placeholder, .zhaoshang .form textarea::-moz-placeholder {
  font-size: 14px;
}
.zhaoshang .form input::-webkit-input-placeholder, .zhaoshang .form textarea::-webkit-input-placeholder {
  font-size: 14px;
}
.zhaoshang .form input:-ms-input-placeholder, .zhaoshang .form textarea:-ms-input-placeholder {
  font-size: 14px;
}
.zhaoshang .form textarea {
  line-height: 1.2;
}
.zhaoshang .form .radio {
  width: 280px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .form .radio {
    width: 100%;
  }
}
.zhaoshang .form .radio li {
  border: 1px solid #CCCCCC;
  width: calc(50% - 5px);
  padding: 14px 10px;
  font-size: 14px;
  padding-left: 40px;
}
.zhaoshang .form .radio li:first-child {
  margin-right: 10px;
}
.zhaoshang .form .radio li:before {
  background: #fff;
  border: 1px solid #CCCCCC;
  position: absolute;
  border-radius: 3px;
  top: 12px;
  left: 10px;
  content: "";
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
}
.zhaoshang .form .radio li.checked:before {
  border: none;
  background: #D67C1D;
  content: "";
  font-family: "iconfont" !important;
}
.zhaoshang .form .contactFormMessage span {
  height: 16px;
}
.zhaoshang .form .contactFormMessage .iconfont {
  display: none;
}
.zhaoshang .form .contactFormMessage.error {
  color: #E24545;
}
.zhaoshang .form .contactFormMessage.error .iconfont {
  display: inline-block;
}
.zhaoshang .form .submitBtn {
  width: 100%;
  cursor: pointer;
  height: 44px;
  background: #D67C1D;
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  margin: 0 auto;
  margin-bottom: 8px;
}
.zhaoshang .form .submitBtn:hover {
  background: #ea943a;
}
.zhaoshang .form .submitBtn .spinner-border {
  display: none;
}
.zhaoshang .form .submitBtn.loading .spinner-border {
  display: inline-block;
}
.zhaoshang .module-title {
  padding-top: 56px;
  padding-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .module-title {
    padding-bottom: 24px;
  }
}
.zhaoshang .module-title .z-title {
  font-size: 12px;
  font-size: 0.75rem;
  color: #444;
  line-height: 2;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .module-title .fs-2 {
    line-height: 1.4;
    font-weight: bold !important;
  }
}
.zhaoshang .m-left {
  padding-right: 50px;
  padding-top: 15px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .m-left {
    width: 100%;
    padding-right: 0px;
    padding-top: 0px;
    padding: 0 5px;
  }
}
.zhaoshang .m-left p {
  line-height: 1.8;
}
.zhaoshang .m-left .tips {
  padding-top: 32px;
}
.zhaoshang .m-right {
  width: 522px;
  box-shadow: 0 0px 6px 0 rgba(204, 204, 204, 0.4), 0 1px 2px -1px rgba(204, 204, 204, 0.4);
  padding: 0px 40px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .m-right {
    width: 100%;
    padding: 0px;
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.zhaoshang .m-right img {
  width: 431px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .m-right img {
    width: 100%;
  }
}
.zhaoshang .area {
  padding-bottom: 56px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .area ul {
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    flex-wrap: nowrap;
    justify-content: inherit !important;
  }
}
.zhaoshang .area li {
  box-shadow: 0 0px 6px 0 rgba(204, 204, 204, 0.4), 0 1px 2px -1px rgba(204, 204, 204, 0.4);
  margin-right: 32px;
  padding: 32px 24px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .area li {
    padding: 32px 12px;
    margin: 4px 0px;
    margin-right: 20px;
  }
  .zhaoshang .area li:first-child {
    margin-left: 2px;
  }
}
.zhaoshang .area li:last-child {
  margin-right: 0px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .area li:last-child {
    margin-right: 2px;
  }
}
.zhaoshang .area li .i-title {
  color: #D67C1D;
  font-size: 24px;
  font-size: 1.5rem;
  padding-bottom: 32px;
  font-size: 20px;
  font-size: 1.25rem;
  padding-bottom: 24px;
}
.zhaoshang .area li .item {
  border: 1px solid #111;
  border-radius: 10px;
  padding: 15px 10px;
  font-size: 24px;
  font-size: 1.5rem;
  width: 289px;
  margin-bottom: 12px;
  background: #E4E4E4;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .area li .item {
    font-size: 16px;
    font-size: 1rem;
  }
}
.zhaoshang .area li .item img {
  width: 55px;
  top: 0px;
  right: 20px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .area li .item img {
    width: 48px;
  }
}
.zhaoshang .area .tips {
  padding-top: 26px;
}
.zhaoshang .performance {
  padding-bottom: 56px;
}
.zhaoshang .performance ul li {
  box-shadow: 0 0px 6px 0 rgba(204, 204, 204, 0.4), 0 1px 2px -1px rgba(204, 204, 204, 0.4);
  margin-right: 40px;
  padding: 24px 40px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .performance ul li {
    margin-right: 0px;
    margin-bottom: 24px;
    padding: 24px 12px;
  }
  .zhaoshang .performance ul li:last-child {
    margin-bottom: 0px;
  }
}
.zhaoshang .performance ul li .i-title {
  padding-bottom: 24px;
  font-size: 24px;
  font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .performance ul li .i-title {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.zhaoshang .performance ul li img {
  height: 180px;
}
.zhaoshang .performance ul li .datas {
  padding-top: 20px;
  font-size: 32px;
  font-size: 2rem;
  color: #D67C1D;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .performance ul li .datas {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.zhaoshang .performance ul li:last-child {
  margin-right: 0px;
}
.zhaoshang .performance ul li:last-child .left-top {
  top: 0px;
  left: 39px;
  width: 17px;
  height: 18px;
}
.zhaoshang .performance ul li:last-child .left-small {
  top: 23px;
  left: 47px;
  width: 10px;
  height: 11px;
}
.zhaoshang .performance ul li:last-child .right-vector {
  top: 2px;
  right: 42px;
  width: 19px;
  height: 20px;
}
.zhaoshang .channels {
  background: #F6F6F6;
  padding-bottom: 56px;
}
.zhaoshang .channels ul li {
  box-shadow: 0 0px 6px 0 rgba(204, 204, 204, 0.4), 0 1px 2px -1px rgba(204, 204, 204, 0.4);
  width: calc( (100% - 26px)/2 );
  padding: 40px 0px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .channels ul li {
    width: 100%;
    padding: 32px 0px;
  }
}
.zhaoshang .channels ul li img {
  width: 490px;
  height: 354px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .channels ul li img {
    width: 288px;
    height: 203px;
  }
}
.zhaoshang .channels ul li:first-child {
  margin-right: 26px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .channels ul li:first-child {
    margin-right: 0px;
    margin-bottom: 24px;
  }
}
.zhaoshang .channels ul li:first-child img {
  width: 440px;
  height: 285px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .channels ul li:first-child img {
    width: 252px;
    height: 163px;
  }
}
.zhaoshang .channels ul li:first-child img.baidu {
  width: 142px;
  margin: 0 auto;
  margin-right: 0px;
  margin-top: 10px;
  height: 46px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .channels ul li:first-child img.baidu {
    width: 112px;
    height: auto;
  }
}
.zhaoshang .channels ul li:first-child .arrow {
  width: 0px;
  height: 0px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 15px solid #625A48;
  margin: 0 auto;
  margin-top: 14px;
}
.zhaoshang .channels ul li .c-title {
  font-size: 24px;
  font-size: 1.5rem;
  padding-bottom: 24px;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .channels ul li .c-title {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.zhaoshang .channels ul li .c-title img {
  width: 63px;
  margin-right: 10px;
  height: 63px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .channels ul li .c-title img {
    width: 43px;
    height: 43px;
  }
}
.zhaoshang .service {
  width: 100%;
  background-position: center center;
  background-size: cover;
  height: 530px;
}
.zhaoshang .service .module-title .z-title {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .service {
    height: auto;
    background-size: 100% 155px;
    background-position: top center;
    background-repeat: no-repeat;
  }
  .zhaoshang .service .module-title {
    padding-top: 32px;
  }
}
.zhaoshang .service ul li {
  width: calc( (100% - 50px)/3 );
  margin-right: 25px;
  padding: 20px 15px 25px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .service ul li {
    width: 100%;
    box-shadow: 0 0px 6px 0 rgba(204, 204, 204, 0.4), 0 1px 2px -1px rgba(204, 204, 204, 0.4);
    margin-bottom: 20px;
  }
}
.zhaoshang .service ul li:last-child {
  margin-right: 0px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .service ul li:last-child {
    margin-bottom: 0px;
  }
}
.zhaoshang .service ul li img {
  width: 158px;
}
.zhaoshang .service ul li h5 {
  font-size: 20px;
  font-size: 1.25rem;
  padding: 15px 0px;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .service ul li h5 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.zhaoshang .service ul li p span, .zhaoshang .service ul li h5 span {
  color: #D67C1D;
}
.zhaoshang .service ul li p {
  line-height: 1.6;
}
.zhaoshang .companies {
  padding-bottom: 56px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .companies {
    padding-bottom: 0px;
  }
}
.zhaoshang .companies ul {
  padding: 0 7px;
}
.zhaoshang .companies li {
  width: calc( 100%/6 );
}
@media only screen and (max-width: 767px) {
  .zhaoshang .companies li {
    width: calc(100%/4);
    padding: 3px;
  }
  .zhaoshang .companies li:nth-last-child(-n+4) .logo {
    margin-bottom: 0px;
  }
}
.zhaoshang .companies .logo {
  width: 80px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .companies .logo {
    height: 80px;
    width: auto;
  }
}
.zhaoshang .companies .logo:nth-child(-n+6) {
  margin-bottom: 32px;
}
.zhaoshang .voice {
  background: linear-gradient(to right, #F6F6F6 50%, #fff 50%);
}
@media only screen and (max-width: 767px) {
  .zhaoshang .voice {
    background: #fff;
  }
}
.zhaoshang .voice:before, .zhaoshang .voice:after {
  content: " ";
  display: table;
}
.zhaoshang .voice:after {
  clear: both;
}
.zhaoshang .voice .container:before, .zhaoshang .voice .container:after {
  content: " ";
  display: table;
}
.zhaoshang .voice .container:after {
  clear: both;
}
.zhaoshang .voice .v-right {
  width: 80%;
  float: right;
  padding-left: 10%;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .voice .v-right {
    width: 100%;
    float: inherit;
    padding-left: 0px;
  }
}
.zhaoshang .voice .v-right ul {
  padding-bottom: 32px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .voice .v-right ul {
    padding-bottom: 0px;
  }
}
.zhaoshang .voice .v-right ul li {
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .voice .v-right ul li:last-child {
    margin-bottom: 0px;
  }
}
.zhaoshang .voice .v-right ul li .room {
  width: 132px;
  height: 132px;
  margin-right: 24px;
  box-shadow: 0 0px 6px 0 rgba(204, 204, 204, 0.4), 0 1px 2px -1px rgba(204, 204, 204, 0.4);
}
@media only screen and (max-width: 767px) {
  .zhaoshang .voice .v-right ul li .room {
    width: 48px;
    height: 48px;
    margin-right: 8px;
  }
}
.zhaoshang .voice .v-right ul li .room img {
  width: 48px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .voice .v-right ul li .room img {
    width: 14px;
  }
}
.zhaoshang .voice .v-right ul li .room span {
  font-size: 24px;
  font-size: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .voice .v-right ul li .room span {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.zhaoshang .voice .v-right ul li .desc {
  flex: 1;
}
.zhaoshang .voice .v-right ul li p {
  line-height: 1.4;
}
.zhaoshang .reviews {
  padding-bottom: 56px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .reviews ul {
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }
}
.zhaoshang .reviews li {
  box-shadow: 0 0px 6px 0 rgba(204, 204, 204, 0.4), 0 1px 2px -1px rgba(204, 204, 204, 0.4);
  width: calc( (100% - 80px)/3 );
  margin-right: 40px;
  padding: 32px 20px 20px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .reviews li .r-content {
    width: 242px;
  }
}
@media only screen and (max-width: 767px) {
  .zhaoshang .reviews li {
    width: 266px;
    padding: 16px 12px;
    margin: 4px 0px;
    margin-right: 20px;
  }
}
.zhaoshang .reviews li .top {
  margin-bottom: 20px;
}
.zhaoshang .reviews li .top img {
  width: 40px;
  margin-right: 12px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .reviews li .top img {
    width: 37px;
  }
}
.zhaoshang .reviews li .top .name {
  font-size: 14px;
  font-size: 0.875rem;
}
.zhaoshang .reviews li h6 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .reviews li h6 {
    font-size: 16px;
    font-size: 1rem;
    white-space: normal;
  }
}
.zhaoshang .reviews li h6 span {
  color: #D67C1D;
}
.zhaoshang .reviews li p {
  line-height: 1.6;
  padding: 14px 0px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .reviews li p {
    white-space: normal;
  }
}
@media only screen and (max-width: 767px) {
  .zhaoshang .reviews li .tips {
    white-space: normal;
  }
}
.zhaoshang .reviews li:last-child {
  margin-right: 0px;
}
.zhaoshang .flow {
  background: #F6F6F6;
  padding-bottom: 56px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .flow {
    background: #fff;
    padding-bottom: 0px;
  }
  .zhaoshang .flow .module-title {
    padding-top: 0px;
  }
}
.zhaoshang .flow img {
  width: 1020px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .flow img {
    width: 92%;
  }
}
.zhaoshang .flow ol {
  position: relative;
  padding: 0 0 0 36px;
}
.zhaoshang .flow ol::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 7px;
  width: 1px;
  height: 100%;
  background-image: linear-gradient(180deg, #111 5px, transparent 0);
  background-size: 1px 10px;
  background-repeat: repeat-y;
  background-position: 0 0;
}
.zhaoshang .flow ol li {
  gap: 24px;
  margin-bottom: 42px;
}
.zhaoshang .flow ol li:last-child {
  margin-bottom: 0px;
}
.zhaoshang .flow ol li h5::before {
  position: absolute;
  top: 0;
  left: -35px;
  content: "";
  display: block;
  background-color: #fff;
  border-radius: 50%;
  z-index: 2;
  width: 13px;
  height: 13px;
  box-sizing: border-box;
  border: 3px solid #d67c1d;
  outline: 2px solid #fff;
}
.zhaoshang .flow ol li .num {
  color: #8e8e8e;
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-family: Inter, Avenir Next, Century Gothic, sans-serif;
  margin-bottom: 8px;
}
.zhaoshang .flow ol li .label {
  font-size: 20px;
  font-size: 1.25rem;
  color: #111;
  margin-right: -0.5em;
}
.zhaoshang .article {
  padding-bottom: 56px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .article ul {
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }
}
.zhaoshang .article ul li {
  box-shadow: 0 0px 6px 0 rgba(204, 204, 204, 0.4), 0 1px 2px -1px rgba(204, 204, 204, 0.4);
  width: calc( (100% - 48px)/4 );
  margin-right: 16px;
}
.zhaoshang .article ul li a {
  color: #444;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .article ul li {
    width: 266px;
    margin: 4px 0px;
    margin-right: 20px;
  }
}
.zhaoshang .article ul li:last-child {
  margin-right: 0px;
}
.zhaoshang .article ul li img {
  width: 100%;
  height: 192px;
}
.zhaoshang .article ul li .a-content {
  flex: 1;
  padding: 16px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .article ul li .a-content {
    width: 266px;
    white-space: normal;
  }
}
.zhaoshang .article ul li .a-content h6 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .article ul li .a-content h6 {
    white-space: normal;
  }
}
.zhaoshang .article ul li .a-content p {
  color: #8E8E8E;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
}
.zhaoshang .z-form {
  background: #F6F6F6;
  padding-bottom: 56px;
  padding-top: 56px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .z-form {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}
.zhaoshang .z-form .form {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .z-form .form {
    width: 100%;
    padding: 0px 12px;
    margin-bottom: 0px;
  }
  .zhaoshang .z-form .form .row {
    padding: 0px;
  }
}
.zhaoshang .z-form .form .submitBtn {
  width: 447px;
  margin-bottom: 40px;
  height: 48px;
  line-height: 48px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .z-form .form .submitBtn {
    width: 100%;
  }
}
.zhaoshang .z-form .form .full input, .zhaoshang .z-form .form .full textarea {
  width: auto;
  flex: 1;
}
.zhaoshang .z-form .form .checkbox-container {
  width: 100%;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .z-form .form .checkbox-container {
    line-height: 1.4;
  }
}
.zhaoshang .z-form .form .b-tips {
  width: 500px;
  margin: 0 auto;
}
.zhaoshang .z-form .form .col-6 input, .zhaoshang .z-form .form .col-6 .radio {
  width: calc(100% - 180px);
}
.zhaoshang .guide {
  padding: 40px 0px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .guide {
    padding: 24px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .zhaoshang .guide p {
    line-height: 1.4;
  }
}
.zhaoshang .guide .circle {
  width: 56px;
  height: 56px;
  background: #1F2A34;
  line-height: 56px;
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .guide .circle {
    margin-right: 15px;
  }
}
.zhaoshang .guide .circle i {
  transform: rotate(-90deg);
}
.zhaoshang .guide a {
  color: #2FA9AF;
}
.zhaoshang .fixed_ContactBanner {
  transform: translateY(80px);
  transition: transform 0.3s;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .fixed_ContactBanner {
    transform: translateY(135px);
    right: 12px;
  }
}
.zhaoshang .fixed_ContactBanner.showBtn {
  transform: translateY(-30px);
}
@media only screen and (max-width: 767px) {
  .zhaoshang .fixed_ContactBanner.showBtn {
    transform: translateY(69px);
  }
}
.zhaoshang .fixed_ContactBanner .contactButton {
  width: 370px;
  background: rgba(214, 124, 29, 0.9);
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .fixed_ContactBanner .contactButton {
    width: calc(100% - 24px);
    height: 60px;
  }
}
.zhaoshang .fixed_ContactBanner .button {
  font-size: 24px;
  font-size: 1.5rem;
  width: 100%;
  line-height: 80px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .fixed_ContactBanner .button {
    line-height: 60px;
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.zhaoshang .fixed_ContactBanner .button i {
  font-size: 24px;
  font-size: 1.5rem;
  margin-right: 6px;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .fixed_ContactBanner .button i {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.zhaoshang .rigthBarPhone {
  color: #111;
}
.zhaoshang .rigthBarPhone .icon-tel {
  color: #D67C1D;
}
.zhaoshang .back-top {
  position: fixed;
  bottom: 100px;
  right: 10px;
  width: 56px;
  z-index: 100;
  height: 56px;
  border: 1px solid #D8D8D8;
  background: rgba(255, 255, 255, 0.7);
  color: #D67C1D;
  line-height: 56px;
  display: none;
}
@media only screen and (max-width: 767px) {
  .zhaoshang .back-top.showBack {
    display: block;
  }
}
.zhaoshang .back-top i {
  font-size: 24px;
  font-size: 1.5rem;
}
.zhaoshang .navbar-header span {
  color: #111;
  padding-right: 12px;
}
.zhaoshang .navbar-header i {
  color: #D67C1D;
  margin-right: 5px;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.delay-1s {
  animation-delay: 1s;
}
.animated.delay-2s {
  animation-delay: 2s;
}
.animated.delay-3s {
  animation-delay: 3s;
}
@keyframes bounceInUp {
  0%,
60%,
75%,
90%,
to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceInLeft {
  0%,60%,75%,90%,to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInDown {
  0%,60%,75%,90%,to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}

.theme_sp .home_banner {
  position: relative;
  width: 100%;
  height: 450px;
  overflow: hidden;
}
.theme_sp .home_banner .banner_box {
  width: 100%;
  height: 100%;
  position: absolute;
}
.theme_sp .home_banner .banner_box:before, .theme_sp .home_banner .banner_box:after {
  content: " ";
  display: table;
}
.theme_sp .home_banner .banner_box:after {
  clear: both;
}
.theme_sp .home_banner .banner_box .slider_img {
  width: 100%;
  height: 100%;
  float: left;
}
.theme_sp .home_banner .banner_box .slider_img a {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
}
.theme_sp .home_banner .banner_box .swiper-pagination {
  display: none;
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
}
.theme_sp .home_banner .banner_box .swiper-pagination .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  border-radius: 100%;
  border: 1px solid #fff;
}
.theme_sp .home_banner .banner_box .swiper-pagination .swiper-pagination-switch:hover {
  cursor: pointer;
  background-color: #fff;
}
.theme_sp .home_banner .banner_box .swiper-pagination .swiper-pagination-switch.swiper-active-switch {
  background-color: #fff;
}
.theme_sp .home_banner .banner_box .swiper-nav {
  z-index: 1;
  position: absolute;
  bottom: 13px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.theme_sp .home_banner .banner_box .swiper-nav ul {
  text-align: right;
}
.theme_sp .home_banner .banner_box .swiper-nav ul li {
  display: inline-block;
  padding: 8px 10px;
  margin: 0 5px;
  color: #fff;
  font-size: 14px;
  background-color: rgba(55, 55, 55, 0.9);
  cursor: pointer;
}
.theme_sp .home_banner .banner_box .swiper-nav ul li:hover {
  background-color: black;
}
.theme_sp .home_banner .banner_box .swiper-nav ul li.active {
  background-color: #2fa9af;
}
.theme_sp .home_banner .banner_btn {
  z-index: 1;
  position: absolute;
  padding: 10px 15px;
  margin-top: -35px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.theme_sp .home_banner .banner_btn i {
  font-size: 50px;
  color: #fff;
}
.theme_sp .home_banner .banner_btn.prevBtn {
  left: 5%;
  top: 50%;
}
.theme_sp .home_banner .banner_btn.nextBtn {
  right: 5%;
  top: 50%;
}
.theme_sp .home_banner .banner_btn:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.theme_sp .home_banner .home_district_nav {
  position: relative;
  height: 100%;
}
.theme_sp .home_banner .home_district_nav .menu {
  z-index: 1;
  position: absolute;
  bottom: 13px;
  left: 0px;
}
.theme_sp .home_banner .home_district_nav .menu li {
  background-color: rgba(0, 0, 0, 0.8);
}
.theme_sp .home_banner .home_district_nav .menu li:not(:last-child) {
  border-bottom: 1px solid #232323;
}
.theme_sp .home_banner .home_district_nav .menu li a {
  display: block;
  padding: 11px 20px;
  color: #fff;
}
.theme_sp .home_banner .home_district_nav .menu li a:before, .theme_sp .home_banner .home_district_nav .menu li a:after {
  content: " ";
  display: table;
}
.theme_sp .home_banner .home_district_nav .menu li a:after {
  clear: both;
}
.theme_sp .home_banner .home_district_nav .menu li a img {
  float: left;
  width: 30px;
  margin-right: 15px;
}
.theme_sp .home_banner .home_district_nav .menu li a div {
  float: left;
  width: 130px;
  margin-top: 9px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
}
.theme_sp .home_banner .home_district_nav .menu li a div span {
  margin-left: 5px;
  font-size: 85%;
  font-weight: normal;
}
.theme_sp .home_banner .home_district_nav .menu li a i {
  float: left;
  margin-top: 4px;
  font-size: 24px;
  font-size: 1.5rem;
}
.theme_sp .home_banner .home_district_nav .menu li:hover {
  background-color: black;
}
@media only screen and (max-width: 1199px) {
  .theme_sp .home_banner {
    height: 350px;
  }
  .theme_sp .home_banner .home_district_nav .menu li a {
    padding: 6px 20px;
  }
  .theme_sp .home_banner .home_district_nav .menu li a img {
    width: 25px;
  }
  .theme_sp .home_banner .home_district_nav .menu li a div {
    margin-top: 7px;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 767px) {
  .theme_sp .home_banner {
    height: calc(100vw*0.5625);
  }
  .theme_sp .home_banner .banner_btn {
    padding: 8px 12px;
    margin-top: -23px;
  }
  .theme_sp .home_banner .banner_btn i {
    font-size: 30px;
  }
  .theme_sp .home_banner .banner_box .swiper-pagination {
    display: block;
  }
  .theme_sp .home_banner .banner_box .swiper-nav {
    display: none;
  }
}
.theme_sp .basicInfoGeo-box {
  position: relative;
}
.theme_sp .areabanner {
  height: 370px;
}
@media only screen and (max-width: 767px) {
  .ua-mobile .theme_sp .l-all {
    padding-top: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .ua-mobile .theme_sp.mb .l-all {
    padding-top: 0px;
  }
}
.ua-mobile .theme_sp.mb .l-all .m-bottomLinks {
  display: none;
}
.theme_sp .center {
  text-align: center;
}
.theme_sp .bigTxtWhite {
  color: #FFF;
  font-size: 30px;
  font-weight: 600;
}
.theme_sp .area-title {
  color: #3E3A0F;
  white-space: nowrap;
}
.theme_sp .smallTxtWhite {
  font-size: 26px;
}
.theme_sp .error {
  color: #cc0b0b;
  font-weight: 700;
  margin-top: 7px;
  font-size: 14px;
}
.theme_sp .success {
  color: #178a17;
  font-weight: 700;
  margin-top: 7px;
  font-size: 14px;
}
.theme_sp .prevBtn, .theme_sp .nextBtn {
  width: 17px;
  height: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  text-align: left;
}
.theme_sp .prevBtn.area-btn, .theme_sp .nextBtn.area-btn {
  padding: 0;
  background: none;
}
.theme_sp .prevBtn.area-btn:hober, .theme_sp .nextBtn.area-btn:hober {
  background: none;
}
.theme_sp .prevBtn.area-btn.nextBtn, .theme_sp .nextBtn.area-btn.nextBtn {
  right: 100px;
  top: 50%;
}
@media only screen and (max-width: 1199px) {
  .theme_sp .prevBtn.area-btn.nextBtn, .theme_sp .nextBtn.area-btn.nextBtn {
    right: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .theme_sp .prevBtn.area-btn.nextBtn, .theme_sp .nextBtn.area-btn.nextBtn {
    right: -44px;
  }
}
.theme_sp .prevBtn.area-btn.prevBtn, .theme_sp .nextBtn.area-btn.prevBtn {
  left: 100px;
  top: 50%;
}
@media only screen and (max-width: 1199px) {
  .theme_sp .prevBtn.area-btn.prevBtn, .theme_sp .nextBtn.area-btn.prevBtn {
    left: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .theme_sp .prevBtn.area-btn.prevBtn, .theme_sp .nextBtn.area-btn.prevBtn {
    left: -44px;
  }
}
@media only screen and (max-width: 767px) {
  .theme_sp .prevBtn.area-btn.nextBtn, .theme_sp .nextBtn.area-btn.nextBtn {
    right: -13px;
  }
  .theme_sp .prevBtn.area-btn.prevBtn, .theme_sp .nextBtn.area-btn.prevBtn {
    left: -13px;
  }
}
.theme_sp .prevBtn img, .theme_sp .nextBtn img {
  width: 100%;
  height: 100%;
}
.theme_sp .prevBtn .img_hover, .theme_sp .nextBtn .img_hover {
  display: none;
}
.theme_sp .prevBtn:hover .img_hover, .theme_sp .nextBtn:hover .img_hover {
  display: block;
}
.theme_sp .prevBtn:hover .img_default, .theme_sp .nextBtn:hover .img_default {
  display: none;
}
.theme_sp .nextBtn {
  right: 0;
  text-align: right;
}
.theme_sp .bigPrevBtn, .theme_sp .bigNextBtn {
  width: 28px;
  height: 50px;
}
.theme_sp .lp-runout {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(207, 207, 207, 0.7);
}
.theme_sp .lp-runout img {
  height: 550px;
  width: 100%;
  position: absolute;
  bottom: 37px;
  right: 178px;
  width: 184px;
  height: 146px;
}
@media only screen and (max-width: 767px) {
  .theme_sp .lp-runout img {
    bottom: 37px;
    right: 30px;
    width: 92px;
    height: 72px;
  }
}
@media only screen and (max-width: 767px) {
  .theme_sp .prevBtn, .theme_sp .nextBtn {
    width: 10px;
    height: 18px;
  }
}
.theme_sp .fcLidix .topBanner {
  height: 350px;
}
@media only screen and (max-width: 767px) {
  .theme_sp .fcLidix .topBanner {
    height: 180px;
  }
}
.theme_sp .topBanner {
  position: relative;
  height: 450px;
  background: url("/img/main/themeSp/glzhongmuhei/zmh-insert.jpg") no-repeat center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width: 767px) {
  .theme_sp .topBanner {
    height: 180px;
  }
}
.theme_sp .vrBanner {
  position: relative;
  height: 450px;
  background-color: #fff;
}
.theme_sp .vrBanner iframe {
  width: 100%;
  height: calc(100% - 15px);
}
.theme_sp .vrBanner .vrFull {
  display: none;
}
@media only screen and (max-width: 767px) {
  .theme_sp .vrBanner {
    height: 420px;
  }
  .theme_sp .vrBanner .vrFull {
    display: block;
    position: absolute;
    top: 7px;
    left: 3px;
    width: 48px;
    height: 55px;
    padding-top: 42px;
    background: url("/img/main/themeSp/commonIcon/vr-full.png") no-repeat top center;
    background-size: 75%;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    color: #fff;
  }
}
.theme_sp .home_banner .banner_box .slider_img a {
  background-size: 100% 100%;
}
.theme_sp .immediateAsk {
  width: 500px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-size: 30px;
  background: #f2780c;
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 70px;
  border: none;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .theme_sp .immediateAsk {
    width: calc( 100% - 50px );
    margin-top: 25px;
    margin-bottom: 25px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
  }
}
.theme_sp .formAsk {
  max-width: 825px;
  padding: 20px 0 0 55px;
  margin: 0 auto;
  margin-top: 70px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.theme_sp .formAsk.middleForm {
  height: 492px;
  box-shadow: 0px 3px 20px 0px rgba(61, 61, 61, 0.12);
}
.theme_sp .formAsk .contactFormTable {
  max-width: 400px;
  text-align: center;
}
.theme_sp .formAsk .contactFormTable label {
  font-family: PingFangHK-Semibold;
  color: #383838;
  font-size: 24px;
  margin-bottom: 15px;
  font-weight: 600;
}
.theme_sp .formAsk .contactFormTable .formItem {
  position: relative;
  margin-bottom: 15px;
}
.theme_sp .formAsk .contactFormTable .formItem.select {
  border: 1px solid #ccc;
  height: 40px;
  border-radius: 3px;
}
.theme_sp .formAsk .contactFormTable .formItem.select .dropdown {
  width: calc(100% - 190px) !important;
  padding-top: 3px;
  margin-left: -10x;
  display: inline-block;
}
.theme_sp .formAsk .contactFormTable .formItem .verifyCodeInput {
  padding-left: 100px !important;
}
.theme_sp .formAsk .contactFormTable .formItem .verifyCodeBtn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #1580DF;
  width: 120px;
  text-align: center;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 40px;
}
.theme_sp .formAsk .contactFormTable .formItem .verifyCodeBtn .verifyCodeSubmit {
  display: block;
}
.theme_sp .formAsk .contactFormTable .formItem .verifyCodeBtn:hover {
  cursor: pointer;
  background: #1580DF;
  color: #fff;
}
.theme_sp .formAsk .contactFormTable .formItem .verifyCodeTimer, .theme_sp .formAsk .contactFormTable .formItem .verifyCodeTimer:hover {
  color: #fff;
  background: #bbb !important;
  border: none;
}
.theme_sp .formAsk .contactFormTable .formItem .autoLogin {
  width: auto;
  height: auto;
  margin: 0;
}
.theme_sp .formAsk .contactFormTable .formItem .otherMessage {
  margin-bottom: 15px;
}
.theme_sp .formAsk .contactFormTable .formItem .otherMessage:before, .theme_sp .formAsk .contactFormTable .formItem .otherMessage:after {
  content: " ";
  display: table;
}
.theme_sp .formAsk .contactFormTable .formItem .otherMessage:after {
  clear: both;
}
.theme_sp .formAsk .contactFormTable .formItem .otherMessage .checkboxAutoLogin {
  display: inline-block;
  float: left;
  font-size: 13px;
  font-size: 0.8125rem;
  cursor: pointer;
}
.theme_sp .formAsk .contactFormTable .formItem .otherMessage .checkboxAutoLogin input[type="checkbox"] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  outline: none;
  display: none;
}
.theme_sp .formAsk .contactFormTable .formItem .otherMessage .checkboxAutoLogin input[type="checkbox"] + label {
  font-weight: normal;
}
.theme_sp .formAsk .contactFormTable .formItem .otherMessage .checkboxAutoLogin input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border: 1px solid #ddd;
  border-radius: 2px;
  vertical-align: middle;
  margin-right: 5px;
}
.theme_sp .formAsk .contactFormTable .formItem .iconImg {
  position: absolute;
  top: 10px;
  left: 20px;
  width: 20px;
  height: 20px;
}
.theme_sp .formAsk .contactFormTable .formItem .wechat-icon {
  height: 17px;
  margin-top: 2px;
}
.theme_sp .formAsk .contactFormTable .formItem .inputName {
  position: absolute;
  top: 13px;
  font-size: 16px;
  left: 14px;
}
.theme_sp .formAsk .contactFormTable .formItem .inputName .redTxt {
  color: #FE3333;
  font-weight: 600;
}
.theme_sp .formAsk .contactFormTable .formItem .formInput {
  width: 100%;
  height: 40px;
  font-size: 14px;
  padding-left: 98px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.theme_sp .formAsk .contactFormTable .formItem .unicPadding {
  padding-left: 205px;
}
.theme_sp .formAsk .contactFormTable .formItem .selection {
  position: absolute;
  top: 13px;
  right: 8px;
  font-size: 14px;
  color: #a9a9a9;
}
.theme_sp .formAsk .contactFormTable .formItem .selection.redTxt {
  color: #cc0b0b;
}
.theme_sp .formAsk .contactFormTable .formItem .must-input {
  left: 230px;
}
.theme_sp .formAsk .contactFormTable .formItem select {
  position: absolute;
  top: 10px;
  left: 101px;
  width: 100px;
  font-size: 14px;
  border: none;
}
.theme_sp .formAsk .contactFormTable .btnAsk {
  width: 100%;
  height: 40px;
  background: #f18d47;
  border: none;
  font-size: 18px;
  font-weight: 600;
  border-radius: 4px;
  color: #fff;
}
.theme_sp .infoDesign-box .infoDesign-box {
  height: 328px;
}
.theme_sp .foot_form {
  height: 530px;
  background-size: cover;
}
.theme_sp .foot_form .contactFormMessage {
  padding-bottom: 5px;
  text-align: left;
}
.theme_sp .foot_form .formAsk {
  padding: 0;
  margin-top: 0;
}
.theme_sp .foot_form .formAsk .error {
  color: #f3f3f3;
}
.theme_sp .foot_form .formAsk .contactFormTable {
  max-width: 510px;
  margin: 0 auto;
}
.theme_sp .foot_form .formAsk .contactFormTable label {
  margin: 30px auto;
  margin-bottom: 20px;
  font-size: 36px;
  color: #fff;
}
.theme_sp .foot_form .formAsk .contactFormTable .form-title {
  line-height: 50px;
  font-weight: 600;
  font-size: 24px;
}
@media only screen and (max-width: 767px) {
  .theme_sp .foot_form .formAsk .contactFormTable .form-title {
    font-size: 18px;
    line-height: 25px;
  }
}
.theme_sp .foot_form .formAsk .contactFormTable .formItem.select {
  background: #fff;
  border: none;
}
.theme_sp .foot_form .formAsk .contactFormTable .formItem .iconImg {
  width: 24px;
  height: 22px;
  top: 8px;
}
.theme_sp .foot_form .formAsk .contactFormTable .formItem .name-icon {
  width: 21px;
  height: 23px;
  left: 20px;
}
.theme_sp .foot_form .formAsk .contactFormTable .formItem .phone-icon {
  width: 23px;
  height: 23px;
  left: 19px;
}
.theme_sp .foot_form .formAsk .contactFormTable .formItem .wechat-icon {
  width: 25px;
  height: 20px;
  left: 18px;
}
.theme_sp .foot_form .formAsk .contactFormTable .formItem .inputName {
  font-size: 18px;
  top: 11px;
}
.theme_sp .foot_form .formAsk .contactFormTable .formItem .formInput {
  background: #fff;
}
.theme_sp .foot_form .formAsk .contactFormTable .btnAsk {
  font-size: 24px;
}
@media only screen and (max-width: 767px) {
  .theme_sp .foot_form {
    height: 490px;
  }
  .theme_sp .foot_form .formAsk .contactFormTable {
    width: calc( 100% - 20px );
  }
  .theme_sp .foot_form .formAsk .contactFormTable label {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 18px;
  }
  .theme_sp .foot_form .formAsk .contactFormTable .formItem.select {
    border: 1px solid #ccc;
    height: 40px;
    border-radius: 3px;
  }
  .theme_sp .foot_form .formAsk .contactFormTable .formItem.select .dropdown {
    width: auto;
    margin-left: 25px;
    display: inline-block;
  }
  .theme_sp .foot_form .formAsk .contactFormTable .formItem .unicPadding {
    padding-left: 135px;
  }
  .theme_sp .foot_form .formAsk .contactFormTable .formItem .iconImg {
    width: 14px;
    height: 14px;
    top: 12px;
    left: 5px;
  }
  .theme_sp .foot_form .formAsk .contactFormTable .formItem select {
    font-size: 14px;
    top: 11px;
    width: 65px;
    left: 60px;
    border: none;
    background: none;
  }
  .theme_sp .foot_form .formAsk .contactFormTable .formItem .inputName {
    font-size: 14px;
    top: 13px;
    left: 24px;
  }
  .theme_sp .foot_form .formAsk .contactFormTable .formItem .formInput {
    font-size: 14px;
    padding-left: 60px;
  }
  .theme_sp .foot_form .formAsk .contactFormTable .formItem .formInput.unicPadding {
    padding-left: 130px;
  }
  .theme_sp .foot_form .formAsk .contactFormTable .formItem .selection {
    font-size: 14px;
  }
  .theme_sp .foot_form .formAsk .contactFormTable .btnAsk {
    font-size: 18px;
  }
}
.theme_sp .b_title {
  color: #383838;
  font-weight: 600;
  font-size: 28px;
  line-height: 25px;
  margin-bottom: 10px;
}
.theme_sp .b_translate {
  font-size: 18px;
  color: #838383;
  line-height: 20px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .theme_sp .b_title {
    font-size: 18px;
    margin-bottom: 0px;
  }
  .theme_sp .b_translate {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .theme_sp .design-fy {
    margin-bottom: 30px;
  }
}
.theme_sp .infoDesign {
  position: relative;
  margin: 0 auto;
}
.theme_sp .infoDesign .slider_img a {
  background-size: 100% 100%;
}
.theme_sp .infoDesign .swiperDesign {
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.theme_sp .swiperDesign-area .imgPosition {
  background: #9CB293;
}
.theme_sp .imgPosition {
  margin: 0 auto;
  background: #53698c;
}
.theme_sp .imgPosition .imgContain {
  background-size: 100% 100%;
  float: left;
}
.theme_sp .imgPosition .imgIntroduce {
  float: left;
}
.theme_sp .imgPosition .imgIntroduce .bigTxtWhite span {
  font-size: 18px;
  color: #fff;
}
.theme_sp .imgPosition .imgIntroduce ul li {
  position: relative;
  color: #fff;
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 22px;
}
.theme_sp .imgPosition .imgIntroduce ul li span {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: -20px;
}
.theme_sp .outContain {
  background: #f5f5f5;
  height: 525px;
  padding: 84px 0 81px 0;
}
.theme_sp .outContain .infoLeft {
  width: 580px;
  height: 360px;
  text-align: center;
  float: left;
  position: relative;
}
.theme_sp .outContain .infoLeft:before, .theme_sp .outContain .infoLeft:after {
  content: " ";
  display: table;
}
.theme_sp .outContain .infoLeft:after {
  clear: both;
}
.theme_sp .outContain .infoLeft .swiperBox {
  height: 360px;
  width: calc( 100% - 60px );
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.theme_sp .outContain .infoLeft .swiperBox .swiper-wrapper {
  margin: 0 auto;
}
.theme_sp .outContain .infoRight {
  width: 370px;
  margin-left: 20px;
  float: left;
}
.theme_sp .outContain .infoRight .infoRight-t {
  margin-bottom: 33px;
}
.theme_sp .outContain .infoRight .infoRight-t .bigTxt {
  color: #d33636;
  font-size: 48px;
  font-weight: 600;
}
.theme_sp .outContain .infoRight .infoRight-t .rmb {
  font-size: 18px;
  color: #383838;
}
.theme_sp .outContain .infoRight .infoRight-t .smallTxt {
  color: #828282;
  font-size: 12px;
  margin-top: 10px;
}
.theme_sp .outContain .infoRight .infoRight-t .service-only {
  width: 305px;
  height: 78px;
  padding: 7px 11px;
  margin-top: 15px;
  font-size: 20px;
  background: #ea617a;
  line-height: 32px;
  color: #fff;
  white-space: pre-wrap;
}
.theme_sp .outContain .infoRight .infoRight-t .service-only .service-only-txt {
  font-size: 18px;
  line-height: 22px;
  margin-top: 7px;
}
.theme_sp .outContain .infoRight .infoRight-b h3 {
  font-size: 24px;
  margin-bottom: 20px;
  background: #ea617a;
  text-align: center;
  width: 113px;
  height: 40px;
  line-height: 40px;
  color: #fff;
}
.theme_sp .outContain .infoRight .infoRight-b .roomInfoBtm {
  color: #383838;
  font-size: 20px;
  max-width: 290px;
}
.theme_sp .outContain .infoRight .infoRight-b .roomInfoBtm p {
  margin-bottom: 5px;
}
.theme_sp .outContain .infoRight .infoRight-b .roomInfoBtm p label {
  font-weight: 600;
  line-height: 22px;
  width: 110px;
  display: inline-block;
}
.theme_sp .outContain .infoRight .infoRight-b .roomInfoBtm p label.short-text {
  letter-spacing: 8px;
}
.theme_sp .outContain .infoRight .infoRight-b .roomInfoBtm p span {
  color: #383838;
  display: inline-block;
  max-width: 180px;
  vertical-align: top;
  line-height: 25px;
}
@media only screen and (max-width: 1199px) {
  .theme_sp .outContain .infoLeft {
    width: 550px;
  }
}
@media only screen and (max-width: 991px) {
  .theme_sp .outContain .infoLeft {
    width: 350px;
  }
  .theme_sp .outContain .infoRight {
    width: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .theme_sp .outContain {
    width: 100%;
    height: 447px;
    padding: 20px 10px;
  }
  .theme_sp .outContain .infoLeft {
    width: 100%;
    height: 218px;
    float: none;
  }
  .theme_sp .outContain .infoLeft .swiperBox {
    height: 218px;
    width: calc( 100% - 40px );
  }
  .theme_sp .outContain .infoRight {
    width: 100%;
    float: none;
    margin-left: 0;
  }
  .theme_sp .outContain .infoRight .infoRight-t {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 6px 20px 10px 20px;
    height: 60px;
  }
  @media(max-width:354px) {
    .theme_sp .outContain .infoRight .infoRight-t {
      padding: 6px 3px 10px 3px;
    }
  }
  .theme_sp .outContain .infoRight .infoRight-t .price {
    float: left;
    margin-top: 10px;
  }
  .theme_sp .outContain .infoRight .infoRight-t .price .bigTxt {
    font-size: 27px;
  }
  .theme_sp .outContain .infoRight .infoRight-t .price .rmb {
    font-size: 14px;
  }
  .theme_sp .outContain .infoRight .infoRight-t .service-only {
    float: right;
    width: 136px;
    height: 45px;
    padding: 3px 5px;
    line-height: 18px;
    font-size: 14px;
    margin-top: 0;
  }
  .theme_sp .outContain .infoRight .infoRight-t .service-only .service-only-txt {
    font-size: 14px;
    line-height: 20px;
    margin-top: 0;
  }
  .theme_sp .outContain .infoRight .infoRight-b {
    padding: 0 20px;
    margin-bottom: 10px;
    padding-right: 0;
  }
  .theme_sp .outContain .infoRight .infoRight-b h3 {
    font-size: 14px;
    height: 21px;
    line-height: 21px;
    width: 64px;
    margin-bottom: 10px;
  }
  .theme_sp .outContain .infoRight .infoRight-b .roomInfoBtm {
    font-size: 14px;
    max-width: 100%;
  }
  .theme_sp .outContain .infoRight .infoRight-b .roomInfoBtm p {
    margin-bottom: 0px;
    height: 20px;
    white-space: nowrap;
  }
  .theme_sp .outContain .infoRight .infoRight-b .roomInfoBtm p label {
    width: 75px;
  }
  .theme_sp .outContain .infoRight .infoRight-b .roomInfoBtm p span {
    max-width: 100%;
  }
}
.theme_sp .upholstery .infoDesign {
  height: 440px;
  max-width: 920px;
}
.theme_sp .upholstery .infoDesign .swiperDesign {
  width: calc( 100% - 120px );
}
.theme_sp .upholstery .roomDesign {
  padding-top: 47px;
  padding-bottom: 40px;
  font-size: 20px;
  line-height: 26px;
  white-space: pre-wrap;
  color: #383838;
}
@media only screen and (max-width: 767px) {
  .theme_sp .upholstery .design-fy {
    margin-bottom: 20px;
  }
  .theme_sp .upholstery .infoDesign {
    height: 200px;
    width: calc(100% - 16px);
  }
  .theme_sp .upholstery .infoDesign .swiperDesign {
    width: calc(100% - 30px);
  }
  .theme_sp .upholstery .roomDesign {
    font-size: 14px;
    line-height: 20px;
    margin: 0 10px;
    padding: 10px 10px 30px;
  }
}
.theme_sp .theme_sp_t1 .l-container .basicInfo {
  padding-top: 40px;
}
@media only screen and (max-width: 767px) {
  .theme_sp .theme_sp_t1 .l-container .basicInfo {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .theme_sp .theme_sp_t1 .l-container .house_basicinfo {
    padding: 20px 0;
  }
}
.theme_sp .theme_sp_t1 .l-container .house_basicinfo .fcLidix-outContain {
  height: auto;
  padding: 45px 0 26px;
  border-bottom: 1px solid #D6D6D6;
}
@media only screen and (max-width: 767px) {
  .theme_sp .theme_sp_t1 .l-container .house_basicinfo .fcLidix-outContain {
    border: none;
    padding: 10px;
  }
}
.theme_sp .theme_sp_t1 .l-container .house_basicinfo .fcLidix-outContain .infoLeft1, .theme_sp .theme_sp_t1 .l-container .house_basicinfo .fcLidix-outContain .infoLeft2, .theme_sp .theme_sp_t1 .l-container .house_basicinfo .fcLidix-outContain .infoLeft3 {
  margin-bottom: 24px;
}
.theme_sp .theme_sp_t1 .l-container .basicInfoGeo {
  background: #f5f5f5;
  padding: 0 17px;
  padding-top: 40px;
  padding-bottom: 30px;
  margin-top: 20px;
}
.theme_sp .theme_sp_t1 .l-container .basicInfoGeo .b_translate {
  margin-bottom: 40px;
}
.theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgPosition {
  max-width: 822px;
  height: 374px;
  padding: 28px;
}
.theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgPosition.area-imgPosition {
  padding-right: 0;
}
.theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgPosition.area-imgPosition .imgIntroduce {
  padding-left: 0px;
}
.theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgPosition.area-imgPosition .imgIntroduce ul li p {
  margin-left: 0px;
}
@media only screen and (max-width: 767px) {
  .theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgPosition.area-imgPosition {
    padding-right: 12px;
  }
}
.theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgPosition.setPadding {
  padding: 0;
  padding-left: 10px;
  height: auto !important;
  padding-bottom: 10px !important;
}
.theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgPosition .imgContain {
  width: 400px;
  height: 315px;
}
.theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgPosition .area-imgContain {
  width: 478px;
}
.theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgPosition .imgIntroduce {
  max-width: 343px;
  margin-left: 20px;
  padding-left: 20px;
}
.theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgPosition .imgIntroduce ul li p {
  margin-bottom: 10px;
}
.theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgTimeBox {
  max-width: 822px;
  background: #fff;
  text-align: center;
  margin: 0 auto;
  padding: 10px;
}
.theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgTimeBox .imgTime {
  max-width: 620px;
  height: 180px;
  margin: 0 auto;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width: 991px) {
  .theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgPosition .imgContain {
    width: 390px;
  }
}
@media only screen and (max-width: 767px) {
  .theme_sp .theme_sp_t1 .l-container .basicInfoGeo .b_translate {
    margin-bottom: 23px;
  }
  .theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgPosition {
    height: 217px;
    padding: 12px 12px 0 12px;
  }
  .theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgPosition .imgContain {
    width: 100%;
    height: 205px;
    float: none;
  }
  .theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgPosition .imgIntroduce {
    width: 100%;
    float: none;
    padding-top: 15px;
    max-width: 100%;
    margin-left: 0;
  }
  .theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgPosition .imgIntroduce.area-imgIntroduce {
    text-align: center;
    padding: 0 10px;
  }
  .theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgPosition .imgIntroduce.area-imgIntroduce .area-title {
    padding-top: 20px;
  }
  .theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgPosition .imgIntroduce.area-imgIntroduce .bigTxtWhite {
    margin-bottom: 10px;
  }
  .theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgPosition .imgIntroduce .bigTxtWhite {
    font-size: 18px;
  }
  .theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgPosition .imgIntroduce .bigTxtWhite span {
    font-size: 14px;
  }
  .theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgPosition .imgIntroduce ul li {
    margin-bottom: 5px;
    font-size: 14px;
  }
  .theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgTimeBox {
    padding: 5px;
  }
  .theme_sp .theme_sp_t1 .l-container .basicInfoGeo .imgTimeBox .imgTime {
    height: 100px;
  }
}
.theme_sp .theme_sp_t1 .l-container .bottom_color {
  background: #fff;
  position: relative;
  height: 563px;
  margin-bottom: 10px;
}
.theme_sp .theme_sp_t1 .l-container .bottom_color.area-bottom_color {
  height: 400px;
}
.theme_sp .theme_sp_t1 .l-container .bottom_color .bottom_color_top {
  position: absolute;
  width: 100%;
  height: 200px;
  z-index: 0;
  background: #f5f5f5;
}
.theme_sp .theme_sp_t1 .l-container .bottom_color .bottom_color_bottom {
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
}
.theme_sp .theme_sp_t1 .l-container .bottom_color .bottom_color_bottom .must-input {
  left: 230px;
  width: 50px;
}
.theme_sp .theme_sp_t1 .l-container .surrounding .b_translate {
  margin-bottom: 40px;
}
.theme_sp .theme_sp_t1 .l-container .surrounding .environment {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.theme_sp .theme_sp_t1 .l-container .surrounding .environment .environment_li {
  width: 415px;
  margin-bottom: 80px;
  border: 2px solid;
  -o-border-image: linear-gradient(300deg, #a38d47, #d3bb6e) 5 10;
     border-image: linear-gradient(300deg, #a38d47, #d3bb6e) 5 10;
  list-style: none;
}
.theme_sp .theme_sp_t1 .l-container .surrounding .environment .environment_li .pic {
  height: 294px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.theme_sp .theme_sp_t1 .l-container .surrounding .environment .environment_li .pic_introduce {
  height: 327px;
  padding: 0 33px;
}
.theme_sp .theme_sp_t1 .l-container .surrounding .environment .environment_li .pic_introduce .pic_title {
  color: #a38d47;
  font-size: 24px;
  text-align: center;
  font-weight: 600;
  margin-bottom: 13px;
  margin-top: 30px;
}
.theme_sp .theme_sp_t1 .l-container .surrounding .environment .environment_li .pic_introduce .pic_line {
  background: linear-gradient(300deg, #a38d47, #d3bb6e);
  margin: 0 auto;
  margin-bottom: 18px;
  width: 30px;
  height: 2px;
  text-align: center;
}
.theme_sp .theme_sp_t1 .l-container .surrounding .environment .environment_li .pic_introduce .p_intr {
  color: #383838;
  line-height: 22px;
  font-size: 16px;
  white-space: pre-wrap;
}
.theme_sp .theme_sp_t1 .l-container .surrounding .around_environment {
  position: relative;
  width: calc( 100% - 30px );
  margin: 0 auto;
}
.theme_sp .theme_sp_t1 .l-container .surrounding .around_environment .swiperBox {
  height: 485px;
  width: calc( 100% - 40px );
  margin: 0 auto;
  border: 2px solid #d3bb6e;
}
.theme_sp .theme_sp_t1 .l-container .surrounding .around_environment .swiperBox .swiper_environment {
  height: 485px;
}
.theme_sp .theme_sp_t1 .l-container .surrounding .around_environment .swiperBox .swiper_environment .environment_li {
  list-style: none;
}
.theme_sp .theme_sp_t1 .l-container .surrounding .around_environment .swiperBox .swiper_environment .environment_li .pic {
  height: 212px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.theme_sp .theme_sp_t1 .l-container .surrounding .around_environment .swiperBox .swiper_environment .environment_li .pic_introduce {
  height: 270px;
  padding: 0 13px;
}
.theme_sp .theme_sp_t1 .l-container .surrounding .around_environment .swiperBox .swiper_environment .environment_li .pic_introduce .pic_title {
  color: #a38d47;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin-top: 25px;
}
.theme_sp .theme_sp_t1 .l-container .surrounding .around_environment .swiperBox .swiper_environment .environment_li .pic_introduce .pic_line {
  background: linear-gradient(300deg, #a38d47, #d3bb6e);
  margin: 10px auto;
  width: 30px;
  height: 2px;
  text-align: center;
}
.theme_sp .theme_sp_t1 .l-container .surrounding .around_environment .swiperBox .swiper_environment .environment_li .pic_introduce .p_intr {
  color: #383838;
  line-height: 22px;
  font-size: 16px;
  white-space: pre-wrap;
}
@media only screen and (max-width: 991px) {
  .theme_sp .theme_sp_t1 .l-container .surrounding .environment .environment_li {
    width: 325px;
  }
  .theme_sp .theme_sp_t1 .l-container .surrounding .environment .environment_li .pic_introduce {
    padding: 0 15px;
  }
  .theme_sp .theme_sp_t1 .l-container .surrounding .environment .environment_li .pic_title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .theme_sp .theme_sp_t1 .l-container .surrounding .b_translate {
    margin-bottom: 30px;
  }
  .theme_sp .theme_sp_t1 .l-container .surrounding .around_environment {
    margin-bottom: 30px;
  }
  .theme_sp .theme_sp_t1 .l-container .surrounding .around_environment .swiperBox .swiper_environment .environment_li .pic {
    height: 172px;
  }
  .theme_sp .theme_sp_t1 .l-container .surrounding .around_environment .swiperBox .swiper_environment .environment_li .pic_introduce .pic_title {
    font-size: 18px;
    margin-top: 15px;
  }
  .theme_sp .theme_sp_t1 .l-container .surrounding .around_environment .swiperBox .swiper_environment .environment_li .pic_introduce .p_intr {
    font-size: 14px;
  }
}
.theme_sp .theme_sp_t2 .l-container .topBanner {
  height: 390px;
}
@media only screen and (max-width: 767px) {
  .theme_sp .theme_sp_t2 .l-container .topBanner {
    height: 180px;
  }
}
.theme_sp .theme_sp_t2 .l-container .container {
  background: #fff;
}
.theme_sp .theme_sp_t2 .l-container .immediateAsk {
  margin-top: 90px;
  margin-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .theme_sp .theme_sp_t2 .l-container .immediateAsk {
    margin-top: 22px;
    margin-bottom: 30px;
  }
}
.theme_sp .theme_sp_t2 .l-container .basicInfo .outContain {
  background-color: #fff;
}
.theme_sp .theme_sp_t2 .l-container .basicInfo .outContain .infoRight .infoRight-t .service-only {
  background: linear-gradient(to bottom, #DCCF95, #B7A25C);
}
.theme_sp .theme_sp_t2 .l-container .basicInfo .outContain .infoRight .infoRight-b h3 {
  background: linear-gradient(to bottom, #DCCF95, #B7A25C);
}
.theme_sp .theme_sp_t2 .l-container .basicInfo .b_title:before, .theme_sp .theme_sp_t2 .l-container .basicInfo .b_title:after {
  content: " ";
  display: table;
}
.theme_sp .theme_sp_t2 .l-container .basicInfo .b_title:after {
  clear: both;
}
.theme_sp .theme_sp_t2 .l-container .basicInfo .b_title span {
  float: left;
  display: inline-block;
  width: 240px;
}
.theme_sp .theme_sp_t2 .l-container .basicInfo .b_title .line1, .theme_sp .theme_sp_t2 .l-container .basicInfo .b_title .line2, .theme_sp .theme_sp_t2 .l-container .basicInfo .b_title .line3 {
  background: #ccc;
  height: 1px;
  margin-bottom: 5px;
  display: inline-block;
  float: left;
}
@media only screen and (max-width: 767px) {
  .theme_sp .theme_sp_t2 .l-container .basicInfo .b_title .line1, .theme_sp .theme_sp_t2 .l-container .basicInfo .b_title .line2, .theme_sp .theme_sp_t2 .l-container .basicInfo .b_title .line3 {
    margin-bottom: 2px;
  }
}
.theme_sp .theme_sp_t2 .l-container .basicInfo .b_title .line1 {
  width: 116px;
}
.theme_sp .theme_sp_t2 .l-container .basicInfo .b_title .line2 {
  width: 100%;
}
.theme_sp .theme_sp_t2 .l-container .basicInfo .b_title .line3 {
  width: 233px;
}
.theme_sp .theme_sp_t2 .l-container .basicInfo .b_title .lineLeft {
  float: left;
  width: calc( 50% - 120px );
  text-align: right;
  margin-top: 5px;
}
.theme_sp .theme_sp_t2 .l-container .basicInfo .b_title .lineLeft .line1, .theme_sp .theme_sp_t2 .l-container .basicInfo .b_title .lineLeft .line2, .theme_sp .theme_sp_t2 .l-container .basicInfo .b_title .lineLeft .line3 {
  float: right;
}
.theme_sp .theme_sp_t2 .l-container .basicInfo .b_title .lineRight {
  width: calc( 50% - 120px );
  float: left;
  text-align: left;
  margin-top: 5px;
}
@media only screen and (max-width: 767px) {
  .theme_sp .theme_sp_t2 .l-container .basicInfo .b_title span {
    width: 160px;
  }
  .theme_sp .theme_sp_t2 .l-container .basicInfo .b_title .lineLeft, .theme_sp .theme_sp_t2 .l-container .basicInfo .b_title .lineRight {
    width: calc( 50% - 80px );
  }
  .theme_sp .theme_sp_t2 .l-container .basicInfo .b_title .line1 {
    width: calc( 100% - 50px );
  }
  .theme_sp .theme_sp_t2 .l-container .basicInfo .b_title .line3 {
    width: calc( 100% - 20px );
  }
}
@media only screen and (max-width: 767px) {
  .theme_sp .theme_sp_t2 .l-container .basicInfo {
    padding-top: 0px;
  }
}
.theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo {
  padding-top: 47px;
}
.theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo {
  background: #ebf1f7;
  max-width: 815px;
  padding: 20px;
  margin: 0 auto;
  height: 472px;
}
.theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .houseImg {
  height: 270px;
}
.theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .houseImg img {
  width: 350px;
  height: 270px;
}
.theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .houseImg .img_l {
  float: left;
}
.theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .houseImg .img_r {
  float: right;
}
.theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .borderLine {
  height: 1px;
  background: #828282;
  margin: 20px 0 20px 0;
}
.theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .price .bigTxt {
  color: #d33636;
  font-size: 48px;
  font-weight: 600;
}
.theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .price .rmb {
  font-size: 18px;
  color: #383838;
}
.theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .smallTxt {
  color: #828282;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .houseInfo_btn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  font-size: 22px;
  background: linear-gradient(0deg, #175b9b, #519fe8);
}
.theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .roomInfoBtm {
  text-align: left;
  color: #383838;
  font-size: 16px;
  max-width: 294px;
}
.theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .roomInfoBtm p {
  margin-bottom: 5px;
}
.theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .roomInfoBtm p label {
  font-weight: 600;
  margin-right: 20px;
  width: 70px;
  display: inline-block;
}
.theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .houseInfo_phone .infoDesign {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}
.theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .houseInfo_phone .infoDesign .swiperDesign {
  height: 100%;
  width: calc( 100% - 40px );
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .houseInfo_l {
  width: 366px;
  text-align: center;
  float: left;
}
.theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .houseInfo_r {
  text-align: center;
  margin-left: 50px;
  float: left;
}
.theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .houseInfo_r .houseInfo_btn {
  width: 108px;
  height: 36px;
  line-height: 36px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 991px) {
  .theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .houseImg img {
    width: 320px;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .houseInfo_l {
    width: 320px;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .houseInfo_r {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo {
    padding-top: 21px;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo {
    background: none;
    margin-bottom: 10px;
    padding: 8px 26px 0 26px;
    height: auto;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .roomInfoBtm {
    font-size: 14px;
    max-width: 100%;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .roomInfoBtm p {
    margin-bottom: 5px;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .roomInfoBtm p label {
    width: 75px;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .houseInfo_phone .infoDesign {
    height: 200px;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .houseInfo_phone .price {
    text-align: center;
    margin-top: 10px;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .houseInfo_phone .price .bigTxt {
    font-size: 24px;
    color: fb5f5f;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .houseInfo_phone .price .rmb {
    font-size: 14px;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .houseInfo_phone .houseInfo_btn {
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    margin: 10px auto;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_house_basicinfo .houseInfo .houseInfo_phone .roomInfoBtm {
    font-size: 16px;
  }
}
.theme_sp .theme_sp_t2 .l-container .lg_graphic_design {
  padding-top: 70px;
}
.theme_sp .theme_sp_t2 .l-container .lg_graphic_design .indoorDesign {
  height: 530px;
  max-width: 850px;
}
.theme_sp .theme_sp_t2 .l-container .lg_graphic_design .indoorDesign .swiperDesign {
  width: calc( 100% - 100px );
}
@media only screen and (max-width: 767px) {
  .theme_sp .theme_sp_t2 .l-container .lg_graphic_design {
    padding-top: 30px;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_graphic_design .indoorDesign {
    height: 215px;
    width: calc( 100% - 20px );
  }
  .theme_sp .theme_sp_t2 .l-container .lg_graphic_design .indoorDesign .swiperDesign {
    width: calc( 100% - 30px );
  }
  .theme_sp .theme_sp_t2 .l-container .lg_graphic_design .roomDesign {
    font-size: 14px;
    padding-top: 10px;
  }
}
.theme_sp .theme_sp_t2 .l-container .lg_basicInfoGeo {
  padding-top: 46px;
}
.theme_sp .theme_sp_t2 .l-container .lg_basicInfoGeo .imgPosition {
  max-width: 854px;
  height: 411px;
  padding: 20px;
}
.theme_sp .theme_sp_t2 .l-container .lg_basicInfoGeo .imgPosition.setPadding {
  height: 134px;
  padding: 0;
  padding-left: 10px;
}
.theme_sp .theme_sp_t2 .l-container .lg_basicInfoGeo .imgPosition .imgContain {
  width: 524px;
  height: 370px;
}
.theme_sp .theme_sp_t2 .l-container .lg_basicInfoGeo .imgPosition .imgIntroduce {
  width: 265px;
  height: 370px;
  margin-left: 20px;
  padding-left: 35px;
  background: #577ea5;
}
.theme_sp .theme_sp_t2 .l-container .lg_basicInfoGeo .imgPosition .imgIntroduce ul li p {
  margin-bottom: 15px;
}
@media only screen and (max-width: 991px) {
  .theme_sp .theme_sp_t2 .l-container .lg_basicInfoGeo .imgPosition .imgContain {
    width: 390px;
  }
}
@media only screen and (max-width: 767px) {
  .theme_sp .theme_sp_t2 .l-container .lg_basicInfoGeo {
    padding: 0 15px 0 15px;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_basicInfoGeo .imgPosition {
    height: 390px;
    padding: 12px 14px 0 13px;
    width: calc(100% - 10px);
  }
  .theme_sp .theme_sp_t2 .l-container .lg_basicInfoGeo .imgPosition .imgContain {
    width: 100%;
    height: 250px;
    float: none;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_basicInfoGeo .imgPosition .imgIntroduce {
    width: 265px;
    float: none;
    padding-top: 0px;
    max-width: 100%;
    background: none;
    margin-left: 0;
    margin: 0 auto;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_basicInfoGeo .imgPosition .imgIntroduce .bigTxtWhite {
    font-size: 18px;
    text-align: center;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_basicInfoGeo .imgPosition .imgIntroduce .bigTxtWhite span {
    font-size: 14px;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_basicInfoGeo .imgPosition .imgIntroduce ul li {
    margin-bottom: 5px;
    font-size: 14px;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_basicInfoGeo .imgPosition .imgIntroduce ul li p {
    margin-bottom: 10px;
  }
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding {
  padding-top: 105px;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .infoAround .prevBtn {
  left: 5px;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .infoAround .nextBtn {
  right: 5px;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .infoAround .swiperDesign {
  height: 478px;
  width: calc( 100% - 60px );
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .infoAround .swiperDesign .slider_img .line_title {
  max-width: 550px;
  margin: 18px auto;
  height: 25px;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .infoAround .swiperDesign .slider_img .line_title .line_l {
  float: left;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .infoAround .swiperDesign .slider_img .line_title .line_l span {
  float: left;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .infoAround .swiperDesign .slider_img .line_title .line_r {
  float: right;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .infoAround .swiperDesign .slider_img .line_title .line_r span {
  float: right;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .infoAround .swiperDesign .slider_img .line_title .line_l, .theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .infoAround .swiperDesign .slider_img .line_title .line_r {
  width: calc(50% - 107px);
  height: 1px;
  background: #175b9b;
  margin-top: 12px;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .infoAround .swiperDesign .slider_img .line_title .line_l span, .theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .infoAround .swiperDesign .slider_img .line_title .line_r span {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #175b9b;
  border-radius: 50%;
  margin-top: -2px;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .infoAround .swiperDesign .slider_img .line_title .btn_environment {
  margin: 0 auto;
  color: #000;
  float: left;
  font-size: 14px;
  background: linear-gradient(0deg, #175b9b, #519fe8);
  height: 25px;
  line-height: 25px;
  color: #fff;
  width: 214px;
  border: none;
  border-radius: 4px;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .infoAround .swiperDesign .slider_img a {
  height: 195px;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .infoAround .swiperDesign .slider_img .swiper_txt {
  height: 243px;
  padding-top: 20px;
  font-size: 14px;
  color: #383838;
  line-height: 20px;
  text-align: left;
  white-space: pre-wrap;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .line_title {
  max-width: 550px;
  margin: 0 auto;
  height: 45px;
  margin-bottom: 50px;
  margin-top: 70px;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .line_title .line_l {
  float: left;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .line_title .line_l span {
  float: left;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .line_title .line_r {
  float: right;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .line_title .line_r span {
  float: right;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .line_title .line_l, .theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .line_title .line_r {
  width: calc(50% - 185px);
  height: 1px;
  background: #175b9b;
  margin-top: 22px;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .line_title .line_l span, .theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .line_title .line_r span {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #175b9b;
  border-radius: 50%;
  margin-top: -2px;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .line_title .btn_environment {
  margin: 0 auto;
  float: left;
  background: linear-gradient(0deg, #175b9b, #519fe8);
  border-radius: 4px;
  width: 370px;
  height: 45px;
  line-height: 45px;
  color: #fff;
  font-size: 24px;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .ul_environment {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  max-width: 634px;
  margin: 0 auto;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .ul_environment li {
  width: 283px;
  height: 195px;
  background-size: 100% 100%;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .ul_environment li.txt_environment {
  display: table;
  text-align: left;
}
.theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .ul_environment li.txt_environment span {
  display: table-cell;
  vertical-align: middle;
  color: #383838;
  font-size: 16px;
  line-height: 22px;
  white-space: pre-wrap;
}
@media only screen and (max-width: 767px) {
  .theme_sp .theme_sp_t2 .l-container .lg_surrounding {
    padding-top: 30px;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .infoAround {
    height: 500px;
    width: calc( 100% - 26px );
    border: 1px solid #979797;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .infoAround .prevBtn {
    left: 10px;
  }
  .theme_sp .theme_sp_t2 .l-container .lg_surrounding .peripheralInfo .infoAround .nextBtn {
    right: 10px;
  }
}
.theme_sp .glzhongmuhei {
  background: #fff;
}
.theme_sp .fcnanbo .l-container .house_basicinfo .outContain .house_basicinfo_auto {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.theme_sp .fcnanbo .l-container .house_basicinfo .outContain .house_basicinfo_auto .infoRight .infoRight-t .service-only {
  font-size: 18px;
  background: linear-gradient(to bottom, #DCCF95, #B7A25C);
}
.theme_sp .fcnanbo .l-container .house_basicinfo .outContain .house_basicinfo_auto .infoRight .infoRight-b h3 {
  background: linear-gradient(to bottom, #DCCF95, #B7A25C);
}
@media only screen and (max-width: 767px) {
  .theme_sp .fcnanbo .l-container .house_basicinfo .outContain {
    height: 458px;
  }
  .theme_sp .fcnanbo .l-container .house_basicinfo .outContain .house_basicinfo_auto .infoRight .infoRight-t .service-only {
    font-size: 14px;
    padding: 3px 22px;
  }
  .theme_sp .fcnanbo .l-container .house_basicinfo .outContain .house_basicinfo_auto .infoRight .infoRight-t .service-only.area-only {
    width: 140px;
    padding: 3px 5px;
  }
}
.theme_sp .fcnanbo .l-container .upholstery .infoDesign .infoLeft {
  height: 400px;
  position: relative;
  width: 520px;
  float: left;
}
.theme_sp .fcnanbo .l-container .upholstery .infoDesign .infoLeft .swiperDesign {
  width: 100%;
}
.theme_sp .fcnanbo .l-container .upholstery .infoDesign .infoRight {
  width: 312px;
  height: 100%;
  margin-left: 50px;
  float: left;
}
.theme_sp .fcnanbo .l-container .upholstery .infoDesign .infoRight h3 {
  font-size: 24px;
  color: #383838;
  font-weight: 600;
  margin-top: 86px;
  margin-bottom: 35px;
}
.theme_sp .fcnanbo .l-container .upholstery .infoDesign .infoRight p {
  font-size: 18px;
  line-height: 27px;
  color: #383838;
}
@media only screen and (max-width: 1199px) {
  .theme_sp .fcnanbo .l-container .upholstery .infoDesign .infoLeft {
    width: 550px;
  }
}
@media only screen and (max-width: 991px) {
  .theme_sp .fcnanbo .l-container .upholstery .infoDesign .infoLeft {
    width: 350px;
  }
  .theme_sp .fcnanbo .l-container .upholstery .infoDesign .infoRight {
    width: 350px;
    margin-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .theme_sp .fcnanbo .l-container .upholstery .infoDesign {
    width: 100%;
    height: 200px;
    padding: 0px 10px;
  }
  .theme_sp .fcnanbo .l-container .upholstery .infoDesign .infoLeft {
    width: 100%;
    height: 200px;
    float: none;
  }
  .theme_sp .fcnanbo .l-container .upholstery .infoDesign .infoLeft .swiperBox {
    height: 218px;
    width: calc( 100% - 40px );
  }
}
.theme_sp .fcnanbo .l-container .basicInfoGeo .imgPosition .imgIntroduce ul li {
  margin-bottom: 10px;
  margin-left: -5px;
}
.theme_sp .fcnanbo .l-container .basicInfoGeo .imgPosition .imgIntroduce ul li.area-li {
  margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .theme_sp .fcnanbo .l-container .basicInfoGeo .imgPosition.setPadding {
    padding: 0;
    height: 230px;
  }
  .theme_sp .fcnanbo .l-container .basicInfoGeo .imgPosition .imgContain {
    width: 370px;
  }
}
@media only screen and (max-width: 767px) {
  .theme_sp .fcnanbo .l-container .basicInfoGeo .imgPosition .imgContain {
    width: 100%;
  }
  .theme_sp .fcnanbo .l-container .basicInfoGeo .imgPosition .imgIntroduce ul li {
    padding-left: 40px;
    margin-left: 0;
  }
  .theme_sp .fcnanbo .l-container .basicInfoGeo .imgPosition .imgIntroduce ul li span {
    left: 10px;
  }
  .theme_sp .fcnanbo .l-container .basicInfoGeo .imgPosition .imgIntroduce ul.area-list li {
    padding-left: 0px;
  }
  .theme_sp .fcnanbo .l-container .surrounding .around_environment .swiperBox {
    height: 585px;
  }
}

.mt-13 {
  margin-top: 13px !important;
}

.fugang-swiper-box {
  border: 5px solid #D2BA6E;
}
@media only screen and (max-width: 767px) {
  .fugang-swiper-box {
    border: 3px solid #D2BA6E;
  }
}

.fugang-swiper {
  overflow: hidden;
}
.fugang-swiper .swiper-wrapper img {
  height: 100%;
  width: 100%;
}

.bold-text {
  font-weight: bold;
}

.big-spacing {
  letter-spacing: 40px;
}

.fugang-swiperDesign {
  border: 5px solid #D2BA6E;
}

.swiper-pagination1 {
  position: absolute;
  bottom: 15px;
  width: 100%;
  text-align: right;
  padding-right: 10px;
}
.swiper-pagination1 .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  border-radius: 100%;
  border: 1px solid #d8d8d8;
  background-color: #d8d8d8;
}
.swiper-pagination1 .swiper-pagination-switch:hover {
  cursor: pointer;
  background-color: #2FA9AF;
  border: 1px solid #2FA9AF;
}
.swiper-pagination1 .swiper-pagination-switch.swiper-active-switch {
  background-color: #2FA9AF;
  border: 1px solid #2FA9AF;
}

.roomDesign-text-box {
  width: calc( 100% - 220px );
  padding-top: 30px;
  margin: 0 auto;
  padding-bottom: 30px;
}
@media(min-width : 1200px) {
  .roomDesign-text-box {
    padding-left: 60px;
  }
}
.roomDesign-text-box .roomDesign-text-title {
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 30px;
  text-align: left;
  font-weight: bold;
  text-align: center;
}
.roomDesign-text-box .roomDesign-text-item {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 14px;
}
.roomDesign-text-box .roomDesign-text-item .designItem-title {
  font-weight: bold;
  float: left;
}
.roomDesign-text-box .roomDesign-text-item .designItem-content {
  padding-left: 90px;
}

#fugang-list .pic_title {
  line-height: 34px;
  margin-top: 24px;
  margin-bottom: 8px;
}
#fugang-list .p_intr {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .fugang-infoDesign .bigPrevBtn {
    left: 2px;
  }
  .fugang-infoDesign .swiper-pagination1 .swiper-pagination-switch {
    height: 6px;
    width: 6px;
    margin: 0 5px;
  }

  .roomDesign-text-box {
    width: calc(100% - 30px);
    margin: 0 auto;
    padding: 10px 14px 10px;
    background: #dbb34d;
  }
  .roomDesign-text-box .roomDesign-text-title {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 30px;
    color: white;
    font-weight: bold;
    text-align: center;
  }
  .roomDesign-text-box .roomDesign-text-item {
    color: white;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
  }
  .roomDesign-text-box .roomDesign-text-item .designItem-title {
    font-weight: bold;
  }
}
.big-spacing {
  letter-spacing: 28px;
}

.infoLeft-text {
  color: #383838;
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  bottom: -24px;
  width: 120px;
  text-align: center;
  left: 50%;
  margin-left: -60px;
}
@media only screen and (max-width: 767px) {
  .infoLeft-text {
    color: #828282;
    font-size: 12px;
    line-height: 17px;
  }
}

.swiper-tag {
  padding: 9px 15px;
  position: absolute;
  left: 0;
  top: 28px;
  color: white;
  background: #E9B42C;
  font-size: 30px;
  opacity: 0.9;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .swiper-tag {
    top: 10px;
    padding: 6px 9px;
    line-height: 28px;
    font-size: 20px;
  }
}

.area-upholstery {
  padding-bottom: 30px;
}

.agreement {
  text-align: center;
  padding-bottom: 10px;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0;
}
.agreement input {
  vertical-align: bottom;
  height: 15px;
}

.user .l-all {
  background: #F3F5F4;
}
.user .user_menu_section {
  margin: 20px 0;
  background: #fff;
  text-align: center;
}
.user .user_menu_section ul {
  width: 380px;
  margin: 0 auto;
}
.user .user_menu_section ul:before, .user .user_menu_section ul:after {
  content: " ";
  display: table;
}
.user .user_menu_section ul:after {
  clear: both;
}
.user .user_menu_section ul li a {
  float: left;
  margin: 0 20px;
  padding: 17px 0 13px;
  color: #000;
  font-size: 18px;
  font-size: 1.125rem;
  text-decoration: none;
}
.user .user_menu_section ul li a.selected, .user .user_menu_section ul li a:hover {
  color: #2FA9AF;
  border-bottom: 4px solid #5BB7CD;
}
.user .user_list_section {
  margin-bottom: 20px;
}
.user .user_list_section .list_filter {
  background: #fff;
}
.user .user_list_section .list_filter:before, .user .user_list_section .list_filter:after {
  content: " ";
  display: table;
}
.user .user_list_section .list_filter:after {
  clear: both;
}
.user .user_list_section .list_filter .list_filter_left {
  float: left;
  width: 260px;
}
.user .user_list_section .list_filter .list_filter_left ul:before, .user .user_list_section .list_filter .list_filter_left ul:after {
  content: " ";
  display: table;
}
.user .user_list_section .list_filter .list_filter_left ul:after {
  clear: both;
}
.user .user_list_section .list_filter .list_filter_left ul li a {
  float: left;
  width: 130px;
  font-size: 16px;
  font-size: 1rem;
  color: #898989;
  line-height: 44px;
  text-align: center;
  font-weight: bold;
  background: #EAECED;
  text-decoration: none;
}
.user .user_list_section .list_filter .list_filter_left ul li a.selected {
  background: #2FA9AF;
  color: #fff;
}
.user .user_list_section .list_filter .list_filter_left ul li a:hover {
  background: rgba(47, 169, 175, 0.8);
  color: #fff;
}
.user .user_list_section .list_filter .list_filter_right {
  float: right;
  padding: 17px 0 0;
  width: calc(100% - 260px);
  text-align: right;
}
.user .user_list_section .list_cont {
  background: #fff;
}
.user .user_list_section .list_cont .list_cont_type {
  padding: 20px;
}
.user .user_list_section .list_cont .list_cont_type .estate_type {
  display: inline-block;
  padding: 8px;
  margin-right: 5px;
  font-size: 18px;
  font-size: 1.125rem;
  color: #383838;
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  text-decoration: none;
}
.user .user_list_section .list_cont .list_cont_type .estate_type.selected, .user .user_list_section .list_cont .list_cont_type .estate_type:hover {
  color: #2FA9AF;
  border: 1px solid #2FA9AF;
}
.user .user_list_section .list_cont .list_cont_item .noData {
  padding: 50px 0 80px;
  font-size: 16px;
  font-size: 1rem;
  border-top: 1px solid #ddd;
  text-align: center;
}
.user .user_list_section .list_cont .list_cont_item .noData .text {
  margin-bottom: 40px;
}
.user .user_list_section .list_cont .list_cont_item .noData .button a {
  padding: 10px 20px;
  background: #2fa9af;
  border-radius: 4px;
  color: #ffff;
  text-decoration: none;
}
.user .user_list_section .list_cont .list_cont_item .noData .button a:hover {
  background: raba(#2fa9af, 0.8);
}
@media only screen and (max-width: 767px) {
  .user .user_menu_section {
    margin-left: -15px;
    margin-right: -15px;
  }
  .user .user_menu_section ul {
    width: 360px;
  }
  .user .user_menu_section ul li a {
    padding: 15px 0 10px;
    font-size: 16px;
    font-size: 1rem;
  }
  .user .user_list_section {
    margin-left: -15px;
    margin-right: -15px;
  }
  .user .user_list_section .list_filter .list_filter_left {
    float: none;
    width: 100%;
  }
  .user .user_list_section .list_filter .list_filter_left ul li a {
    width: 50%;
    font-size: 16px;
    font-size: 1rem;
    line-height: 40px;
  }
  .user .user_list_section .list_select {
    width: 100%;
    background: #fff;
  }
  .user .user_list_section .list_select .list_select_title {
    border-bottom: 1px solid #DDDDDD;
  }
  .user .user_list_section .list_select .list_select_title span {
    display: inline-block;
    padding: 0 15px;
    text-align: center;
    line-height: 40px;
    color: #4A4A4A;
    font-size: 14px;
  }
  .user .user_list_section .list_select .list_select_title i {
    color: #9B9B9B;
    margin-left: 5px;
  }
  .user .user_list_section .list_select .list_select_cont {
    width: 100%;
    background: #F3F5F4;
  }
  .user .user_list_section .list_select .list_select_cont .select_type_cont, .user .user_list_section .list_select .list_select_cont .select_order_cont {
    padding: 10px;
    display: none;
  }
  .user .user_list_section .list_select .list_select_cont .select_order_cont .order:after {
    content: "";
    width: 10px;
    height: 13px;
    margin-left: 3px;
    display: inline-block;
    vertical-align: top;
    background: url("/img/main/list/filter_icon_current.png") no-repeat center;
    background-size: 100%;
  }
  .user .user_list_section .list_select .list_select_cont .select_order_cont .selected_up:after {
    background: url("/img/main/list/filter_icon_selected.png") no-repeat center;
    background-size: 100%;
  }
  .user .user_list_section .list_select .list_select_cont .select_order_cont .selected_down:after {
    background: url("/img/main/list/filter_icon_selected.png") no-repeat center;
    background-size: 100%;
    transform: rotate(180deg);
  }
  .user .user_list_section .list_select .list_select_cont a {
    display: inline-block;
    padding: 8px;
    margin: 0 8px 8px;
    font-size: 14px;
    color: #383838;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
  }
  .user .user_list_section .list_select .list_select_cont a.selected {
    color: #2FA9AF;
    border: 1px solid #2FA9AF;
  }
  .user .user_list_section .list_cont .list_cont_item {
    padding: 0 15px;
  }
  .user .user_list_section .list_cont .list_cont_item .item {
    padding-bottom: 35px;
  }
  .user .user_list_section .list_cont .list_cont_item .item .dataTime {
    right: auto;
    left: 0;
    bottom: 10px;
  }
  .user .user_list_section .list_cont .list_cont_item .item .price {
    right: 0px;
  }
  .user .user_list_section .list_cont .list_cont_item .item .favorite {
    right: 0px;
    top: 100px;
  }
}

.wardBaike a:hover, .wardBaike a:focus {
  text-decoration: none;
}
.wardBaike .banner {
  height: inherit !important;
}
.wardBaike .ward .banner {
  margin: 0 auto;
  width: 76%;
  height: inherit !important;
}
@media only screen and (max-width: 1419px) {
  .wardBaike .ward .banner {
    width: 1200px;
  }
}
@media only screen and (max-width: 1199px) {
  .wardBaike .ward .banner {
    width: 970px;
  }
}
@media only screen and (max-width: 991px) {
  .wardBaike .ward .banner {
    width: 850px;
  }
  .wardBaike .ward .banner .estate_adv {
    width: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward .banner {
    width: 98%;
  }
}
.wardBaike .ward .banner .m-breadcrumb {
  height: 50px;
  padding-top: 10px;
}
.wardBaike .ward .banner .m-container {
  margin-top: 64px;
}
@media only screen and (max-width: 1199px) {
  .wardBaike .ward .banner .m-container {
    margin-top: 54px;
  }
}
@media only screen and (max-width: 991px) {
  .wardBaike .ward .banner .m-container {
    margin-top: 44px;
  }
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward .banner .m-container {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1450px) {
  .wardBaike .ward .banner .m-container .estate_list {
    width: calc(100% - 400px);
  }
}
.wardBaike .ward .t-banner {
  width: 100%;
  background-position: center center;
  background-size: cover;
  font-size: 30px;
  font-size: 1.875rem;
  height: 320px;
  position: relative;
}
.wardBaike .ward .t-banner .top {
  position: relative;
  height: 100%;
}
.wardBaike .ward .t-banner .top:before, .wardBaike .ward .t-banner .top:after {
  content: " ";
  display: table;
}
.wardBaike .ward .t-banner .top:after {
  clear: both;
}
.wardBaike .ward .t-banner .top .banner-info-wrap {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.wardBaike .ward .t-banner .top .banner-info-wrap:before, .wardBaike .ward .t-banner .top .banner-info-wrap:after {
  content: " ";
  display: table;
}
.wardBaike .ward .t-banner .top .banner-info-wrap:after {
  clear: both;
}
.wardBaike .ward .t-banner .top .banner-info-wrap .wrap-left {
  float: left;
  font-size: 0;
  margin-top: 34px;
}
.wardBaike .ward .t-banner .top .banner-info-wrap .wrap-left .info-title {
  display: inline-block;
  vertical-align: bottom;
  color: #fff;
}
.wardBaike .ward .t-banner .top .banner-info-wrap .wrap-left .info-title h1 {
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 600;
}
.wardBaike .ward .t-banner .top .banner-info-wrap .wrap-left .info-title h1 a {
  color: #fff;
}
.wardBaike .ward .t-banner .top .banner-info-wrap .wrap-left .info-title .title-en {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 2rem;
}
.wardBaike .ward .t-banner .top .banner-info-wrap .wrap-right {
  float: right;
}
.wardBaike .ward .t-banner .top .banner-info-wrap .wrap-right img {
  width: 5.1rem;
  height: 5.1rem;
}
.wardBaike .ward .t-banner .top .banner-info-wrap .wrap-right .title {
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  width: 5.1rem;
  font-size: 12px;
  font-size: 0.75rem;
  text-align: center;
}
.wardBaike .ward .t-banner .top .banner-info-wrap .wrap-right .title p {
  line-height: 17px;
}
.wardBaike .ward .t-banner .top .banner-info-wrap .wrap-right:hover {
  cursor: pointer;
}
.wardBaike .ward .t-banner .banner-bottom {
  position: absolute;
  bottom: 0;
  height: 80px;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.09) 0%, rgba(0, 0, 0, 0.81) 100%);
}
.wardBaike .ward .t-banner .banner-bottom .banner-tab {
  margin-left: 12%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.wardBaike .ward .t-banner .banner-bottom ul:before, .wardBaike .ward .t-banner .banner-bottom ul:after {
  content: " ";
  display: table;
}
.wardBaike .ward .t-banner .banner-bottom ul:after {
  clear: both;
}
.wardBaike .ward .t-banner .banner-bottom ul li {
  position: relative;
  float: left;
  font-size: 18px;
  margin-right: 40px;
  vertical-align: top;
  cursor: pointer;
}
.wardBaike .ward .t-banner .banner-bottom ul li a {
  color: #fff;
  line-height: 38px;
  display: inline-block;
}
.wardBaike .ward .t-banner .banner-bottom ul li a:hover {
  text-decoration: none;
}
.wardBaike .ward .t-banner .banner-bottom ul li:hover::after, .wardBaike .ward .t-banner .banner-bottom ul li.selected::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 3px;
  background: #fff;
  border-radius: 1.5px;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward .t-banner .banner-bottom {
    height: 37px;
  }
  .wardBaike .ward .t-banner .banner-bottom .banner-tab {
    margin-left: 0;
    width: 100%;
  }
  .wardBaike .ward .t-banner .banner-bottom .banner-tab ul {
    padding: 0 10px;
  }
  .wardBaike .ward .t-banner .banner-bottom .banner-tab li {
    font-size: 14px;
    width: calc((100% - 30px)/4);
    margin-right: 10px;
    text-align: center;
  }
  .wardBaike .ward .t-banner .banner-bottom .banner-tab li:nth-child(4) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward .t-banner .t-banner {
    height: 140px;
  }
  .wardBaike .ward .t-banner .t-banner .info-title h1 {
    font-size: 25px;
  }
  .wardBaike .ward .t-banner .t-banner .info-title h1 .title-en {
    font-size: 1rem;
  }
  .wardBaike .ward .t-banner .t-banner .wrap-right img {
    width: 4.5rem;
    height: 4.5rem;
  }
  .wardBaike .ward .t-banner .t-banner .wrap-right .title {
    font-size: 10px;
    width: 4.5rem;
  }
}
.wardBaike .ward_survey {
  background: #f6f6f6;
}
.wardBaike .ward_survey h2 {
  color: #000;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 37px;
  padding: 17px 0;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward_survey h2 {
    font-size: 1.25rem;
    padding: 10px 0;
    line-height: 20px;
  }
}
.wardBaike .ward_survey_content {
  height: 465px;
}
.wardBaike .ward_survey_content:before, .wardBaike .ward_survey_content:after {
  content: " ";
  display: table;
}
.wardBaike .ward_survey_content:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward_survey_content {
    height: auto;
  }
}
.wardBaike .ward_survey_content img {
  float: left;
  width: 260px;
  display: block;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward_survey_content img {
    width: 154px;
  }
}
.wardBaike .ward_survey_content .information {
  padding: 15px 0;
  border-bottom: 1px solid #D8D8D8;
}
.wardBaike .ward_survey_content .information:before, .wardBaike .ward_survey_content .information:after {
  content: " ";
  display: table;
}
.wardBaike .ward_survey_content .information:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward_survey_content .information {
    float: left;
  }
}
.wardBaike .ward_survey_content .information dt, .wardBaike .ward_survey_content .information dd {
  font-size: 0.875rem;
  float: left;
}
.wardBaike .ward_survey_content .information dt {
  width: 80px;
  color: #999;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward_survey_content .information dt {
    font-weight: 600;
    padding-bottom: 10px;
  }
}
.wardBaike .ward_survey_content .information dd {
  width: calc(100% - 100px);
  line-height: 20px;
}
.wardBaike .ward_survey_content .information dd span {
  color: #111;
  font-size: 14px;
  line-height: 23px;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  max-height: 96px;
}
@media only screen and (max-width: 1199px) {
  .wardBaike .ward_survey_content .information dd span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 69px;
  }
}
.wardBaike .ward_survey_content .information dd a {
  color: #1682E1;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward_survey_content .information dd, .wardBaike .ward_survey_content .information dt {
    width: 100%;
  }
}
.wardBaike .ward_survey_detail {
  float: left;
  height: 100%;
  width: calc((100% - 260px - 10px)/2);
  box-shadow: 2px 3px 15px 3px rgba(200, 200, 200, 0.5);
  border-radius: 6px;
  padding: 20px;
  padding-top: 10px;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward_survey_detail {
    width: calc(100% - 158px);
    box-shadow: none;
    border-radius: 0;
    height: auto;
  }
}
.wardBaike .ward_survey_detail .chartBox {
  z-index: 0;
  position: relative;
}
.wardBaike .ward_survey_detail .chartBox .period {
  top: -27px !important;
  left: 11px !important;
}
.wardBaike .ward_survey_detail .chartBox .period .chart-title {
  display: inline-block;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  padding-right: 11px;
  border: none;
}
.wardBaike .ward_survey_detail .chartBox .chartBoxPeriod {
  position: absolute;
  top: 5px;
  left: 80px;
}
.wardBaike .ward_survey_detail .chartBox .chartBoxPeriod ol {
  display: inline-block;
}
.wardBaike .ward_survey_detail .chartBox .chartBoxPeriod ol li {
  position: relative;
  display: inline-block;
  padding: 3px 12px;
  font-size: 13px;
  cursor: pointer;
}
.wardBaike .ward_survey_detail .chartBox .chartBoxPeriod ol li::before {
  content: " ";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  border: #2fa9af 1px solid;
  position: absolute;
  left: -2px;
}
.wardBaike .ward_survey_detail .chartBox .chartBoxPeriod ol li.is-active {
  position: relative;
}
.wardBaike .ward_survey_detail .chartBox .chartBoxPeriod ol li.is-active::before {
  content: " ";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background-color: #2fa9af;
  position: absolute;
  left: -2px;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward_survey_detail .chartBox {
    left: 0;
  }
  .wardBaike .ward_survey_detail .chartBox ol li {
    padding: 3px 6px 3px 12px;
  }
}
.wardBaike .ward_survey_detail h3 {
  color: #111;
  font-size: 1.25rem;
  font-weight: 600;
  padding: 20px 0px;
  border-bottom: 1px solid #D8D8D8;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward_survey_detail h3 {
    font-size: 18px;
    padding: 10px 0px;
  }
}
.wardBaike .ward_survey_detail h3 span {
  color: #999999;
  font-size: 1rem;
}
.wardBaike .ward_survey_detail ul {
  border-bottom: 1px solid #D8D8D8;
  padding: 10px 0;
}
.wardBaike .ward_survey_detail ul:before, .wardBaike .ward_survey_detail ul:after {
  content: " ";
  display: table;
}
.wardBaike .ward_survey_detail ul:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward_survey_detail ul {
    border-bottom: none;
  }
}
.wardBaike .ward_survey_detail ul li {
  float: left;
  width: 50%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.6rem;
}
.wardBaike .ward_survey_detail ul li:before, .wardBaike .ward_survey_detail ul li:after {
  content: " ";
  display: table;
}
.wardBaike .ward_survey_detail ul li:after {
  clear: both;
}
.wardBaike .ward_survey_detail ul li .label {
  float: left;
  width: 80px;
  padding: 0px;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  vertical-align: top;
  line-height: 1.6rem;
  display: inline-block;
  color: #999;
  text-align: left;
}
.wardBaike .ward_survey_detail ul li .main {
  font-size: 14px;
  font-size: 0.875rem;
  float: left;
  width: calc(100% - 100px);
  display: inline-block;
  vertical-align: top;
  line-height: 1.6rem;
  color: #111;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward_survey_detail ul li .main {
    width: 100%;
  }
}
.wardBaike .ward_survey .chart {
  width: calc(100% - 425px);
}
@media only screen and (max-width: 1199px) {
  .wardBaike .ward_survey .chart {
    width: 54%;
  }
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward_survey .chart {
    width: 100%;
  }
}
.wardBaike .ward_survey .chart .chart-box {
  padding-top: 27px;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward_survey .chart .chart-box {
    padding-top: 10px;
  }
}
.wardBaike .ward_survey .chart .chart-box svg {
  height: 350px;
}
.wardBaike .ward_survey .new-data {
  float: right;
  width: 415px;
}
@media only screen and (max-width: 1199px) {
  .wardBaike .ward_survey .new-data {
    width: calc(46% - 10px);
  }
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward_survey .new-data {
    width: 100%;
    height: auto;
  }
}
.wardBaike .ward_survey .new-data .dataInfo {
  padding: 0 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.wardBaike .ward_survey .new-data .dataInfo dl {
  width: 50%;
}
.wardBaike .ward_survey .new-data .dataInfo dl dt {
  font-size: 16px;
  font-size: 1rem;
  color: #111;
  font-weight: 600;
  margin-top: 8px;
}
.wardBaike .ward_survey .new-data .dataInfo dl .num {
  color: #F9625C;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  margin-top: 8px;
  line-height: 27px;
  margin-bottom: 10px;
}
.wardBaike .ward_survey .new-data .dataInfo dl .unit {
  font-size: 14px;
  font-size: 0.875rem;
  color: #111;
}
.wardBaike .ward_survey .new-data .dataInfo dl:nth-child(even) {
  padding-left: 20px;
}
.wardBaike .ward_survey .chart, .wardBaike .ward_survey .new-data {
  background: #fff;
}
.wardBaike .ward_survey .chart .s-title, .wardBaike .ward_survey .new-data .s-title {
  padding: 20px 0;
  border-bottom: 1px solid #D8D8D8;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward_survey .chart .s-title, .wardBaike .ward_survey .new-data .s-title {
    padding: 10px 0;
  }
}
.wardBaike .ward_survey .chart .s-title h3, .wardBaike .ward_survey .new-data .s-title h3 {
  border-bottom: 0;
  border-left: 3px solid #2FA9AF;
  padding: 0;
  padding-left: 3px;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward_survey .city-desc {
    padding-top: 0;
  }
  .wardBaike .ward_survey .city-desc h3 {
    padding-top: 0;
  }
}
.wardBaike .ward_survey_panel {
  float: right;
  width: calc((100% - 260px - 10px)/2);
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward_survey_panel {
    width: 100%;
  }
}
.wardBaike .ward_survey_panel h3 {
  text-align: center;
}
.wardBaike .ward_survey_chart {
  margin-top: 20px;
  height: 200px;
  border-bottom: 1px solid #D8D8D8;
}
.wardBaike .ward_survey_chart svg {
  height: 200px;
}
.wardBaike .ward_survey_region .row {
  margin: 0;
  width: 100%;
  padding: 10px 0;
  padding-bottom: 0;
}
.wardBaike .ward_survey_region .row .col-4 {
  margin-bottom: 15px;
  padding: 0;
}
.wardBaike .ward_survey_region .row .col-4 .item {
  display: block;
  cursor: pointer;
  width: 100px;
  background: #EFEFEF;
  border-radius: 4px;
  height: 38px;
  text-align: center;
  color: #111;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 38px;
  margin: 0 auto;
  transition: all 0.2s linear;
}
.wardBaike .ward_survey_region .row .col-4 .item:hover {
  background: #2FA9AF;
  color: #fff;
}
.wardBaike .ward_survey_region .row .col-4 .item.selected {
  background: #2FA9AF;
  color: #fff;
}
.wardBaike .ward .estate {
  padding-top: 20px;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward .estate {
    margin-top: 10px;
    padding-top: 0px;
  }
}
.wardBaike .ward .estate_title {
  margin-top: 60px;
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom: solid 1px #D8D8D8;
  padding-bottom: 10px;
}
.wardBaike .ward .estate_title:before, .wardBaike .ward .estate_title:after {
  content: " ";
  display: table;
}
.wardBaike .ward .estate_title:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward .estate_title {
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
.wardBaike .ward .estate_title h3 {
  float: left;
  font-size: 28px;
  font-size: 1.75rem;
  color: #000000;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward .estate_title h3 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.wardBaike .ward .estate_title .more {
  cursor: pointer;
  float: right;
}
.wardBaike .ward .estate_title .more a {
  font-size: 16px;
  font-size: 1rem;
  color: #2FA9AF;
}
.wardBaike .ward .estate_title .more:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward .estate_title .more a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.wardBaike .ward .estate .homeEstateCont .estateTabWrapper:before, .wardBaike .ward .estate .homeEstateCont .estateTabWrapper:after {
  content: " ";
  display: table;
}
.wardBaike .ward .estate .homeEstateCont .estateTabWrapper:after {
  clear: both;
}
.wardBaike .ward .estate ul {
  margin: 0 -10px;
}
.wardBaike .ward .estate ul:before, .wardBaike .ward .estate ul:after {
  content: " ";
  display: table;
}
.wardBaike .ward .estate ul:after {
  clear: both;
}
.wardBaike .ward .estate ul li {
  width: calc((100% - 80px)/4);
  float: left;
  margin: 0px 10px;
  cursor: pointer;
}
.wardBaike .ward .estate ul li:nth-child(4n) {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward .estate ul li {
    width: calc((100% - 20px)/2);
    margin: 0 5px 10px;
  }
}
.wardBaike .ward .estate ul .news {
  height: auto;
  position: relative;
  border-radius: 4px;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward .estate ul .news {
    width: calc((100% - 20px)/2);
    margin: 0 5px 10px;
  }
}
.wardBaike .ward .estate ul .news a {
  display: inline-block;
  width: 100%;
}
.wardBaike .ward .estate ul .news img {
  width: 100%;
  max-height: 145px;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward .estate ul .news img {
    width: 100%;
  }
}
.wardBaike .ward .estate ul .news .title {
  transition: all 0.3s linear;
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward .estate ul .news .title {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.wardBaike .ward .estate ul .news:hover .title {
  font-size: 26px;
  font-size: 1.625rem;
}
.wardBaike .ward .estate ul .news:last-child {
  margin-right: 0;
}
.wardBaike .ward .estate ol {
  width: 100%;
}
.wardBaike .ward .estate ol:before, .wardBaike .ward .estate ol:after {
  content: " ";
  display: table;
}
.wardBaike .ward .estate ol:after {
  clear: both;
}
.wardBaike .ward .estate ol li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 50%;
  float: left;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 30px;
  margin-bottom: 10px;
  cursor: pointer;
}
.wardBaike .ward .estate ol li a {
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward .estate ol li {
    width: 100%;
    font-size: 16px;
    font-size: 1rem;
    padding: 0 4px;
  }
}
.wardBaike .ward .estate ol li:hover a {
  color: #27A9AE;
}
.wardBaike .ward .estate ol li .spot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2FA9AF;
  display: inline-block;
  margin-right: 8px;
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward .estate ol li .spot {
    margin-right: 0px;
  }
}
.wardBaike .ward .baike-content {
  background: #F6F6F6;
  padding-top: 70px;
}
@media only screen and (max-width: 991px) {
  .wardBaike .ward .baike-content {
    padding-top: 30px;
  }
  .wardBaike .ward .baike-content .banner {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward .baike-content {
    padding-top: 30px;
    width: 100%;
  }
  .wardBaike .ward .baike-content .banner {
    width: 98%;
  }
}
.wardBaike .ward .baike-content .city-baike:before, .wardBaike .ward .baike-content .city-baike:after {
  content: " ";
  display: table;
}
.wardBaike .ward .baike-content .city-baike:after {
  clear: both;
}
.wardBaike .ward .baike-content .city-baike .content-list {
  background: #ffffff;
  float: left;
  width: 185px;
  border-radius: 4px;
  box-shadow: 1px 2px 10px 2px rgba(200, 200, 200, 0.5);
  margin-right: 13px;
}
.wardBaike .ward .baike-content .city-baike .content-list li {
  height: 60px;
  font-weight: 600;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
}
.wardBaike .ward .baike-content .city-baike .content-list li a {
  color: #999999;
  font-size: 18px;
  font-size: 1.125rem;
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wardBaike .ward .baike-content .city-baike .content-list li:hover {
  background: #f9f9f9;
}
.wardBaike .ward .baike-content .city-baike .content-list li.selected {
  background: rgba(47, 169, 175, 0.09);
  position: relative;
}
.wardBaike .ward .baike-content .city-baike .content-list li.selected a {
  color: #2FA9AF;
  text-decoration: none;
}
.wardBaike .ward .baike-content .city-baike .content-list li.selected::before {
  content: "";
  width: 3px;
  height: 60px;
  background: #2FA9AF;
  position: absolute;
  left: 0;
}
@media only screen and (max-width: 991px) {
  .wardBaike .ward .baike-content .city-baike .content-list li {
    height: 45px;
    line-height: 45px;
  }
  .wardBaike .ward .baike-content .city-baike .content-list li.selected::before {
    height: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward .baike-content .city-baike .content-list {
    width: 100%;
    float: none;
    display: flex;
    margin-bottom: 10px;
  }
  .wardBaike .ward .baike-content .city-baike .content-list li {
    width: 20%;
    height: 38px;
    line-height: 38px;
  }
  .wardBaike .ward .baike-content .city-baike .content-list li a {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .wardBaike .ward .baike-content .city-baike .content-list li.selected a {
    color: #2FA9AF;
  }
  .wardBaike .ward .baike-content .city-baike .content-list li.selected::before {
    height: 3px;
    width: 100%;
    bottom: 0;
  }
}
.wardBaike .ward .baike-content .baike-detail {
  background: #fff;
  margin-bottom: 40px;
  float: left;
  box-shadow: 1px 2px 10px 2px rgba(200, 200, 200, 0.5);
  border-radius: 4px;
  width: calc(100% - 198px);
  height: auto;
  padding: 20px;
  padding-top: 10px;
}
@media only screen and (max-width: 991px) {
  .wardBaike .ward .baike-content .baike-detail {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward .baike-content .baike-detail {
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }
}
.wardBaike .ward .baike-content .baike-detail .title {
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 10px;
}
.wardBaike .ward .baike-content .baike-detail .title:before, .wardBaike .ward .baike-content .baike-detail .title:after {
  content: " ";
  display: table;
}
.wardBaike .ward .baike-content .baike-detail .title:after {
  clear: both;
}
.wardBaike .ward .baike-content .baike-detail .title img {
  float: left;
  width: 28px;
  display: inline-block;
  margin-right: 10px;
}
.wardBaike .ward .baike-content .baike-detail .title h3 {
  float: left;
  color: #111;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 20px;
  margin-top: 4px;
}
.wardBaike .ward .baike-content .baike-detail .info {
  padding-top: 35px;
  text-align: center;
  min-height: 293px;
}
.wardBaike .ward .baike-content .baike-detail .info h3 {
  color: #111;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
}
.wardBaike .ward .baike-content .baike-detail .info img {
  width: 400px;
}
.wardBaike .ward .baike-content .baike-detail .info .article-content p {
  color: #111;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 20px;
  text-align: left;
  line-height: 25px;
  white-space: pre-line;
  word-wrap: break-word;
  word-break: break-all;
}
.wardBaike .ward .tabCont:before, .wardBaike .ward .tabCont:after {
  content: " ";
  display: table;
}
.wardBaike .ward .tabCont:after {
  clear: both;
}
.wardBaike .ward .tabCont .tab {
  display: none;
}
.wardBaike .ward .tabCont .tab.active-tab {
  display: block;
  padding-top: 25px;
  padding-bottom: 3px;
}
.wardBaike .ward .tabCont .tab.fj-tab {
  padding-top: 0;
}
.wardBaike .ward .tabCont .tab.fj-tab:before, .wardBaike .ward .tabCont .tab.fj-tab:after {
  content: " ";
  display: table;
}
.wardBaike .ward .tabCont .tab.fj-tab:after {
  clear: both;
}
.wardBaike .ward .tabCont .tab .articleItem {
  display: block;
  background-color: #fff;
  padding: 15px 10px 17px 10px;
  height: 133px;
  width: 50%;
  float: left;
  color: #373737;
}
.wardBaike .ward .tabCont .tab .articleItem:before, .wardBaike .ward .tabCont .tab .articleItem:after {
  content: " ";
  display: table;
}
.wardBaike .ward .tabCont .tab .articleItem:after {
  clear: both;
}
.wardBaike .ward .tabCont .tab .articleItem:hover .contentMainDesc {
  color: #2fa9af;
}
.wardBaike .ward .tabCont .tab .articleItem .contentImg {
  float: left;
  width: 160px;
  height: 100px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.wardBaike .ward .tabCont .tab .articleItem .contentMain {
  float: left;
  height: 100px;
  width: 100%;
}
.wardBaike .ward .tabCont .tab .articleItem .contentMain.withImg {
  width: calc(100% - 160px);
  padding-left: 16px;
}
.wardBaike .ward .tabCont .tab .articleItem .contentMain.withImg .contentMainTitle {
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  height: 20px;
  margin-bottom: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wardBaike .ward .tabCont .tab .articleItem .contentMain.withImg .contentMainTitle .new-update {
  color: #eb432e;
  margin-right: 8px;
}
.wardBaike .ward .tabCont .tab .articleItem .contentMain.withImg .contentMainSub {
  font-size: 14px;
  color: #838383;
  margin-top: 7px;
}
.wardBaike .ward .tabCont .tab .articleItem .contentMain.withImg .contentMainSub .date {
  margin-right: 10px;
}
.wardBaike .ward .tabCont .tab .articleItem .contentMain.withImg .contentMainSub .span-tag {
  padding: 3px 10px;
  border-radius: 2px;
  display: inline-block;
  color: #0495f7;
}
.wardBaike .ward .tabCont .tab .articleItem .contentMain.withImg .contentMainSub .span-tag:hover {
  color: rgba(4, 149, 247, 0.5);
}
.wardBaike .ward .tabCont .tab .articleItem .contentMain.withImg .contentMainSub .span-tag-disable {
  color: #6a7175;
  display: inline-block;
  padding: 3px 5px;
}
.wardBaike .ward .tabCont .tab .articleItem .contentMain.withImg .contentMainDesc {
  height: 50px;
  overflow: hidden;
  font-size: 16px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media only screen and (max-width: 991px) {
  .wardBaike .ward .tabCont .tab .articleItem .contentMain .contentMainSub .span-tag {
    padding: 3px 2px;
  }
}
@media only screen and (max-width: 767px) {
  .wardBaike .ward .tabCont .tab .articleItem {
    width: 100%;
    height: 94px;
    padding: 12px 8px;
  }
  .wardBaike .ward .tabCont .tab .articleItem .contentImg {
    width: 90px;
    height: 70px;
  }
  .wardBaike .ward .tabCont .tab .articleItem .contentMain {
    height: 70px !important;
  }
  .wardBaike .ward .tabCont .tab .articleItem .contentMain.withImg {
    width: calc(100% - 90px);
    padding-left: 9px;
  }
  .wardBaike .ward .tabCont .tab .articleItem .contentMain .contentMainTitle {
    font-size: 16px;
    line-height: 24px;
    height: 45px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .wardBaike .ward .tabCont .tab .articleItem .contentMain .contentMainSub .date {
    margin-right: 0px;
  }
  .wardBaike .ward .tabCont .tab .articleItem .contentMain .contentMainDesc {
    height: auto !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: inherit !important;
  }
}
.wardBaike .baike-detail .tabCont .list_pagination {
  margin-bottom: 0;
  float: inline-start;
}
.wardBaike .baike-detail .tabCont .tab:before, .wardBaike .baike-detail .tabCont .tab:after {
  content: " ";
  display: table;
}
.wardBaike .baike-detail .tabCont .tab:after {
  clear: both;
}
.wardBaike .baike-detail .tabCont .tab .articleItem {
  width: 100%;
  border-bottom: 1px solid #D8D8D8;
}

.house-introduce .house-introduce-content .banner {
  height: 280px;
  background-image: url(/img/main/static/houseIntroduce/banner_pc.jpg);
  color: #ffffff;
  text-align: center;
}
.house-introduce .house-introduce-content .adviser-box {
  padding: 42px 0 60px 0;
  color: #373737;
  text-align: center;
}
.house-introduce .house-introduce-content .adviser-box .adviser-box-introduce {
  max-width: 580px;
  margin: 10px auto 35px auto;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}
.house-introduce .house-introduce-content .adviser-box .adviser-item {
  display: inline-block;
  width: 177px;
  height: 270px;
  padding: 0 5px 0 9px;
  margin-right: 22px;
  border: 1px solid #2FA9AF;
  border-radius: 4px;
}
.house-introduce .house-introduce-content .adviser-box .adviser-item:last-child {
  margin-right: 0;
}
.house-introduce .house-introduce-content .adviser-box .adviser-item .adviser-pic img {
  width: 130px;
  height: 130px;
  margin: 5px auto 0 auto;
  border-radius: 100%;
}
.house-introduce .house-introduce-content .adviser-box .adviser-item .adviser-name {
  margin: 10px 0 15px 0;
  font-size: 20px;
  font-weight: 600;
  color: #383838;
}
.house-introduce .house-introduce-content .adviser-box .adviser-item .adviser-introduce {
  font-size: 16px;
  color: #828282;
  line-height: 22px;
}
.house-introduce .house-introduce-content .downs-box {
  height: 341px;
  background-image: url(/img/main/static/houseIntroduce/down_bg_pc.jpg);
}
.house-introduce .house-introduce-content .downs-box .downs-box-content {
  max-width: 790px;
  margin: 0 auto;
}
.house-introduce .house-introduce-content .downs-box .downs-box-left {
  display: inline-block;
  padding-top: 25px;
}
.house-introduce .house-introduce-content .downs-box .downs-box-left img {
  width: 153px;
  margin-right: 40px;
}
.house-introduce .house-introduce-content .downs-box .downs-box-right {
  display: inline-block;
  max-width: 378px;
  padding-top: 25px;
  margin-left: 15px;
  text-align: center;
  color: #ffffff;
}
.house-introduce .house-introduce-content .downs-box .downs-box-right .down-title {
  width: 348px;
  height: 47px;
  margin: 0 auto;
  background: rgba(17, 111, 110, 0.5);
  border-radius: 24px;
  line-height: 47px;
  font-size: 24px;
  font-weight: 600;
  text-shadow: 0px 1px 3px #116F6E;
}
.house-introduce .house-introduce-content .downs-box .downs-box-right .down-text {
  height: 75px;
  margin: 15px 0 20px 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}
.house-introduce .house-introduce-content .downs-box .downs-box-right img {
  width: 93px;
  height: 93px;
}
.house-introduce .house-introduce-content .downs-box .downs-box-right .down-qr-text {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 600;
}
.house-introduce .house-introduce-content .successful-box {
  padding: 55px 0 60px 0;
  text-align: center;
}
.house-introduce .house-introduce-content .successful-box .successful-item {
  display: inline-block;
  margin: 40px 22px 0 0;
}
.house-introduce .house-introduce-content .successful-box .successful-item:last-child {
  margin-right: 0;
}
.house-introduce .house-introduce-content .successful-box .successful-item img {
  width: 226px;
  height: 154px;
}
.house-introduce .house-introduce-content .successful-box .successful-item .successful-item-name {
  font-size: 18px;
  font-weight: 600;
  color: #2FA9AF;
  margin: 15px 0 3px 0;
}
.house-introduce .house-introduce-content .successful-box .successful-item .successful-item-price {
  width: 170px;
  height: 30px;
  margin: 0 auto 10px auto;
  background: #2FA9AF;
  border-radius: 10px;
  line-height: 30px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
}
.house-introduce .house-introduce-content .successful-box .successful-item .successful-item-text {
  max-width: 219px;
  height: 40px;
  font-size: 14px;
  color: #383838;
  line-height: 20px;
}
.house-introduce .house-introduce-content .recommend-box {
  margin-bottom: 70px;
  text-align: center;
}
.house-introduce .house-introduce-content .recommend-box .recommend-item {
  display: inline-block;
  margin: 40px 20px 0 0;
}
.house-introduce .house-introduce-content .recommend-box .recommend-item:last-child {
  margin-right: 0;
}
.house-introduce .house-introduce-content .recommend-box .recommend-item img {
  display: block;
  width: 227px;
  height: 138px;
  margin-bottom: 16px;
}
.house-introduce .house-introduce-content .recommend-box .recommend-item .city-name {
  font-size: 16px;
  color: #383838;
  text-align: center;
}
.house-introduce .house-introduce-content .house-container {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.house-introduce .house-introduce-content .house-title {
  font-size: 32px;
  font-weight: 600;
}
.house-introduce .footer-form-free-charge {
  background: #435B91;
}
.house-introduce .footer-form-free-charge .formItem input {
  font-size: 14px;
}
.house-introduce .footer-form-free-charge .formItem input::-webkit-input-placeholder {
  color: #ffffff;
}

.logcabin .l-all {
  overflow: hidden;
  background: transparent;
}
.logcabin .topBanner {
  position: relative;
  width: 100%;
  height: 550px;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .logcabin .topBanner {
    height: 380px;
  }
}
@media only screen and (max-width: 767px) {
  .logcabin .topBanner {
    height: 210px;
  }
}
.logcabin .topBanner .image-section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.logcabin .topBanner .image-section img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.logcabin .topBanner .main-section {
  position: relative;
  height: 100%;
}
.logcabin .topBanner .main-section .logo {
  position: absolute;
  top: 30px;
  right: 0;
}
.logcabin .topBanner .main-section .logo img {
  height: 93px;
}
@media only screen and (max-width: 1199px) {
  .logcabin .topBanner .main-section .logo img {
    height: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .logcabin .topBanner .main-section .logo {
    top: 10px;
    right: 20px;
  }
  .logcabin .topBanner .main-section .logo img {
    height: 60px;
  }
}
.logcabin .topBanner .main-section .slogon {
  margin-top: 100px;
  text-align: center;
}
.logcabin .topBanner .main-section .slogon img {
  height: 380px;
}
@media only screen and (max-width: 1199px) {
  .logcabin .topBanner .main-section .slogon {
    margin-top: 50px;
  }
  .logcabin .topBanner .main-section .slogon img {
    height: 300px;
  }
}
@media only screen and (max-width: 767px) {
  .logcabin .topBanner .main-section .slogon img {
    height: 120px;
  }
}
.logcabin .company {
  padding-top: 105px;
  padding-bottom: 279px;
  background-image: url(/img/main/themeSp/logcabin/part_01.png);
  background-position: bottom 36px right;
  background-size: 95% 50%;
  background-repeat: no-repeat;
}
.logcabin .company .container .company-map {
  float: right;
  width: calc(100% - 437px - 21px);
  max-width: 622px;
  height: auto;
}
.logcabin .company .container .company-info {
  float: left;
  width: 437px;
  margin-right: 21px;
  text-align: left;
}
.logcabin .company .container .company-info .waveline {
  display: block;
  width: 201px;
  height: auto;
}
.logcabin .company .container .company-info .company-info-title {
  font-size: 30px;
  font-weight: bold;
  color: #50985F;
  line-height: 72px;
  letter-spacing: 4px;
}
.logcabin .company .container .company-info ul li {
  padding-left: 15px;
  width: 100%;
  white-space: nowrap;
  background-image: url(/img/main/themeSp/logcabin/tag.png);
  background-position: top 14px left;
  background-size: 10px 10px;
  background-repeat: no-repeat;
}
.logcabin .company .container .company-info ul li span {
  display: inline-block;
  line-height: 38px;
  color: #000;
}
.logcabin .company .container .company-info ul li .title-type {
  font-size: 20px;
  font-weight: bold;
}
.logcabin .company .container .company-info ul li .title-details {
  font-size: 18px;
  letter-spacing: 1px;
}
.logcabin .company .container .company-info ul li .title-golden {
  font-size: 20px;
  font-weight: bold;
  color: #C09044;
  letter-spacing: 1px;
}
.logcabin .company .container .company-info ul li.cause:before, .logcabin .company .container .company-info ul li.cause:after {
  content: " ";
  display: table;
}
.logcabin .company .container .company-info ul li.cause:after {
  clear: both;
}
.logcabin .company .container .company-info ul li.cause .title-type {
  float: left;
}
.logcabin .company .container .company-info ul li.cause ul {
  float: left;
}
.logcabin .company .container .company-info ul li.cause ul li {
  background-image: url(/img/main/themeSp/logcabin/red_round.png);
}
.logcabin .company .container .company-info ul li.sales:before, .logcabin .company .container .company-info ul li.sales:after {
  content: " ";
  display: table;
}
.logcabin .company .container .company-info ul li.sales:after {
  clear: both;
}
.logcabin .company .container .company-info ul li.sales .title-type {
  float: left;
}
.logcabin .company .container .company-info ul li.sales ul {
  float: left;
}
.logcabin .company .container .company-info ul li.sales ul li {
  padding-left: 0;
  background-image: none;
}
.logcabin .project {
  position: relative;
  padding-bottom: 148px;
  width: 100%;
  text-align: center;
  background-image: url(/img/main/themeSp/logcabin/flower.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 168px 354px;
}
.logcabin .project:before, .logcabin .project:after {
  content: " ";
  display: table;
}
.logcabin .project:after {
  clear: both;
}
.logcabin .project .green-bg {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 588px;
  background: #F2F7E9;
}
.logcabin .project .title-mian {
  margin: 70px auto 0;
  width: 153px;
  height: auto;
}
.logcabin .project .title-sub {
  font-size: 30px;
  font-weight: bold;
  color: #313131;
  line-height: 42px;
  letter-spacing: 4px;
}
.logcabin .project .title-sub .line {
  margin-bottom: 11px;
  display: inline-block;
  width: 47px;
  height: 3px;
  background-color: #926445;
  border-radius: 3px;
}
.logcabin .project .project-text {
  margin-top: 17px;
}
.logcabin .project .project-text span {
  display: inline-block;
  height: 34px;
  font-size: 20px;
  color: #626262;
  line-height: 34px;
  letter-spacing: 1px;
}
.logcabin .project .project-text span:first-child {
  margin-right: 10px;
}
.logcabin .project .project-card {
  margin: 48px auto 0;
}
.logcabin .project .project-card:before, .logcabin .project .project-card:after {
  content: " ";
  display: table;
}
.logcabin .project .project-card:after {
  clear: both;
}
.logcabin .project .project-card dl {
  float: left;
  position: relative;
  top: 18px;
  margin-right: 21px;
  width: 346px;
  height: 612px;
  transition-duration: 0.3s;
}
.logcabin .project .project-card dl .card-title {
  height: 28px;
  font-size: 20px;
  line-height: 28px;
}
.logcabin .project .project-card dl .card-content {
  text-align: left;
  font-size: 14px;
  line-height: 30px;
}
.logcabin .project .project-card dl:last-child {
  margin-right: 0;
}
.logcabin .project .project-card dl:hover {
  top: 0;
  box-shadow: 1px 17px 27px 0px rgba(196, 196, 196, 0.5);
}
.logcabin .project .project-card dl:hover dt .card-info {
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .logcabin .project .project-card dl {
    float: none;
    margin: 0 auto 40px;
  }
  .logcabin .project .project-card dl:last-child {
    margin: 0 auto 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .logcabin .project .project-card dl {
    float: none;
    margin: 0 auto 40px;
  }
  .logcabin .project .project-card dl:last-child {
    margin: 0 auto 40px;
  }
}
.logcabin .project .project-card dl dt {
  width: 100%;
  height: 315px;
  color: #FFFFFF;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.logcabin .project .project-card dl dt .card-tip {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  width: 106px;
  height: 48px;
  font-size: 22px;
  font-weight: bold;
  line-height: 48px;
  background: #DD809B;
}
.logcabin .project .project-card dl dt .card-info {
  display: none;
  box-sizing: border-box;
  padding: 47px 25px 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.83);
}
.logcabin .project .project-card dl dt.card1 {
  background-image: url(/img/main/themeSp/logcabin/bayue_bg.jpg);
}
.logcabin .project .project-card dl dt.card2 {
  background-image: url(/img/main/themeSp/logcabin/liaoke_bg.jpg);
}
.logcabin .project .project-card dl dt.card3 {
  background-image: url(/img/main/themeSp/logcabin/antanye_bg.jpg);
}
.logcabin .project .project-card dl dd {
  margin-left: 0;
  padding: 18px 20px 0;
  height: 297px;
  background: #F8F8F8;
}
.logcabin .project .project-card dl dd .sm-info {
  display: none;
}
.logcabin .project .project-card dl dd .card-title {
  color: #313131;
}
.logcabin .project .project-card dl dd .card-content {
  color: #424242;
}
.logcabin .facilities {
  background-color: #F8F8F8;
}
.logcabin .facilities:before, .logcabin .facilities:after {
  content: " ";
  display: table;
}
.logcabin .facilities:after {
  clear: both;
}
.logcabin .facilities .facilities-en {
  display: block;
  margin: 48px auto 0;
  width: 383px;
  height: auto;
}
.logcabin .facilities .facilities-ch {
  margin-top: 4px;
  text-align: center;
}
.logcabin .facilities .facilities-ch .facilities-text {
  height: 42px;
  font-size: 30px;
  font-weight: bold;
  color: #50985F;
  line-height: 42px;
  letter-spacing: 4px;
}
.logcabin .facilities .facilities-ch .facilities-line {
  display: inline-block;
  margin: 9px 28px;
  width: 32px;
  height: 6px;
  background: #926445;
  border-radius: 3px;
}
.logcabin .facilities .home_banner {
  position: relative;
  margin: 68px auto 126px;
  width: 100%;
  max-width: 1080px;
}
.logcabin .facilities .home_banner .facilities-swiper {
  overflow: hidden;
  height: 518px;
}
.logcabin .facilities .home_banner .facilities-swiper .slider_img {
  float: left;
}
.logcabin .facilities .home_banner .facilities-swiper .slider_img a {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
}
.logcabin .facilities .home_banner .swiper-pagination1 {
  bottom: -42px;
  text-align: center;
}
.logcabin .facilities .home_banner .swiper-pagination1 .swiper-pagination-switch.swiper-active-switch {
  background-color: #5BA751;
  border: 1px solid #5BA751;
}
.logcabin .facilities .home_banner .banner_btn {
  position: absolute;
  width: 50px;
  height: 50px;
}
.logcabin .facilities .home_banner .prevBtn {
  top: calc(50% - 25px);
  left: 0;
  background-image: url(/img/main/themeSp/logcabin/left.png);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.logcabin .facilities .home_banner .prevBtn:hover {
  background-image: url(/img/main/themeSp/logcabin/select_left.png);
}
.logcabin .facilities .home_banner .nextBtn {
  top: calc(50% - 25px);
  right: 0;
  background-image: url(/img/main/themeSp/logcabin/right.png);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.logcabin .facilities .home_banner .nextBtn:hover {
  background-image: url(/img/main/themeSp/logcabin/select_right.png);
}
.logcabin .advantage-lg {
  position: relative;
  padding-top: 189px;
  padding-bottom: 200px;
  background-image: url(/img/main/themeSp/logcabin/bg.png);
  background-position: left center;
  background-size: 812px 688px;
  background-repeat: no-repeat;
}
.logcabin .advantage-lg:before, .logcabin .advantage-lg:after {
  content: " ";
  display: table;
}
.logcabin .advantage-lg:after {
  clear: both;
}
.logcabin .advantage-lg .advantage {
  margin: 0 auto;
  width: 1080px;
}
.logcabin .advantage-lg .advantage:before, .logcabin .advantage-lg .advantage:after {
  content: " ";
  display: table;
}
.logcabin .advantage-lg .advantage:after {
  clear: both;
}
.logcabin .advantage-lg .advantage .advantage-cell {
  float: left;
  width: calc((100% - 36px)/ 2);
  height: 580px;
  margin-bottom: 36px;
  color: #fff;
  text-align: center;
}
.logcabin .advantage-lg .advantage .advantage-cell:nth-of-type(odd) {
  margin-right: 36px;
}
.logcabin .advantage-lg .advantage .advantage-cell .text-title {
  margin-bottom: 15px;
  height: 26px;
  font-size: 22px;
  font-weight: bold;
  line-height: 26px;
}
.logcabin .advantage-lg .advantage .advantage-cell .text-content {
  font-size: 16px;
  line-height: 26px;
}
.logcabin .advantage-lg .advantage .advantage-cell .waveline {
  width: 200px;
  height: 28px;
  background-image: url(/img/main/themeSp/logcabin/wave_04.png);
  background-size: 100% 100%;
}
.logcabin .advantage-lg .advantage .advantage-cell .advantage-title {
  margin: 15px 0;
  height: 42px;
  font-size: 30px;
  font-weight: bold;
  text-align: left;
  color: #50985F;
  line-height: 42px;
  letter-spacing: 4px;
}
.logcabin .advantage-lg .advantage .advantage-cell .advantage-title img {
  height: 21px;
}
.logcabin .advantage-lg .advantage .advantage-cell p {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #454545;
  text-align: left;
  line-height: 26px;
}
.logcabin .advantage-lg .advantage .advantage-cell p:last-of-type {
  font-size: 18px;
  font-weight: 400;
  color: #636363;
  line-height: 26px;
}
.logcabin .advantage-lg .advantage .advantage-cell .cell-text {
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  padding: 22px 48px 37px;
  background: rgba(0, 0, 0, 0.68);
}
.logcabin .advantage-lg .advantage .advantage-cell .cell-text p {
  color: #fff;
}
.logcabin .advantage-lg .advantage .advantage-cell .advantage1 {
  float: right;
  position: relative;
  width: 412px;
  height: 580px;
  background-image: url(/img/main/themeSp/logcabin/value_bg.jpg);
  background-size: 100% 100%;
}
.logcabin .advantage-lg .advantage .advantage-cell .advantage1 img {
  position: absolute;
  z-index: 9;
  left: 46px;
  top: -50px;
  width: 110px;
  height: 100px;
}
.logcabin .advantage-lg .advantage .advantage-cell .advantage2 {
  position: relative;
  margin-top: 70px;
  width: 100%;
  height: 356px;
  background-image: url(/img/main/themeSp/logcabin/green_bg.jpg);
  background-size: 100% 100%;
}
.logcabin .advantage-lg .advantage .advantage-cell .advantage2 img {
  position: absolute;
  z-index: 9;
  left: 43px;
  top: -50px;
  width: 110px;
  height: 100px;
}
.logcabin .advantage-lg .advantage .advantage-cell .advantage2 .cell-text {
  padding: 22px 68px 37px;
}
.logcabin .advantage-lg .advantage .advantage-cell .advantage3 {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url(/img/main/themeSp/logcabin/cooperate_bg.jpg);
  background-position: top center;
  background-size: cover;
}
.logcabin .advantage-lg .advantage .advantage-cell .advantage3 img {
  position: absolute;
  z-index: 9;
  left: 33px;
  bottom: -50px;
  width: 110px;
  height: 100px;
}
.logcabin .advantage-lg .advantage .advantage-cell .advantage3 .cell-text {
  padding: 23px 80px 50px;
}
.logcabin .advantage-lg .advantage .advantage-cell .advantage4 {
  position: relative;
  width: 374px;
  height: 515px;
  background-image: url(/img/main/themeSp/logcabin/facilities_bg.jpg);
  background-position: top center;
  background-size: cover;
}
.logcabin .advantage-lg .advantage .advantage-cell .advantage4 img {
  position: absolute;
  z-index: 9;
  right: -50px;
  top: 164px;
  width: 110px;
  height: 100px;
}
.logcabin .advantage-lg .advantage .advantage-cell .advantage4 .cell-text {
  padding: 23px 42px 33px;
}
.logcabin .advantage-lg .leaf {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 20px;
  width: 430px;
  height: 444px;
  background-image: url(/img/main/themeSp/logcabin/leaf.png);
  background-position: top center;
  background-size: cover;
}
.logcabin .place {
  height: 47px;
}
.logcabin .consultation {
  padding-bottom: 60px;
  background-image: url(/img/main/themeSp/logcabin/dibu_bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.logcabin .consultation .welcome {
  margin: 60px auto 0;
  width: 411px;
  height: 38px;
  background-image: url(/img/main/themeSp/logcabin/welcome.png);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.logcabin .consultation .container {
  position: relative;
  top: -47px;
  padding: 67px 0 100px;
  max-width: 1080px;
  background: #fff;
  box-shadow: 1px 17px 27px 0px #2d7c29;
}
.logcabin .consultation .container .consultation-title {
  height: 42px;
  font-size: 30px;
  font-weight: bold;
  color: #414141;
  text-align: center;
  line-height: 42px;
}
.logcabin .consultation .container ul.contactFormTable {
  float: left;
  margin-left: 212px;
  padding-top: 33px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .logcabin .consultation .container ul.contactFormTable {
    float: none;
    margin: 0 auto;
  }
}
.logcabin .consultation .container ul.contactFormTable .contactFormMessage {
  display: none;
  overflow: hidden;
  border: none;
}
.logcabin .consultation .container ul.contactFormTable .contactFormMessage.error {
  display: block;
}
.logcabin .consultation .container ul.contactFormTable li {
  margin: 0 auto 10px;
  width: 366px;
  height: 44px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  background-color: #fff;
  line-height: 44px;
  border: 1px solid #68A675;
}
.logcabin .consultation .container ul.contactFormTable li .name {
  float: left;
  width: 60px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
  text-align: right;
}
.logcabin .consultation .container ul.contactFormTable li .field {
  float: left;
  box-sizing: border-box;
  padding: 0 5px;
  width: calc(100% - 124px);
  height: 41px;
  font-size: 16px;
  font-size: 1rem;
  line-height: inherit;
  outline: none;
  border: none;
  background-color: #fff;
}
.logcabin .consultation .container ul.contactFormTable li .hint {
  float: left;
  width: 63px;
  height: 100%;
  font-size: 14px;
  font-size: 0.875rem;
  color: #FF9A97;
  line-height: inherit;
  text-align: center;
}
.logcabin .consultation .container ul.contactFormTable li .phoneNationality {
  float: left;
  width: 70px;
  height: 100%;
  background-color: #fff;
  border: none;
  padding: 0 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url(/img/main/themeSp/logcabin/btn_xiala@2x.png);
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: right 5px center;
  background-attachment: scroll;
}
.logcabin .consultation .container ul.contactFormTable li .phone {
  width: calc(100% - 194px);
}
.logcabin .consultation .container ul.contactFormTable .sub {
  margin: 35px auto;
  padding: 0;
  width: 140px;
  height: 44px;
  border: none;
}
.logcabin .consultation .container ul.contactFormTable .sub button {
  width: 100%;
  height: 100%;
  color: #fff;
  line-height: 44px;
  outline: none;
  background: #5AA36A;
  border-radius: 2px;
}
.logcabin .consultation .container .consultation-wx {
  float: left;
  padding: 16px 32px;
  font-size: 16px;
  color: #000000;
  line-height: 22px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .logcabin .consultation .container .consultation-wx {
    float: none;
    margin: 0 auto;
  }
}
.logcabin .consultation .container .consultation-wx img {
  display: block;
  margin: 0 auto 10px auto;
  height: 200px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .logcabin .consultation .container {
    padding: 50px 0;
  }
}
.logcabin .advantage-sm {
  padding-bottom: 30px;
  background-image: url(/img/main/themeSp/logcabin/tw/tw_bg.png);
  background-position: top 95px left;
  background-size: 98px 76px;
  background-repeat: no-repeat;
}
.logcabin .advantage-sm:before, .logcabin .advantage-sm:after {
  content: " ";
  display: table;
}
.logcabin .advantage-sm:after {
  clear: both;
}
.logcabin .advantage-sm .advantage-en {
  display: block;
  margin: 41px auto 0;
  width: 313px;
  height: auto;
}
.logcabin .advantage-sm .advantage-ch {
  margin-top: 2px;
  font-size: 30px;
  font-weight: bold;
  color: #50985F;
  text-align: center;
  line-height: 42px;
  letter-spacing: 4px;
}
.logcabin .advantage-sm .waveline {
  display: block;
  margin: 5px auto 23px;
  width: 201px;
  height: auto;
}
.logcabin .advantage-sm .cell-box {
  width: 80%;
  margin: 0 auto;
}
.logcabin .advantage-sm .cell-box:before, .logcabin .advantage-sm .cell-box:after {
  content: " ";
  display: table;
}
.logcabin .advantage-sm .cell-box:after {
  clear: both;
}
.logcabin .advantage-sm .advantage-cell {
  float: left;
  position: relative;
  margin-bottom: 30px;
  width: calc((100% - 30px)/ 2);
}
.logcabin .advantage-sm .advantage-cell:nth-of-type(odd) {
  margin-right: 30px;
}
.logcabin .advantage-sm .advantage-cell img {
  width: 100%;
  height: auto;
}
.logcabin .advantage-sm .advantage-cell .cell {
  position: absolute;
  bottom: 0;
  padding: 15px 15px;
  color: #fff;
  background: rgba(0, 0, 0, 0.68);
}
.logcabin .advantage-sm .advantage-cell .cell .text-title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 28px;
}
.logcabin .advantage-sm .advantage-cell .cell .text-content {
  font-size: 14px;
  line-height: 30px;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .logcabin .company {
    padding: 50px 36px 69px 37px;
    background-image: none;
  }
  .logcabin .company .container .company-map {
    float: none;
    margin: 20px auto 0;
    width: 100%;
  }
  .logcabin .company .container .company-info {
    float: none;
    width: 100%;
  }
  .logcabin .company .container .company-info .waveline {
    margin: 0 auto 11px;
    width: 86px;
  }
  .logcabin .company .container .company-info .company-info-title {
    font-size: 18px;
    text-align: center;
    line-height: 25px;
    letter-spacing: 2px;
  }
  .logcabin .company .container .company-info ul li {
    background-position: top 7px left;
  }
  .logcabin .company .container .company-info ul li span {
    line-height: 24px;
  }
  .logcabin .company .container .company-info ul li .title-type {
    font-size: 14px;
  }
  .logcabin .company .container .company-info ul li .title-details {
    font-size: 14px;
  }
  .logcabin .company .container .company-info ul li .title-golden {
    font-size: 16px;
  }
  .logcabin .project {
    padding-bottom: 44px;
    background-image: none;
  }
  .logcabin .project .green-bg {
    height: 237px;
  }
  .logcabin .project .title-mian {
    margin-top: 13px;
    width: 82px;
  }
  .logcabin .project .title-sub {
    margin-top: 7px;
  }
  .logcabin .project .title-sub span {
    display: block;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 2px;
    text-align: center;
  }
  .logcabin .project .title-sub .line {
    display: none;
  }
  .logcabin .project .project-text {
    margin-top: 7px;
  }
  .logcabin .project .project-text span {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
  }
  .logcabin .project .project-card {
    margin: 0 auto;
    width: 100%;
  }
  .logcabin .project .project-card dl {
    float: none;
    top: 0;
    margin: 0 auto 14px;
    width: 345px;
    height: auto;
  }
  .logcabin .project .project-card dl dt {
    width: 100%;
    height: 161px;
  }
  .logcabin .project .project-card dl dt .card-tip {
    display: none;
  }
  .logcabin .project .project-card dl dt .card-info {
    display: none;
  }
  .logcabin .project .project-card dl dt.card1 {
    background-image: url(/img/main/themeSp/logcabin/tw/bayue_bg.jpg);
  }
  .logcabin .project .project-card dl dt.card2 {
    background-image: url(/img/main/themeSp/logcabin/tw/liaoke_bg.jpg);
  }
  .logcabin .project .project-card dl dt.card3 {
    background-image: url(/img/main/themeSp/logcabin/tw/antanye_bg.jpg);
  }
  .logcabin .project .project-card dl dd {
    padding: 13px;
    height: auto;
    color: #000;
  }
  .logcabin .project .project-card dl dd .card-title {
    color: #000;
  }
  .logcabin .project .project-card dl dd .card-content {
    color: #000;
  }
  .logcabin .project .project-card dl dd .sm-info {
    display: block;
  }
  .logcabin .project .project-card dl dd .sm-info .card-sm-info {
    display: none;
  }
  .logcabin .project .project-card dl dd .sm-info .card-sm-info .sm-title {
    float: left;
    padding-left: 5px;
    width: 48px;
    font-size: 16px;
    color: #424242;
    font-weight: bold;
    line-height: 22px;
    background-image: url(/img/main/themeSp/logcabin/tw/decorate.png);
    background-position: top 5px left;
    background-repeat: no-repeat;
    background-size: 5px 12px;
  }
  .logcabin .project .project-card dl dd .sm-info .card-sm-info .sm-content {
    width: calc(100% - 48px);
    padding-left: 50px;
    font-size: 14px;
    text-align: left;
    line-height: 26px;
  }
  .logcabin .project .project-card dl dd .sm-info .card-show {
    height: 33px;
    background-image: url(/img/main/themeSp/logcabin/tw/down_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 23px 25px;
  }
  .logcabin .project .project-card dl:last-child {
    margin: 0 auto 14px;
  }
  .logcabin .project .project-card dl:hover {
    box-shadow: none;
  }
  .logcabin .project .project-card dl:hover dt .card-info {
    display: none;
  }
  .logcabin .project .project-card dl.show-info dd .card-sm-info {
    display: block;
  }
  .logcabin .project .project-card dl.show-info dd .card-show {
    background-image: url(/img/main/themeSp/logcabin/tw/up_icon.png);
  }
  .logcabin .facilities .facilities-en {
    margin-top: 26px;
    width: 205px;
  }
  .logcabin .facilities .facilities-ch .facilities-line {
    margin: 10px;
    width: 25px;
    height: 4px;
    border-radius: 3px;
  }
  .logcabin .facilities .facilities-ch .facilities-text {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 2px;
  }
  .logcabin .facilities .home_banner {
    margin: 26px auto 61px;
    width: 345px;
  }
  .logcabin .facilities .home_banner .facilities-swiper {
    height: 178px;
  }
  .logcabin .facilities .home_banner .swiper-pagination1 {
    bottom: -23px;
    text-align: center;
  }
  .logcabin .facilities .home_banner .prevBtn, .logcabin .facilities .home_banner .nextBtn {
    display: none;
  }
  .logcabin .consultation {
    height: auto;
    background-image: url(/img/main/themeSp/logcabin/tw/bg.png);
  }
  .logcabin .consultation:before, .logcabin .consultation:after {
    content: " ";
    display: table;
  }
  .logcabin .consultation:after {
    clear: both;
  }
  .logcabin .consultation .container {
    top: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .logcabin .consultation .container .consultation-wx {
    float: none;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
  }
  .logcabin .consultation .container .consultation-title {
    margin: 62px 0 16px;
    padding: 0;
    color: #fff;
    font-size: 22px;
  }
  .logcabin .consultation .container ul.contactFormTable {
    float: none;
    padding-top: 0;
    margin: 0 auto;
  }
  .logcabin .consultation .container ul.contactFormTable li {
    width: 345px;
  }
  .logcabin .consultation .container ul.contactFormTable .sub button {
    border: none;
    border-radius: 0;
  }
  .logcabin .consultation .welcome {
    margin: 40px auto;
    width: 300px;
    height: 38px;
    background-image: url(/img/main/themeSp/logcabin/tw/welcome.png);
  }
  .logcabin .advantage-sm {
    padding-bottom: 15px;
  }
  .logcabin .advantage-sm .advantage-en {
    width: 190px;
  }
  .logcabin .advantage-sm .advantage-ch {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 2px;
  }
  .logcabin .advantage-sm .waveline {
    width: 100px;
  }
  .logcabin .advantage-sm .cell-box {
    width: 100%;
  }
  .logcabin .advantage-sm .advantage-cell {
    margin-bottom: 11px;
    width: calc((100% - 11px)/ 2);
  }
  .logcabin .advantage-sm .advantage-cell:nth-of-type(odd) {
    margin-right: 11px;
  }
  .logcabin .advantage-sm .advantage-cell .cell {
    padding: 4px 10px 6px;
  }
  .logcabin .advantage-sm .advantage-cell .cell .text-title {
    font-size: 14px;
    line-height: 26px;
  }
  .logcabin .advantage-sm .advantage-cell .cell .text-content {
    font-size: 12px;
    line-height: 16px;
  }
}
.lp .daban-header {
  background-image: url(/img/main/lp//daban/banner-min.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 0.65rem;
  height: 19rem;
}
.lp .daban-header .daban-logo {
  width: 5rem;
  height: 2.1rem;
  margin-left: 0.4rem;
  display: block;
}
.lp .daban-header .daban-title {
  display: block;
  margin: 0.6rem auto 0rem;
  width: 10rem;
}
.lp .daban-header .daban-subTitle {
  display: block;
  margin: 0rem auto 0.75rem;
  width: 12rem;
}
.lp .daban-header .daban-titleContent {
  width: 15.55rem;
  text-align: center;
  margin: 0 auto;
  line-height: 20px;
  color: white;
  font-size: 14px;
  text-shadow: -1px 1px 10px #000;
}
.lp .lp-model {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
}
.lp .lp-model .model-box {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -7.625rem;
  margin-top: -5rem;
  height: 9.5rem;
  width: 15.25rem;
  background: white;
  border: 0.2rem solid #d9d9d9;
  padding-top: 1rem;
  box-sizing: border-box;
}
.lp .lp-model .model-box .model-title {
  line-height: 1.4rem;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.6rem;
}
.lp .lp-model .model-box .model-desc {
  text-align: center;
  line-height: 1rem;
  text-align: center;
  font-size: 16px;
  color: #111;
}
.lp .lp-model .model-box .model-sure {
  width: 6.1rem;
  height: 2rem;
  margin: 1rem auto 0;
  background: #2fa9af;
  color: white;
  font-size: 0.8rem;
  line-height: 2rem;
  text-align: center;
}
.lp * {
  font-family: PingFangSC, "微软雅黑";
}
.lp .mrb3 {
  margin-bottom: 0.3rem;
}
.lp .lp-btn {
  display: block;
  width: 100%;
  margin: 0 auto;
  height: 2rem;
  line-height: 2rem;
  background: #2FA9AF;
  color: white;
  margin-bottom: 1rem;
  margin-top: 0.25rem;
  font-size: 0.8rem;
  font-weight: bold;
  border-radius: 0.15rem;
  border: none;
  text-align: center;
}
.lp .lp-call {
  background-image: url(/img/main/lp/phone.png);
  background-repeat: no-repeat;
  background-size: 1.25rem;
  background-position: 5.2rem 0.4rem;
  padding-left: 0.7rem;
}
.lp .red-btn {
  background: #f15858;
}
.lp .lp-banner {
  width: 100%;
  height: 10rem;
}
.lp .lp-content .container {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.lp .lp-content .gruy-container {
  background: #f1f1f1;
}
.lp .lp-company {
  text-align: center;
  margin: 0.9rem 0;
}
.lp .lp-company .blue-h3 {
  color: #073281;
}
.lp .lp-company .indent-h5 {
  text-indent: 22px;
  text-align: left;
}
.lp .lp-company h3 {
  line-height: 1.4rem;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0.25rem;
}
.lp .lp-company h5 {
  line-height: 1.1rem;
  font-size: 14px;
  font-weight: 500;
}
.lp .lp-box {
  margin-bottom: 0.75rem;
  border: 0.05rem solid #c0ddde;
  background: #fdfdfd;
  border-radius: 0.25rem;
}
.lp .lp-box .box-title {
  text-align: center;
  line-height: 1.1rem;
  padding-top: 0.5rem;
  font-size: 0.9rem;
  font-weight: bold;
}
.lp .lp-box .box-title:before, .lp .lp-box .box-title::after {
  display: inline-block;
  box-sizing: border-box;
  content: "";
  width: 20%;
  height: 1px;
  margin: 0 20px;
  background-color: #C5C6E5;
  vertical-align: middle;
}
.lp .lp-box .box-content {
  padding: 0.5rem;
}
.lp .lp-box .box-content .box-mainImg {
  width: 100%;
  height: 8.1rem;
}
.lp .lp-box .box-content .box-mainImg img {
  height: 8.1rem;
  width: 100%;
}
.lp .lp-box .box-content .box-circleImg {
  margin-bottom: 1.1rem;
  padding: 0 0.1rem;
  margin-top: 0.3rem;
}
.lp .lp-box .box-content .box-circleImg img {
  height: 4.5rem;
  width: 4.5rem;
}
.lp .lp-box .box-content .box-desc {
  font-size: 0.7rem;
  text-indent: 1.2rem;
  line-height: 1rem;
}
.lp .lp-box .box-content .box-desc .blue-text {
  color: #56b6be;
  font-weight: bold;
  font-size: 0.8rem;
}
.lp .lp-box .box-content .box-text {
  padding-left: 0.65rem;
  padding-right: 0.25rem;
}
.lp .lp-box .box-content .box-name {
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  line-height: 1.1rem;
  font-weight: bold;
  font-size: 0.8rem;
}
.lp .lp-box .box-content .box-project-text {
  text-align: center;
  font-size: 0.7rem;
  line-height: 1.1rem;
}
.lp .lp-box .box-content .project-image {
  width: 100%;
  height: 6.4rem;
  padding: 0.5rem 0;
}
.lp .lp-box .box-content .project-image img {
  height: 100%;
  width: 100%;
}
.lp .lp-box .box-content .box-tag {
  margin-left: 0.2rem;
  margin-bottom: 0.55rem;
  overflow: hidden;
}
.lp .lp-box .box-content .box-tag a {
  width: 3.45rem;
  height: 1.1rem;
  text-align: center;
  line-height: 1.1rem;
  color: white;
  font-size: 0.7rem;
  margin-right: 0.3rem;
  display: inline-block;
  text-decoration: none;
  float: left;
}
.lp .lp-box .box-content .box-tag .tag-long {
  width: 5rem;
}
.lp .lp-box .box-content .box-tag .tag-green {
  background: #39AA9F;
}
.lp .lp-box .box-content .box-tag .tag-purple {
  background: #6D6DB3;
}
.lp .lp-box .box-content .box-tag .tag-blue {
  background: #4B96BE;
}
.lp .lp-box .box-content .box-tag .tag-pink {
  background: #B95F83;
}
.lp .lp-box .box-content .box-tag .tag-yellow {
  background: #D19F60;
}
.lp .lp-box .box-content .box-list {
  overflow: hidden;
}
.lp .lp-box .box-content .box-list li {
  float: left;
  box-sizing: border-box;
  width: 33%;
}
.lp .lp-box .box-content .box-list li p {
  text-align: center;
}
.lp .lp-box .box-content .box-list li .li-title {
  line-height: 1rem;
  font-size: 0.7rem;
  color: #111;
}
.lp .lp-box .box-content .box-list li .li-content {
  line-height: 1.2rem;
  font-size: 0.8rem;
  color: #ea4647;
  font-weight: bold;
}
.lp .lp-box .box-content .box-list .borderRight {
  border-right: 1px solid #e1e1e1;
}
.lp .lp-box .box-content .mrr15 {
  margin-right: 1rem;
}
.lp .lp-box .box-content .mrb4 {
  margin-bottom: 0.4rem;
}
.lp .lp-businessCircle {
  background: #f1f1f1;
  padding-top: 1.25rem;
  padding-bottom: 0.25rem;
}
.lp .lp-businessCircle .lp-btn {
  margin-top: 1rem;
}
.lp .lp-businessCircle a {
  display: block;
}
.lp .lp-businessCircle a .circle-item {
  height: 6rem;
  width: 100%;
  position: relative;
  margin-bottom: 0.5rem;
}
.lp .lp-businessCircle a .circle-item img {
  height: 100%;
}
.lp .lp-businessCircle a .circle-item .circle-text {
  position: absolute;
  height: 1.75rem;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  bottom: 0;
  left: 0;
  padding-left: 0.8rem;
  line-height: 1.75rem;
}
.lp .lp-businessCircle a .circle-item .circle-text .circle-title {
  font-size: 20px;
  margin-right: 0.85rem;
  font-weight: bold;
}
.lp .lp-businessCircle a .circle-item .circle-text .circle-main {
  font-size: 15px;
}
.lp .lp-introduce {
  background: #516C85;
  color: white;
  padding: 1.05rem 0.9rem 1.25rem;
}
.lp .lp-introduce .lp-advantage {
  font-size: 22px;
  color: white;
  text-align: center;
  margin-bottom: 1rem;
  font-weight: bold;
}
.lp .lp-introduce .advantage-list {
  padding: 0.25rem;
  padding-bottom: 0;
}
.lp .lp-introduce .advantage-list dl {
  overflow: hidden;
  margin-bottom: 0.75rem;
  padding-left: 0.7rem;
}
.lp .lp-introduce .advantage-list dl dt {
  float: left;
  margin-right: 0.75rem;
}
.lp .lp-introduce .advantage-list dl dt img {
  height: 2.2rem;
  width: 2.2rem;
}
.lp .lp-introduce .advantage-list dl dd .advantage-title {
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 1.1rem;
  margin-bottom: 0.1rem;
}
.lp .lp-introduce .advantage-list dl dd .advantage-content {
  font-size: 0.7rem;
  line-height: 1rem;
  color: white;
}
.lp .lp-introduce .lp-contact1 {
  padding-top: 1.25rem;
}
.lp .lp-introduce .lp-contact1 .contact-title {
  color: white;
}
.lp .lp-introduce .lp-contact1 .text-line input {
  border: none;
  background: white;
}
.lp .contact-us {
  padding-top: 0.25rem;
}
.lp .contact-us .contact-title {
  color: #6e6e6e;
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.75rem;
  line-height: 1rem;
}
.lp .contact-us .text-line {
  position: relative;
}
.lp .contact-us .text-line input {
  border: 1px solid #C6C6C6;
  padding: 0.6rem 0.5rem;
  box-sizing: border-box;
  margin-bottom: 0.5rem;
  background-color: transparent;
  width: 100%;
  height: 2rem;
  color: #111;
  font-size: 0.8rem;
  outline: none;
}
.lp .contact-us .text-line .phone-error {
  display: none;
  position: absolute;
  color: red;
  font-size: 12px;
  top: 0.8rem;
  right: 1.4rem;
}
.lp .contact-us .lp-submit {
  margin-top: 0.5rem;
}
.lp input::-webkit-input-placeholder {
  color: #C6C6C6;
  font-weight: 400;
  font-size: 14px;
}
.lp input::-webkit-input-placeholder {
  color: #C6C6C6;
  font-weight: 400;
  font-size: 14px;
}
.lp input:-moz-placeholder {
  color: #C6C6C6;
  font-weight: 400;
  font-size: 14px;
}
.lp input::-moz-placeholder {
  color: #C6C6C6;
  font-weight: 400;
  font-size: 14px;
}
.lp input:-ms-input-placeholder {
  color: #C6C6C6;
  font-size: 14px;
  font-weight: 400;
}

.vip-container {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
}

.vip-binner {
  height: 464px;
  background-image: url(/img/main/themeSp/vip/banner.jpg);
}

.vip-skiResort {
  height: 336px;
  background-image: url(/img/main/themeSp/vip/skiResort.jpg);
}

.vip-item-title {
  height: 93px;
  padding: 18px 0 30px;
  box-sizing: border-box;
}
.vip-item-title .title-main {
  width: 524px;
  overflow: hidden;
  margin: 0 auto;
}
.vip-item-title .title-main span {
  float: left;
  line-height: 45px;
  margin: 0 23px;
  color: #7B4010;
  letter-spacing: 1px;
  font-size: 32px;
}
.vip-item-title .title-main img {
  width: 187px;
  float: left;
  margin-top: 9px;
}

.skiResort-desc {
  margin-top: 8px;
}
.skiResort-desc dl {
  overflow: hidden;
  width: 884px;
  margin: 0 auto;
  margin-bottom: 76px;
}
.skiResort-desc dl dt {
  float: left;
  width: 199px;
  margin-right: 52px;
}
.skiResort-desc dl dt img {
  width: 100%;
}
.skiResort-desc dl dd {
  padding-top: 39px;
  width: 630px;
  float: left;
}
.skiResort-desc dl dd .skiResort {
  color: #4322A8;
  font-size: 36px;
  letter-spacing: 1px;
  line-height: 40px;
  font-family: FZCTHJW--GB1-0;
  margin-bottom: 13px;
}
.skiResort-desc dl dd .skiResort-text {
  font-size: 18px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  line-height: 25px;
  color: #3A3270;
}

.vip-hotSprings {
  height: 758px;
  margin-bottom: 76px;
  position: relative;
  background-image: url(/img/main/themeSp/vip/hotSprings.jpg);
}
.vip-hotSprings .hotSprings-span {
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  height: 50px;
  width: 186px;
  background: #E79A1A;
  color: white;
  text-align: center;
  line-height: 50px;
  opacity: 0.9;
  position: absolute;
  top: 86px;
  left: 50%;
  margin-left: 204px;
  font-size: 36px;
}
.vip-hotSprings .hotSprings-box {
  width: 544px;
  height: 156px;
  background: #E39925;
  padding: 13px 49px;
  position: absolute;
  top: 304px;
  box-sizing: border-box;
  left: 50%;
  margin-left: -400px;
}
.vip-hotSprings .hotSprings-box p {
  color: white;
  font-size: 36px;
  line-height: 40px;
  font-family: FZCTHJW--GB1-0;
  margin-bottom: 8px;
  font-weight: bold;
}
.vip-hotSprings .hotSprings-box span {
  display: block;
  background: #fff;
  height: 1px;
  width: 22px;
  margin-bottom: 6px;
}
.vip-hotSprings .hotSprings-box div {
  font-size: 18px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  line-height: 25px;
  color: white;
}

.theme_sp .hotel-box .formAsk {
  width: 825px;
  height: 310px;
  margin: -113px auto 78px;
  position: relative;
  padding: 18px 55px 21px;
  box-sizing: border-box;
  box-shadow: 0 3px 20px 0 rgba(61, 61, 61, 0.12);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.theme_sp .hotel-box .formAsk .contactFormTable {
  width: 400px;
}
.theme_sp .hotel-box .formAsk .contactFormTable .form-title {
  line-height: 33px;
  text-align: center;
  margin-bottom: 16px;
  display: block;
  font-size: 24px;
  color: #383838;
  font-weight: bold;
  font-family: PingFangHK-Semibold;
}
.theme_sp .hotel-box .formAsk .contactFormTable .formItem {
  position: relative;
  margin-bottom: 0;
}
.theme_sp .hotel-box .formAsk .contactFormTable .formItem select {
  position: absolute;
  height: 20px;
  width: 76px;
  border: none;
  background: none;
  top: 10px;
  left: 85px;
  font-size: 12px;
  color: #A9A9A9;
}
.theme_sp .hotel-box .formAsk .contactFormTable .formItem img {
  position: absolute;
  left: 8px;
  top: 10px;
}
.theme_sp .hotel-box .formAsk .contactFormTable .formItem img.name-icon {
  height: 21px;
  width: 19px;
}
.theme_sp .hotel-box .formAsk .contactFormTable .formItem img.phone-icon {
  width: 20px;
  height: 20px;
}
.theme_sp .hotel-box .formAsk .contactFormTable .formItem img.wechat-icon {
  height: 16px;
  width: 20px;
  top: 12px;
}
.theme_sp .hotel-box .formAsk .contactFormTable .formItem span {
  position: absolute;
}
.theme_sp .hotel-box .formAsk .contactFormTable .formItem span.title-span {
  top: 9px;
  left: 36px;
  font-size: 16px;
  display: inline-block;
  line-height: 22px;
  width: 48px;
  font-family: PingFangHK-Regular;
}
.theme_sp .hotel-box .formAsk .contactFormTable .formItem span.selection {
  display: inline-block;
  font-size: 14px;
  top: 10px;
  width: 56px;
  right: 0;
  line-height: 20px;
  color: #A9A9A9;
  text-align: center;
  font-family: PingFangHK-Regular;
}
.theme_sp .hotel-box .formAsk .contactFormTable .formItem span.selection.redTxt {
  color: #CC0B0B;
}
.theme_sp .hotel-box .formAsk .contactFormTable .formItem input.formInput {
  width: 100%;
  height: 40px;
  margin-bottom: 13px;
  line-height: 40px;
  font-size: 14px;
  color: #111;
  padding-left: 85px;
  border: 1px solid #b3b3b3;
  border-radius: 4px;
}
.theme_sp .hotel-box .formAsk .contactFormTable .formItem input.formInput.unicPadding {
  padding-left: 162px;
}
.theme_sp .hotel-box .formAsk .contactFormTable .btnAsk {
  width: 400px;
  margin-top: 5px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #F18D47;
  color: white;
  border-radius: 4px;
  font-family: PingFangHK-Semibold;
  font-size: 18px;
}
.theme_sp .hotel-box .formAsk .contactFormTable .contactFormMessage {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
}
.theme_sp .hotel-box .formAsk .contactFormTable .contactFormMessage.error {
  color: #CC0B0B;
}

.vip-hotel {
  height: 578px;
  background-image: url(/img/main/themeSp/vip/hotel.jpg);
  position: relative;
}
.vip-hotel .hotel-box {
  width: 529px;
  height: 159px;
  background: rgba(126, 34, 34, 0.8);
  padding: 11px 12px 11px 25px;
  position: absolute;
  box-sizing: border-box;
  top: 95px;
  left: 50%;
  margin-left: -264px;
}
.vip-hotel .hotel-box p {
  color: white;
  font-size: 36px;
  line-height: 40px;
  font-family: FZCTHJW--GB1-0;
  margin-bottom: 8px;
  font-weight: bold;
}
.vip-hotel .hotel-box span {
  display: block;
  background: #fff;
  height: 1px;
  width: 22px;
  margin-bottom: 6px;
}
.vip-hotel .hotel-box div {
  font-size: 18px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  line-height: 25px;
  color: white;
}

.vip-factory {
  height: 435px;
  margin-bottom: 76px;
  background-image: url(/img/main/themeSp/vip/factory.png);
  position: relative;
}
.vip-factory .factory-box {
  width: 432px;
  height: 159px;
  padding: 11px 12px 11px 25px;
  position: absolute;
  top: 248px;
  left: 50%;
  margin-left: 40px;
}
.vip-factory .factory-box p {
  color: white;
  font-size: 36px;
  line-height: 40px;
  font-family: FZCTHJW--GB1-0;
  margin-bottom: 8px;
  font-weight: bold;
}
.vip-factory .factory-box span {
  display: block;
  background: #fff;
  height: 1px;
  width: 22px;
  margin-bottom: 6px;
}
.vip-factory .factory-box div {
  font-size: 18px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  line-height: 25px;
  color: white;
}

.vip-fram {
  height: 424px;
  margin-bottom: 76px;
  background-image: url(/img/main/themeSp/vip/fram.jpg);
  position: relative;
}
.vip-fram .fram-box {
  width: 443px;
  height: 167px;
  box-sizing: border-box;
  padding: 18px 22px;
  position: absolute;
  top: 68px;
  left: 50%;
  margin-left: -57px;
  background: rgba(32, 85, 88, 0.6);
}
.vip-fram .fram-box p {
  color: white;
  font-size: 36px;
  line-height: 40px;
  font-family: FZCTHJW--GB1-0;
  margin-bottom: 8px;
  font-weight: bold;
}
.vip-fram .fram-box span {
  display: block;
  background: #fff;
  height: 1px;
  width: 22px;
  margin-bottom: 6px;
}
.vip-fram .fram-box div {
  font-size: 18px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  line-height: 25px;
  color: white;
}

.vip-temple {
  height: 753px;
  margin-bottom: 90px;
  background-image: url(/img/main/themeSp/vip/temple.jpg);
  position: relative;
}
.vip-temple .temple-box {
  width: 690px;
  height: 150px;
  box-sizing: border-box;
  position: absolute;
  top: 398px;
  left: 50%;
  margin-left: -140px;
}
.vip-temple .temple-box p {
  font-size: 36px;
  line-height: 40px;
  font-family: FZCTHJW--GB1-0;
  margin-bottom: 12px;
  color: #3D0505;
  font-weight: bold;
}
.vip-temple .temple-box span {
  display: block;
  background: #572626;
  height: 1px;
  width: 22px;
  margin-bottom: 13px;
}
.vip-temple .temple-box div {
  font-size: 18px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  line-height: 25px;
  color: #782929;
}

.vip-footer {
  height: 455px;
  background: #103652;
}
.vip-footer .footer-box {
  width: 708px;
  margin: 0 auto;
  padding: 35px 0 64px;
  box-sizing: border-box;
}
.vip-footer .footer-box .footer-title {
  text-align: center;
  color: white;
  font-size: 36px;
  font-family: PingFangHK-Semibold;
  font-weight: 600;
  line-height: 50px;
  margin-bottom: 8px;
}
.vip-footer .footer-box .footer-title-shortLine {
  background: #F18D47;
  width: 80px;
  height: 2px;
  margin: 0 auto;
  margin-bottom: 20px;
  display: block;
}
.vip-footer .footer-box .form-content {
  padding-top: 20px;
  overflow: hidden;
}
.vip-footer .footer-box .form-content .form-box {
  float: left;
  width: 510px;
  margin-right: 45px;
}
.vip-footer .footer-box .form-content .form-box .form-title {
  display: none;
}
.vip-footer .footer-box .form-content .form-box .formItem {
  border-bottom: 1px solid #FFFFFF;
  padding-left: 18px;
  box-sizing: border-box;
  overflow: hidden;
  padding-bottom: 8px;
  height: 58px;
  padding-top: 24px;
  font-size: 16px;
  width: 100%;
  position: relative;
}
.vip-footer .footer-box .form-content .form-box .formItem .verifyCodeBtn {
  position: absolute;
  top: 10px;
  right: 0;
  background-color: #1580DF;
  width: 120px;
  text-align: center;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 40px;
}
.vip-footer .footer-box .form-content .form-box .formItem .verifyCodeBtn .verifyCodeSubmit {
  display: block;
}
.vip-footer .footer-box .form-content .form-box .formItem .verifyCodeBtn:hover {
  cursor: pointer;
  background: #1580DF;
  color: #fff;
}
.vip-footer .footer-box .form-content .form-box .formItem .verifyCodeTimer, .vip-footer .footer-box .form-content .form-box .formItem .verifyCodeTimer:hover {
  color: #fff;
  background: #bbb !important;
  border: none;
}
.vip-footer .footer-box .form-content .form-box .formItem .autoLogin {
  width: auto;
  height: auto;
  margin: 0;
}
.vip-footer .footer-box .form-content .form-box .formItem .otherMessage {
  margin-bottom: 15px;
}
.vip-footer .footer-box .form-content .form-box .formItem .otherMessage:before, .vip-footer .footer-box .form-content .form-box .formItem .otherMessage:after {
  content: " ";
  display: table;
}
.vip-footer .footer-box .form-content .form-box .formItem .otherMessage:after {
  clear: both;
}
.vip-footer .footer-box .form-content .form-box .formItem .otherMessage .checkboxAutoLogin {
  display: inline-block;
  float: left;
  font-size: 13px;
  font-size: 0.8125rem;
  cursor: pointer;
}
.vip-footer .footer-box .form-content .form-box .formItem .otherMessage .checkboxAutoLogin input[type="checkbox"] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  outline: none;
  display: none;
}
.vip-footer .footer-box .form-content .form-box .formItem .otherMessage .checkboxAutoLogin input[type="checkbox"] + label {
  font-weight: normal;
}
.vip-footer .footer-box .form-content .form-box .formItem .otherMessage .checkboxAutoLogin input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border: 1px solid #ddd;
  border-radius: 2px;
  vertical-align: middle;
  margin-right: 5px;
}
.vip-footer .footer-box .form-content .form-box .formItem img {
  float: left;
  height: 23px;
  width: 23px;
  margin-right: 10px;
}
.vip-footer .footer-box .form-content .form-box .formItem img.wechat-icon {
  height: 19px;
}
.vip-footer .footer-box .form-content .form-box .formItem input {
  line-height: 23px;
  height: 23px;
  color: white;
  background: none;
  border: none;
  outline: none;
  padding-left: 10px;
  width: 350px;
}
.vip-footer .footer-box .form-content .form-box .formItem input:nth-of-type(2) {
  width: 250px;
}
.vip-footer .footer-box .form-content .form-box .formItem select {
  line-height: 23px;
  height: 23px;
  background: none;
  border: none;
  color: white;
  width: 100px;
  font-size: 14px;
}
.vip-footer .footer-box .form-content .form-box .formItem .title-span {
  color: white;
  font-size: 18px;
  line-height: 23px;
}
.vip-footer .footer-box .form-content .form-box .formItem .selection {
  font-size: 14px;
  float: right;
  margin-right: 10px;
  color: #FFFFFF;
  margin-top: 6px;
}
.vip-footer .footer-box .form-content .form-box .formItem .selection.redTxt {
  color: #F18D47;
}
.vip-footer .footer-box .form-content .form-box .btnAsk {
  background: #F18D47;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: white;
  font-size: 22px;
  font-weight: bold;
  margin-top: 20px;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  width: 100%;
  border: none;
}
.vip-footer .footer-box .form-content .form-box .contactFormMessage {
  line-height: 22px;
  font-size: 14px;
}
.vip-footer .footer-box .form-content .form-box .contactFormMessage.error {
  color: #F18D47;
}
.vip-footer .footer-box .form-content .footer-contact {
  float: left;
  width: 152px;
  color: white;
  padding-top: 12px;
}
.vip-footer .footer-box .form-content .footer-contact .phone-box {
  margin-bottom: 26px;
  font-family: PingFangHK-Regular;
}
.vip-footer .footer-box .form-content .footer-contact .phone-box .phone-title {
  text-align: center;
  font-size: 18px;
  margin-bottom: 1px;
  line-height: 25px;
  margin-bottom: 1px;
}
.vip-footer .footer-box .form-content .footer-contact .phone-box .phone-number {
  overflow: hidden;
  margin-bottom: 2px;
  line-height: 22px;
}
.vip-footer .footer-box .form-content .footer-contact .phone-box .phone-number span {
  color: white;
  font-size: 16px;
}
.vip-footer .footer-box .form-content .footer-contact .phone-box .phone-number img {
  width: 28px;
  height: 22px;
  float: left;
  margin-right: 7px;
}
.vip-footer .footer-box .form-content .footer-contact .wechat-box .wechat-title {
  text-align: center;
  line-height: 28px;
  font-size: 20px;
  margin-bottom: 6px;
  font-family: PingFangHK-Regular;
}
.vip-footer .footer-box .form-content .footer-contact .wechat-box img {
  height: 101px;
  width: 101px;
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  .vip-binner {
    height: 180px;
    background-image: url(/img/main/themeSp/vip/tw/banner.png);
  }

  .vip-item-title {
    height: 56px;
    padding: 13px 0 15px;
  }
  .vip-item-title .title-main {
    width: 305px;
    overflow: hidden;
    margin: 0 auto;
  }
  .vip-item-title .title-main span {
    line-height: 28px;
    margin: 0 10px;
    font-size: 20px;
  }
  .vip-item-title .title-main img {
    width: 111px;
    float: left;
    margin-top: 7px;
  }

  .vip-skiResort {
    height: 66px;
    background-image: url(/img/main/themeSp/vip/tw/skiResort.png);
  }

  .skiResort-desc {
    margin-top: 10px;
  }
  .skiResort-desc dl {
    overflow: hidden;
    width: 100%;
    margin-bottom: 17px;
    padding: 0 12px;
  }
  .skiResort-desc dl dt {
    float: left;
    width: 67px;
    height: 67px;
    margin-right: 10px;
    padding-top: 20px;
  }
  .skiResort-desc dl dt img {
    width: 100%;
  }
  .skiResort-desc dl dd {
    padding-top: 0px;
    width: calc(100% - 77px);
    float: left;
  }
  .skiResort-desc dl dd .skiResort {
    color: #4322A8;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 20px;
    font-weight: 600;
    font-family: FZCTHJW--GB1-0;
    margin-bottom: 5px;
  }
  .skiResort-desc dl dd .skiResort-text {
    font-size: 14px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    line-height: 20px;
  }

  .vip-hotSprings {
    height: 226px;
    margin-bottom: 17px;
    background-image: url(/img/main/themeSp/vip/tw/hotSprings.jpg);
  }
  .vip-hotSprings .hotSprings-span {
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    height: 20px;
    width: 64px;
    text-align: center;
    line-height: 20px;
    opacity: 0.9;
    position: absolute;
    top: 18px;
    left: auto;
    right: 6.4%;
    margin-left: 0;
    font-size: 14px;
  }
  .vip-hotSprings .hotSprings-box {
    width: 278px;
    height: 100px;
    left: 50%;
    margin-left: -139px;
    background: rgba(227, 153, 37, 0.85);
    padding: 12px;
    padding-top: 0;
    position: absolute;
    top: 79px;
    box-sizing: border-box;
  }
  .vip-hotSprings .hotSprings-box p {
    color: white;
    font-size: 20px;
    line-height: 24px;
    font-family: FZCTHJW--GB1-0;
    margin-bottom: 7px;
    font-weight: bold;
    margin-top: -12px;
  }
  .vip-hotSprings .hotSprings-box span {
    display: none;
  }
  .vip-hotSprings .hotSprings-box div {
    font-size: 14px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    line-height: 18px;
    color: white;
  }

  .vip-hotel {
    height: 246px;
    background-image: url(/img/main/themeSp/vip/tw/hotel.png);
    position: relative;
  }
  .vip-hotel .hotel-box {
    width: 100%;
    height: 102px;
    padding: 7px 31px 11px 45px;
    top: 123px;
    left: 0;
    margin-left: 0;
  }
  .vip-hotel .hotel-box p {
    color: white;
    font-size: 18px;
    line-height: 20px;
    font-family: FZCTHJW--GB1-0;
    margin-bottom: 5px;
    font-weight: bold;
  }
  .vip-hotel .hotel-box span {
    display: block;
    background: #fff;
    height: 1px;
    width: 6px;
    margin-bottom: 5px;
  }
  .vip-hotel .hotel-box div {
    font-size: 14px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    line-height: 18px;
    color: white;
  }

  .toBottom {
    width: 330px;
    height: 40px;
    display: block;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    margin: 25px auto 17px;
    background: #e7ae2e;
    border-radius: 2px;
    color: white;
  }

  .vip-factory {
    height: 164px;
    margin-bottom: 17px;
    background-image: url(/img/main/themeSp/vip/tw/factory.png);
    position: relative;
  }
  .vip-factory .factory-box {
    width: 67%;
    height: 75px;
    padding: 0;
    position: absolute;
    top: 89px;
    left: auto;
    right: 2%;
    margin-left: 0;
  }
  .vip-factory .factory-box p {
    font-size: 20px;
    line-height: 24px;
    position: absolute;
    color: #2F1865;
    top: -32px;
    left: -20px;
    font-weight: bold;
  }
  .vip-factory .factory-box span {
    display: none;
  }
  .vip-factory .factory-box div {
    font-size: 14px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    line-height: 18px;
    color: white;
  }

  .vip-fram {
    height: 160px;
    margin-bottom: 17px;
    background-image: url(/img/main/themeSp/vip/tw/fram.jpg);
  }
  .vip-fram .fram-box {
    width: 62%;
    height: 117px;
    box-sizing: border-box;
    padding: 0px 8px;
    position: absolute;
    top: 29px;
    right: 3.2%;
    margin-left: 0;
    left: auto;
  }
  .vip-fram .fram-box p {
    color: white;
    font-size: 20px;
    line-height: 24px;
    margin-top: -12px;
    font-family: FZCTHJW--GB1-0;
    margin-bottom: 5px;
    font-weight: bold;
  }
  .vip-fram .fram-box span {
    display: block;
    background: #fff;
    height: 1px;
    width: 6px;
    margin-bottom: 5px;
  }
  .vip-fram .fram-box div {
    font-size: 14px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    line-height: 16px;
    color: white;
  }

  .vip-temple {
    height: 281px;
    margin-bottom: 40px;
    background-image: url(/img/main/themeSp/vip/tw/temple.jpg);
  }
  .vip-temple .temple-box {
    width: 78%;
    height: 111px;
    box-sizing: border-box;
    position: absolute;
    top: 80px;
    left: 22%;
    padding-right: 16px;
    padding-left: 10px;
    margin-left: 0;
    padding-top: 5px;
  }
  .vip-temple .temple-box p {
    font-size: 20px;
    line-height: 23px;
    font-family: FZCTHJW--GB1-0;
    margin-bottom: 2px;
    color: #3D0505;
    font-weight: bold;
  }
  .vip-temple .temple-box span {
    display: block;
    background: #572626;
    height: 1px;
    width: 6px;
    margin-bottom: 4px;
  }
  .vip-temple .temple-box div {
    font-size: 14px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    line-height: 18px;
    color: #782929;
  }

  .vip-footer {
    height: 270px;
    background: #103652;
  }
  .vip-footer .footer-box {
    width: 100%;
    padding: 12px 15px 0px;
    box-sizing: border-box;
  }
  .vip-footer .footer-box .footer-title {
    text-align: center;
    color: white;
    font-size: 20px;
    font-family: PingFangHK-Semibold;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 5px;
  }
  .vip-footer .footer-box .footer-title-shortLine {
    background: #F18D47;
    width: 43px;
    height: 1px;
    margin: 0 auto;
    margin-bottom: 8px;
    display: block;
  }
  .vip-footer .footer-box .form-content {
    padding-top: 0;
    overflow: hidden;
  }
  .vip-footer .footer-box .form-content .form-box {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .vip-footer .footer-box .form-content .form-box .form-title {
    display: none;
  }
  .vip-footer .footer-box .form-content .form-box .formItem {
    border-bottom: 1px solid #FFFFFF;
    padding-left: 10px;
    box-sizing: border-box;
    overflow: hidden;
    padding-bottom: 2px;
    height: 36px;
    padding-top: 11px;
    width: 100%;
  }
  .vip-footer .footer-box .form-content .form-box .formItem img {
    float: left;
    height: 15px;
    width: 15px;
    margin-right: 4px;
    margin-top: 3px;
  }
  .vip-footer .footer-box .form-content .form-box .formItem img.wechat-icon {
    height: 12px;
    margin-top: 4px;
  }
  .vip-footer .footer-box .form-content .form-box .formItem input {
    line-height: 20px;
    height: 20px;
    padding-left: 0px;
    width: 200px;
    font-size: 12px;
  }
  .vip-footer .footer-box .form-content .form-box .formItem input:nth-of-type(2) {
    width: 150px;
  }
  .vip-footer .footer-box .form-content .form-box .formItem select {
    line-height: 20px;
    height: 20px;
    width: 56px;
    font-size: 12px;
  }
  .vip-footer .footer-box .form-content .form-box .formItem .title-span {
    color: white;
    font-size: 15px;
    line-height: 22px;
  }
  .vip-footer .footer-box .form-content .form-box .formItem .selection {
    font-size: 14px;
    float: right;
    margin-right: 10px;
    color: #FFFFFF;
    margin-top: 4px;
  }
  .vip-footer .footer-box .form-content .form-box .formItem .selection.redTxt {
    color: #F18D47;
  }
  .vip-footer .footer-box .form-content .form-box .btnAsk {
    background: #F18D47;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: white;
    font-size: 20px;
    margin-top: 12px;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    width: 100%;
    border: none;
  }
  .vip-footer .footer-box .form-content .form-box .contactFormMessage {
    line-height: 22px;
    font-size: 14px;
  }
  .vip-footer .footer-box .form-content .form-box .contactFormMessage.error {
    color: #F18D47;
  }
  .vip-footer .footer-box .form-content .footer-contact {
    display: none;
  }
}
.footer-form-vip .text-center {
  color: white;
  margin-top: 10px;
}
.footer-form-vip .text-center a {
  color: white !important;
}

.yimin .foot_form .formAsk .contactFormTable .btnAsk {
  width: 200px;
  height: 40px;
  background: #D01B40;
  margin-top: 16px;
  font-size: 20px;
  color: #FFFFFF;
}
.yimin .banner {
  height: 380px;
  width: 100%;
  position: relative;
  background-position: center center;
  background-size: cover;
}
.yimin .session {
  padding-top: 40px;
  position: relative;
}
.yimin .session .session-title {
  margin-top: 26px;
  line-height: 42px;
  text-align: center;
  font-weight: 600;
  position: relative;
}
.yimin .session .session-title .num-title {
  position: absolute;
  left: 50%;
  top: -30px;
  width: 60px;
  margin-left: -30px;
  font-size: 60px;
  font-family: DINAlternate-Bold, DINAlternate;
  font-weight: bold;
  color: #fbdcdc;
  line-height: 70px;
  -webkit-text-stroke: 1px #fbdcdc;
  text-stroke: 1px #fbdcdc;
  z-index: 0;
}
.yimin .session .session-title .zh-title {
  position: relative;
  padding: 4px 0;
  font-size: 22px;
  font-weight: bold;
  color: #ae5805;
  line-height: 33px;
  border-bottom: 1px solid #F93A30;
}
.yimin .session .session-title .zh-title i {
  position: absolute;
  top: -28px;
  right: -22px;
  width: 30px;
  height: 24px;
  background-image: url(/img/main/themeSp/yimin/flower_pc.png);
  background-position: top right;
  background-size: 30px 24px;
  background-repeat: no-repeat;
}
.yimin .session .session-title .en-title {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #f93a30;
  line-height: 18px;
  letter-spacing: 4px;
}
.yimin .session .red-color {
  color: #F93A30;
  font-weight: bold;
}
.yimin .session.introduce-session .session-title {
  margin-bottom: 20px;
}
.yimin .session.introduce-session .bell {
  width: 81px;
  position: absolute;
  top: 0px;
  left: 146px;
  z-index: 1;
}
.yimin .session.introduce-session .introduce-subTitle {
  text-align: center;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
}
.yimin .session.introduce-session .introduce-subTitle .blue-text {
  font-weight: bold;
  font-size: 18px;
  color: #33496B;
}
.yimin .session.introduce-session .introduce-subTitle .yellow-text {
  color: #B6985D;
  font-weight: bold;
  font-size: 18px;
}
.yimin .session.introduce-session .introduce-content {
  width: 900px;
  margin: 0 auto;
  padding: 23px 25px 30px 44px;
}
.yimin .session.introduce-session .introduce-content .content-item {
  overflow: hidden;
}
.yimin .session.introduce-session .introduce-content .content-item img {
  width: 35px;
  float: left;
}
.yimin .session.introduce-session .introduce-content .content-item img.big-book {
  width: 45px;
}
.yimin .session.introduce-session .introduce-content .content-item p {
  float: left;
  font-size: 14px;
  color: #4c4c4c;
  line-height: 23px;
  width: calc(100% - 50px);
}
.yimin .session.introduce-session .introduce-content .content-item p.mr60 {
  width: calc(100% - 60px);
}
.yimin .session.introduce-session .introduce-content .content-item.content-t {
  margin-bottom: 30px;
}
.yimin .session.introduce-session .introduce-content .content-item.content-t img {
  margin-right: 15px;
}
.yimin .session.introduce-session .introduce-content .content-item.content-b img {
  margin-left: 15px;
}
.yimin .session.conditions-session {
  background: rgba(230, 237, 254, 0.3);
  margin-bottom: 20px;
}
.yimin .session.conditions-session .session-title {
  margin-bottom: 30px;
}
.yimin .session.conditions-session .fan-icon {
  width: 72px;
  height: 76px;
  position: absolute;
  top: 6px;
  right: 97px;
}
.yimin .session.conditions-session .conditions-list {
  justify-content: center;
  display: flex;
}
.yimin .session.conditions-session .conditions-list .conditions-item {
  width: 185px;
  height: 217px;
  padding: 40px 12px 0;
  border: 1px solid #BEA64D;
  margin-right: 30px;
}
.yimin .session.conditions-session .conditions-list .conditions-item:last-child {
  margin-right: 0;
}
.yimin .session.conditions-session .conditions-list .conditions-item img {
  display: block;
  height: 62px;
  margin: 0 auto 30px;
}
.yimin .session.conditions-session .conditions-list .conditions-item .text {
  color: #343434;
  line-height: 22px;
  font-size: 14px;
}
.yimin .session.advantage-session {
  padding-bottom: 0px;
}
.yimin .session.advantage-session .session-title {
  margin-bottom: 20px;
}
.yimin .session.advantage-session .advantage-content {
  padding-top: 45px;
  padding-bottom: 6px;
}
.yimin .session.advantage-session .advantage-content .advantage-list {
  width: 970px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.yimin .session.advantage-session .advantage-content .advantage-list:first-child {
  margin-bottom: 38px;
}
.yimin .session.advantage-session .advantage-content .advantage-list .advantage-item {
  position: relative;
  width: 277px;
  padding-left: 82px;
  margin-right: 96px;
  font-size: 16px;
  color: black;
  line-height: 24px;
  background-size: 62px 52px;
  background-repeat: no-repeat;
  background-position: center left;
}
.yimin .session.advantage-session .advantage-content .advantage-list .advantage-item:nth-of-type(3n) {
  width: 182px;
  margin-right: 0;
}
.yimin .session.advantage-session .advantage-content .advantage-list .advantage-item:nth-of-type(1) {
  background-image: url(/img/main/themeSp/yimin/pic_kuai.png);
}
.yimin .session.advantage-session .advantage-content .advantage-list .advantage-item:nth-of-type(2) {
  background-image: url(/img/main/themeSp/yimin/pic_weng.png);
}
.yimin .session.advantage-session .advantage-content .advantage-list .advantage-item:nth-of-type(3) {
  background-image: url(/img/main/themeSp/yimin/pic_jia.png);
}
.yimin .session.advantage-session .advantage-content .advantage-list .advantage-item:nth-of-type(4) {
  background-image: url(/img/main/themeSp/yimin/pic_yi.png);
}
.yimin .session.advantage-session .advantage-content .advantage-list .advantage-item:nth-of-type(5) {
  background-image: url(/img/main/themeSp/yimin/pic_hao.png);
}
.yimin .session.advantage-session .advantage-content .advantage-list .advantage-item:nth-of-type(6) {
  background-image: url(/img/main/themeSp/yimin/pic_jin.png);
}
.yimin .session.advantage-session .advantage-content .advantage-list .advantage-item.advantage-item1 {
  margin-bottom: 30px;
}
.yimin .session.advantage-session .advantage-content .advantage-list .advantage-item .squire {
  position: absolute;
  height: 45px;
  width: 45px;
  background: #f24545;
  text-align: center;
  line-height: 45px;
  color: #fff;
  font-size: 28px;
  top: 150px;
  left: -26px;
}
.yimin .session.step-session .session-title {
  margin-bottom: 40px;
}
.yimin .session.step-session .bell {
  width: 65px;
  position: absolute;
  top: 0px;
  right: 16%;
  z-index: 1;
}
.yimin .session.step-session .step-img {
  height: 164px;
  margin: 0 auto;
  display: block;
  margin-bottom: 60px;
}
@media(max-width:932px) {
  .yimin .session.step-session .step-img {
    width: 80%;
    height: auto;
  }
}
.yimin .session.step-session .step-content {
  display: flex;
  justify-content: center;
  padding: 0 20px;
}
.yimin .session.step-session .step-content .step-item {
  height: 150px;
  width: 464px;
  display: block;
  line-height: 150px;
  color: white;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}
.yimin .session.step-session .step-content .step-item img {
  width: 100%;
}
.yimin .session.step-session .step-content .step-item:first-child {
  margin-right: 40px;
}
.yimin .session.need-session .session-title {
  margin-bottom: 30px;
}
.yimin .session.need-session .tip {
  padding: 0 20px 20px;
  text-align: center;
  font-size: 12px;
  color: #5e5e5e;
}
.yimin .session.need-session table {
  margin: 0 auto;
  border: 1px solid #4A4A4A;
  border-collapse: collapse;
}
.yimin .session.need-session table thead tr {
  color: #373737;
  font-size: 16px;
}
.yimin .session.need-session table thead tr td {
  font-weight: bold;
}
.yimin .session.need-session table tbody {
  color: #111;
}
.yimin .session.need-session table tbody th {
  font-size: 16px;
  font-weight: bold;
}
.yimin .session.need-session table tbody th.long-th img {
  height: 26px;
  width: 26px;
  margin: 22px auto;
  display: block;
}
.yimin .session.need-session table tbody td {
  font-size: 16px;
  padding-right: 38px;
  padding-left: 26px;
  text-align: left;
}
.yimin .session.need-session table tbody td.boldTd {
  font-weight: bold;
}
.yimin .session.need-session table td, .yimin .session.need-session table th {
  padding: 13px 0;
  text-align: center;
  border: 1px solid #4A4A4A;
  vertical-align: middle;
  line-height: 22px;
}
.yimin .foot_form {
  background-size: cover;
  background-image: url("/img/main/themeSp/yimin/form-bg.png");
}
.yimin .session.introduce-session {
  background: #fcf8f5;
}
.yimin .session.introduce-session:before, .yimin .session.introduce-session:after {
  content: " ";
  display: table;
}
.yimin .session.introduce-session:after {
  clear: both;
}
.yimin .session.introduce-session .introduce-content {
  width: 900px;
  margin: 0 auto;
  padding: 13px 25px 60px 44px;
}
.yimin .session.introduce-session .introduce-content:before, .yimin .session.introduce-session .introduce-content:after {
  content: " ";
  display: table;
}
.yimin .session.introduce-session .introduce-content:after {
  clear: both;
}
.yimin .session.introduce-session .introduce-content .left {
  float: left;
  width: 222px;
}
.yimin .session.introduce-session .introduce-content .left img {
  width: 100%;
  height: auto;
}
.yimin .session.introduce-session .introduce-content .right {
  float: right;
  width: 530px;
  margin-left: 70px;
}
.yimin .session.introduce-session .introduce-content .right .content-item {
  font-size: 16px;
  font-weight: 400;
  color: black;
  line-height: 24px;
}
.yimin .session.introduce-session .introduce-content .right .mt-20 {
  margin-top: 20px;
}
.yimin .session.business-visa-session {
  padding-bottom: 0;
}
.yimin .session.business-visa-session .business-visa-content {
  width: 560px;
  height: 120px;
  margin: 29px auto 54px;
  padding: 10px 43px 10px 69px;
  font-size: 16px;
  font-weight: 400;
  color: black;
  line-height: 32px;
  white-space: nowrap;
  background-image: url("/img/main/themeSp/yimin/session_img.png");
  background-size: 100% 100%;
}
.yimin .session.business-visa-session .getdata-form {
  padding: 49px 0 26px;
  background: #fcf8f5;
  position: relative;
  z-index: 1;
}
.yimin .session.business-visa-session .getdata-form .circle-bg1 {
  position: absolute;
  left: 22%;
  top: 105px;
  z-index: 0;
  width: 180px;
  height: 180px;
  background-image: url("/img/main/themeSp/yimin/bg_circle1.png");
  background-size: 100% 100%;
}
.yimin .session.business-visa-session .getdata-form .circle-bg2 {
  position: absolute;
  right: 23%;
  top: 250px;
  z-index: 0;
  width: 171px;
  height: 236px;
  background-image: url("/img/main/themeSp/yimin/bg_circle2.png");
  background-size: 100% 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .yimin .session.business-visa-session .getdata-form .circle-bg1 {
    left: 15%;
  }
  .yimin .session.business-visa-session .getdata-form .circle-bg2 {
    right: 16%;
  }
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content {
  position: relative;
  z-index: 1;
  width: 600px;
  height: 472px;
  margin: 0 auto;
  padding: 30px 98px 20px;
  background-image: url("/img/main/themeSp/yimin/img_form_bg_pc.png");
  background-size: 100% 100%;
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content .form-title {
  font-size: 18px;
  font-weight: bold;
  color: #dd0934;
  line-height: 24px;
  text-align: center;
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable {
  width: 350px;
  margin: 28px auto 0;
  text-align: center;
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .form-title {
  display: none;
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .formItem {
  position: relative;
  margin-bottom: 15px;
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .formItem .verifyCodeInput {
  padding-left: 100px !important;
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .formItem .verifyCodeBtn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #D01B40;
  width: 120px;
  text-align: center;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 40px;
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .formItem .verifyCodeBtn .verifyCodeSubmit {
  display: block;
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .formItem .verifyCodeBtn:hover {
  cursor: pointer;
  background: #e65e7a;
  color: #fff;
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .formItem .verifyCodeTimer, .yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .formItem .verifyCodeTimer:hover {
  color: #fff;
  background: #bbb !important;
  border: none;
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .formItem .iconImg {
  display: none;
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .formItem .inputName {
  position: absolute;
  top: 13px;
  font-size: 16px;
  left: 8px;
  font-weight: 500;
  color: #4a4a4a;
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .formItem .selection {
  font-size: 14px;
  color: #a9a9a9;
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .formItem .selection.redTxt {
  color: #F81B20;
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .formItem .formInput {
  width: 100%;
  height: 40px;
  font-size: 14px;
  padding-left: 50px;
  background: #fff;
  font-weight: 400;
  border: none;
  outline: 0;
  border-radius: 3px;
  background: #f5f6f6;
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .formItem .unicPadding {
  padding-left: 160px;
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .formItem select {
  position: absolute;
  top: 15px;
  left: 55px;
  width: 100px;
  font-size: 14px;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  background-image: url("/img/main/cmn/select-arrow-d.png");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: right 5px center;
  background-attachment: scroll;
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .agreement-text {
  color: #4a4a4a;
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable a {
  color: #B78236;
  font-weight: 400;
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .contactFormMessage {
  display: none;
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .contactFormMessage.error {
  display: block;
}
.yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .btnAsk {
  width: 200px;
  height: 40px;
  background: #D01B40;
  margin-top: 16px;
  font-size: 20px;
  color: #FFFFFF;
  border: none;
  outline: 0;
}
@media only screen and (max-width: 767px) {
  .yimin .session.business-visa-session .bottom_form .getdata-form-content {
    height: 505px !important;
  }
}
.yimin .session.business-visa-session .bottom_form .circle-bg3 {
  position: absolute;
  left: 147px;
  top: 20px;
  z-index: 0;
  width: 197px;
  height: 199px;
  background-image: url("/img/main/themeSp/yimin/bg_circle3.png");
  background-size: 100% 100%;
}
.yimin .session.business-visa-session .bottom_form .circle-bg4 {
  position: absolute;
  right: 170px;
  top: 194px;
  z-index: 0;
  width: 195px;
  height: 225px;
  background-image: url("/img/main/themeSp/yimin/bg_circle4.png");
  background-size: 100% 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .yimin .session.business-visa-session .bottom_form .circle-bg3 {
    left: 60px;
  }
  .yimin .session.business-visa-session .bottom_form .circle-bg4 {
    right: 70px;
  }
}
.yimin .session.step-session {
  padding-bottom: 10px;
  background: #fcf8f5;
}
.yimin .session.need-session {
  padding-bottom: 50px;
  background: #fcf8f5;
}
.yimin .session.need-session .need-content {
  width: 970px;
  margin: 0 auto;
  border: 30px solid #EFE5DB;
  border-top: none;
}
.yimin .session.need-session .need-content .table-wrap {
  border: 30px solid #F9F9F9;
}
.yimin .session.need-session .need-content .tips {
  font-size: 16px;
  font-weight: 400;
  color: #ae5805;
  line-height: 24px;
  padding: 8px 0;
  background-color: #EFE5DB;
}
.yimin .session.need-session .need-content table {
  background: #FFFFFF;
}
.yimin .session.question-session .question-content {
  width: 974px;
  margin: 30px auto 0;
}
.yimin .session.question-session .question-content:before, .yimin .session.question-session .question-content:after {
  content: " ";
  display: table;
}
.yimin .session.question-session .question-content:after {
  clear: both;
}
.yimin .session.question-session .question-content .left {
  float: left;
}
.yimin .session.question-session .question-content .right {
  float: right;
}
.yimin .session.question-session .question-content ul {
  width: 45%;
}
.yimin .session.question-session .question-content ul li {
  margin-top: 45px;
}
.yimin .session.question-session .question-content ul li:first-child {
  margin-top: 0;
}
.yimin .session.question-session .question-content ul .question, .yimin .session.question-session .question-content ul .answer {
  font-size: 16px;
  font-weight: bold;
  color: #373737;
  line-height: 24px;
}
.yimin .session.question-session .question-content ul .question span, .yimin .session.question-session .question-content ul .answer span {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 26px;
  margin-right: 15px;
  font-size: 12px;
  text-align: center;
  line-height: 19px;
  color: #FFFFFF;
  background-image: url("/img/main/themeSp/yimin/question_bg_pc.png");
  background-size: 28px 26px;
}
.yimin .session.question-session .question-content ul .question p, .yimin .session.question-session .question-content ul .answer p {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 45px);
  border: 1px solid #EFE0CA;
  padding: 8px;
}
.yimin .session.question-session .question-content ul .answer {
  margin-top: 10px;
  font-weight: normal;
}
.yimin .session.question-session .question-content ul .answer span {
  width: 22px;
  height: 20px;
  line-height: 16px;
  color: #FFFFFF;
  background-image: url("/img/main/themeSp/yimin/answer_bg_pc.png");
  background-size: 22px 20px;
}
.yimin .session.question-session .allBtn {
  display: none;
}
@media only screen and (max-width: 991px) {
  .yimin .session.introduce-session .introduce-content {
    width: calc(100% - 30px);
  }
  .yimin .session.introduce-session .introduce-content .left {
    float: none;
    margin: 0 auto;
  }
  .yimin .session.introduce-session .introduce-content .right {
    float: none;
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
  }
  .yimin .session.advantage-session .advantage-content {
    width: calc(100% - 30px);
    margin: 0 auto;
  }
  .yimin .session.advantage-session .advantage-content .advantage-list {
    width: 100%;
  }
  .yimin .session.advantage-session .advantage-content .advantage-list .advantage-item {
    width: 300px;
    padding-left: 0;
    padding-top: 68px;
    margin-right: 33px;
    margin-bottom: 15px;
    background-position: top center;
  }
  .yimin .session.advantage-session .advantage-content .advantage-list .advantage-item:nth-of-type(3n) {
    width: 300px;
    margin-right: 33px;
  }
  .yimin .session.advantage-session .advantage-content .advantage-list .advantage-item:nth-of-type(2n) {
    margin-right: 0;
  }
  .yimin .session.need-session .need-content {
    width: 100%;
  }
  .yimin .session.need-session table {
    width: 100%;
  }
  .yimin .session.question-session .question-content {
    width: 100%;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .yimin .foot_form .formAsk .contactFormTable {
    width: calc(100% - 60px);
  }
  .yimin .banner {
    height: 210px;
  }
  .yimin .session {
    padding-bottom: 20px;
  }
  .yimin .session .session-title {
    font-size: 20px;
    line-height: 28px;
  }
  .yimin .session.introduce-session .session-title {
    margin-bottom: 20px;
  }
  .yimin .session.introduce-session .bell {
    display: none;
  }
  .yimin .session.introduce-session .introduce-subTitle {
    padding: 0 23px;
  }
  .yimin .session.introduce-session .introduce-subTitle .red-text {
    font-size: 16px;
  }
  .yimin .session.introduce-session .introduce-subTitle .blue-text {
    font-size: 16px;
  }
  .yimin .session.introduce-session .introduce-subTitle .yellow-text {
    font-size: 16px;
  }
  .yimin .session.introduce-session .introduce-content {
    width: calc(100% - 20px);
    margin: 0 auto;
    padding: 20px 12px 20px 15px;
  }
  .yimin .session.introduce-session .introduce-content .content-item {
    overflow: hidden;
  }
  .yimin .session.introduce-session .introduce-content .content-item p.mr60 {
    width: calc(100% - 100px);
  }
  .yimin .session.introduce-session .introduce-content .content-item.content-t {
    position: relative;
  }
  .yimin .session.introduce-session .introduce-content .content-item.content-t p {
    float: right;
    width: calc(100% - 80px);
  }
  .yimin .session.introduce-session .introduce-content .content-item.content-t img {
    position: absolute;
    width: 45px;
    top: 50%;
    margin-top: -21px;
  }
  .yimin .session.introduce-session .introduce-content .content-item.content-b {
    position: relative;
  }
  .yimin .session.introduce-session .introduce-content .content-item.content-b img {
    margin-left: 0;
    position: absolute;
    top: 50%;
    margin-top: -21px;
  }
  .yimin .session.introduce-session .introduce-content .content-item.content-b img.big-book {
    width: 60px;
    margin-top: -30px;
    right: 0;
  }
  .yimin .session.conditions-session {
    background: rgba(230, 237, 254, 0.3);
    margin-bottom: 45px;
    margin-bottom: 0;
  }
  .yimin .session.conditions-session .session-title {
    margin-bottom: 30px;
  }
  .yimin .session.conditions-session .fan-icon {
    display: none;
  }
  .yimin .session.conditions-session .conditions-list {
    flex-wrap: wrap;
  }
  .yimin .session.conditions-session .conditions-list .conditions-item {
    width: 145px;
    height: 170px;
    padding: 22px 18px 0;
    border: none;
    background: white;
    margin-right: 20px;
    margin-bottom: 15px;
  }
  .yimin .session.conditions-session .conditions-list .conditions-item:nth-child(2n) {
    margin-right: 0;
  }
  .yimin .session.conditions-session .conditions-list .conditions-item img {
    height: 50px;
    margin-bottom: 24px;
  }
  .yimin .session.conditions-session .conditions-list .conditions-item .text {
    line-height: 20px;
    font-size: 12px;
  }
  .yimin .session.advantage-session {
    padding-bottom: 38px;
    margin-bottom: 0;
    background: #F7F9FE;
  }
  .yimin .session.advantage-session .session-title {
    margin-bottom: 20px;
  }
  .yimin .session.advantage-session .advantage-content {
    width: 100%;
    padding-top: 0;
    height: auto;
  }
  .yimin .session.advantage-session .advantage-content .advantage-list {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .yimin .session.advantage-session .advantage-content .advantage-list:first-child {
    margin-bottom: 0px;
  }
  .yimin .session.advantage-session .advantage-content .advantage-list .advantage-item {
    width: 150px;
    padding-left: 0;
    padding-top: 68px;
    margin-right: 20px;
    margin-bottom: 15px;
    background-position: top center;
  }
  .yimin .session.advantage-session .advantage-content .advantage-list .advantage-item:nth-of-type(3n) {
    width: 150px;
    margin-right: 20px;
  }
  .yimin .session.advantage-session .advantage-content .advantage-list .advantage-item:nth-of-type(2n) {
    margin-right: 0;
  }
  .yimin .session.advantage-session .advantage-content .advantage-list .advantage-item .squire {
    position: absolute;
    height: 29px;
    width: 29px;
    background: #f24545;
    text-align: center;
    line-height: 29px;
    color: #fff;
    font-size: 20px;
    top: 112px;
    left: -15px;
  }
  .yimin .session.step-session {
    padding-top: 36px;
    padding-bottom: 20px;
  }
  .yimin .session.step-session .session-title {
    margin-bottom: 24px;
  }
  .yimin .session.step-session .bell {
    display: none;
  }
  .yimin .session.step-session .step-img {
    width: 57%;
    margin: 0 auto;
    display: block;
  }
  .yimin .session.step-session .step-content {
    display: block;
    justify-content: center;
    padding: 20px;
  }
  .yimin .session.step-session .step-content .step-item {
    height: auto;
    width: 100%;
    line-height: 0px;
    color: white;
    font-size: 24px;
    text-align: center;
    margin-bottom: 10px;
  }
  .yimin .session.need-session {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }
  .yimin .session.need-session .tip {
    padding: 0 20px 20px;
    text-align: center;
    font-size: 12px;
    color: #5e5e5e;
  }
  .yimin .session.need-session .session-title {
    margin-bottom: 30px;
  }
  .yimin .session.need-session .need-content {
    width: 100%;
    border: 10px solid #efe5db;
  }
  .yimin .session.need-session .need-content .table-wrap {
    border: none;
  }
  .yimin .session.need-session table {
    width: 100%;
  }
  .yimin .session.need-session table thead tr {
    color: #373737;
    font-size: 14px;
  }
  .yimin .session.need-session table thead tr td {
    font-weight: bold;
  }
  .yimin .session.need-session table tbody {
    color: #111;
  }
  .yimin .session.need-session table tbody tr.header-tr th {
    font-weight: bold;
    color: #373737;
    line-height: 21px;
    font-size: 14px;
  }
  .yimin .session.need-session table tbody tr.header-tr th img {
    width: 10px;
    height: 12px;
    margin: 0 14px 0 14px;
  }
  .yimin .session.need-session table tbody th {
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
  }
  .yimin .session.need-session table tbody th.long-th {
    font-size: 12px;
  }
  .yimin .session.need-session table tbody th.long-th img {
    height: 12px;
    width: 18px;
    margin: 22px auto;
    display: block;
  }
  .yimin .session.need-session table tbody td {
    font-size: 14px;
    padding-right: 14px;
    padding-left: 14px;
    text-align: left;
  }
  .yimin .session.need-session table tbody td.center {
    text-align: center;
  }
  .yimin .session.need-session table td, .yimin .session.need-session table th {
    padding: 10px 0;
    text-align: center;
    border: 1px solid #4A4A4A;
    vertical-align: middle;
    line-height: 25px;
  }
  .yimin .session.business-visa-session .business-visa-content {
    width: 348px;
    height: 220px;
    padding: 10px 13px 10px 53px;
    background-image: url("/img/main/themeSp/yimin/session_img_tw.png");
    background-size: 100% 100%;
  }
  .yimin .session.business-visa-session .business-visa-content div {
    white-space: normal;
  }
  .yimin .session.business-visa-session .getdata-form {
    width: 100%;
    padding: 49px 12px 26px;
  }
  .yimin .session.business-visa-session .getdata-form .getdata-form-content {
    width: 352px;
    height: 484px;
    margin: 0 auto;
    padding: 30px 24px 20px;
    background-image: url("/img/main/themeSp/yimin/img_form_bg_tw.png");
    background-size: 100% 100%;
  }
  .yimin .session.business-visa-session .getdata-form .getdata-form-content .form-title {
    width: 200px;
    margin: 0 auto;
  }
  .yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable {
    width: 100%;
    margin: 18px auto 0;
  }
  .yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .formItem .unicPadding {
    padding-left: 120px;
  }
  .yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .formItem select {
    width: 65px;
  }
  .yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .agreement-text {
    text-align: left;
  }
  .yimin .session.question-session .question-content {
    width: 100%;
    height: 475px;
    overflow: hidden;
    padding: 0 15px;
    margin: 30px auto 0;
  }
  .yimin .session.question-session .question-content ul {
    width: 100%;
  }
  .yimin .session.question-session .allBtn {
    margin: 20px 15px 0;
    padding: 10px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    color: #ae5805;
    border-top: 1px solid #d8d8d8;
  }
  .yimin .session.question-session .allBtn i {
    font-size: 20px;
    margin-right: 15px;
  }
  .yimin .session.question-session .allUp {
    display: none;
  }
  .yimin .session.question-session .allDown {
    display: block;
  }
}
.yimin .white-text {
  color: white;
}
.yimin .white-text a {
  color: white !important;
}
.yimin.introduction {
  background: #f5f6fa;
}
.yimin.introduction .banner {
  height: 260px;
  width: 100%;
  position: relative;
  background-image: url(/img/main/themeSp/yimin/introduction/banner.jpg);
  background-position: center center;
  background-size: cover;
}
.yimin.introduction .introduce-session {
  padding-bottom: 34px;
  background: #fff;
}
.yimin.introduction .introduce-session .introduce-subTitle {
  margin-top: 22px;
  line-height: 26px;
  margin-bottom: 0px;
  font-size: 14px;
  color: #343434;
  text-align: center;
}
.yimin.introduction .introduce-session .introduce-subTitle .blue-text {
  color: #33496B;
  font-size: 18px;
  font-weight: bold;
}
.yimin.introduction .introduce-session .introduce-subTitle .yellow-text {
  color: #B6985D;
  font-size: 18px;
  font-weight: bold;
}
.yimin.introduction .talent-session {
  background-image: url(/img/main/themeSp/yimin/introduction/bg.jpg);
  background-size: 100% 100%;
  background-position: left bottom;
  background-repeat: no-repeat;
}
.yimin.introduction .talent-session .talent-list {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  width: 860px;
  flex-wrap: wrap;
  padding-top: 55px;
}
.yimin.introduction .talent-session .talent-list .talent-item {
  padding: 16px 33px;
  margin-bottom: 33px;
  width: 400px;
  height: 140px;
  background-image: url(/img/main/themeSp/yimin/introduction/bg-blue.png);
  background-position: left top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.yimin.introduction .talent-session .talent-list .talent-item:nth-child(2n-1) {
  margin-right: 58px;
}
.yimin.introduction .talent-session .talent-list .talent-item .talent-item-title {
  color: #354B6D;
  font-size: 20px;
  margin-bottom: 18px;
  line-height: 38px;
  font-weight: bold;
}
.yimin.introduction .talent-session .talent-list .talent-item .talent-item-title img {
  width: 38px;
  height: 38px;
  float: left;
  margin-right: 30px;
}
.yimin.introduction .talent-session .talent-list .talent-item .talent-item-text {
  font-size: 14px;
  color: #354B6D;
  line-height: 22px;
}
.yimin.introduction .table-box {
  width: 1088px;
  padding: 44px 0 52px;
  margin: 0 auto 17px;
  background: white;
}
.yimin.introduction .table-box .table-title {
  color: white;
  line-height: 42px;
  width: 550px;
  text-align: center;
  background: #3a80d8;
  font-size: 16px;
  margin: 0 auto 36px;
}
.yimin.introduction .table-box .tip {
  margin-top: 25px;
  text-align: center;
  color: #5e5e5e;
  font-size: 12px;
}
.yimin.introduction .table-box .table-img {
  width: 722px;
  margin: 0 auto;
  display: block;
}
.yimin.introduction .step-session {
  background: white;
  width: 1088px;
  margin: 0 auto 21px;
  padding-bottom: 58px;
}
.yimin.introduction .step-session .step-img {
  margin-bottom: 0;
}
.yimin.introduction .advantage-session {
  background: #fff;
  width: 1088px;
  margin: 0 auto 55px;
  padding-bottom: 36px;
}
.yimin.introduction .advantage-session .advantage-box {
  display: flex;
  justify-content: center;
  width: 670px;
  margin: 30px auto 0;
  flex-wrap: wrap;
}
.yimin.introduction .advantage-session .advantage-box .advantage-item {
  width: 155px;
  margin-right: 100px;
  margin-bottom: 30px;
  color: #777777;
  line-height: 20px;
  font-size: 14px;
}
.yimin.introduction .advantage-session .advantage-box .advantage-item:nth-child(3n) {
  margin-right: 0px;
}
.yimin.introduction .advantage-session .advantage-box .advantage-item .advantage-img {
  height: 70px;
  width: 70px;
  margin: 10px auto;
  display: block;
}
@media only screen and (max-width: 767px) {
  .yimin.introduction {
    background: #fff;
  }
  .yimin.introduction .banner {
    height: 130px;
    background-image: url(/img/main/themeSp/yimin/introduction/banner-tw.jpg);
  }
  .yimin.introduction .introduce-session {
    padding-bottom: 26px;
  }
  .yimin.introduction .introduce-session .introduce-subTitle .blue-text {
    font-size: 16px;
  }
  .yimin.introduction .introduce-session .introduce-subTitle .yellow-text {
    font-size: 16px;
  }
  .yimin.introduction .talent-session {
    background-position: left 28px;
    background-size: 100% auto;
    padding-bottom: 0px;
  }
  .yimin.introduction .talent-session .talent-list {
    background-color: #f5f6fa;
    margin: 10px auto 0;
    display: block;
    width: 100%;
    padding: 18px 17px;
  }
  .yimin.introduction .talent-session .talent-list .talent-item {
    padding: 18px 10px 18px 84px;
    margin-bottom: 12px;
    width: 100%;
    height: 81px;
    margin-right: 0px;
    background-image: url(/img/main/themeSp/yimin/introduction/bg-blue.png);
    background-position: left top;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
  }
  .yimin.introduction .talent-session .talent-list .talent-item.shortPadding {
    padding-top: 12px;
  }
  .yimin.introduction .talent-session .talent-list .talent-item .talent-item-title {
    color: #354B6D;
    font-size: 15px;
    margin-bottom: 18px;
    line-height: 21px;
    margin-bottom: 10px;
    font-weight: bold;
  }
  .yimin.introduction .talent-session .talent-list .talent-item .talent-item-title img {
    width: 45px;
    height: 45px;
    top: 18px;
    left: 19px;
    margin-right: 0px;
    position: absolute;
  }
  .yimin.introduction .talent-session .talent-list .talent-item .talent-item-text {
    font-size: 12px;
  }
  .yimin.introduction .talent-session .talent-list .talent-item .talent-item-text.talent-item-text-double {
    line-height: 14px;
    margin-top: -6px;
  }
  .yimin.introduction .table-box {
    width: 100%;
    padding: 24px 7px 0;
  }
  .yimin.introduction .table-box .table-title {
    width: 268px;
    padding: 6px 11px;
    line-height: 14px;
    text-align: center;
    font-size: 10px;
    margin-bottom: 18px;
  }
  .yimin.introduction .table-box .tip {
    margin-top: 13px;
  }
  .yimin.introduction .table-box .table-img {
    width: 100%;
    margin: 0 auto;
    display: block;
  }
}
.yimin.mergers .banner {
  height: 260px;
  width: 100%;
  position: relative;
  background-image: url(/img/main/themeSp/yimin/mergers/banner.jpg);
  background-position: center center;
  background-size: cover;
}
.yimin.mergers .introduce-subTitle {
  width: 783px;
  margin: 0 auto 0;
}
.yimin.mergers .introduce-subTitle:nth-child(1) {
  margin-top: 62px;
  margin-bottom: 20px;
}
.yimin.mergers .introduce-session {
  z-index: 2;
  max-height: 200px;
}
.yimin.mergers .high-yield {
  padding-top: 230px;
  margin-top: -140px;
  background-image: url(/img/main/themeSp/yimin/introduction/bg.jpg);
  background-size: 100% 100%;
  background-position: left bottom;
  background-repeat: no-repeat;
}
.yimin.mergers .high-yield .high-yield-list {
  width: 1050px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
}
.yimin.mergers .high-yield .high-yield-list .high-yield-item {
  background-size: 100% 100%;
  height: 284px;
  width: 245px;
  margin: 8px;
  padding-top: 210px;
  text-align: center;
  color: #354B6D;
  font-size: 20px;
  line-height: 28px;
}
.yimin.mergers .high-yield .high-yield-list .high-yield-item .line {
  color: #EAEDF3;
}
.yimin.mergers .high-yield .high-yield-list .high-yield-item .text {
  margin: 0 10px;
  font-weight: bold;
}
.yimin.mergers .high-yield .high-yield-list .high-yield-item:nth-child(1) {
  background-image: url(/img/main/themeSp/yimin/mergers/high-yield1.png);
}
.yimin.mergers .high-yield .high-yield-list .high-yield-item:nth-child(2) {
  background-image: url(/img/main/themeSp/yimin/mergers/high-yield2.png);
}
.yimin.mergers .high-yield .high-yield-list .high-yield-item:nth-child(3) {
  background-image: url(/img/main/themeSp/yimin/mergers/high-yield3.png);
}
.yimin.mergers .high-yield .high-yield-list .high-yield-item:nth-child(4) {
  background-image: url(/img/main/themeSp/yimin/mergers/high-yield4.png);
}
.yimin.mergers .high-yield .high-yield-list .high-yield-item:nth-child(5) {
  background-image: url(/img/main/themeSp/yimin/mergers/high-yield5.png);
}
.yimin.mergers .high-yield .high-yield-list .high-yield-item:nth-child(6) {
  background-image: url(/img/main/themeSp/yimin/mergers/high-yield6.png);
}
.yimin.mergers .high-yield .high-yield-list .high-yield-item:nth-child(7) {
  background-image: url(/img/main/themeSp/yimin/mergers/high-yield7.png);
}
.yimin.mergers .high-yield .high-yield-list .high-yield-item:nth-child(8) {
  background-image: url(/img/main/themeSp/yimin/mergers/high-yield8.png);
}
@media only screen and (max-width: 767px) {
  .yimin.mergers .banner {
    height: 130px;
    background-image: url(/img/main/themeSp/yimin/mergers/banner-tw.jpg);
  }
  .yimin.mergers .introduce-session {
    padding: 23px;
    text-align: center;
    max-height: 500px;
  }
  .yimin.mergers .introduce-session .introduce-subTitle {
    width: 100%;
    padding: 0px;
    line-height: 23px;
    font-size: 12px;
  }
  .yimin.mergers .high-yield {
    background-position: left top;
    background-size: 100% auto;
    margin-top: 0px;
    padding-top: 56px;
    margin-top: -23px;
    padding-bottom: 0px;
  }
  .yimin.mergers .high-yield .high-yield-list {
    padding-top: 22px;
    background: #f5f6fa;
    margin-top: 0;
    width: 100%;
    padding-bottom: 20px;
  }
  .yimin.mergers .high-yield .high-yield-list li.high-yield-item {
    font-size: 16px;
    width: calc(50% - 16px);
    height: 170px;
    padding-top: 120px;
  }
}

@media only screen and (max-width: 320px) {
  .yimin .session.business-visa-session .business-visa-content {
    width: 100%;
  }
  .yimin .session.business-visa-session .getdata-form .getdata-form-content {
    width: 100%;
  }
  .yimin .session.business-visa-session .getdata-form .getdata-form-content .contactFormTable .agreement-text {
    text-align: left;
  }
  .yimin .session.advantage-session .advantage-content .advantage-list .advantage-item {
    width: 122px;
  }
  .yimin .session.advantage-session .advantage-content .advantage-list .advantage-item:nth-child(3n) {
    width: 122px;
    margin-right: 10px;
  }
}
.uplife {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.6;
}
.uplife .uplife_title {
  text-align: center;
  margin-bottom: 25px;
}
.uplife .uplife_title img {
  margin: 0 auto;
}
.uplife .uplife_company {
  padding: 50px 0;
}
.uplife .uplife_company .uplife_company_cont {
  padding: 0;
}
.uplife .uplife_company .uplife_company_cont:before, .uplife .uplife_company .uplife_company_cont:after {
  content: " ";
  display: table;
}
.uplife .uplife_company .uplife_company_cont:after {
  clear: both;
}
.uplife .uplife_company .uplife_company_cont .left {
  float: left;
  width: 390px;
}
.uplife .uplife_company .uplife_company_cont .left img {
  width: 100%;
}
.uplife .uplife_company .uplife_company_cont .right {
  float: right;
  width: calc(100% - 390px);
  padding-left: 25px;
}
.uplife .uplife_company .uplife_company_cont .right .intro {
  text-indent: 1em;
}
.uplife .uplife_company .uplife_company_cont .right .intro .importantTxt {
  color: #7F4E00;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .uplife .uplife_company {
    padding: 30px 0;
  }
  .uplife .uplife_company .uplife_company_cont .left {
    float: none;
    width: 100%;
    marign-bottom: 20px;
  }
  .uplife .uplife_company .uplife_company_cont .right {
    float: none;
    width: 100%;
    padding-left: 0;
  }
}
.uplife .uplife_trust {
  padding: 40px 0;
  background: url("/img/main/themeSp/uplife/bg_trust.jpg") no-repeat center;
  background-size: cover;
}
.uplife .uplife_trust .intro {
  margin-bottom: 14px;
  padding: 0 40px;
  text-indent: 1em;
  color: #fff;
}
.uplife .uplife_trust .summary {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
.uplife .uplife_trust .summary img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .uplife .uplife_trust {
    padding: 30px 0;
  }
  .uplife .uplife_trust .intro {
    padding: 0;
  }
}
.uplife .uplife_hosting {
  padding: 20px 0;
  background: #F7F7F7;
}
.uplife .uplife_hosting .uplife_hosting_cont {
  max-width: 970px;
  width: 100%;
  margin: 0 auto;
}
.uplife .uplife_hosting .uplife_hosting_cont img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .uplife .uplife_hosting {
    padding: 0;
  }
}
.uplife .uplife_manage {
  padding: 50px 0;
}
.uplife .uplife_manage.session .session-title {
  margin-top: 0;
}
.uplife .uplife_manage.session.question-session .question-content ul .question span {
  line-height: 21px;
  background-image: url("/img/main/themeSp/uplife/bg_question_pc.png");
}
.uplife .uplife_manage.session.question-session .question-content ul .answer span {
  background-image: url("/img/main/themeSp/uplife/bg_answer_pc.png");
  color: #6A6A6A;
}
.uplife .uplife_manage.session.question-session .allBtn {
  color: #0170A0;
}
@media only screen and (max-width: 767px) {
  .uplife .uplife_manage {
    padding: 30px 0;
  }
}
.uplife .uplife_inquiry {
  padding: 30px 0 70px;
  background-image: url(/img/main/themeSp/uplife/bg_inquiry.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.uplife .uplife_inquiry .redTxt {
  color: #FE3333;
  font-weight: 600;
}
.uplife .uplife_inquiry .inquiryTitle {
  margin-bottom: 30px;
  color: #fff;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: bold;
  text-align: center;
}
.uplife .uplife_inquiry .inquiryCont {
  width: 400px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .uplife .uplife_inquiry .inquiryTitle {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .uplife .uplife_inquiry .inquiryCont {
    width: 100%;
    padding: 0 15px;
  }
}
.uplife .uplife_inquiry .agreement {
  color: #fff;
}

.yak-bg-banner {
  width: 100%;
}
.yak .importantTxt {
  color: #CF8207;
  font-weight: bold;
}
.yak .company-bg {
  background: url("/img/main/themeSp/yak/bg-sakura-01.png") no-repeat;
  background-size: 100%;
  background-position: cover;
}
@media only screen and (max-width: 767px) {
  .yak .company-bg {
    background: #fff;
  }
}
.yak .yak-company {
  max-width: 1010px;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: 1px;
  padding: 53px 15px 0 15px;
}
@media only screen and (max-width: 767px) {
  .yak .yak-company {
    font-size: 14px;
    line-height: 24px;
    padding-top: 35px;
  }
}
.yak .yak-company .company-title {
  display: block;
  height: 50px;
  margin: 0 auto 25px auto;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .yak .yak-company .company-title {
    height: 38px;
    margin: 0 auto 20px auto;
  }
}
.yak .yak-company .company-title img {
  height: 100%;
}
.yak .yak-company .company-text {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .yak .yak-company .company-text {
    margin-bottom: 5px;
  }
}
.yak .buy-process {
  margin-top: 50px;
}
@media only screen and (max-width: 767px) {
  .yak .buy-process {
    margin-top: 30px;
  }
}
.yak .buy-process img {
  display: block;
  width: 100%;
}
.yak .success-bg {
  background: url("/img/main/themeSp/yak/bg-sakura-03.png") no-repeat;
  background-size: 100%;
  background-position: cover;
}
@media only screen and (max-width: 767px) {
  .yak .success-bg {
    background: url("/img/main/themeSp/yak/bg-sakura-03-tw.png") no-repeat;
    background-size: 100%;
    background-position: cover;
  }
}
.yak .success {
  max-width: 1000px;
  padding: 50px 15px 0 15px;
  margin: 0px auto;
}
@media only screen and (max-width: 991px) {
  .yak .success {
    width: 100%;
    padding: 35px 15px 0 15px;
  }
}
.yak .success-title {
  height: 58px;
  width: 320px;
  background: url("/img/main/themeSp/yak/title-success.png") no-repeat;
  background-size: 100%;
  margin: 0 auto 35px auto;
}
@media only screen and (max-width: 767px) {
  .yak .success-title {
    height: 37px;
    width: 210px;
    margin-top: 0;
    margin-bottom: 25px;
  }
}
.yak .success-container {
  font-size: 0;
  display: table;
  height: 100%;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .yak .success-container {
    display: block;
    margin-bottom: 0px;
  }
}
.yak .success-item {
  display: table-cell;
  width: 50%;
  height: 100%;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .yak .success-item {
    display: table;
    width: 100%;
    margin-bottom: 18px;
  }
}
.yak .item-full {
  width: 100%;
}
.yak .success-item-padding {
  margin-left: 30px;
}
@media only screen and (max-width: 767px) {
  .yak .success-item-padding {
    margin-left: 0;
  }
}
.yak .success-item-left {
  display: inline-block;
  vertical-align: top;
  width: 60px;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .yak .success-item-left {
    width: 44px;
  }
}
.yak .success-item-left .success-avator {
  width: 60px;
  height: 60px;
  display: block;
  border-radius: 50%;
  background: #eee;
}
@media only screen and (max-width: 767px) {
  .yak .success-item-left .success-avator {
    width: 35px;
    height: 35px;
  }
}
.yak .success-item-left .avator-name {
  font-size: 18px;
  line-height: 25px;
  font-weight: 600;
  color: #313131;
  margin-top: 2px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .yak .success-item-left .avator-name {
    font-size: 16px;
    line-height: 22px;
    margin-top: 4px;
  }
}
.yak .success-item-text-container {
  padding: 12px 20px;
}
@media only screen and (max-width: 767px) {
  .yak .success-item-text-container {
    padding: 8px 15px 10px 15px;
  }
}
.yak .success-item-text-container .success-p-text {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #424242;
  margin-bottom: 5px;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .yak .success-item-text-container .success-p-text {
    font-size: 14px;
    line-height: 24px;
  }
}
.yak .success-item-text-container .success-p-text .importantTxt {
  color: #C24837;
}
.yak .success-item-text-container .success-p-blod {
  font-weight: 600;
}
.yak .success-item-right {
  display: inline-block;
  width: calc(100% - 110px);
  height: 100%;
  margin-left: 27px;
  border: 1px solid #909090;
  border-radius: 4px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .yak .success-item-right {
    width: calc(100% - 60px);
    margin-left: 15px;
  }
}
.yak .success-item-right.success-item-right-full {
  width: calc(100% - 110px);
  height: auto;
  min-height: 0;
}
@media only screen and (max-width: 767px) {
  .yak .success-item-right.success-item-right-full {
    width: calc(100% - 60px);
  }
}
.yak .success-border-left {
  width: 0;
  height: 0;
  border-bottom: 18px solid transparent;
  border-right: 18px solid #909090;
  border-top: 18px solid transparent;
  position: absolute;
  top: 18px;
  left: -18px;
}
@media only screen and (max-width: 767px) {
  .yak .success-border-left {
    border-bottom: 10px solid transparent;
    border-right: 10px solid #909090;
    border-top: 10px solid transparent;
    top: 17px;
    left: -10px;
  }
}
.yak .success-border-left span {
  display: block;
  width: 0;
  height: 0;
  border-bottom: 22px solid transparent;
  border-right: 22px solid #fff;
  border-top: 22px solid transparent;
  position: absolute;
  left: 2px;
  top: -22px;
}
@media only screen and (max-width: 767px) {
  .yak .success-border-left span {
    border-bottom: 8px solid transparent;
    border-right: 8px solid #fff;
    border-top: 8px solid transparent;
    left: 2px;
    top: -8px;
  }
}
.yak .button-see-mmore {
  display: block;
  margin: 35px auto 50px auto;
  font-size: 20px;
  line-height: 36px;
  padding: 10px 0;
  width: 250px;
  background: #2FA9AF;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  font-weight: 500;
  cursor: pointer;
}
.yak .button-see-mmore:hover, .yak .button-see-mmore:focus {
  text-decoration: none;
}
@media only screen and (max-width: 991px) {
  .yak .button-see-mmore {
    margin: 24px auto 35px auto;
    font-size: 16px;
    line-height: 26px;
    padding: 7px 0;
    width: 160px;
  }
}
.yak .nav-bar {
  height: 10px;
  background: #F4F4F4;
}
.yak .loan-bg {
  background: url("/img/main/themeSp/yak/bg-Fujiyama.png") no-repeat;
  background-size: 100%;
  background-position-y: 100%;
}
@media only screen and (max-width: 767px) {
  .yak .loan-bg {
    background: url("/img/main/themeSp/yak/bg-Fujiyama-tw.png") no-repeat;
    background-size: 100%;
    background-position-y: 100%;
  }
}
.yak .loan-message-container {
  max-width: 1010px;
  padding: 0 15px 100px 15px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .yak .loan-message-container {
    padding-bottom: 30px;
  }
}
.yak .loan-message-title {
  height: 50px;
  width: 445px;
  background: url("/img/main/themeSp/yak/title-loan.png") no-repeat;
  background-size: 100%;
  margin: 35px auto;
}
@media only screen and (max-width: 991px) {
  .yak .loan-message-title {
    height: 37px;
    width: 278px;
    margin: 35px auto 20px auto;
  }
}
.yak .table-title-cell {
  display: table-cell;
  padding: 12px 0;
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  border-radius: 26px 26px 0px 0px;
}
@media only screen and (max-width: 767px) {
  .yak .table-title-cell {
    padding: 8px 0;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    border-radius: 16px 16px 0px 0px;
  }
}
.yak .table-cell-2 {
  background: #FAD4B1;
  color: #743A06;
}
.yak .table-cell-3 {
  background: #D0E7D2;
  color: #2D5A31;
}
.yak .title-cell-tw {
  margin-bottom: 10px;
}
.yak .title-cell-1 {
  font-size: 0;
  text-align: left;
  font-style: oblique;
  padding: 0;
}
.yak .title-cell-1 .table-title-mum {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 26px;
  color: #ffffff;
  text-align: center;
  background: #BA9448;
}
@media only screen and (max-width: 767px) {
  .yak .title-cell-1 .table-title-mum {
    width: 20px;
    height: 22px;
    line-height: 22px;
    font-size: 18px;
  }
}
.yak .title-cell-1 .table-title-text {
  display: inline-block;
  margin-left: 8px;
  font-size: 18px;
  line-height: 25px;
  font-weight: 600;
  font-style: normal;
}
@media only screen and (max-width: 767px) {
  .yak .title-cell-1 .table-title-text {
    margin-left: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
  }
}
.yak .table-cell-text-small {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
@media only screen and (max-width: 767px) {
  .yak .table-cell-text-small {
    font-size: 8px;
    font-weight: normal;
    line-height: 13px;
  }
}
.yak .table-cell-text-small .table-cell-text-color {
  color: #C24837;
}
.yak .color-bold {
  font-weight: 600;
  color: #C24837;
}
@media only screen and (max-width: 767px) {
  .yak .color-bold {
    font-size: 9px;
    line-height: 18px;
  }
}
.yak .loan-message-table {
  display: table;
  margin: 0 auto 40px auto;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.yak .loan-message-table:last-child {
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .yak .loan-message-table {
    margin-bottom: 20px;
  }
}
.yak .loan-message-table .loan-table-row {
  display: table-row;
}
.yak .loan-message-table .loan-table-cell {
  display: table-cell;
  padding: 12px 22px;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #424242;
  vertical-align: middle;
  border: 1px solid #787878;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .yak .loan-message-table .loan-table-cell {
    padding: 6px 3px;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
  }
}
.yak .loan-message-table .loan-cell-1 {
  width: 200px;
  text-align: center;
  font-style: oblique;
  font-size: 26px;
  line-height: 31px;
}
@media only screen and (max-width: 767px) {
  .yak .loan-message-table .loan-cell-1 {
    width: 40px;
    font-size: 12px;
    line-height: 15px;
  }
}
.yak .loan-message-table.table-two .loan-cell-1 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  font-style: normal;
}
@media only screen and (max-width: 767px) {
  .yak .loan-message-table.table-two .loan-cell-1 {
    font-size: 10px;
    line-height: 14px;
    font-weight: 500;
  }
}
.yak .loan-message-table .loan-cell-2 {
  background: #FFF8EA;
}
.yak .loan-message-table .loan-cell-3 {
  background: #F0FFF9;
}
.yak .loan-message-table .loan-cell-bold {
  font-weight: 600;
}
.yak-inquiry {
  padding: 30px 0 70px;
  background-image: url(/img/main/themeSp/yak/form-pc.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .yak-inquiry {
    background-image: url(/img/main/themeSp/yak/form-tw.png);
  }
}
.yak-inquiry .inquiryTitle {
  margin-bottom: 30px;
  color: #fff;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: bold;
  text-align: center;
}
.yak-inquiry .inquiryCont {
  width: 400px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .yak-inquiry .inquiryTitle {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .yak-inquiry .inquiryCont {
    width: 100%;
    padding: 0 15px;
  }
}
.yak-inquiry .button {
  width: 100%;
  border-radius: 4px;
  border: none;
  outline: none;
  padding: 10px 0;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background: #eb8731;
  box-shadow: 0px 2px 2px 0px #a84d00;
}

/* Fix&Customize */
@media only screen and (max-width: 767px) {
  .mb .header.spfix {
    display: none;
  }
}
.mb footer .footer_info {
  display: none !important;
}
.mb .m-breadcrumb {
  display: none;
}
.mb.home .l-all {
  padding-bottom: 0px;
}
.mb.sales .l-all {
  padding-top: 0px;
}
.mb.contactus .l-all {
  padding-top: 0px;
  padding-bottom: 0px;
}
.mb.contactus .room .room_contact {
  padding-top: 10px;
  padding-bottom: 10px;
  height: 100vh;
}
.mb.contactus .room .room_contact .title {
  display: none;
}
.mb.contactus .room .room_contact .subTitle {
  display: none;
}
.mb.contactus .room .room_contact .room_contact_form ul li textarea {
  height: 100px;
}

.ua-mobile .haiwaiDetail .l-all {
  padding-top: 65px;
  padding-bottom: 65px;
}
.haiwaiDetail .swiper {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  direction: ltr;
  backface-visibility: hidden;
  z-index: 1;
}
.haiwaiDetail .swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0, 0);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0, 0, 0);
  transition-timing-function: ease;
  box-sizing: content-box;
}
.haiwaiDetail .swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .MicrosoftMap .NavBar_Container .NavBar_locateMe, .haiwaiDetail .MicrosoftMap .NavBar_Container .NavBar_zoomIn, .haiwaiDetail .MicrosoftMap .NavBar_Container .NavBar_zoomOut {
    background-repeat: no-repeat;
    background-origin: center center;
    width: 30px;
    height: 30px;
  }
}
.haiwaiDetail .swiper-slide {
  float: left;
  box-sizing: content-box;
}
.haiwaiDetail .swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}
.haiwaiDetail .swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}
.haiwaiDetail .fl {
  float: left;
}
.haiwaiDetail .fr {
  float: right;
}
.haiwaiDetail .fixed {
  z-index: 999;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}
.haiwaiDetail .display_none {
  display: none !important;
}
.haiwaiDetail .arrow-left-house {
  background: url(/img/main/hjp/arrow.png) rgba(0, 0, 0, 0.6) no-repeat center top;
  background-size: 20px 100px;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -40px;
  width: 30px;
  height: 50px;
  z-index: 10;
}
.haiwaiDetail .arrow-right-house {
  background: url(/img/main/hjp/arrow.png) rgba(0, 0, 0, 0.6) no-repeat center bottom;
  background-size: 20px 100px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -40px;
  width: 30px;
  height: 50px;
  z-index: 10;
}
.haiwaiDetail .detail_loop_title {
  color: #000000;
  font-size: 22px;
  width: 100%;
  margin: 0 auto;
  zoom: 1;
  padding: 20px 0;
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .detail_loop_title {
    padding: 10px 0;
  }
}
.haiwaiDetail .detail_banner_loop {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .detail_banner_loop .container {
    padding: 0;
  }
}
.haiwaiDetail .bg_f7f8fa {
  background: #f7f8fa;
}
.haiwaiDetail .color {
  color: #dba459;
}
.haiwaiDetail .loop_layout {
  width: 100%;
  margin: 0 auto;
  padding: 30px 0;
  font-size: 16px;
  zoom: 1;
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .loop_layout {
    padding: 0;
  }
}
.haiwaiDetail .clear:after {
  clear: both;
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
}
.haiwaiDetail .photosList {
  width: 600px;
  height: 550px;
  float: left;
}
@media only screen and (max-width: 1199px) {
  .haiwaiDetail .photosList {
    width: 450px;
  }
}
@media only screen and (max-width: 991px) {
  .haiwaiDetail .photosList {
    width: 350px;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .photosList {
    width: 100%;
    float: none;
  }
}
.haiwaiDetail .view {
  position: relative;
}
.haiwaiDetail .view .hide {
  display: none;
}
.haiwaiDetail .view .liabilityExemptionImg {
  position: absolute;
  top: 0;
  left: 0;
  height: 200px;
  width: 200px;
  z-index: 99;
}
.haiwaiDetail .view .swiper {
  width: 100%;
  height: 450px;
}
@media only screen and (max-width: 991px) {
  .haiwaiDetail .view .swiper {
    height: 370px;
  }
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .view .swiper {
    height: 250px;
  }
}
.haiwaiDetail .view .swiper-pagination {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #dba459;
}
.haiwaiDetail .view .swiper-pagination .activeImg_num {
  color: #dba459;
}
.haiwaiDetail .view .swiper-pagination .allImg_num {
  color: #dba459;
}
.haiwaiDetail .swiper {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  direction: ltr;
  backface-visibility: hidden;
  z-index: 1;
}
.haiwaiDetail .view .arrow-left {
  background: url("/img/main/hjp/index_tab_ls.png") rgba(0, 0, 0, 0.6) no-repeat center center;
  background-size: 30px 80px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, 0, endColorstr=#99000000, 0);
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -35px;
  width: 60px;
  height: 100px;
  z-index: 10;
}
.haiwaiDetail .view .arrow-right {
  background: url("/img/main/hjp/index_tab_rs.png") rgba(0, 0, 0, 0.6) no-repeat center center;
  background-size: 30px 80px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, 0, endColorstr=#99000000, 0);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -35px;
  width: 60px;
  height: 100px;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .view .arrow-left, .haiwaiDetail .view .arrow-right {
    background-size: 15px 40px;
    width: 30px;
    height: 50px;
  }
}
.haiwaiDetail .view .swiper-slide {
  position: relative;
}
.haiwaiDetail .view .swiper-slide a {
  position: absolute;
  display: inline-block;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
.haiwaiDetail .view .swiper-slide a img {
  width: 100%;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .view .swiper-slide a img {
    height: 100%;
  }
}
.haiwaiDetail .view .swiper .swiper-slide {
  background: #ffffff;
  margin: 0;
}
.haiwaiDetail .preview {
  width: 100%;
  margin-top: 10px;
  position: relative;
}
.haiwaiDetail .preview .swiper {
  height: 82px;
  width: 100%;
}
.haiwaiDetail .preview .swiper-slide {
  width: 100px;
  height: 80px;
  padding-right: 10px;
  position: relative;
}
.haiwaiDetail .preview .slide6 {
  width: 82px;
}
.haiwaiDetail .preview .supernatant {
  width: 100%;
  height: 84px;
  background: #ffffff;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}
.haiwaiDetail .preview .supernatant:hover {
  padding: 0;
  opacity: 0;
  cursor: pointer;
}
.haiwaiDetail .preview .arrow-left {
  background: url("/img/main/hjp/index_tab_ls.png") #a9aaab no-repeat center center;
  background-size: 13px;
  position: absolute;
  left: 0;
  top: 10px;
  margin-top: -9px;
  width: 25px;
  height: 100%;
  z-index: 10;
}
.haiwaiDetail .preview .arrow-right {
  background: url("/img/main/hjp/index_tab_rs.png") #a9aaab no-repeat center center;
  background-size: 13px;
  position: absolute;
  right: 0;
  top: 10px;
  margin-top: -9px;
  width: 25px;
  height: 100%;
  z-index: 10;
}
.haiwaiDetail .preview img {
  padding: 1px;
  height: 82px;
  width: 100%;
  margin: 0 auto;
  display: block;
}
.haiwaiDetail .preview .active-nav .supernatant {
  padding: 0;
  opacity: 0;
}
.haiwaiDetail .main_map {
  width: 100%;
  margin: 0 auto;
  padding: 30px 0;
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .main_map {
    padding: 0px;
  }
}
.haiwaiDetail .main_map .detail_title {
  width: 100%;
  text-align: center;
  margin: 0 auto 30px;
  zoom: 1;
}
.haiwaiDetail .main_map .active_notice_Map {
  height: 450px;
  width: 100%;
  margin: 0 auto;
  zoom: 1;
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .main_map .active_notice_Map {
    height: 350px;
  }
}
.haiwaiDetail .main_map .MicrosoftMap .Infobox {
  top: -20px;
}
.haiwaiDetail .main_map img.lazy {
  width: 100%;
  height: 450px;
  margin: 0 auto;
  display: block;
}
.haiwaiDetail .device {
  width: 100%;
  height: 360px;
  overflow: hidden;
  position: relative;
  background: #ffffff;
}
.haiwaiDetail .device .swiper-container1 .swiper-slide {
  margin: 0;
}
.haiwaiDetail .device .arrow-left {
  background: url("/img/main/hjp/arrow.png") rgba(0, 0, 0, 0.6) no-repeat center top;
  background-size: 20px 100px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, 0, endColorstr=#99000000, 0);
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -40px;
  width: 30px;
  height: 50px;
  z-index: 10;
}
.haiwaiDetail .device .arrow-right {
  background: url("/img/main/hjp/arrow.png") rgba(0, 0, 0, 0.6) no-repeat center bottom;
  background-size: 20px 100px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, 0, endColorstr=#99000000, 0);
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -40px;
  width: 30px;
  height: 50px;
  z-index: 10;
}
.haiwaiDetail .information_right {
  width: 480px;
  float: right;
  height: 550px;
  background: #ffffff;
}
@media only screen and (max-width: 1199px) {
  .haiwaiDetail .information_right {
    width: calc(100% - 470px);
  }
}
@media only screen and (max-width: 991px) {
  .haiwaiDetail .information_right {
    width: calc(100% - 370px);
    height: 470px;
  }
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .information_right {
    width: 100%;
    float: none;
    height: auto;
  }
}
.haiwaiDetail .information_title {
  background: #dba459;
  height: 100px;
  width: 100%;
  line-height: 100px;
  color: #ffffff;
  text-indent: 2em;
  font-size: 20px;
  position: relative;
}
.haiwaiDetail .information_title span {
  font-size: 60px;
  font-weight: bold;
}
.haiwaiDetail .information_title .usefulLife {
  font-size: 14px;
  display: inline;
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 10px;
  padding: 10px;
  font-weight: normal;
}
.haiwaiDetail .information_salePrice {
  color: #b9b8b6;
  margin: 20px 0 10px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .information_salePrice_web {
    display: flex;
    justify-content: space-around;
    margin: 0;
    padding-top: 10px;
  }
  .haiwaiDetail .information_salePrice_web .infoItem {
    position: relative;
  }
  .haiwaiDetail .information_salePrice_web .infoItem .span_size {
    color: #dba459;
    font-weight: 600;
  }
  .haiwaiDetail .information_salePrice_web .infoItem .span_size i {
    font-size: 12px;
  }
  .haiwaiDetail .information_salePrice_web .infoItem .annotation {
    position: absolute;
    bottom: 2px;
  }
}
.haiwaiDetail .detail_font_p {
  text-align: center;
  display: inline-block;
  height: 80px;
  width: 45%;
  border-right: 1px solid #e1e1e1;
  padding: 10px 0;
  position: relative;
}
.haiwaiDetail .detail_font_p .annotation {
  height: 20px;
  width: 20px;
  margin-left: 5px;
  cursor: pointer;
  vertical-align: top;
  margin-top: 1px;
}
.haiwaiDetail .detail_font_p .annotation:hover + #liabilityExemption {
  display: block;
}
.haiwaiDetail .tuan_span_size {
  font-size: 40px;
}
.haiwaiDetail .proportion .tuan_span_size {
  font-size: 24px;
}
.haiwaiDetail .color_f6605f {
  color: #dba459;
}
.haiwaiDetail .huahin_house_hot_intro {
  width: 100%;
  height: 260px;
  position: absolute;
  bottom: 0;
}
.haiwaiDetail .huahin_house_hot_intro .annotation {
  height: 40px;
  margin-top: 10px;
  float: left;
  font-size: 20px;
  color: #000000;
}
.haiwaiDetail .huahin_house_hot_intro div {
  width: 33%;
  float: left;
  text-align: center;
  line-height: 70px;
  color: #000000;
  font-size: 40px;
}
.haiwaiDetail #liabilityExemption {
  position: absolute;
  top: 35px;
  right: 50px;
  width: 350px;
  background: #b9b8b6;
  color: #ffffff;
  font-size: 13px;
  padding: 10px;
  text-align: left;
  display: none;
}
.haiwaiDetail .detail_font_p .annotation:hover + #liabilityExemption {
  display: block;
}
.haiwaiDetail .detail_basic {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .detail_basic {
    padding: 0 15px;
  }
}
.haiwaiDetail .detail_basic_message {
  width: 400px;
  height: 30px;
  line-height: 30px;
  position: relative;
  margin: 0 auto;
}
.haiwaiDetail .detail_basic_message div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.haiwaiDetail .detail_basic_message p {
  display: inline-block;
  font-size: 16px;
  color: #000000;
  width: 190px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 1199px) {
  .haiwaiDetail .detail_basic_message {
    width: auto;
    padding-left: 35px;
  }
  .haiwaiDetail .detail_basic_message p {
    width: calc(45%);
  }
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .detail_basic_message {
    width: 100%;
    padding-left: 0;
  }
  .haiwaiDetail .detail_basic_message p {
    width: auto;
  }
}
.haiwaiDetail .margin_right {
  width: 190px;
  margin-right: 10px;
}
@media only screen and (max-width: 1199px) {
  .haiwaiDetail .margin_right {
    width: calc(5%);
  }
}
.haiwaiDetail .detail_basic_message_address {
  width: 400px;
  height: 70px;
  margin: 0 auto;
}
.haiwaiDetail .detail_basic_message_address span {
  float: left;
  font-size: 16px;
  line-height: 30px;
}
@media only screen and (max-width: 991px) {
  .haiwaiDetail .detail_basic_message_address {
    padding-left: 35px;
    height: auto;
  }
  .haiwaiDetail .detail_basic_message_address span {
    line-height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .detail_basic_message_address {
    width: 100%;
    padding-left: 0;
  }
}
.haiwaiDetail .address_right {
  width: 350px;
}
@media only screen and (max-width: 1199px) {
  .haiwaiDetail .address_right {
    display: inline-block;
    width: calc(100% - 100px);
  }
}
@media only screen and (max-width: 991px) {
  .haiwaiDetail .address_right {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
.haiwaiDetail .detail_appointment {
  width: 100%;
  text-align: center;
  margin-top: 15px;
}
@media only screen and (max-width: 991px) {
  .haiwaiDetail .detail_appointment {
    margin-top: 10px;
  }
  .haiwaiDetail .detail_appointment .detail_appointment_left {
    margin-right: 0;
  }
}
.haiwaiDetail .detail_appointment div {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 150px;
  vertical-align: middle;
}
.haiwaiDetail div.detail_appointment_left {
  background: #dba459;
  color: #ffffff;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  behavior: url("/img/main/hjp/PIE.htc");
  border-radius: 5px;
  border-radius: 5px 5px 5px 5px;
}
.haiwaiDetail div.detail_appointment_left a {
  display: block;
  color: #fff;
}
.haiwaiDetail div.detail_appointment_left a:hover {
  text-decoration: none;
}
.haiwaiDetail .navigationBars_s {
  position: fixed;
  top: 0;
  z-index: 100;
}
.haiwaiDetail .navigationBars_div {
  height: 100%;
  display: inline-block;
  margin: 0 auto;
}
.haiwaiDetail .navigationBars a {
  width: 150px;
  display: inline-block;
  color: #ffffff;
  font-weight: bold;
  float: left;
  cursor: pointer;
}
.haiwaiDetail .navigationBars a:hover {
  background: #e62523;
  text-decoration: none;
}
.haiwaiDetail .navigationBars {
  width: 100%;
  background: #0c375b;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .navigationBars {
    font-size: 14px;
  }
  .haiwaiDetail .navigationBars .navigationBars_div {
    display: flex;
    justify-content: space-around;
  }
  .haiwaiDetail .navigationBars .navigationBars_div .navigationBars a {
    width: auto;
    float: none;
    flex: 1;
  }
}
.haiwaiDetail .navigationBars_a_bg {
  background: #e62523;
}
.haiwaiDetail .main_desc {
  width: 100%;
  margin: 0 auto;
  font-size: 16px;
  color: #888888;
  text-align: center;
  zoom: 1;
}
.haiwaiDetail .main_desc .main_desc_classify {
  margin-bottom: 30px;
}
.haiwaiDetail .main_desc .news_title {
  margin: 45px 0;
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .main_desc .news_title {
    margin: 25px 0;
  }
}
.haiwaiDetail .main_desc .desc_title {
  height: 50px;
  line-height: 50px;
  text-align: left;
  font-size: 18px;
  color: #87887a;
  font-weight: bold;
}
.haiwaiDetail .main_desc .desc_title span {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 30px;
  margin-right: 10px;
  background-color: #86b3ae;
}
.haiwaiDetail .main_desc .desc_div {
  text-align: left;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .main_desc .desc_div {
    line-height: 25px;
    font-size: 14px;
  }
}
.haiwaiDetail .newsList .news_title {
  font-size: 22px;
  margin: 30px 0;
  color: #dba459;
}
.haiwaiDetail .news_title {
  font-size: 22px;
  margin: 15px 0;
}
.haiwaiDetail .font_normal {
  font-weight: normal;
}
.haiwaiDetail .color_8eb0af {
  color: #8eb0af;
}
.haiwaiDetail .main_huxingtu {
  width: 100%;
  padding: 30px 0;
}
.haiwaiDetail .main_huxingtu .detail_title {
  width: 100%;
  text-align: center;
  margin: 0 auto 30px;
  zoom: 1;
}
.haiwaiDetail .main_huxingtu .huxingtu_div {
  height: 360px;
  width: 100%;
  font-size: 16px;
  margin: 0 auto;
  text-align: center;
  zoom: 1;
}
.haiwaiDetail .main_huxingtu .huxingtu_div img {
  height: 360px;
  width: 300px;
  display: inline-block;
}
.haiwaiDetail .fund_capital {
  width: 1200px;
  margin: 0 auto;
  padding: 20px 0 50px;
}
.haiwaiDetail .fund_capital .detail_title {
  margin-bottom: 0;
}
.haiwaiDetail .detail_title {
  font-size: 22px;
  margin-bottom: 30px;
}
.haiwaiDetail .main_huxingtu {
  width: 100%;
  padding: 30px 0;
}
.haiwaiDetail .main_huxingtu .detail_title {
  width: 100%;
  text-align: center;
  margin: 0 auto 30px;
  zoom: 1;
}
.haiwaiDetail .main_huxingtu .huxingtu_div {
  height: 360px;
  width: 100%;
  font-size: 16px;
  margin: 0 auto;
  text-align: center;
  zoom: 1;
}
@media only screen and (max-width: 991px) {
  .haiwaiDetail .main_huxingtu .huxingtu_div .hx_padd {
    margin: 30px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .main_huxingtu .huxingtu_div .hx_padd {
    margin: 0;
  }
}
.haiwaiDetail .main_huxingtu .huxingtu_div .hx_padd img {
  height: 360px;
  width: 300px;
  display: inline-block;
}
@media only screen and (max-width: 1199px) {
  .haiwaiDetail .main_huxingtu .huxingtu_div .hx_padd img {
    width: auto !important;
  }
}
@media only screen and (max-width: 991px) {
  .haiwaiDetail .main_huxingtu .huxingtu_div .hx_padd img {
    width: 100% !important;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .main_huxingtu .huxingtu_div .hx_padd img {
    width: auto !important;
    height: 360px !important;
  }
}
.haiwaiDetail .main_facility {
  width: 100%;
  margin: 0 auto;
  padding: 30px 0;
  zoom: 1;
}
.haiwaiDetail .main_facility .detail_title {
  text-align: center;
}
.haiwaiDetail .main_facility_center {
  width: 100%;
  display: table;
  zoom: 1;
}
.haiwaiDetail .main_facility_center .occupied_center {
  width: 50px;
}
.haiwaiDetail .main_facility_center .main_facility_left {
  display: table-cell;
  padding: 0 30px;
  width: 500px;
  height: 100%;
  font-size: 16px;
  color: #888888;
  background: #f7f7f9;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  behavior: url("/img/main/hjp/PIE.htc");
  border-radius: 30px;
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .main_facility_center .main_facility_left {
    display: block;
    width: auto;
    border-radius: 0px;
  }
}
.haiwaiDetail .main_advisory {
  width: 100%;
}
.haiwaiDetail .main_advisory .detail_title {
  text-align: center;
  height: 50px;
  line-height: 50px;
  width: 100%;
  margin: 0;
}
.haiwaiDetail .main_advisory .detail_title div {
  display: inline-block;
  width: 260px;
  font-size: 16px;
  text-align: center;
  color: #767573;
}
.haiwaiDetail .main_advisory .detail_title span {
  display: inline-block;
  width: 470px;
  height: 1px;
  background: #a9a9a9;
  vertical-align: middle;
}
.haiwaiDetail .main_advisory .desc_title {
  width: 100%;
  margin: 0 auto;
  color: #f6605f;
  font-weight: normal;
  zoom: 1;
}
.haiwaiDetail .main_advisory #pho {
  float: right;
}
.haiwaiDetail .desc_title {
  height: 50px;
  line-height: 50px;
  text-align: left;
  font-size: 18px;
  color: #87887a;
  font-weight: bold;
}
.haiwaiDetail .desc_title span {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 30px;
  margin-right: 10px;
  background-color: #86b3ae;
}
.haiwaiDetail .main_facility_left .desc {
  width: 100%;
  line-height: 30px;
  height: 100%;
  padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .main_facility_left {
    border-radius: 0px;
    font-size: 14px !important;
    width: auto;
  }
  .haiwaiDetail .main_facility_left .occupied_center {
    height: 20px;
  }
}
.haiwaiDetail .hx_padd {
  position: relative;
  margin: 0 10px;
}
.haiwaiDetail .hx_xx {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, 0, endColorstr=#7F000000, 0);
  color: #ffffff;
  height: 45px;
  line-height: 45px;
  width: 100%;
}
.haiwaiDetail .hx_xx span {
  padding: 0 5px;
  display: inline-block;
}
.haiwaiDetail .home_items_list_dd {
  padding-left: 20px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
  box-sizing: border-box;
}
.haiwaiDetail .home_items_list_dd p {
  line-height: 30px;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.haiwaiDetail .home_items_list_dd p span {
  color: #9c9c9c;
}
.haiwaiDetail .home_items_list_dd .color {
  color: #f6605f;
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .home_items_list_dd {
    padding-left: 0px;
    margin: 0;
  }
  .haiwaiDetail .home_items_list_dd .color {
    font-size: 14px;
  }
}
.haiwaiDetail .houseList_a {
  width: 100%;
  text-align: left;
  zoom: 1;
}
.haiwaiDetail .houseList_a a {
  display: inline-block;
  position: relative;
  padding: 6px;
  width: 25%;
  box-sizing: border-box;
}
.haiwaiDetail .houseList_a a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .houseList_a a {
    width: 50%;
    padding: 3px;
  }
}
.haiwaiDetail .houseList_a dl {
  width: 100%;
  height: 380px;
  box-sizing: border-box;
  font-size: 16px;
  border: 1px solid #eeeeee;
  padding: 5px 5px 15px 5px;
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .houseList_a dl {
    height: 250px;
    padding: 5px;
    font-size: 14px;
  }
}
.haiwaiDetail .host_list {
  width: 100%;
  margin: 30px auto 50px;
  height: 430px;
  zoom: 1;
}
.haiwaiDetail .host_list .news_title {
  text-align: center;
}
.haiwaiDetail .host_list .houseList_a {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .host_list {
    margin: 0;
    height: auto;
  }
  .haiwaiDetail .host_list .container {
    padding: 5px;
  }
}
.haiwaiDetail .home_items_list_dt {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .haiwaiDetail .home_items_list_dt {
    height: 150px;
  }
}
.haiwaiDetail .home_items_list_dt img {
  width: 100%;
  height: 100%;
  position: relative;
}
.haiwaiDetail .home_items_list_dt .saleOut {
  position: absolute;
  top: 0;
  width: 275px;
  height: 210px;
  text-align: center;
  line-height: 210px;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, 0, endColorstr=#7F000000, 0);
}
.haiwaiDetail .home_items_list_dt .saleOut img {
  width: 50%;
  height: 50%;
}
.haiwaiDetail .items_list_name {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 40px;
  line-height: 40px;
  width: 100%;
  text-indent: 10px;
  text-align: left;
  overflow: hidden;
  color: #fff;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, 0, endColorstr=#7F000000, 0);
}
.haiwaiDetail img.clock {
  display: inline-block;
  height: 22px;
  width: 22px;
}
.haiwaiDetail img.view {
  display: inline-block;
  width: 28px;
  height: 18px;
}

.ua-mobile .haiwaiList .l-all {
  padding-top: 65px;
  padding-bottom: 65px;
}
.haiwaiList .fl {
  float: left;
}
.haiwaiList .fr {
  float: right;
}
.haiwaiList .fixed {
  z-index: 999;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}
.haiwaiList .nomal_color {
  color: #dba459 !important;
}
.haiwaiList .font_size_24 {
  font-size: 24px;
  color: #f6605f;
}
.haiwaiList .classify_nav {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.haiwaiList .classify_nav .container {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .haiwaiList .classify_nav {
    padding: 0 15px;
  }
}
.haiwaiList .classify_nav_reset {
  position: absolute;
  bottom: 40px;
  right: 0;
  font-size: 14px;
  background: #e6e8e7;
}
@media only screen and (max-width: 767px) {
  .haiwaiList .classify_nav_reset {
    bottom: 5px;
    right: 10px;
  }
}
.haiwaiList .classify_nav_reset a {
  display: inline-block;
  padding: 5px 10px;
  color: #000000;
}
.haiwaiList .classify_nav_reset i {
  color: #f6605f;
  margin-right: 5px;
}
.haiwaiList .select {
  margin: 20px auto 0;
  font-size: 12px;
}
.haiwaiList .select li {
  list-style: none;
  padding: 5px 0;
}
.haiwaiList .select li:before, .haiwaiList .select li:after {
  content: " ";
  display: table;
}
.haiwaiList .select li:after {
  clear: both;
}
.haiwaiList .select dl {
  zoom: 1;
  position: relative;
  line-height: 24px;
  float: left;
  width: calc(100% - 70px);
}
.haiwaiList .select dl:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
}
.haiwaiList .select dt {
  float: left;
  text-align: right;
  color: #000000;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  font-weight: bold;
}
.haiwaiList .select dd {
  float: left;
  display: inline;
  margin-left: 5px;
}
.haiwaiList .select dd a {
  display: inline-block;
  white-space: nowrap;
  height: 24px;
  padding: 0 10px;
  text-decoration: none;
  color: #666666;
  border-radius: 2px;
  font-size: 14px;
}
.haiwaiList .select dd a:hover {
  color: #198d89;
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .haiwaiList .select dd {
    margin-left: 10px;
  }
  .haiwaiList .select dd a {
    padding: 0;
  }
}
.haiwaiList .select .selected a {
  color: #198d89;
  font-weight: bold;
}
.haiwaiList .select_result dt {
  font-weight: bold;
}
.haiwaiList .select_no {
  color: #999;
}
.haiwaiList .select .select_result a {
  padding-right: 20px;
  color: #ffffff;
  background: #4d8987 url("/img/main/hjp/close.gif") right 9px no-repeat;
}
.haiwaiList .select .select_result a:hover {
  background-position: right -15px;
}
.haiwaiList .hot_condition_filter {
  border-bottom: 2px solid #8eb0af;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .haiwaiList .hot_condition_filter {
    padding: 0 15px;
  }
}
.haiwaiList .hot_condition_filter a {
  color: #000000;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  width: 140px;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.haiwaiList .hot_condition_filter a.filter_item:hover {
  color: #8eb0af;
}
@media only screen and (max-width: 767px) {
  .haiwaiList .hot_condition_filter a {
    height: auto;
    line-height: inherit;
    width: auto;
    padding: 10px;
  }
}
.haiwaiList .hot_condition_filter .filter_items_bg {
  background: #8eb0af;
  color: #ffffff;
}
.haiwaiList .hot_condition_filter .fa-stack {
  color: #888888;
  height: 1.2em;
  line-height: 1.2em;
  width: 1em;
}
.haiwaiList .hot_condition_filter .fa-stack .fa {
  display: block;
  height: 8px;
  font-size: 14px;
}
.haiwaiList .hot_condition_filter .filter_item_investment .fa {
  font-size: 12px;
  color: #888888;
  margin-left: 10px;
  margin-top: -4px;
  vertical-align: middle;
}
.haiwaiList .hot_condition_filter .filter_item_investment .color_f6605f {
  color: #f6605f;
}
.haiwaiList .hot_main_list_left .no_information {
  text-align: center;
  font-size: 18px;
  padding: 30px;
  color: #999;
}
.haiwaiList .hot_main_list_left p {
  color: #323232;
  line-height: 33px;
  height: 33px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-width: 767px) {
  .haiwaiList .hot_main_list_left p {
    height: 30px;
    line-height: 30px;
  }
}
.haiwaiList .hot_main_list_left p span {
  color: #888888;
  font-weight: 600;
}
.haiwaiList .hot_main_list_left .color_f6605f {
  color: #dba459;
}
.haiwaiList .hot_main_list_left .tagBorder {
  display: inline-block;
  border: 1px solid #cccccc;
  color: #85817e;
  padding: 0 10px;
  font-size: 15px;
  line-height: 25px;
  margin-right: 10px;
}
.haiwaiList .hot_main_list_left h2 {
  margin: 15px 0 0 10px;
}
.haiwaiList .hot_main_list_left .dl_dd_2 {
  height: 240px;
  font-size: 16px;
  margin-left: 30px;
}
.haiwaiList .hot_main_list_left .dl_dd_2 .house_title {
  color: #000000;
  font-weight: bold;
  height: 33px;
  line-height: 33px;
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .haiwaiList .hot_main_list_left .dl_dd_2 {
    width: calc(100% - 160px);
    height: auto;
    margin-left: 10px;
    font-size: 13px;
  }
  .haiwaiList .hot_main_list_left .dl_dd_2 .house_title {
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.haiwaiList .hot_main_list_left .dl_dd_3 {
  height: 90px;
  text-align: right;
  margin-right: 5px;
  color: #8eb0af;
  padding-right: 20px;
  position: absolute;
  top: 35px;
  right: 0;
}
.haiwaiList .dl_dd_3 div {
  margin-top: 30px;
}
.haiwaiList .dl_dd_3 .font_size_24 {
  color: #dba459;
}
.haiwaiList .dl_dd_3 .hot_main_list {
  margin: 35px auto 0;
  zoom: 1;
}
.haiwaiList .dl_dd_3 .hot_main_list:after {
  clear: both;
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
}
.haiwaiList .hot_main_list_left {
  width: 100%;
}
.haiwaiList .hot_main_list_left dl {
  height: 240px;
  box-sizing: content-box;
  width: 100%;
  padding: 20px 0;
  transition: all 0.5s;
  position: relative;
}
.haiwaiList .hot_main_list_left dl:hover {
  background: #eeeeee;
  padding-left: 20px;
}
@media only screen and (max-width: 767px) {
  .haiwaiList .hot_main_list_left dl {
    height: 200px;
    padding: 10px 15px;
    box-sizing: border-box;
  }
  .haiwaiList .hot_main_list_left dl .dl_line {
    width: 100%;
    height: 1px;
    background: #ccc;
    float: left;
    margin-top: 15px;
  }
}
.haiwaiList .hot_main_list_left img {
  width: 300px;
  height: 240px;
}
@media only screen and (max-width: 991px) {
  .haiwaiList .hot_main_list_left img {
    width: 280px;
  }
}
@media only screen and (max-width: 767px) {
  .haiwaiList .hot_main_list_left img {
    width: 150px;
    height: 150px;
  }
}
.haiwaiList .hot_main_list_left dt {
  position: relative;
}
.haiwaiList .hot_main_list_left .onsell {
  height: 52px;
  width: 52px;
  position: absolute;
  right: 0;
  top: 0;
}
.haiwaiList .hot_main_list_left .saleOut {
  position: absolute;
  top: 0;
  width: 300px;
  height: 240px;
  text-align: center;
  line-height: 240px;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, 0, endColorstr=#7F000000, 0);
}
.haiwaiList .hot_main_list_left .saleOut img {
  width: 50%;
  height: 50%;
}
.haiwaiList .hot_main_list_left .title_text {
  position: absolute;
  bottom: 10px;
  font-size: 15px;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, 0, endColorstr=#7F000000, 0);
  width: 100%;
  padding-left: 3%;
  color: #ffffff;
  margin: 0;
  line-height: 25px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .haiwaiList .hot_main_list_left .title_text {
    font-size: 13px;
  }
}
.haiwaiList .hot_main_list_left a:hover {
  cursor: pointer;
}
.haiwaiList .showTitle {
  position: relative;
  cursor: pointer;
}
.haiwaiList .showTitle p {
  font-size: 12px;
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #f0efef;
  top: -25px;
  left: -10px;
  position: absolute;
  display: none;
}
.haiwaiList .showTitle:hover p {
  display: block;
}
.haiwaiList .advisory {
  font-size: 15px;
  line-height: 33px;
}
@media only screen and (max-width: 991px) {
  .haiwaiList .advisory {
    line-height: auto;
  }
}
.haiwaiList .advisory a {
  color: #85817e;
  margin-left: 20px;
}
.haiwaiList .news_title {
  font-size: 22px;
  margin: 15px 0;
}
.haiwaiList .font_normal {
  font-weight: normal;
}
.haiwaiList .color_8eb0af {
  color: #8eb0af;
}
.haiwaiList .host_list {
  width: 100%;
  margin: 30px auto 50px;
  height: 430px;
  zoom: 1;
}
.haiwaiList .host_list .news_title {
  text-align: center;
}
.haiwaiList .host_list .houseList_a {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .haiwaiList .host_list {
    margin: 0;
    height: auto;
  }
  .haiwaiList .host_list .container {
    padding: 5px;
  }
}
.haiwaiList .home_items_list_dt {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .haiwaiList .home_items_list_dt {
    height: 150px;
  }
}
.haiwaiList .home_items_list_dt img {
  width: 100%;
  height: 100%;
  position: relative;
}
.haiwaiList .home_items_list_dt .saleOut {
  position: absolute;
  top: 0;
  width: 275px;
  height: 210px;
  text-align: center;
  line-height: 210px;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, 0, endColorstr=#7F000000, 0);
}
.haiwaiList .home_items_list_dt .saleOut img {
  width: 50%;
  height: 50%;
}
.haiwaiList .items_list_name {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 40px;
  line-height: 40px;
  width: 100%;
  text-indent: 10px;
  text-align: left;
  overflow: hidden;
  color: #fff;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, 0, endColorstr=#7F000000, 0);
}
.haiwaiList .home_items_list_dd {
  color: #dba459;
  padding-left: 20px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
  box-sizing: border-box;
}
.haiwaiList .home_items_list_dd p {
  line-height: 30px;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.haiwaiList .home_items_list_dd p span {
  color: #9c9c9c;
}
.haiwaiList .home_items_list_dd .color {
  color: #f6605f;
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .haiwaiList .home_items_list_dd {
    padding-left: 0px;
    margin: 0;
  }
  .haiwaiList .home_items_list_dd .color {
    font-size: 14px;
  }
}
.haiwaiList .houseList_a {
  width: 100%;
  text-align: left;
  zoom: 1;
}
.haiwaiList .houseList_a a {
  display: inline-block;
  position: relative;
  padding: 6px;
  width: 25%;
  box-sizing: border-box;
}
.haiwaiList .houseList_a a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .haiwaiList .houseList_a a {
    width: 50%;
    padding: 3px;
  }
}
.haiwaiList .houseList_a dl {
  width: 100%;
  height: 380px;
  box-sizing: border-box;
  font-size: 16px;
  border: 1px solid #eeeeee;
  padding: 5px 5px 15px 5px;
}
@media only screen and (max-width: 767px) {
  .haiwaiList .houseList_a dl {
    height: 250px;
    padding: 5px;
    font-size: 14px;
  }
}