.banner,
.banner img {
  margin-top: 60px;
  height: 310px;
}

.banner .h1 {
  font-size: 28px;
  font-weight: 700;
  /* 文字居中 */
  text-align: center;
}
.banner .h1 {
  font-size: 22px;
  font-weight: 700;
  /* 文字居中 */
  text-align: center;
}
/* 专属设计的banner的容器 */
.banner .container {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: -310px;
  width: auto !important;
  margin-left: 0;
}

.banner .des {
  /* 文字内容水平居中显示 */
  text-align: center;
}
/* 选配方案的字体 */
.vr-show-title-content .left-title h1 {
  font-size: 20px;
  font-weight: bold;
  color: #262626;
  line-height: 32px;
  margin: 0;
}
.vr-show-title-content .left-title span {
  font-size: 14px;
  /* 去掉margin */
  margin: 0;
  /* 左对齐 */
  text-align: left;
}
.vr-show-title-content .left-title {
  display: flex;
  /* 列向部署 */
  flex-direction: column;
  /* 子控件左对齐 */
  justify-content: flex-start;
  align-items: left;
  
}
.vr-show-tabs li {
  flex: 1; /* 两个li标签，平均分配宽度 */
  font-size: 18px;
  margin-right: 0;
  line-height: 24px;
  padding-bottom: 20px;
}
.vr-show-tabs {
  display: flex; /* 两个li标签，平均分配宽度 */
}

.space {
  margin-top: 0;
  padding: 30px 0 0 0 ;
  background: #f0f2f5;
}


.space-items {
  margin-top: 20px;
  flex-wrap: wrap;
  aspect-ratio: inherit;
  justify-content: space-between;
}
.space-items::after {
  display: none;
}
.space-items li {
  width: 48.55072463768116% !important;
  aspect-ratio: 345/470;
}
.space-items li:nth-child(2) ~ li {
  margin-top: 2.8985507246376812%;
}

.space-items .wrap {
  position: relative;
  width: 100% !important;
  padding-top: 136.23188405797102%;
}

.space-items li img {
  position: absolute;
  width: 100%;
  top: 0;
  transition: transform .25s ease-out;
  aspect-ratio: 345/470;
}

.space-items li .content {
  transform: translateX(0);
  background: none;
  padding: 0;
  bottom: 10px;
  right: 10px;
  left: 15px;
  top: 15px;
}

.space-items .wrap>.title {
  display: none;
}

/* .space-items li.active .content {
  left: 15px;
  top: 15px;
  right: 10px;
  bottom: 15px;
} */

.space-items li .des {
  display: block !important;
  display: -webkit-box !important;
  font-size: 12px;
  line-height: 1.375;
  -webkit-line-clamp: 8;
}

.space-items li:hover img {
  transform: scale(1.1);
}

.space-items .title {
  font-size: 18px;
  width: 100px;
  line-height: 1.35;
}

/* 网页下方图片 */
.merchants img {
  height: 100px;
  object-fit: contain;
}

.quoted img {
  height: 310px;
}
/* 专属VR的手机样式 */
.vr-show {
  background: #F5F5F5;
  margin-top: 0;
  padding: 20px 0;
}

.vr-show .container {
    /* 去除pc的padding */
    padding: 0;
}


.vr-show .more {
  font-size: 12px;
  margin-top: -10px;
}

.vr-show .more a {
  color: #595959;
}

.custom-items,
.vr-items {
  justify-content: space-between;
}
/* 专属vritem样式 */
.vr-items{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 2%;
}
.vr-item {
  flex-basis: calc(50% - 1%);
  margin-bottom: 2%;
  /* 需要清掉pc端的flex: 1;的css属性 */
  flex: none;
}
.vr-item-list .vr-item {
  margin-left: 0!important;
  width: 50%;
}

.custom-items .custom-item{
  width: 48.5%;
  flex: none;
  margin-bottom: 2%;
}

.video-show .custom-item+.custom-item,
.vr-item+.vr-item {
  margin-left: 0;
}

.vr-items .vr-item:last-child {
  display: block;
}

.custom-item:hover,
.vr-item:hover {
  box-shadow: none;
}

.custom-item:hover .custom-item__thumb,
.vr-item:hover .vr-item__thumb {
  overflow: visible;
  box-shadow: 0px 1.5px 2.5px 0px rgba(0, 0, 0, 0.4);
}

/* .custom-item:hover .custom-item__thumb:hover img,
.vr-item:hover .vr-item__thumb:hover img {
  transform: scale(1.036363636363636);
} */

.custom-item__content {
  padding-left: 0;
  padding-right: 0;
}

.vr-item__content {
  padding: 1.5% 10px;
}
.vr-item__content-btn{
  /* 消除pc的padding */
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vr-item__btn {
  width: 80px;
  height: 25px;
  font-size: 12px;
  line-height: 20px;
  /* 设置子控件p标签居中 */
  display: flex;
  justify-content: center;
  align-items: center;
}

.vr-item__title {
  color: #595959;
}

.vr-item__btn span {
  transform: scale(0.8333333333333333);
}

.vr-show__detail {
  display: block;
  margin-top: 15px;
}

.vr-player {
  width: 100%;
  margin-bottom: 15px;
  height: 300px !important;
}
.vr-player-info {
  padding: 10px;
  display: flex;
  /* 消除 justify-content: space-between; */
  justify-content: flex-start;
  /* 按列排序 */
  flex-direction: column;
  background-color: #fff;
  border: 1px solid #D9D9D9;
}
.vr-player-info .vr-player-info-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}
.vr-player-info .vr-player-info-right {
  display: flex;
  align-items: center;
  /* 居中显示 */
  justify-content: center;
  margin-top: 15px;
}
/* 上面样式下的第二个button的控件设置padding-left */
.vr-player-info .vr-player-info-right button:nth-child(2) {
  margin-left: 15px;
}
/* 消除pc的margin */
.vr-player-info .vr-player-info-right button {
  margin-left: 0;
}

.video-info__fav,
.vr-info__fav {
  font-size: 12px;
}

.vr-info__fav--mobile {
  flex-direction: column;
  line-height: 1.2;
}

.vr-info__fav--mobile .icon {
  margin-right: 0;
}


.vr-info__fav .icon {
  font-size: 12px;
  transform: scale(.9);
}

.custom__content {
  width: auto;
  padding: 0 15px 15px;
  height: auto;
}

.custom__des {
  max-width: 100%;
  padding-top: 30px;
}

.custom__des h1 {
  font-size: 21px;
  line-height: 1.618;
  margin-bottom: 15px;
}

.custom .h2 {
  font-size: 20px;
  margin-bottom: 16px;
}

.custom__des .h2 {
  font-size: 20px;
}

.custom__form {
  margin-top: 20px;
  padding: 20px;
}

.custom-form__item {
  margin-bottom: 10px;
}

.custom__form .button-submit {
  margin-top: 0;
}

.brands {
  height: 235px;
}

.brands img {
  height: 235px;
}

.brands .container {
  margin-top: -235px;
}

.brands__content {
  width: 100%;
  padding: 0 15px;
}

.brands__content header {
  line-height: 1.3;
}

.brands__scroll .icon {
  width: 16px;
  height: 32px;
}

.brands__scroll {
  margin-top: 20px;
}

/* .brands-items {
  margin-top: 20px;
  flex-wrap: nowrap;
  overflow: hidden;
} */
.brands-items li {
  width: 26.07184241019699%;
  margin: 0 3.913043478%;
}

.brands-items li::before {
  display: block;
  content: '';
  width: 750px;
}

.custom-list .custom-items {
  margin: 0 15px;
  padding-bottom: 10px;
}

.custom-list .custom-item {
  margin-left: 0;
}

.custom-crumbs {
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.custom-crumbs span {
  display: block;
  font-size: 22px;
  font-weight: 500;
  color: #262626;
  margin-left: 0;
  line-height: 1.618;
}


.custom-crumbs .filter-btn {
  min-width: 100px;
  height: 32px;
  background: #262626;
  border: none;
  border-radius: 0;
  color: #fff;
  outline: none;
}

.custom-crumbs .filter-btn .icon {
  margin-right: 8px;
  font-size: 13px;
}

.video-detail {
  margin-top: 60px;
  padding-bottom: 20px;
}

.video-detail .custom-crumbs+div {
  display: block;
}

.video-detail .video-player {
  width: auto;
  margin: 0 15px;
}

.video-info {
  width: auto;
  padding: 0 15px;
}

.detail-info {
  padding-top: 0;
  padding-bottom: 0;
}

.detail-info .container {
  padding: 20px 15px;
  display: block;
}

.detail-info section {
  margin-top: 0;
}

.detail-info::before,
.detail-info::after {
  display: none;
}

.detail-article {
  padding: 15px;
}

.detail-info .hots {
  margin-left: 0;
  width: 100%;
  margin-top: 15px;
  padding: 15px;
}

.hots .scroll {
  margin: 0;
  padding: 0;
}

.hots .custom-items {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  margin-top: 15px;
}

.hots .custom-item {
  margin-bottom: 0;
}

.hots .custom-item+.custom-item {
  margin-left: 3%;
}

.custom--fixed {
  display: none;
  position: static;
}

.custom--fixed.show {
  display: block;
}

.custom__bg {
  display: none;
}

.vr-detail {
  margin-top: 60px;
  padding-bottom: 20px;
}

.vr-detail-player {
  width: auto;
  margin: 0 15px;
}
/* vr的一些样式 */
.zhen-xuan-vr-box {
  display: flex;
  width: 100%;
  /* 按列排行 */
  flex-direction: column;
}
.zhen-xuan-vr-box-left {
  width: 100%;
  /* 按列排行 */
  flex-direction: column;
}
/* vr方案的价格 */
.zhen-xuan-vr-box-price-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 10px;
}
.zhen-xuan-vr-box-price-box-right{
  padding: 10px;
  padding-left: 0 !important;
}
.zhen-xuan-vr-box-price-box-right button:nth-child(1) {
  /* 设置第一个 button 的 margin-left */
  margin-left: 0px;
}

.zhen-xuan-vr-box-price-box-right button:nth-child(2) {
  /* 设置第二个 button 的 margin-left */
  margin-left: 15px;
}
button.vr-player-info-btn {
  width: auto;
  padding: 0 15px;
  line-height: 48px;
}
.iframeStyle {
  /* 去除pc页面的position: absolute; */
  position: static;
  width: 100% !important;
  height: 300px !important;
}
/* 右边的vr列表 */
.zhen-xuan-vr-box-right {
  margin-left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
/* 与价格div的间距 */
.video-player-padding {
  /* 去除pc样式的影响  */
  padding-bottom: 0!important;
}
/* vr house 主页右边vr列表 */

.zhen-xuan-vr-box-right-list{
  /* margin-top: 15px; */
  padding-top: 15px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.zhen-xuan-vr-box-right-list-container{
  width: 100%;
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
.zhen-xuan-vr-box-right-list li {
  margin-bottom: 15px;
  width: 50%;
}
/* 这个item是上面li的子控件*/
.zhen-xuan-vr-box-right-list-item {
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.zhen-xuan-vr-box-right-list-item p {
  bottom: -16%;
}
/* vr house end*/

.licheng_listCustom ul li {
  width: 100% !important;
  aspect-ratio: 345/470;
  height: 250px;
  margin-bottom: 10px;
}
.licheng_listCustom ul{
  flex-wrap: wrap;
  justify-content: space-between;
}

.licheng_listCustom ul li img{width: 100% !important;
  height: 250px !important;
  object-fit: cover;}
.licheng_listCustom ul li .lic_Content{
  display: block;
  position: absolute;
  width: 90%;
  height: 90%;
  left: 5%;
  top: 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}
.licheng_listCustom ul li .lic_Content div{background: rgba(38,38,38,0.49);
  padding: 10px;}
.licheng_listCustom ul li .lic_Content h5{
  margin-bottom: 10px;
}
.licheng_listCustom ul li .lic_Content p+p{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.custom-item:not(.on):hover img{
  transform: none;
}
/* 施工服务流程 */
.var-card {
  padding: 0;
  background-color: #fff;
}
.cooperate-title, .var-card .title-box h1, .vr-show-title-content .left-title h1 {
  font-size: 20px;
  font-weight: bold;
  color: #262626;
  line-height: 32px;
  margin: 0;
}
.nav-content-list li, .vr-show-tabs li {
  margin-right: 50px;
  font-size: 18px;
  color: #8C8C8C;
  line-height: 24px;
  cursor: pointer;
  padding-bottom: 15px;
}
.var-card .nav-content {
  padding: 15px 0;
}
.nav-content-list{
  /* 设置可以横向滚动 */
  overflow-x: auto;
  white-space: nowrap;
}
.nav-content-box {
  display: flex;
  flex-direction: column;
}
.nav-content-box .right-box {
  width: 100%;
  padding: 0;
  background-color: #fff;
}
/* 案例分享 */
.title-box-left{
  display: flex;
  flex-direction: column;
}
.var-card-case {
  /* 去掉pc样式的影响 */
  margin-left: 0;
}
/* 设计团队 */
.cooperate {
  padding: 15px 0;
  /* background: #f5f5f5; */
}
.swiper-slide-name {
  /* 消除pc的padding */
  padding: 0;
}
.swiper-slide-name p {
  margin: 0;
  height: 30px;
  /* 文字省略 */
  display: none;
}
.cooperate-swiper .swiper-slide {
  height: 200px;
  margin: 0;
  padding: 0;
  /* 子控件居中显示 */
  display: flex;
  justify-content: center;
  align-items: center;
}
.cooperate-swiper.ping-pai-swiper .swiper-container {
  height: 200px;
}
/* 视频展示的标题 */
.video-header h1 {
  font-size: 24px;

}
/* 视频展示的内容 */
.vr-info.flex__main {
  /* width: 33.33%;
  flex: inherit; */
  /* 消除上面属性的影响 */
  width: 100% !important;
  flex: none;
  margin-left: 0 !important;
}
/* 专属案例 */
.var-card-case-list {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  /* 按每行两个自动换行 */
  justify-content: space-between;
}

.var-card-case-list li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
}
/* 替换在html写死的样式 */
.space-bottom {
  padding-bottom: 0;
}
.bordered-custom {
  /* border: 1px solid #D9D9D9; */
  /* 去除border */
  border: none;
}
.var-card-extend {
  background-color: #fff;
  margin-top: 20px;
}
/* 专属设计视频选择items */
/* 移除每行第一个元素的 margin-left */
.video-show .custom-item:nth-child(4n+1) {
  margin-left: 0;
}

/* 为第二行及其后的所有元素添加 margin-top */
.video-show .custom-item:nth-child(n+5) {
  margin-top: 20px; /* 你可以根据需要调整这个值 */
}