@charset "UTF-8";
html {
  font-size: 4.2666666667vmin;
  /*谷歌浏览器字体最小字体12px*/
  -webkit-text-size-adjust: 100%; /*100%/none 关闭字体大小自动调整功能*/
  /*a标签及拥有 :active伪类的元素有默认的高亮框*/
  -webkit-tap-hightlight-color: transparent;
  /*禁止文本被选中*/
  user-select: none;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

input {
  /*去除阴影*/
  box-shadow: none !important;
  /*聚焦input的蓝色边框*/
  outline: none !important;
  /*textarea 禁止拖拽*/
  resize: none !important;
  /*去除边框*/
  border: none !important;
  /*常用于IOS下移除原生样式*/
  -webkit-appearance: none !important;
  /*点击高亮的颜色*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #fff;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #fff;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #fff;
}

ul,
li,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.div-relative {
  position: relative;
}

.div-absolute {
  position: absolute;
}

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

.div-img img {
  width: 100%;
}

.am-slider-default {
  box-shadow: none;
  margin-bottom: 0;
}

body {
  -webkit-overflow-scrolling: touch;
  font-size: 1rem;
  line-height: initial;
}

.container {
  padding: 0 20px;
  position: relative;
}

.header .header-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1.25rem 0;
  z-index: 1000;
  line-height: 1;
}
.header .header-bar-con {
  position: relative;
  height: 1.875rem;
}
.header .header-bar-con .nav-icon,
.header .header-bar-con .close-icon {
  position: absolute;
  top: 0;
  left: 20px;
  z-index: 1001;
}
.header .header-bar-con .logo {
  position: absolute;
  top: 0;
  left: 32.6666666667vw;
  width: 34.6666666667vw;
  z-index: 1001;
}
.header .header-bar-con .logo img {
  width: 100%;
}
.header .header-bar-con .weixin-icon {
  position: absolute;
  top: 0;
  right: 20px;
  z-index: 1001;
}
.header .header-bar-con .search-icon {
  position: absolute;
  top: 0;
  right: 3.5rem;
  z-index: 1001;
}
.header .header-bar-con .search-bar {
  transition: all 10.8s ease;
  position: absolute;
  width: 100vw;
  padding: 0 3.5rem 0 20px;
  left: 0;
  top: 0;
}
.header .header-bar-con .search-bar .search-bar-container {
  border-bottom: 1px solid #1D1E22;
  padding-bottom: 4px;
}
.header .header-bar-con .search-bar .search-bar-container .search-bar__input {
  width: 100%;
  padding: 0 2.875rem;
  font-size: 0.875rem;
  line-height: 1.625rem;
  background-color: rgba(0, 0, 0, 0);
  color: #161e28;
  /**避免遮挡图标**/
  z-index: 1000;
}
.header .header-bar-con .weixin-bar {
  width: 7.875rem;
  position: absolute;
  top: 1.875rem;
  right: 0.625rem;
  z-index: 1001;
  padding: 5px;
  background-color: #ffffff;
  border-radius: 4px;
}
.header .header-bar-con .weixin-bar img {
  width: 100%;
}
.header .header-bar-con .weixin-bar .weixin-bar-text {
  font-size: 0.75rem;
  margin: 0;
  padding: 0.3125rem 0;
  text-align: center;
}
.header .header-icon {
  font-size: 1.625rem;
  color: #161e28;
}
.header .nav-bar {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  z-index: 999;
}
.header .nav-bar .nav-bar-container {
  position: relative;
  padding: 3.5rem 20px 0 20px;
  overflow: scroll;
}
.header .nav-bar .nav-bar-container .nav-title {
  font-size: 0.875rem;
  color: #161e28;
  margin: 1rem 0;
}
.header .nav-bar .nav-bar-container .nav-content {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-bottom: 0.4375rem;
}
.header .nav-bar .nav-bar-container .nav-content a {
  display: inline-block;
  width: 32%;
}
.header .nav-bar .nav-bar-container .nav-content a img {
  width: 100%;
}
.header .nav-bar .nav-bar-container .nav-content-icon {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-bottom: 1.125rem;
}
.header .nav-bar .nav-bar-container .nav-content-icon a {
  display: inline-block;
  width: 28%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
  color: #ffffff;
  line-height: 1.2;
}
.header .nav-bar .nav-bar-container .nav-content-icon a span {
  padding-top: 5px;
  color: #161e28;
}

.head-slide {
  max-height: 35rem;
  overflow-y: hidden;
  position: relative;
}
.head-slide .am-slides > li {
  height: 35rem;
  position: relative;
}
.head-slide .am-slides .slider-addon {
  position: absolute;
  left: 8vw;
  bottom: 6.25rem;
  color: #ffffff;
}
.head-slide .am-slides .slider-addon .slider-addon-text p {
  font-size: 1.75rem;
  margin-top: 0;
  margin-bottom: 1.75rem;
  line-height: 1;
  font-weight: 400;
}
.head-slide .am-slides .slider-addon .slider-addon-text p:first-child {
  margin-bottom: 1.125rem;
  font-size: 2.125rem;
  letter-spacing: 0.3125rem;
}
.head-slide .am-slides .slider-addon .am-btn.am-radius {
  border-radius: 5px;
}
.head-slide .am-slides .slider-addon .am-btn.am-btn-warning {
  font-size: 0.8rem;
  padding: 0.8em 3em;
  background-color: #c9a063;
  border-color: #c9a063;
}
.head-slide .am-slider-default {
  margin-bottom: 0;
}
.head-slide .head-slide-control {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 2.6875rem;
}
.head-slide #head-slide-control {
  width: 100%;
  padding: 0 20px;
}
.head-slide #head-slide-control ul {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}
.head-slide #head-slide-control ul li {
  height: 0.0625rem;
  background-color: rgba(255, 255, 255, 0.3);
  flex: 1;
}
.head-slide #head-slide-control ul li.am-active {
  background-color: rgb(255, 255, 255);
}

.hot-menu {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.hot-menu a {
  display: inline-block;
  width: 32%;
}
.hot-menu a img {
  width: 100%;
}

.hot-menu:first-child {
  margin-bottom: 0.5rem;
}

.full-imgcontainer {
  position: relative;
}
.full-imgcontainer img {
  width: 100%;
}

.mid-search {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 40px;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 20px;
}

.mid-search-con {
  width: 100%;
  position: relative;
}

.mid-search-input {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  align-items: center;
}
.mid-search-input input {
  flex: 1;
  padding: 0 10px;
  background-color: rgba(0, 0, 0, 0);
  color: #333;
  font-size: 0.8125rem;
}
.mid-search-input input::-webkit-input-placeholder {
  color: #333;
}
.mid-search-input input::-moz-placeholder {
  color: #333;
}
.mid-search-input input:-ms-input-placeholder {
  color: #333;
}
.mid-search-input .iconfont {
  font-size: 1.375rem;
  color: #c9a063;
}

.section-title {
  padding-top: 1.875rem;
}
.section-title .section-title-title {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.section-title .section-title-title .section-title-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.section-title .section-title-step {
  padding: 0.375rem 0.5rem;
  color: #fff;
  font-size: 1.25rem;
  background-color: #5d0c75;
  font-weight: bold;
}
.section-title .section-title-text {
  font-size: 1.5rem;
  padding-left: 12px;
}
.section-title .section-title-tips {
  padding: 10px 0;
}
.section-title .section-title-tips p {
  font-size: 0.8125rem;
  margin: 0;
}
.section-title .section-title-tips p span {
  color: #c9a063;
}
.section-title .iconfont {
  font-size: 1.25rem !important;
}

a.link-btn {
  display: inline-block;
  padding: 0.25rem 0.875rem;
  background-color: #c9a063;
  font-size: 0.75rem;
  color: #fff;
  border-radius: 5rem;
}

a.link-btn-l {
  display: inline-block;
  padding: 0.25rem 1.234rem;
  background-color: #c9a063;
  font-size: 0.75rem;
  color: #fff;
  border-radius: 5rem;
}

.s1-slider,
.anli-section,
.cs-section {
  padding-top: 15px;
}
.s1-slider .preview-info,
.anli-section .preview-info,
.cs-section .preview-info {
  position: absolute;
  bottom: 0.4375rem;
  right: 0;
}
.s1-slider .preview-info span,
.anli-section .preview-info span,
.cs-section .preview-info span {
  color: #fff;
  padding-right: 0.625rem;
}
.s1-slider .preview-info span i,
.anli-section .preview-info span i,
.cs-section .preview-info span i {
  padding-right: 0.3125rem;
}
.s1-slider .anli-info,
.anli-section .anli-info,
.cs-section .anli-info {
  padding: 0.9375rem 0;
  font-size: 0.875rem;
}
.s1-slider .anli-info .anli-info-title,
.anli-section .anli-info .anli-info-title,
.cs-section .anli-info .anli-info-title {
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
  margin-bottom: 0.3125rem;
  padding: 0;
}
.s1-slider .anli-info .anli-info-span,
.anli-section .anli-info .anli-info-span,
.cs-section .anli-info .anli-info-span {
  padding-right: 5px;
}
.s1-slider .anli-designer,
.anli-section .anli-designer,
.cs-section .anli-designer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.s1-slider .anli-designer .designer-avator,
.anli-section .anli-designer .designer-avator,
.cs-section .anli-designer .designer-avator {
  height: 2.5rem;
  overflow: hidden;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.s1-slider .anli-designer .designer-avator img,
.anli-section .anli-designer .designer-avator img,
.cs-section .anli-designer .designer-avator img {
  width: 2.5rem;
  align-self: flex-start;
}
.s1-slider .anli-designer .designer-avator .designer-title,
.anli-section .anli-designer .designer-avator .designer-title,
.cs-section .anli-designer .designer-avator .designer-title {
  padding-left: 0.625rem;
  font-size: 0.875rem;
}

.slider-img {
  max-height: 12.5rem;
  overflow: hidden;
}

.case-slider {
  position: relative;
  margin-bottom: 1rem;
}
.case-slider .swiper-container::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #d3d3d3;
  bottom: 0;
  left: 0;
}
.case-slider .case-slider-item span {
  display: inline-block;
  padding: 10px 0;
  position: relative;
  font-size: 0.8125rem;
}
.case-slider .case-slider-item.active span {
  font-weight: bold;
  color: #000;
}
.case-slider .case-slider-item.active span::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #000;
  bottom: 0;
  left: 0;
  animation: ernavaf 1s ease 0s infinite;
}
@keyframes ernavaf {
  0% {
    width: 1.25rem;
  }
  40% {
    width: 3.25rem;
  }
  100% {
    width: 1.25rem;
  }
}
@keyframes ernavaf2 {
  0% {
    width: 1.25rem;
  }
  40% {
    width: 2rem;
  }
  100% {
    width: 1.25rem;
  }
}

.case-slider-wrapper::-webkit-scrollbar {
  display: none;
}

#maybeyoulike-app {
  padding-top: 1.25rem;
}

.yuyue-btn-lg {
  margin: 2.25rem 0;
  border-radius: 5px;
  border: 1px solid #c9a063;
  font-size: 0.8125rem;
  padding: 0.625rem 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.yuyue-btn-lg i {
  color: #c9a063;
  font-size: 1.25rem;
}
.yuyue-btn-lg span {
  padding-left: 0.625rem;
}

.s2-vr {
  background-color: #f6f6f6;
}

.vr-section {
  padding-top: 1.25rem;
}
.vr-section .vr-btn-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.vr-section .vr-btn-container .vr-btn {
  width: 3.125rem;
  height: 3.125rem;
  font-size: 0.875rem;
  border-radius: 50%;
  background-color: #c9a063;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.vr-section:last-child {
  padding-bottom: 1.25rem;
}

.vr-info-container {
  background-color: #fff;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.vr-info-container .vr-info {
  padding-left: 10px;
  font-size: 0.875rem;
}
.vr-info-container .vr-info .vr-info-title {
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.vr-info-container .vr-info .vr-info-span {
  padding-right: 5px;
}
.vr-info-container .vr-info-btn {
  font-size: 0.9375rem;
  color: #fff;
  background-color: #c9a063;
  padding: 0.375rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.vr-info-container .vr-info-btn span:first-child {
  font-size: 1.125rem;
  font-weight: bold;
}

.slider-control ul {
  width: 100%;
  display: inline-block;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin-bottom: 1rem;
}
.slider-control ul li {
  padding: 10px 0;
  font-size: 0.8125rem;
  text-align: center;
  border-bottom: 1px solid #fff;
}
.slider-control ul li.am-active {
  border-bottom: 1px solid #000;
  font-weight: bold;
  color: #000;
}

.s3-slider-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  height: 25rem;
}
.s3-slider-container .s3-slider-right {
  width: 14%;
}
.s3-slider-container .s3-slider-left {
  width: 84%;
}
.s3-slider-container .s3-slider-left .left-designer-avator {
  max-height: 27.5625rem;
  overflow: hidden;
}
.s3-slider-container li {
  width: 100%;
}
.s3-slider-container li img {
  width: 100%;
}
.s3-slider-container li .designer-info {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 1.5625rem 1rem;
  color: #fff;
}
.s3-slider-container li .designer-info p {
  margin: 0;
  margin-bottom: 0.625rem;
  font-size: 0.75rem;
}
.s3-slider-container li .designer-info p .name {
  font-size: 1rem;
  padding-right: 5px;
}
.s3-slider-container li .designer-info .info-bottom a {
  margin-right: 5px;
}
.s3-slider-container li .designer-info .info-bottom span {
  color: #c9a063;
}

.s5-slider-control {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding-top: 0.75rem;
  border-bottom: 2px solid #d3d3d3;
}
.s5-slider-control li {
  position: relative;
  font-size: 0.875rem;
  padding: 2px 0;
}
.s5-slider-control li.active {
  font-weight: bold;
}
.s5-slider-control li.active::after {
  width: 100%;
  height: 0;
  border-bottom: 2px solid #1d1e22;
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0;
  animation: ernavaf2 1s ease 0s infinite;
}

.s5-slider .s5-slider-item-section {
  margin-top: 1.375rem;
  position: relative;
  width: 100%;
}
.s5-slider .s5-slider-item-section img {
  width: 100%;
}
.s5-slider .s5-slider-item-section .s5-slider-item-info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4);
}
.s5-slider .s5-slider-item-section .s5-slider-item-info p {
  margin: 0;
  font-size: 0.875rem;
  color: #fff;
}
.s5-slider .s5-slider-item-section .s5-slider-item-info .title {
  font-size: 1.125rem;
}
.s5-slider .s5-slider-item-section .s5-slider-item-info .attr span {
  padding: 0 10px;
}
.s5-slider .s5-slider-item-section .s5-slider-item-info .btn {
  padding: 1.5625rem 0;
}
.s5-slider .s5-slider-item-section .index-cs-step-tag {
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(209, 208, 208, 0.85);
  font-size: 0.75rem;
  padding: 0.375rem;
}

.s6 {
  background-color: #f6f6f6;
}
.s6 p {
  font-size: 0.8125rem;
  padding: 0;
  margin: 0;
}
.s6 .am-form-group {
  margin-bottom: 0.375rem;
}
.s6 .am-radio-inline input[type=radio] {
  margin-left: 0;
}
.s6 .am-checkbox-inline + .am-checkbox-inline,
.s6 .am-radio-inline + .am-radio-inline {
  margin-top: 0;
  margin-left: 0;
}
.s6 .am-checkbox,
.s6 .am-checkbox-inline,
.s6 .am-radio,
.s6 .am-radio-inline {
  padding-left: 18px;
  font-size: 0.75rem;
}
.s6 .custom-input {
  padding: 0.5rem 1.875rem !important;
  border-radius: 0.625rem !important;
  font-size: 0.875rem !important;
  border: 0 !important;
}
.s6 .form-con {
  padding-top: 1.25rem;
}
.s6 .form-con .am-form-group {
  margin-bottom: 0.875rem;
}
.s6 .form-con [class*=am-icon-] {
  color: #c9a063 !important;
  font-size: 0.75rem !important;
}
.s6 .form-tips {
  font-size: 0.75rem;
  color: #d3d3d3;
  margin: 0;
  padding: 0;
  text-align: center;
}

.submit-btn {
  width: 100%;
  padding: 0.5rem 1.875rem !important;
  border-radius: 0.625rem !important;
  font-size: 0.875rem !important;
  border: 0 !important;
  background-color: #c9a063;
  color: #fff;
  text-align: center;
}

.s8 {
  background-color: #f6f6f6;
}

.bottom-info {
  position: relative;
  margin: 2.1875rem 0 2.875rem;
}
.bottom-info .bottom-info-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.bottom-info .bottom-info-content .item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.bottom-info .bottom-info-content .item p {
  text-align: right;
  font-size: 0.75rem;
  color: #161e28;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.bottom-info .bottom-info-content .item .colour {
  color: #d3b06c;
  font-weight: bold;
}
.bottom-info .bottom-info-content .item .tel {
  font-size: 1.25rem;
  padding-bottom: 0.75rem;
  padding-top: 0.875rem;
}
.bottom-info .bottom-info-content .item .sm {
  line-height: 1.5;
}
.bottom-info .bottom-info-content .top {
  padding-top: 2.125rem;
}
.bottom-info .bottom-info-content .top p {
  font-size: 0.875rem;
}
.bottom-info .bottom-info-content .middle {
  padding-top: 0.5rem;
}
.bottom-info .bottom-info-content .middle .sm {
  font-size: 0.875rem;
}
.bottom-info .bottom-info-content .bottom {
  padding-bottom: 0.875rem;
}
.bottom-info .bottom-info-content .bottom p.sm {
  color: #959595 !important;
}
.bottom-info .bottom-info-content .bottom p.sm a {
  color: #959595;
}

.bottom-nav {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 900;
  background-color: #fff;
}
.bottom-nav .bottom-nav-con {
  width: 100%;
  position: relative;
  margin: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.bottom-nav .bottom-nav-con .bottom-nav-item {
  position: relative;
  padding: 0.25rem 0;
  color: #c9a063;
  font-size: 0.875rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.bottom-nav .bottom-nav-con .bottom-nav-item .iconfont {
  font-size: 1.25rem;
}
.bottom-nav .bottom-nav-con .bottom-nav-item span {
  color: #1d1e22;
}
.bottom-nav .bottom-nav-con .mobile-move {
  width: 3.75rem;
  position: absolute;
  top: -2.15rem;
}
.bottom-nav .bottom-nav-con .mobile-move .icon-cover {
  width: 3.75rem;
  height: 3.75rem;
  position: relative;
  width: 100%;
  height: 100%;
}
.bottom-nav .bottom-nav-con .mobile-move .icon-cover::before {
  content: "";
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border: 6px solid #fff;
  border-radius: 100%;
}
.bottom-nav .bottom-nav-con .bottom-nav-item.on {
  background-color: #c9a063;
  color: #fff;
}
.bottom-nav .bottom-nav-con .bottom-nav-item.on span {
  color: #fff;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/**重置妹子ui的动画**/
.am-animation-slide-bottom {
  animation-name: fadeInUp !important;
}

.am-modal-dialog {
  background-color: transparent;
  width: initial;
}

.modal-hd {
  display: table;
  padding: 0.625rem 1.25rem 0.25rem;
  background-color: #fff;
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
}
.modal-hd p {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
.modal-hd p span {
  color: #c9a063;
}

.modal-bd {
  width: 20.9375rem;
  padding: 1.25rem 0 1.875rem;
  border-top-right-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem;
  background-color: #fff;
  position: relative;
}
.modal-bd .modal-close {
  position: absolute;
  right: 0.3rem;
  top: 0.1rem;
}
.modal-bd .modal-close .iconfont {
  color: #000;
  font-size: 1.25rem;
  font-weight: bold;
}
.modal-bd p.info {
  margin: 0;
  padding: 0 1.25rem;
  font-size: 0.875rem;
  text-align: left;
}
.modal-bd p.info span {
  color: #c9a063;
}
.modal-bd .form {
  padding: 1.25rem 1.25rem 3.5rem;
}
.modal-bd .form .input-group {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}
.modal-bd .form .input-group label {
  font-size: 0.75rem;
  padding-right: 16px;
  margin: 0;
  font-weight: 400;
}
.modal-bd .form .input-group .input-field {
  flex: 1;
  border: 0;
  border-radius: 0.625rem;
  background-color: #f6f6f6;
  padding: 0.5rem;
  font-size: 0.75rem;
}
.modal-bd .form .input-group .input-field input {
  width: 100%;
  border: 0;
  background-color: transparent;
  color: #999 !important;
}
.modal-bd .form .input-group .input-field input::-webkit-input-placeholder {
  color: #999;
}
.modal-bd .form .input-group .input-field input::-moz-placeholder {
  color: #999;
}
.modal-bd .form .input-group .input-field input:-ms-input-placeholder {
  color: #999;
}
.modal-bd .form .input-group .input-field .am-btn-secondary {
  color: #999;
  background-color: transparent;
  border: none;
}
.modal-bd .form .input-group .input-field .am-btn {
  padding: 0 1em !important;
  padding-left: 0 !important;
  outline: none !important;
  font-size: 0.75rem !important;
}
.modal-bd .form .input-group .input-field .am-btn.am-active,
.modal-bd .form .input-group .input-field .am-btn:active {
  box-shadow: none !important;
}
.modal-bd .form .input-group .input-field .am-selected-list {
  font-size: 0.75rem !important;
}
.modal-bd .form .input-group .input-field .am-selected-list li.am-checked .am-icon-check {
  opacity: 1;
  color: #c9a063;
}
.modal-bd .post-btn-line {
  height: 1px;
  width: 100%;
  background-color: #dfdfdf;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.modal-bd .post-btn-line .post-btn {
  width: 3.875rem;
  height: 3.875rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 0.8125rem;
  background-color: #c9a063;
  border-radius: 50%;
}
.modal-bd .tips {
  text-align: center;
  padding-top: 3.125rem;
}
.modal-bd .tips span {
  font-size: 0.75rem;
  color: #666;
}
.modal-bd .baojia-info {
  padding-top: 0.625rem;
}
.modal-bd .baojia-info p {
  margin: 0;
  margin-top: 0.625rem;
  padding: 0;
  font-size: 1rem;
  font-weight: bold;
}
.modal-bd .baojia-info p span {
  font-weight: bold;
  color: #c9a063;
}
.modal-bd .baojia-info p.detail {
  font-size: 0.75rem;
  font-weight: 400;
}
.modal-bd .success-message {
  margin: 0;
  padding-top: 4.6875rem;
  padding-bottom: 3.125rem;
  font-size: 1.25rem;
  font-weight: 700;
}
.modal-bd p.success-text {
  font-size: 0.875rem;
  margin: 0;
  padding: 0 1.25rem;
  display: block;
  margin-bottom: 1.25rem;
  text-align: left;
}
.modal-bd p.success-text span {
  color: #c9a063;
}
.modal-bd .modal-message-close-btn {
  display: inline-block;
  padding: 0.8125rem 2.9375rem;
  background-color: #c9a063;
  border-radius: 0.625rem;
  color: #fff;
  font-size: 0.8125rem;
  margin: 0.8125rem auto;
}

.sub-header {
  width: 100%;
  position: relative;
}
.sub-header img {
  width: 100%;
}
.sub-header .sub-header-text {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.sub-header .sub-header-text p {
  margin: 0;
  font-size: 1.75rem;
}
.sub-header .sub-header-text span {
  font-size: 0.875rem;
}

.slogon {
  margin-top: -3.75rem;
  padding: 2.375rem 0;
  background-color: #fff;
  border: 1px solid #f6f6f6;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.slogon p {
  margin: 0;
  font-size: 1.75rem;
  font-weight: bold;
}
.slogon p span {
  font-size: 1.75rem;
  color: #5d0c75;
}
.slogon span {
  font-size: 0.875rem;
}
.slogon p.s {
  font-size: 0.875rem !important;
  font-weight: 400;
}
.slogon p.s span {
  font-size: 0.875rem !important;
  color: #c9a063 !important;
}

.six-content {
  padding: 1.25rem 20px 0;
}

.select-section {
  position: relative;
  background-color: #fff;
}
.select-section .select-item-container {
  position: relative;
  margin: 0 20px;
  padding-bottom: 1rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-content: center;
}
.select-section .select-item-container .select-item {
  display: table;
}
.select-section .select-item-container .select-item span {
  padding-right: 0.3125rem;
  font-size: 1rem;
}
.select-section .select-item-container .select-item i.iconfont {
  font-size: 1rem;
  font-weight: 400;
}
.select-section .select-item-container .select-item.select-item-active i {
  color: #c9a063;
}
.select-section .select-item-container::before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #f6f6f6;
  position: absolute;
  left: 0;
  bottom: 0;
}
.select-section .select-list-item,
.select-section .selected-list-item {
  width: 30%;
  text-align: center;
  margin-top: 0.5rem;
  margin-right: 5%;
}
.select-section .select-list-item span,
.select-section .selected-list-item span {
  width: 100%;
  position: relative;
  font-size: 0.8125rem !important;
  display: inline-block;
  padding: 0.625rem 0.8125rem;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #f6f6f6;
  border-radius: 0;
}
.select-section .select-list-item:nth-child(3n+0),
.select-section .selected-list-item:nth-child(3n+0) {
  margin-right: 0;
}
.select-section .select-list-container {
  width: 100%;
  height: 0;
  position: relative;
}
.select-section .select-list-container .select-list {
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  padding: 0.625rem 20px 1.625rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.select-section .select-list-container .select-list .select-list-item span {
  background-color: transparent;
}
.select-section .selected-list {
  padding: 0 20px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.select-section .selected-list span .custom-arrow {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 1.375rem solid #c9a063;
  border-left: 1.5625rem solid transparent;
}
.select-section .selected-list span .custom-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  font-size: 0.75rem;
}

.service-tab {
  padding-top: 1.25rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.service-tab-item {
  position: relative;
  width: 6.875rem;
  margin-bottom: 0.1875rem;
}
.service-tab-item img {
  width: 100%;
}
.service-tab-item .service-icon {
  display: inline-block;
  position: absolute;
  bottom: 0.625rem;
  left: 1.875rem;
}
.service-tab-item .service-icon .iconfont {
  color: #c9a063;
}
.service-tab-item .service-icon.on .iconfont {
  color: #fff;
  background-color: #c9a063;
  border-radius: 50%;
}

.tab-content {
  padding-top: 1.875rem;
}
.tab-content .tab-img img {
  width: 100%;
}

.anli-section,
.cs-section {
  padding: 1.625rem 20px 0;
}
.anli-section .anli-item,
.cs-section .anli-item {
  margin-bottom: 2.5rem;
}

.case-title {
  padding-top: 5rem;
  font-size: 1.75rem;
}

.case-cover {
  margin: 1.75rem 0;
  position: relative;
}
.case-cover .preview-info {
  position: absolute;
  top: 0.75rem;
  right: 0;
}
.case-cover .preview-info span {
  color: #fff;
  padding-right: 0.625rem;
}
.case-cover .preview-info span i {
  padding-right: 0.3125rem;
}

.flex-sb-center {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.flex-col-start {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.i-title {
  font-size: 1.25rem;
}
.i-title .like-btn {
  font-size: 0.75rem;
  color: #c9a063;
  border: 1px solid #c9a063;
  border-radius: 10px;
  padding: 0.1875rem 0.625rem;
}
.i-title .like-btn span {
  color: #c9a063;
  padding-left: 5px;
}
.i-title .like-btn span.s {
  color: #1d1e22;
}

.case-parameter {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  padding: 1.375rem 0 0.3125rem;
}
.case-parameter span {
  font-size: 0.875rem;
}

.case-by-designer {
  margin: 5px 0;
  padding: 1rem 20px;
  background-color: #f6f6f6;
}
.case-by-designer .designer-pic {
  width: 3.3125rem;
  height: 3.3125rem;
  overflow: hidden;
}
.case-by-designer .designer-title {
  padding-left: 0.75rem;
  font-size: 1.75rem;
}
.case-by-designer .designer-title .title {
  font-size: 0.875rem;
  color: #c9a063;
}
.case-by-designer .designer-yuyue {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.case-by-designer .designer-yuyue p {
  margin: 0;
  padding: 5px 0;
  font-size: 0.8125rem;
}
.case-by-designer .designer-yuyue p span {
  color: #c9a063;
}
.case-by-designer .designer-yuyue .yuyue-designer-btn {
  padding: 0.3125rem 1.9rem;
  color: #fff;
  font-size: 0.875rem;
  background-color: #c9a063;
  border-radius: 10px;
}

.design-detail {
  margin: 3.125rem 0 1.875rem;
}
.design-detail p {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
}
.design-detail p.cn {
  font-size: 0.9375rem;
  color: #c9a063;
}

.design-detail-text p {
  text-decoration: 1.625rem;
  font-size: 0.8125rem;
}

.anli-images .anli-image {
  margin-bottom: 1.5rem;
}
.anli-images .anli-image a {
  display: block;
}
.anli-images .anli-image img {
  width: 100%;
}

.others-title {
  margin: 1.5rem 0;
  font-size: 1.75rem;
  text-align: center;
}

.others-tab {
  text-align: center;
}
.others-tab ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  border-bottom: 2px solid #d3d3d3;
}
.others-tab ul li {
  position: relative;
  font-size: 0.875rem;
  padding: 0.625rem 0;
  float: left;
}
.others-tab ul li.on::after {
  width: 100%;
  height: 0;
  border-bottom: 2px solid #1d1e22;
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0;
}

.cs-section .preview-info {
  position: absolute;
  top: 0.75rem;
  right: 0;
}
.cs-section .cs-info {
  position: relative;
  padding: 1.6875rem 0.75rem;
  background-color: #f6f6f6;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}
.cs-section .cs-info .anli-info {
  padding: 0;
}
.cs-section .cs-info .add-circle {
  width: 1.5rem;
  height: 1.5rem;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  top: -0.75rem;
}
.cs-section .cs-info .detail-area {
  position: absolute;
  top: -0.71875rem;
  left: 0;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
}
.cs-section .cs-info .detail-area a.link-btn {
  font-size: 0.875rem !important;
  padding: 0.25rem 1.125rem;
  margin: 0 5px;
}
.cs-section .cs-info .detail-area a.link-btn-l {
  font-size: 0.875rem !important;
  padding: 0.25rem 1.75rem;
}

.step-line-section {
  position: absolute;
  left: 0;
  bottom: 4.125rem;
  padding: 0 20px;
  width: 100%;
  z-index: 10;
}
.step-line-section .step-line-container {
  width: 100%;
  height: 0;
  position: relative;
}
.step-line-section .step-line-container .step-line {
  position: absolute;
  width: 100%;
  left: 0;
  top: -0.375rem;
  z-index: 800;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.step-line-section .step-line-container .step-line .step-line-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.75rem;
  color: #fff;
}
.step-line-section .step-line-container .step-line .step-line-item .icon-con {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.step-line-section .step-line-container .step-line .step-line-item .icon-con .dot {
  width: 0.375rem;
  height: 0.375rem;
  background-color: #fff;
  border-radius: 100%;
}
.step-line-section .step-line-container .step-line .step-line-item .item-text {
  padding-top: 0.3125rem;
}
.step-line-section .step-line-container .step-line .step-line-item .icon-con.done {
  background-color: #fff;
  color: #c9a063;
}
.step-line-section .step-line-container .step-line .step-line-item .icon-con.done .dot {
  background-color: #c9a063;
}
.step-line-section .step-line-container .step-line .step-line-item .icon-little {
  font-size: 0.625rem !important;
}
.step-line-section .step-line-container::after {
  content: "";
  position: absolute;
  left: 0.6rem;
  top: 0;
  right: 0.6rem;
  height: 1px;
  background-color: #dfdfdf;
  z-index: 1;
}

.yuyuecg-btn {
  width: 7.5rem;
  height: 2.875rem;
  position: absolute;
  left: 50%;
  margin-left: -3.75rem;
  bottom: -1.4375rem;
  background-color: #c9a063;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.yuyuecg-btn .btn {
  font-size: 1rem;
}

.css-title {
  font-size: 1.25rem;
  margin: 1.125rem 0;
}

.xiaoguotu {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: center;
}
.xiaoguotu a {
  display: block;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 0.5rem;
}
.xiaoguotu a img {
  width: 100%;
}
.xiaoguotu a:nth-child(3n+0) {
  margin-right: 0;
}

.designer-section {
  padding: 0 20px;
}
.designer-section .designer-item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 1.4375rem 0;
}
.designer-section .designer-item span {
  display: inline-block;
}
.designer-section .designer-item .designer-img {
  width: 48%;
}
.designer-section .designer-item .designer-info {
  width: 48%;
}
.designer-section .designer-item .designer-info span {
  font-size: 0.8125rem;
  padding-bottom: 0.3125rem;
}
.designer-section .designer-item .designer-info p {
  margin: 0;
  padding: 0;
}
.designer-section .designer-item .designer-info .title, .designer-section .designer-item .designer-info .keywords {
  color: #c9a063;
}
.designer-section .designer-item .designer-info .designer-info-title {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 0.75rem;
}
.designer-section .designer-item .designer-info .designer-info-title span {
  padding: 0;
}
.designer-section .designer-item .designer-info .designer-info-title .name {
  font-size: 1.5625rem;
}
.designer-section .designer-item .designer-info .designer-info-yuyue-info {
  font-size: 0.8125rem;
  margin-top: 0.5rem;
  padding-bottom: 0.25rem;
}
.designer-section .designer-item .designer-info .designer-info-yuyue-info .num {
  color: #c9a063;
}
.designer-section .designer-item .designer-info a.link-btn {
  padding: 0.25rem 1.625rem;
}

.designer-detail {
  margin-top: 5rem;
}
.designer-detail p {
  margin: 0;
  padding: 0;
}
.designer-detail .title .name {
  font-size: 1.75rem;
}
.designer-detail .title .title {
  font-size: 1.125rem;
  color: #c9a063;
}
.designer-detail .designer-image {
  position: relative;
  margin: 2rem 0;
}
.designer-detail .designer-image img {
  width: 100%;
}
.designer-detail .yuyue-designer-btn {
  position: absolute;
  right: 0.9375rem;
  bottom: 1.125rem;
}
.designer-detail .yuyue-designer-btn .designer-info-yuyue-info {
  font-size: 0.8125rem;
  margin: 0.5rem 0;
  color: #fff;
}
.designer-detail .yuyue-designer-btn .designer-info-yuyue-info .num {
  color: #c9a063;
}
.designer-detail .yuyue-designer-btn a.link-btn {
  padding: 0.3125rem 1.9375rem;
  font-size: 0.875rem;
}
.designer-detail p.h2 {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0.1875rem 0;
}
.designer-detail p.h3-col {
  font-size: 1.125rem;
  color: #c9a063;
}
.designer-detail .desinger-info-section {
  margin-bottom: 1.75rem;
}
.designer-detail .desinger-info-section .i-title {
  font-size: 1rem;
  color: #999;
  margin-bottom: 0.125rem;
}
.designer-detail .desinger-info-section .i-content {
  font-size: 0.875rem;
}
.designer-detail .desinger-info-section .i-content p {
  margin-bottom: 0.125rem;
}
.designer-detail .desinger-info-section .i-content .cases-title {
  font-size: 0.875rem;
}

.btitle {
  font-size: 1.75rem;
  text-align: center;
  margin: 2.25rem 0;
}

.header-bar-bg-in {
  background-color: rgba(255, 255, 255, 0.85);
  transition: all 0.5s ease 0s;
}

.header-bar-bg-out {
  background-color: transparent;
  transition: all 0.5s ease 0s;
}

.paginate ul {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
.paginate ul li {
  display: inline-block;
  position: relative;
}
.paginate ul li span {
  display: inline-block;
  font-size: 0.75rem;
}
.paginate ul li .input {
  width: 1.25rem;
  height: 0.9375rem;
  padding: 0 0.1875rem;
  border-bottom: 1px solid #1d1e22;
  position: relative;
  vertical-align: middle;
}
.paginate ul li .input input {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.paginate ul li .btn {
  background-color: #c9a063;
  padding: 0.125rem 0.625rem;
  margin-left: 0.625rem;
  border-radius: 5px;
  color: #fff;
}

.timeline {
  padding: 1rem 0;
  margin: 0;
  list-style: none;
  position: relative;
}
.timeline .timeline-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  align-items: center;
}
.timeline .timeline-item .bullet {
  padding: 0.3rem;
  border-radius: 100%;
  background: #fff;
  z-index: 1;
  border: 0.2rem solid #5d0c75;
}
.timeline .timeline-item .bullet .bullet-circle {
  width: 0.25rem;
  height: 0.25rem;
  background-color: #5d0c75;
  border-radius: 100%;
}
.timeline .timeline-item .time {
  padding-left: 1rem;
  font-size: 0.875rem;
}

.timeline::before {
  content: " ";
  height: 100%;
  width: 0;
  border-left: 0.15rem solid #5d0c75;
  position: absolute;
  top: 0;
  left: 0.55rem;
  z-index: -1;
}

.card {
  box-sizing: border-box;
  width: 100%;
  padding: 1.375rem 0.6875rem;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
.card p {
  color: #666;
  font-size: 0.8125rem;
  margin-bottom: 1rem;
}
.card .card-images {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.card .card-images a {
  display: block;
  width: 32%;
  margin: 0 0.375rem 0.375rem 0;
}
.card .card-images a img {
  width: 100%;
}
.card .card-images a:nth-child(3n+0) {
  margin-right: 0;
}

.right-bar-con {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.36);
  z-index: 99;
}

.right-bar {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #FFF;
  padding: 8.75rem 1.875rem 0;
  z-index: 100000;
}
.right-bar .timeline .timeline-item .bullet {
  background: transparent !important;
  border: 0.2rem solid transparent !important;
}
.right-bar .timeline .timeline-item .bullet .bullet-circle {
  width: 0.45rem;
  height: 0.45rem;
  background-color: #5d0c75;
  border-radius: 100%;
}
.right-bar .timeline::before {
  left: 0.7rem;
  border-left: 0.1rem solid #5d0c75;
}
.right-bar .step-focus {
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem !important;
  padding: 0.3125rem 0.5rem;
  background-color: #5d0c75;
  color: #fff;
  border-radius: 5px;
}
.right-bar .step-focus .iconfont {
  font-size: 0.875rem;
}
.right-bar .step-focus span {
  padding-top: 2px;
}

.am-offcanvas {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.15);
}

.am-offcanvas-bar {
  width: 50%;
  background-color: #fff;
}

.am-offcanvas-bar:after {
  background-color: #fff;
}

.right-bar-btn {
  position: fixed;
  right: 0;
  top: 6.25rem;
  z-index: 100;
  display: inline-block;
  padding: 0.125rem 0.625rem;
  border: 1px solid #dedede;
  border-right: 0;
  border-bottom-left-radius: 1.875rem;
  border-top-left-radius: 1.875rem;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
  background-color: #FFF;
  display: none;
}
.right-bar-btn .iconfont {
  font-size: 1.875rem;
  color: #5d0c75;
  font-weight: bold;
}

.serach-count {
  padding: 8.75rem 0 1.875rem 0;
  text-align: center;
  font-size: 1rem;
}
.serach-count span {
  color: #c9a063;
  font-size: 1rem;
}

.search-result .res-title {
  font-size: 1.75rem;
  color: #5d0c75;
  font-weight: bold;
  margin-bottom: 0.625rem;
}
.search-result .res-tips {
  font-size: 0.875rem;
}
.search-result .res-tips span {
  color: #c9a063;
}

.fancybox__slide {
  padding: 0 !important;
}

#honor {
  margin-top: 2.5rem;
  padding-bottom: 2.5rem;
}
#honor ul {
  width: 100%;
}
#honor li {
  display: block;
  width: 100%;
}

/*# sourceMappingURL=style.css.map */