.el-popover.popover {
  padding: 0
}
.el-popover.popover .designer-item {
  position: relative;
  display: flex;
  width: 590px;
  height: 252px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .05);
  padding: 8px
}
.el-popover.popover .designer-item .tag {
  position: absolute;
  top: -21px;
  left: -21px;
  z-index: 2;
  width: 110px;
  height: 110px;
  transform: scale(.5);
  background-image: url(../image/main.13f9086.png)
}
.el-popover.popover .designer-item .designer-img {
  position: relative
}
.el-popover.popover .designer-item .designer-img .img {
  width: 178px;
  height: 236px;
  border-radius: 8px;
  background: url(../image/designer-img-bg.6723963.jpg) 50% no-repeat;
  background-size: cover
}
.el-popover.popover .designer-item .designer-img .drop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  background: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6));
  opacity: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 76px;
  padding-left: 16px;
  padding-right: 16px;
  transition: opacity .1s linear
}
.el-popover.popover .designer-item .designer-img .drop dl dd {
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 21px;
  height: 84px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical
}
.el-popover.popover .designer-item .designer-img .drop .link {
  margin-top: 42px;
  margin-right: -4px;
  font-size: 14px;
  color: #ff991b;
  display: flex;
  justify-content: space-around;
  align-items: center
}
.el-popover.popover .designer-item .designer-img .drop .link .go-right {
  margin-left: 38px;
  font-size: 24px;
  color: #ff991b
}
.el-popover.popover .designer-item .designer-img:hover {
  cursor: pointer
}
.el-popover.popover .designer-item .designer-body {
  position: relative;
  padding: 8px 6px 0 16px;
  background-color: #fff;
  overflow: hidden
}
.el-popover.popover .designer-item .designer-body .name {
  display: flex;
  align-items: flex-start;
  justify-content: space-around
}
.el-popover.popover .designer-item .designer-body .name strong {
  font-weight: 400;
  flex: 1;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  text-align: left
}
.el-popover.popover .designer-item .designer-body .name strong .level {
  vertical-align: middle;
  display: inline-block;
  margin-left: 8px;
  margin-bottom: 3px;
  padding: 1px 4px;
  text-align: center;
  border-radius: 2px;
  background: linear-gradient(172deg, #ffa978 7.22%, #ffedcd 94.17%);
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  color: #1b1b1b
}
.el-popover.popover .designer-item .designer-body .name .btn {
  width: 117px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  background: linear-gradient(90deg, #ff991b, #ff6d1b);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  border-radius: 99px;
  color: #fff;
  cursor: pointer;
  display: inline-block
}
.el-popover.popover .designer-item .designer-body .name small {
  font-size: 12px;
  color: #bbb
}
.el-popover.popover .designer-item .designer-body .info {
  padding-top: 2px;
  padding-bottom: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #3c4d59
}
.el-popover.popover .designer-item .designer-body .info .go-sj:hover {
  cursor: pointer
}
.el-popover.popover .designer-item .designer-body .info li {
  margin-bottom: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.el-popover.popover .designer-item .designer-body .good-at {
  margin-bottom: 4px;
  font-size: 12px;
  color: #3c4d59;
  width: 374px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1
}
.el-popover.popover .designer-item .designer-body .good-at span {
  margin-left: -8px
}
.el-popover.popover .designer-item .designer-body .good-at li {
  vertical-align: middle;
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  border: .5px solid rgba(0, 0, 0, .1);
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.el-popover.popover .designer-item .designer-body .case-box .nav-case {
  color: rgba(60, 77, 89, .6);
  margin-bottom: 11px
}
.el-popover.popover .designer-item .designer-body .case-box .nav-case span {
  margin-right: 16px;
  font-size: 12px;
  font-weight: 400;
  color: rgba(60, 77, 89, .6);
  position: relative
}
.el-popover.popover .designer-item .designer-body .case-box .nav-case span:hover {
  cursor: pointer;
  color: #ff991b
}
.el-popover.popover .designer-item .designer-body .case-box .nav-case span.active {
  color: #ff991b
}
.el-popover.popover .designer-item .designer-body .case-box .nav-case span:nth-of-type(2):after {
  position: absolute;
  content: "";
  top: -2px;
  left: -16px;
  width: 1px;
  height: 16px;
  background: rgba(0, 0, 0, .1)
}
.el-popover.popover .designer-item .designer-body .case-box .case-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start
}
.el-popover.popover .designer-item .designer-body .case-box .case-list .img {
  cursor: pointer;
  width: 108px;
  height: 61px;
  margin-right: 8px
}
.el-popover.popover .designer-item .designer-body .case-box .case-list .designer-more {
  writing-mode: vertical-lr;
  text-align: center;
  padding: 0 2px;
  font-size: 14px;
  font-weight: 400;
  color: #999;
  border: .5px solid rgba(0, 0, 0, .2);
  width: 28px;
  height: 61px;
  cursor: pointer
}
.el-popover.popover .designer-item:hover {
  background: #fff;
  box-shadow: 0 20px 64px -10px rgba(0, 0, 0, .35)
}
.el-popover.popover .designer-item:hover .designer-body {
  border-color: #333
}
.el-popover.popover .designer-item:hover .drop {
  opacity: 1
}
[data-v-5f0f211c] .el-pagination.is-background .btn-next, [data-v-5f0f211c] .el-pagination.is-background .btn-prev {
  padding: 0 20px;
  height: 40px
}
[data-v-5f0f211c] .el-pagination.is-background .btn-next, [data-v-5f0f211c] .el-pagination.is-background .btn-prev, [data-v-5f0f211c] .el-pagination.is-background .el-pager li {
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #d9d9d9;
  height: 40px;
  vertical-align: middle
}
[data-v-5f0f211c] .el-loading-mask {
  background: #fbfbfb
}
[data-v-5f0f211c] .el-pager li {
  padding: 0 15px;
  line-height: 40px
}
[data-v-5f0f211c] .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #ff991b;
  border: 1px solid #ff991b
}
.container[data-v-5f0f211c] {
  background: #fbfbfb
}
.iframe-box[data-v-5f0f211c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: calc(100vh - 144px);
  position: relative
}
.iframe-box[data-v-5f0f211c]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6))
}
.iframe-box .panorama-frame[data-v-5f0f211c] {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  z-index: 2
}
.iframe-box .panorama-frame[data-v-5f0f211c] .videoBox {
  border-radius: 0 !important
}
.iframe-box .close-btn[data-v-5f0f211c] {
  position: absolute;
  right: 28px;
  top: 28px;
  font-size: 40px;
  cursor: pointer;
  z-index: 9
}
.designer-detail-a[data-v-5f0f211c] {

  width: 100%;
  position: relative
}
.designer-detail-a[data-v-5f0f211c]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6))
}
.designer-detail-a .auto-box[data-v-5f0f211c] {
  width: 1400px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2
}
.designer-detail-a .video[data-v-5f0f211c] {
  width: 100%;
  border: none
}
.designer-detail-a .video[data-v-5f0f211c] .videoBox {
  border-radius: 0 !important
}
.designer-detail-a .filter-a[data-v-5f0f211c] {
  width: 1200px;
  height: 37px;
  padding: 12px 0 0;
  display: flex;
  align-items: center;
  margin: 0 auto
}
.designer-detail-a .filter-a .location[data-v-5f0f211c] {
  font-size: 14px;
  color: hsla(0, 0%, 100%, .5)
}
.designer-detail-a .filter-a[data-v-5f0f211c] .el-breadcrumb .current_page, .designer-detail-a .filter-a[data-v-5f0f211c] .el-breadcrumb .el-breadcrumb__inner {
  color: #fff
}
.designer-detail-a .filter-a[data-v-5f0f211c] .el-breadcrumb .el-breadcrumb__inner.is-link {
  font-weight: 400;
  color: hsla(0, 0%, 100%, .5)
}
.designer-detail-a .filter-a .filter-r[data-v-5f0f211c] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end
}
.designer-detail-a .filter-a .share-box[data-v-5f0f211c] {
  margin-left: 30px
}
.designer-detail-a .banner-box[data-v-5f0f211c] {
  margin-top: 8px;
  text-align: center
}
.designer-detail-a .banner-box .avator[data-v-5f0f211c] {
  margin-bottom: 22px;
  height: 128px
}
.designer-detail-a .banner-box .avator .img[data-v-5f0f211c] {
  display: inline-block;
  width: 128px;
  height: 128px;
  border-radius: 75px;
  border: 3px solid #fff
}
.designer-detail-a .banner-box .info-name[data-v-5f0f211c] {
  margin-bottom: 4px;
  height: 42px;
  position: relative
}
.designer-detail-a .banner-box .info-name .name[data-v-5f0f211c] {
  font-size: 28px;
  color: #fff
}
.designer-detail-a .banner-box .info-name .level[data-v-5f0f211c] {
  display: inline-block;
  padding: 1px 4px;
  border-radius: 10px 10px 10px 0;
  background: linear-gradient(90deg, #e50014, #ed5b68);
  color: #1b1b1b;
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  margin-left: 4px;
  position: absolute;
  top: 0
}
.designer-detail-a .banner-box .info-top[data-v-5f0f211c] {
  margin-bottom: 19px;
  font-size: 14px;
  color: #fff;
  text-align: center
}
.designer-detail-a .banner-box .info-top span[data-v-5f0f211c] {
  position: relative;
  margin-right: 27px
}
.designer-detail-a .banner-box .info-top span[data-v-5f0f211c]:last-of-type {
  margin-right: 0
}
.designer-detail-a .banner-box .info-top span span[data-v-5f0f211c] {
  margin-right: 0;
  color: #ff991b
}
.designer-detail-a .banner-box .info-top span + span[data-v-5f0f211c]:after {
  content: "";
  position: absolute;
  left: -15px;
  bottom: 1px;
  width: 1px;
  height: 12px;
  background: hsla(0, 0%, 100%, .5)
}
.designer-detail-a .banner-box .info-top .year[data-v-5f0f211c]::last-letter {
  color: #fff
}
.designer-detail-a .banner-box .btn[data-v-5f0f211c] {
  width: 117px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  background: linear-gradient(90deg, #e50014, #ed5b68);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  border-radius: 99px;
  color: #fff;
  cursor: pointer;
  display: inline-block
}
.designer-detail-a .sj[data-v-5f0f211c] {
  position: absolute;
  bottom: 19px;
  right: -200px;
  z-index: 2;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 700px;
  height: 100px
}
.designer-detail-a .sj .quanping[data-v-5f0f211c] {
  cursor: pointer
}
.designer-detail-a .sj span[data-v-5f0f211c] {
  color: #fff;
  font-size: 16px;
  display: inline-block;
  margin-left: 13px;
  line-height: 28px;
  height: 28px;
  cursor: pointer
}
.designer-detail-a .sj iconpark-icon[data-v-5f0f211c] {
  font-size: 28px
}
.designer-detail-a .sj:hover + .banner-box[data-v-5f0f211c] {
  opacity: 0
}
.designer-detail-a .sj[data-v-5f0f211c]:hover {
  width: 100%;
  height: 100%;
  transition: all .3s linear 0s;
  transform: translate(-200px, 10px);
  overflow: hidden;
  display: flex;
  align-items: center;
  cursor: pointer
}
.designer-detail-a .sj:hover span[data-v-5f0f211c] {
  color: #fff;
  font-size: 16px;
  display: inline-block;
  margin-left: 13px;
  line-height: 28px;
  height: 28px
}
.designer-detail-a .sj:hover iconpark-icon[data-v-5f0f211c] {
  font-size: 28px
}
.designer-box[data-v-5f0f211c] {
  display: flex;
  margin-bottom: 48px
}
.designer-box .designer-other[data-v-5f0f211c] {
  margin-left: 137px;
  margin-top: 5px;
  height: 432px;
  width: 14px;
  font-size: 14px;
  writing-mode: vertical-lr;
  letter-spacing: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 159px 0;
  position: relative
}
.designer-box .designer-other[data-v-5f0f211c]:after {
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  height: 151px;
  width: 1px;
  background: rgba(0, 0, 0, .08)
}
.designer-box .designer-other[data-v-5f0f211c]:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: "";
  height: 151px;
  width: 1px;
  background: rgba(0, 0, 0, .08)
}
.designer-box .designer-nav[data-v-5f0f211c] {
  margin-left: 32px;
  height: 420px;
  width: 88px;
  position: relative
}
.designer-box .designer-nav .swiper-button-prev[data-v-5f0f211c] {
  position: absolute;
  width: 44px;
  height: 44px;
  right: 0;
  left: 0;
  top: 0;
  bottom: 90.5%;
  margin: auto;
  z-index: 99;
  transform: rotate(-90deg);
  cursor: pointer
}
.designer-box .designer-nav .swiper-button-next[data-v-5f0f211c] {
  position: absolute;
  width: 44px;
  height: 44px;
  right: 0;
  left: 0;
  bottom: 0;
  top: 95.5%;
  margin: auto;
  z-index: 99;
  transform: rotate(-270deg);
  cursor: pointer
}
.designer-box .designer-nav .swiper[data-v-5f0f211c] {
  margin: 54px 0;
  width: 88px;
  height: 312px;
  position: static
}
.designer-box .designer-nav .swiper .swiper-slide[data-v-5f0f211c] {
  width: 88px;
  height: 88px;
  flex-shrink: 0;
  border-radius: 99px;
  cursor: pointer;
  position: relative
}
.designer-box .designer-nav .swiper .swiper-slide .el-image[data-v-5f0f211c] {
  object-fit: cover;
  width: 88px;
  height: 88px;
  border-radius: 99px
}
.designer-box .designer-nav .swiper .swiper-slide .el-image .hover-box[data-v-5f0f211c] {
  width: 590px;
  height: 252px
}
.designer-box .designer-nav .swiper .swiper-slide .el-image[data-v-5f0f211c]:hover:after {
  content: "\A去TA主页\A>>";
  white-space: pre;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 88px;
  height: 88px;
  border-radius: 99px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  z-index: 2
}
.designer-box .designer-left[data-v-5f0f211c] {
  position: relative;
  margin-right: 24px;
  text-align: center;
  width: 347px;
  height: 380px;
  background: url(../image/designer-bg.b3fd278.png) top no-repeat;
  background-size: 347px 339px
}
.designer-box .designer-left .nickName[data-v-5f0f211c] {
  z-index: 3;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: inline-block;
  width: 347px;
  padding: 0 55px;
  text-align: justify;
  text-align-last: justify;
  color: #000;
  font-size: 20px;
  font-weight: 500
}
.designer-box .designer-left .img[data-v-5f0f211c] {
  width: 236px;
  height: 420px;
  z-index: 2;
  margin-top: -40px;
  position: relative
}
.designer-box .designer-left .img[data-v-5f0f211c]:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  width: 100%;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
}
.designer-box .designer-right[data-v-5f0f211c] {
  position: relative;
  display: flex;
  flex-direction: column
}
.designer-box .designer-right .right-a[data-v-5f0f211c] {
  color: #1b1b1b;
  margin-top: 32px;
  width: 558px
}
.designer-box .designer-right .good-at[data-v-5f0f211c] {
  margin-bottom: 4px;
  font-size: 12px;
  color: #3c4d59;
  width: 374px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1
}
.designer-box .designer-right .good-at span[data-v-5f0f211c] {
  margin-left: -8px
}
.designer-box .designer-right .good-at li[data-v-5f0f211c] {
  vertical-align: middle;
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  border: .5px solid rgba(0, 0, 0, .1);
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.designer-box .designer-right .info-dl[data-v-5f0f211c] {
  font-size: 14px;
  width: 100%
}
.designer-box .designer-right .info-dl ul .seprator[data-v-5f0f211c] {
  width: 56px;
  height: 1px;
  padding: 0 4px;
  position: relative
}
.designer-box .designer-right .info-dl ul .seprator[data-v-5f0f211c]:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 56px;
  height: 1px;
  background: rgba(0, 0, 0, .2);
  z-index: 2
}
.designer-box .designer-right .info-dl ul li[data-v-5f0f211c] {
  margin-top: 24px;
  display: flex;
  align-items: flex-start
}
.designer-box .designer-right .info-dl ul li span[data-v-5f0f211c] {
  display: inline-block;
  color: rgba(27, 27, 27, .5)
}
.designer-box .designer-right .info-dl ul li .content[data-v-5f0f211c] {
  width: 480px;
  margin-left: 8px
}
.designer-box .designer-right .info-dl ul li .content span[data-v-5f0f211c] {
  color: #1b1b1b
}
.designer-box .designer-right .info-dl .awards-box[data-v-5f0f211c] {
  font-size: 14px;
  color: #1b1b1b;
  white-space: pre-wrap
}
.designer-box .designer-right .info-form[data-v-5f0f211c] {
  position: relative;
  margin-top: 35px;
  padding-right: 184px
}
.designer-box .designer-right .info-form .designer-submit-btn[data-v-5f0f211c] {
  position: absolute;
  top: 0;
  right: 0;
  width: 164px;
  height: 164px;
  font-size: 22px
}
.designer-box .designer-right .profile-tab[data-v-5f0f211c] {
  display: flex;
  align-items: flex-end
}
.designer-box .designer-right .profile-tab .seprator[data-v-5f0f211c] {
  color: #1b1b1b;
  font-size: 24px;
  font-weight: 400;
  padding: 0 4px;
  width: 24px
}
.designer-box .designer-right .profile-tab li[data-v-5f0f211c] {
  position: relative;
  height: 38px;
  line-height: 38px;
  cursor: pointer;
  font-size: 18px;
  color: rgba(27, 27, 27, .5)
}
.designer-box .designer-right .profile-tab li[data-v-5f0f211c]:after {
  content: "";
  position: absolute;
  left: -14px;
  right: 0;
  bottom: -4px;
  height: 2px;
  background-color: #1b1b1b;
  z-index: 1
}
.designer-box .designer-right .profile-tab li.active[data-v-5f0f211c] {
  color: #1b1b1b;
  font-size: 24px;
  font-weight: 400
}
.designer-box .designer-right .profile-tab li.active[data-v-5f0f211c]:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 5px;
  width: 96px;
  background-color: #e7000b;
  z-index: 2
}
.designer-box .designer-right .profile-tab li + li[data-v-5f0f211c]:after {
  content: "";
  position: absolute;
  left: -14px;
  right: 0;
  bottom: -4px;
  height: 2px;
  background-color: #1b1b1b;
  z-index: 1
}
.designer-detail-b[data-v-5f0f211c] {
  margin-top: 76px
}
.designer-detail-b .auto-box[data-v-5f0f211c] {
  width: 1200px
}
.designer-detail-b .b-inner[data-v-5f0f211c] {
  padding: 55px
}
.designer-detail-b .b-inner dl[data-v-5f0f211c] {
  display: flex
}
.designer-detail-b .b-inner dl + dl[data-v-5f0f211c] {
  margin-top: 25px
}
.designer-detail-b .b-inner dl dt[data-v-5f0f211c] {
  display: inline-flex;
  align-items: center;
  font-size: 18px;
  color: #333;
  min-width: 160px;
  justify-content: space-between
}
.designer-detail-b .b-inner dl dt[data-v-5f0f211c]:after {
  content: "";
  width: 72px;
  border-bottom: 1px dashed #bbb;
  margin: 0 8px
}
.designer-detail-b .b-inner dl dd[data-v-5f0f211c] {
  line-height: 24px;
  font-size: 16px;
  color: #666;
  overflow: hidden;
  flex: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}
.list-content[data-v-5f0f211c] {
  overflow: hidden;
  width: 1200px
}
.list-content .auto-box[data-v-5f0f211c] {
  width: 1200px
}
.list-content .case-gallery[data-v-5f0f211c] {
  overflow: hidden
}
.list-content .case-gallery .case-gallery-inner[data-v-5f0f211c] {
  margin: 0;
  display: flex;
  flex-wrap: wrap
}
.list-content .case-gallery .no-resulet[data-v-5f0f211c] {
  padding-bottom: 30px;
  padding-top: 30px
}
.list-content .case-gallery .no-resulet .keywords-result[data-v-5f0f211c] {
  padding: 30px;
  text-align: center;
  font-size: 28px;
  color: #999
}
.list-content .case-gallery .no-resulet .keywords-result strong[data-v-5f0f211c] {
  color: #333
}
.list-content .case-item[data-v-5f0f211c] {
  width: 305px;
  padding: 0 20px 20px 0;
  overflow: hidden
}
.list-content .case-item[data-v-5f0f211c]:nth-of-type(4n) {
  width: 285px;
  padding: 0 0 20px
}
.list-content .case-item .case-item-link[data-v-5f0f211c] {
  width: 100%;
  height: 380px;
  display: block;
  position: relative;
  overflow: hidden
}
.list-content .case-item .case-item-link:hover .case-img[data-v-5f0f211c] {
  transform: scale(1.2);
  transition: all .3s
}
.list-content .case-item .case-item-link:hover .quanjing[data-v-5f0f211c] {
  animation: img-move-5f0f211c 4s linear infinite
}
.list-content .case-item .case-item-link:hover .case-bot-bar[data-v-5f0f211c] {
  opacity: 0
}
.list-content .case-item .case-item-link:hover .aj-case-drop[data-v-5f0f211c] {
  opacity: 1
}
.list-content .case-item .case-item-link .aj-iconquanjing[data-v-5f0f211c] {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 1
}
.list-content .ad-box[data-v-5f0f211c] {
  width: 100%;
  height: 380px;
  background-image: url(../image/case-item-bg.ec0c150.png);
  text-align: center;
  overflow: hidden;
  cursor: pointer
}
.list-content .ad-box .ad-top-user[data-v-5f0f211c] {
  padding-top: 24px
}
.list-content .ad-box .ad-top-user[data-v-5f0f211c] .el-carousel__container {
  line-height: 20px
}
.list-content .ad-box .ad-top-user span[data-v-5f0f211c] {
  padding: 4px 8px;
  border-radius: 99px;
  background: rgba(0, 0, 0, .5);
  color: #fff;
  font-size: 12px;
  font-weight: 300
}
.list-content .ad-box .ad-box-tit[data-v-5f0f211c] {
  color: #594a3c;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  margin-top: 70px;
  padding: 0 14px
}
.list-content .ad-box .ad-num-box[data-v-5f0f211c] {
  margin-top: 10px
}
.list-content .ad-box .ad-num-box .fixed-disc[data-v-5f0f211c] {
  color: #3c4d59;
  font-family: PingFang SC;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal
}
.list-content .ad-box .ad-num-box .fixed-disc span[data-v-5f0f211c] {
  display: inline-block;
  width: 180px;
  color: #594a3c;
  text-align: center;
  font-family: Roboto;
  font-size: 48px;
  font-style: italic;
  font-weight: 700;
  line-height: normal
}
.list-content .ad-box .ad-submit-btn[data-v-5f0f211c] {
  width: 200px;
  height: 48px;
  border-radius: 99px;
  background: linear-gradient(90deg, #ff991b, #ff6d1b);
  box-shadow: 0 4px 6px 0 rgba(195, 59, 0, .23);
  color: #fff;
  text-shadow: 0 1px 4px #d04c01;
  font-size: 18px;
  font-weight: 500;
  padding: 0;
  border: none;
  margin-top: 44px
}
.list-content .case-img[data-v-5f0f211c] {
  display: block;
  width: 100%;
  height: 380px
}
.list-content .case-bot-bar[data-v-5f0f211c] {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  padding: 0 12px;
  height: 48px;
  line-height: 48px;
  text-align: left;
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, .2);
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 1;
  transition: opacity .2s linear
}
.list-content .case-bot-bar strong[data-v-5f0f211c] {
  font-size: 13px;
  margin-right: 14px
}
.list-content .case-bot-bar span[data-v-5f0f211c] {
  font-size: 12px
}
.list-content .case-bot-bar span + span[data-v-5f0f211c]:before {
  content: "|";
  margin: 0 8px
}
.list-content .case-drop[data-v-5f0f211c] {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  padding: 0 30px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, .6);
  transition: opacity .2s linear
}
.list-content .case-drop .case-drop-inner[data-v-5f0f211c] {
  max-width: 265px;
  width: 100%
}
.list-content .case-drop .drop-a[data-v-5f0f211c] {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #bbb
}
.list-content .case-drop .drop-a .designer-img[data-v-5f0f211c] {
  width: 80px;
  height: 112px;
  margin-right: 5px
}
.list-content .case-drop .drop-a dl[data-v-5f0f211c] {
  flex: 1;
  overflow: hidden;
  color: #bbbaba;
  font-size: 12px
}
.list-content .case-drop .drop-a dl dt[data-v-5f0f211c] {
  margin-bottom: 3px
}
.list-content .case-drop .drop-a dl dd[data-v-5f0f211c] {
  height: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical
}
.list-content .case-drop .drop-b[data-v-5f0f211c] {
  padding-top: 10px;
  text-align: right;
  color: #c1a56f;
  font-size: 12px
}
.list-content .aj-case-drop[data-v-5f0f211c] {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  padding: 75px 52px;
  text-align: center;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6));
  opacity: 0;
  transition: opacity .2s linear
}
.list-content .aj-case-drop .aj-designer-img[data-v-5f0f211c] {
  display: inline-block;
  width: 64px;
  height: 64px;
  border-radius: 64px;
  border: 1px solid hsla(0, 0%, 100%, .9)
}
.list-content .aj-case-drop .aj-designer-name[data-v-5f0f211c] {
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, .2);
  font-size: 16px;
  font-weight: 500;
  margin-top: 8px
}
.list-content .aj-case-drop .aj-designer-post[data-v-5f0f211c] {
  color: hsla(0, 0%, 100%, .8);
  text-shadow: 0 0 3px rgba(0, 0, 0, .2);
  font-size: 12px;
  font-weight: 300
}
.list-content .aj-case-drop .popup-price[data-v-5f0f211c] {
  width: 180px;
  height: 40px;
  border-radius: 99px;
  background: linear-gradient(90deg, #ff991b, #ff6d1b);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border: none;
  margin: 30px 0 0;
  padding: 0
}
.list-content .aj-case-drop .popup-preview[data-v-5f0f211c] {
  width: 180px;
  height: 40px;
  border-radius: 99px;
  border: 1px solid #ff991b;
  background: transparent;
  color: #ff991b;
  font-size: 16px;
  font-weight: 500;
  margin: 8px 0 0;
  padding: 0
}
.designer-detail-c[data-v-5f0f211c] {
  overflow: hidden
}
.designer-detail-c .auto-box[data-v-5f0f211c] {
  width: 1200px
}
.designer-detail-c .case-gallery[data-v-5f0f211c] {
  overflow: hidden
}
.designer-detail-c .case-gallery .case-gallery-inner[data-v-5f0f211c] {
  margin: 0 -5px;
  display: flex;
  flex-wrap: wrap
}
.designer-detail-c .case-item[data-v-5f0f211c] {
  width: 305px;
  padding: 0 20px 20px 0;
  overflow: hidden
}
.designer-detail-c .case-item[data-v-5f0f211c]:nth-of-type(4n) {
  width: 285px;
  padding: 0 0 20px
}
@-webkit-keyframes img-move-5f0f211c {
  0% {
    transform: scale(1.3) translate(0)
  }
  25% {
    transform: scale(1.3) translate(-35px)
  }
  50% {
    transform: scale(1.3) translate(0)
  }
  75% {
    transform: scale(1.3) translate(35px)
  }
  to {
    transform: scale(1.3) translate(0)
  }
}
@-moz-keyframes img-move-5f0f211c {
  0% {
    transform: scale(1.3) translate(0)
  }
  25% {
    transform: scale(1.3) translate(-35px)
  }
  50% {
    transform: scale(1.3) translate(0)
  }
  75% {
    transform: scale(1.3) translate(35px)
  }
  to {
    transform: scale(1.3) translate(0)
  }
}
.designer-detail-c .case-item .case-item-link[data-v-5f0f211c] {
  width: 100%;
  height: 380px;
  display: block;
  position: relative;
  overflow: hidden
}
.designer-detail-c .case-item .case-item-link:hover .case-img[data-v-5f0f211c] {
  transform: scale(1.2);
  transition: all .3s
}
.designer-detail-c .case-item .case-item-link:hover .quanjing[data-v-5f0f211c] {
  animation: img-move-5f0f211c 4s linear infinite
}
.designer-detail-c .case-item .case-item-link:hover .case-bot-bar[data-v-5f0f211c] {
  opacity: 0
}
.designer-detail-c .case-item .case-item-link:hover .aj-case-drop[data-v-5f0f211c] {
  opacity: 1
}
.designer-detail-c .case-item .case-item-link .aj-iconquanjing[data-v-5f0f211c] {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 1
}
.designer-detail-c .case-img[data-v-5f0f211c] {
  display: block;
  width: 100%;
  height: 100%
}
.designer-detail-c .case-bot-bar[data-v-5f0f211c] {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6));
  text-align: center;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 1;
  transition: opacity .2s linear
}
.designer-detail-c .case-bot-bar strong[data-v-5f0f211c] {
  font-size: 13px;
  margin-right: 14px
}
.designer-detail-c .case-bot-bar span[data-v-5f0f211c] {
  font-size: 12px
}
.designer-detail-c .case-bot-bar span + span[data-v-5f0f211c]:before {
  content: "|";
  margin: 0 5px
}
.designer-detail-c .case-drop[data-v-5f0f211c] {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  padding: 0 30px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, .6);
  opacity: 0;
  transition: opacity .2s linear
}
.designer-detail-c .case-drop .case-drop-inner[data-v-5f0f211c] {
  max-width: 265px;
  width: 100%
}
.designer-detail-c .case-drop .drop-a[data-v-5f0f211c] {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #bbb
}
.designer-detail-c .case-drop .drop-a .designer-img[data-v-5f0f211c] {
  width: 82px;
  height: 110px;
  margin-right: 5px
}
.designer-detail-c .case-drop .drop-a dl[data-v-5f0f211c] {
  flex: 1;
  overflow: hidden;
  color: #bbbaba;
  font-size: 12px
}
.designer-detail-c .case-drop .drop-a dl dt[data-v-5f0f211c] {
  margin-bottom: 3px
}
.designer-detail-c .case-drop .drop-a dl dd[data-v-5f0f211c] {
  height: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical
}
.designer-detail-c .case-drop .drop-b[data-v-5f0f211c] {
  padding-top: 10px;
  text-align: right;
  color: #c1a56f;
  font-size: 12px
}
.designer-detail-panel .panel-header[data-v-5f0f211c] {
  text-align: center;
  margin-bottom: 32px
}
.designer-detail-panel .panel-header .title[data-v-5f0f211c] {
  flex: 1
}
.designer-detail-panel .panel-header .title strong[data-v-5f0f211c] {
  display: inline-block;
  width: 100%;
  padding: 0 70px;
  font-size: 24px;
  font-weight: 400;
  color: #000;
  line-height: .1;
  border-left: 458px solid rgba(0, 0, 0, .2);
  border-right: 458px solid rgba(0, 0, 0, .2)
}
.designer-detail-panel .panel-header .title span[data-v-5f0f211c] {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  color: #999
}
.designer-detail-panel .panel-header .title span[data-v-5f0f211c]:before {
  content: "/";
  margin: 0 5px
}
.detail-video[data-v-5f0f211c] {
  position: relative;
  width: 100%;
  height: 400px;
  background: #000;
  margin-bottom: 30px
}
.detail-video .banquan-box[data-v-5f0f211c] {
  position: absolute;
  bottom: -30px;
  right: 0;
  font-size: 12px;
  color: #bbb;
  display: flex;
  align-items: center
}
.detail-video .banquan-box .iconfont[data-v-5f0f211c] {
  margin-right: 5px;
  font-size: 20px
}
.no-result[data-v-5f0f211c] {
  padding: 30px 0;
  font-size: 16px
}
.video-container[data-v-6c469ac2] {
  width: 366px;
  height: 215px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  overflow: hidden
}
.video-css[data-v-6c469ac2] {
  width: 100%;
  height: 100%
}
.videoBox[data-v-e4411fde] {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden
}
.video-js[data-v-e4411fde] {
  background-color: transparent
}
.video-js.vjs-1-1[data-v-e4411fde]:not(.vjs-audio-only-mode), .video-js.vjs-4-3[data-v-e4411fde]:not(.vjs-audio-only-mode), .video-js.vjs-9-16[data-v-e4411fde]:not(.vjs-audio-only-mode), .video-js.vjs-16-9[data-v-e4411fde]:not(.vjs-audio-only-mode), .video-js.vjs-fluid[data-v-e4411fde]:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
  padding: 0
}
.video-js .vjs-tech[data-v-e4411fde] {
  background: #000
}
.controlBar[data-v-e4411fde] {
  width: 100%;
  padding: 8px 12px 0;
  height: 54px;
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  color: #fff
}
.progressBar[data-v-e4411fde] {
  position: relative;
  height: 24px;
  padding-left: 4px
}
.controlBtnBox[data-v-e4411fde], .progressBar[data-v-e4411fde] {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  align-items: center
}
.controlBtnBox[data-v-e4411fde] {
  height: 60%;
  justify-content: space-between
}
.el-slider[data-v-e4411fde] {
  flex: 1;
  padding-right: 10px
}
.progressBar[data-v-e4411fde] .el-slider__bar {
  height: 3px;
  background-color: #409eff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: absolute;
  background: linear-gradient(274deg, #ffa978 .56%, #ffedcd);
  backdrop-filter: blur(5.5px)
}
.progressBar[data-v-e4411fde] .el-slider__button {
  height: 8px;
  width: 8px;
  background: #fff;
  border: none
}
.progressBar[data-v-e4411fde] .el-slider__runway {
  margin-top: 1px;
  margin-bottom: 1px;
  height: 3px;
  background: hsla(0, 0%, 100%, .8);
  backdrop-filter: blur(5.5px)
}
.progressBar[data-v-e4411fde] .el-slider__button-wrapper {
  width: 28px;
  height: 33px;
  top: -15px
}
.volume-box[data-v-e4411fde] {
  margin: 0 0 0 8px
}
.volume-box .icon-size[data-v-e4411fde] {
  font-size: 18px;
  cursor: pointer
}
.volume-box .volumeBar[data-v-e4411fde] {
  width: 30px;
  height: 120px;
  background-color: rgba(129, 127, 127, .35294117647058826);
  position: absolute;
  bottom: 30px;
  right: 20px;
  display: flex;
  justify-content: center;
  align-items: center
}
.volume-box[data-v-e4411fde] .el-slider {
  flex: 1;
  padding-right: 0
}
.volume-box[data-v-e4411fde] .el-slider.is-vertical .el-slider__button-wrapper {
  top: auto;
  left: -12px;
  transform: translateY(50%);
  width: 30px;
  height: 30px
}
.volume-box[data-v-e4411fde] .el-slider__button {
  height: 10px;
  width: 10px;
  background: #fff;
  border: none
}
.volume-box[data-v-e4411fde] .el-slider__bar {
  height: 3px;
  background-color: #409eff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: absolute;
  background: #ffa978;
  backdrop-filter: blur(5.5px)
}
.volume-box-nothing[data-v-e4411fde] {
  margin: 0 0 0 8px
}
.volume-box-nothing .icon-size[data-v-e4411fde] {
  font-size: 18px;
  position: absolute;
  bottom: 12px;
  right: 160px;
  z-index: 999;
  color: #fff
}
.volume-box-nothing .volumeBar[data-v-e4411fde] {
  width: 120px;
  height: 30px;
  background-color: transparent;
  position: absolute;
  bottom: 4px;
  right: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999
}
.volume-box-nothing[data-v-e4411fde] .el-slider__runway {
  margin: 0
}
.volume-box-nothing[data-v-e4411fde] .el-slider {
  flex: 1;
  padding-right: 0
}
.volume-box-nothing[data-v-e4411fde] .el-slider__button-wrapper {
  top: auto;
  left: -12px;
  transform: translateY(50%);
  width: 30px;
  height: 30px
}
.volume-box-nothing[data-v-e4411fde] .el-slider__button {
  height: 10px;
  width: 10px;
  background: #fff;
  border: none
}
.volume-box-nothing[data-v-e4411fde] .el-slider__bar {
  height: 6px;
  top: 0;
  background-color: #409eff;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: absolute;
  background: #ffa978;
  backdrop-filter: blur(5.5px)
}
.rank-box[data-v-e4411fde] {
  margin: 0 0 0 8px
}
.rank-box .icon-size[data-v-e4411fde] {
  font-size: 18px;
  cursor: pointer
}
.left[data-v-e4411fde] {
  padding-left: 10px;
  width: 50%;
  display: flex;
  align-items: center
}
.left span[data-v-e4411fde] {
  margin-left: 20px
}
.right[data-v-e4411fde] {
  width: 15%;
  display: flex;
  justify-content: space-around;
  position: relative
}
.right i[data-v-e4411fde] {
  display: block
}
.rateBox[data-v-e4411fde] {
  width: 15%;
  cursor: pointer
}
.rateOptions[data-v-e4411fde] {
  width: 80px;
  height: 180px;
  background-color: rgba(129, 127, 127, .35294117647058826);
  position: absolute;
  top: -185px;
  right: 50px;
  display: flex;
  flex-wrap: wrap;
  align-content: center
}
.rateOptions span[data-v-e4411fde] {
  display: block;
  width: 100%;
  height: 30px;
  text-align: center;
  line-height: 30px
}
.rateOptions span[data-v-e4411fde]:hover {
  background-color: rgba(206, 201, 201, .35294117647058826);
  color: #409eff
}
.time[data-v-e4411fde] {
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  position: relative;
  top: 4px
}
[data-v-e4411fde] .video-js .vjs-big-play-button {
  display: none !important
}
.controlBar-play-btn[data-v-e4411fde] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
}
.controlBar-play-btn .iconpark-icon-play[data-v-e4411fde] {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer
}
.controlBar-play-btn .total-time[data-v-e4411fde] {
  position: absolute;
  right: 8px;
  bottom: 8px;
  padding: 2px 8px;
  border-radius: 4px;
  background: rgba(0, 0, 0, .3);
  color: #fff;
  font-size: 12px;
  font-weight: 400
}
.el-icon-video-pause[data-v-e4411fde], .el-icon-video-play[data-v-e4411fde] {
  cursor: pointer
}
.pagination-container[data-v-4e7a19b2] {
  padding: 15px 0 30px;
  text-align: center
}
.pagination-container.hidden[data-v-4e7a19b2] {
  display: none
}
.dialog-baojia[data-v-3f5c34d4] .el-dialog {
  background: transparent;
  height: 0;
  width: 0
}
.dialog-baojia[data-v-3f5c34d4] .el-dialog .el-dialog__headerbtn {
  top: 17px;
  right: 7px;
  width: 30px;
  height: 30px
}
.dialog-baojia[data-v-3f5c34d4] .el-dialog .el-dialog__headerbtn i {
  display: none
}
.dialog-baojia[data-v-3f5c34d4] .el-dialog .el-dialog__body, .dialog-baojia[data-v-3f5c34d4] .el-dialog .el-dialog__header {
  padding: 0
}
.content-box[data-v-3f5c34d4] {
  text-align: right
}
.content-box .close-btn[data-v-3f5c34d4] {
  position: relative;
  right: -20px;
  cursor: pointer
}
.aj-form-box[data-v-3f5c34d4] {
  display: flex;
  justify-content: flex-end;
  border-radius: 24px;
  overflow: hidden;
  background: url(../image/free-charge-dialog-bg-img.7b6c91e.png) 50%/100% 100% no-repeat
}
.aj-form-box .form-right[data-v-3f5c34d4] {
  width: 321px;
  height: 430px;
  margin-right: 107px
}
.aj-form-box .form-right .aj-index-money-rgt-tit[data-v-3f5c34d4] {
  color: #31424f;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
  margin-top: 46px
}
.aj-form-box .form-right .demo-ruleForm-cen[data-v-3f5c34d4] {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px
}
.aj-form-box .form-right .demo-ruleForm-cen .el-form-item[data-v-3f5c34d4] {
  margin: 24px auto 0
}
.aj-form-box .form-right .demo-ruleForm-cen[data-v-3f5c34d4] .el-input__inner {
  width: 321px;
  height: 56px;
  line-height: 56px;
  flex-shrink: 0;
  border: none;
  padding: 0 54px 0 48px;
  border-radius: 16px;
  background: #fff
}
.aj-form-box .form-right .demo-ruleForm-cen[data-v-3f5c34d4] .el-input__inner::placeholder {
  color: #bebebe;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}
.aj-form-box .form-right .demo-ruleForm-cen[data-v-3f5c34d4] .el-input__suffix {
  top: 4px
}
.aj-form-box .form-right .demo-ruleForm-cen .unit[data-v-3f5c34d4] {
  color: #666;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  padding: 0 16px;
  position: relative;
  top: 6px
}
.aj-form-box .form-right .demo-ruleForm-cen .unit .icon-park-suffix[data-v-3f5c34d4] {
  position: relative;
  top: 6px
}
.aj-form-box .form-right .demo-ruleForm-cen .prefix[data-v-3f5c34d4] {
  position: relative;
  top: 14px;
  padding: 0 8px
}
.aj-form-box .form-right .demo-ruleForm-cen .submit-label-btn[data-v-3f5c34d4] {
  width: 321px;
  height: 56px;
  flex-shrink: 0;
  border-radius: 99px;
  background: linear-gradient(90deg, #ff991b, #ff6d1b);
  box-shadow: 0 4px 12px 0 rgba(227, 55, 0, .25);
  border: none;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 24px
}
.aj-form-box .form-right .num[data-v-3f5c34d4] {
  color: #666;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  margin-top: 12px;
  text-align: center
}
.aj-form-box .form-right .num span[data-v-3f5c34d4] {
  color: #31424f
}
.dialog-baojia[data-v-7fb870fc] .el-dialog {
  background: transparent;
  height: 0;
  width: 0
}
.dialog-baojia[data-v-7fb870fc] .el-dialog .el-dialog__headerbtn {
  top: 17px;
  right: 7px;
  width: 30px;
  height: 30px
}
.dialog-baojia[data-v-7fb870fc] .el-dialog .el-dialog__headerbtn i {
  display: none
}
.dialog-baojia[data-v-7fb870fc] .el-dialog .el-dialog__body, .dialog-baojia[data-v-7fb870fc] .el-dialog .el-dialog__header {
  padding: 0
}
.content-box[data-v-7fb870fc] {
  text-align: right
}
.content-box .close-btn[data-v-7fb870fc] {
  position: relative;
  right: -20px;
  cursor: pointer
}
.aj-form-box[data-v-7fb870fc] {
  display: flex;
  border-radius: 24px;
  overflow: hidden
}
.aj-form-box .form-left[data-v-7fb870fc] {
  position: relative;
  width: 350px;
  height: 430px;
  text-align: left;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top
}
.aj-form-box .form-left .form-left-bg-img[data-v-7fb870fc] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.aj-form-box .form-left .logo-img[data-v-7fb870fc] {
  width: 280px;
  position: relative;
  left: 20px;
  top: 31px
}
.aj-form-box .form-left .logo-img-house-type[data-v-7fb870fc] {
  position: relative;
  left: 15px;
  top: 28px;
  width: 209px
}
.aj-form-box .form-right[data-v-7fb870fc] {
  width: 413px;
  height: 430px;
  background: #fff
}
.aj-form-box .form-right .aj-index-money-rgt-tit[data-v-7fb870fc] {
  color: #31424f;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
  margin-top: 46px
}
.aj-form-box .form-right .demo-ruleForm-cen[data-v-7fb870fc] {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px
}
.aj-form-box .form-right .demo-ruleForm-cen .el-form-item[data-v-7fb870fc] {
  margin: 24px auto 0
}
.aj-form-box .form-right .demo-ruleForm-cen[data-v-7fb870fc] .el-input__inner {
  width: 321px;
  height: 56px;
  line-height: 56px;
  flex-shrink: 0;
  border: none;
  padding: 0 54px 0 48px;
  border-radius: 16px;
  background: #f8f8f8
}
.aj-form-box .form-right .demo-ruleForm-cen[data-v-7fb870fc] .el-input__inner::placeholder {
  color: #bebebe;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}
.aj-form-box .form-right .demo-ruleForm-cen[data-v-7fb870fc] .el-input__suffix {
  top: 4px
}
.aj-form-box .form-right .demo-ruleForm-cen .unit[data-v-7fb870fc] {
  color: #666;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  padding: 0 16px;
  position: relative;
  top: 6px
}
.aj-form-box .form-right .demo-ruleForm-cen .unit .icon-park-suffix[data-v-7fb870fc] {
  position: relative;
  top: 6px
}
.aj-form-box .form-right .demo-ruleForm-cen .prefix[data-v-7fb870fc] {
  position: relative;
  top: 14px;
  padding: 0 8px
}
.aj-form-box .form-right .demo-ruleForm-cen .submit-label-btn[data-v-7fb870fc] {
  width: 321px;
  height: 56px;
  flex-shrink: 0;
  border-radius: 99px;
  background: linear-gradient(90deg, #ff991b, #ff6d1b);
  box-shadow: 0 4px 12px 0 rgba(227, 55, 0, .25);
  border: none;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 24px
}
.aj-form-box .form-right .num[data-v-7fb870fc] {
  color: #666;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  margin-top: 12px;
  text-align: center
}
.aj-form-box .form-right .num span[data-v-7fb870fc] {
  color: #31424f
}