* {
  margin: 0;
  padding: 0;
}

html,
body {
  background-color: #000;
  font-family: PingFang;
}

b {
  font-weight: normal;
}

.none {
	display: none;
}

.BMap_cpyCtrl{
  display: none;
}

.anchorBL{
  display: none;
}

.u-f {
  display: flex;
}

.u-f-ac {
  align-items: center;
}

.u-f-jc {
  justify-content: center;
}

.u-f-jsb {
  justify-content: space-between;
}

.u-f1 {
  flex: 1;
}

.u-f-c {
  flex-direction: column;
}

.u-f-w {
  flex-wrap: wrap;
}

.u-f-ad {
  align-items: flex-end;
}

.block-title {
  font-size: 40px;
  font-weight: bold;
  line-height: 50px;
  color: #fff;
}

.block-title span {
  color: #c79830;
}

.block-title .block-7v {
  width: 70px;
  height: 34px;
}

.block-title .block-cheyijia {
  padding-right: 10px;
    font-size: 44px;
    font-family: NotoSansHans;
    font-weight: 900;
    font-style: italic;
    color: #c79830;
    background: linear-gradient(
      0deg,
      #f6c98d 0%,
      #f8c438 42.5048828125%,
      #ba8c33 56.0302734375%,
      #f6efb9 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 10px;
    position: relative;
}

.block-title .block-cheyijia::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  border-top: 1px solid rgba(233, 211, 152, 0.2);
  border-bottom: 1px solid rgba(233, 211, 152, 0.2);
}

.block-desc {
  padding-top: 34px;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  line-height: 30px;
}

.block-desc img {
  width: 29px;
  height: 14px;
}

.block-desc span {
  color: #cc9933;
}

.play-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 10000;
  display: none;
}

.play-wrap {
  height: 80%;
  width: 60%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.play {
  height: 100%;
  width: 100%;
}

.close {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  line-height: 40px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 22px;
  position: absolute;
  top: -20px;
  right: -20px;
  user-select: none;
  cursor: pointer;
}

@media (max-width: 992px) {
  .play-wrap {
    width: 100%;
  }

  .close {
    display: none;
  }
	
	input::placeholder {
		color:#999999;
		font-family:"Noto Sans CJK SC","Source Han Sans CN";
		font-size: 0.22rem;
	}
	input {
	  font-size: 0.22rem;
	}
}

/* 版块1 start */
.block1-wrap {
  height: 769px;
  position: relative;
}

.block1 {
  width: 1225px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-left: 576px;
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.block1-swiper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.block1-swiper .swiper-slide {
  width: 100%;
  height: 100%;
}

.block1-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* .block1-title {
  padding-top: 163px;
} */

.block1-video {
  width: 403px;
  height: 226px;
  margin-top: 25px;
  margin-bottom: 21px;
}

.block1-face {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  margin-right: 13px;
  object-fit: cover;
}

.block1-info {
  font-size: 18px;
  font-weight: 800;
  color: #ffffff;
  line-height: 26px;
}

.block1-mask{
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  z-index: 2;
}

/* 版块1 end */

/* 版块2 start */
.block2-title {
  padding-top: 71px;
}

.block2-desc {
  text-align: center;
  padding-bottom: 45px;
}

.block2-box {
  width: 100%;
  height: 534px;
  overflow: hidden;
  position: relative;
}

.block2-video-box {
  width: 50%;
  height: 100%;
  position: relative;
  flex-shrink: 0;
}

.block2-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.block2-play {
  position: absolute;
  width: 135px;
  height: 135px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  opacity: 0.5;
}

.block2-imgs {
  height: 100%;
  flex:1;
}

.block2-item {
  height: 50%;
  width: 50%;
}

.block2-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.block2-daka {
  position: absolute;
  width: 369px;
  height: 77px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0 0 8px 8px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
  padding: 0 22px;
}

.block2-daka .daka-face {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  margin-right: 14px;
}

.block2-daka .daka-play {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  cursor: pointer;
  margin-left: auto;
}

.block2-daka .daka-info {
  height: 45px;
}

.block2-daka .daka-info p {
  font-size: 16px;
  font-family: PingFang;
  font-weight: 500;
  color: #cccccc;
  line-height: 1;
  margin-right: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 109px;
}

.block2-daka .daka-info span {
  font-size: 14px;
  font-family: PingFang;
  font-weight: 500;
  color: #999999;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.block2-daka .daka-desc {
  max-width: 200px;
  font-size: 16px;
  font-family: PingFang;
  font-weight: 500;
  color: #ffffff;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 版块2 end */

/* 版块3 start */
.block3-wrap {
  background: url(/best/images/cheyijia/block3-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  height: 289px;
}

.block3 {
  width: 1225px;
  height: 100%;
  margin: 0 auto;
}

.block3-item {
  width: 25%;
}

.block3-item .item-text {
  font-size: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fffbf8;
  line-height: 26px;
  opacity: 0.6;
  text-align: center;
  margin-top: 36px;
}

.block3-item .item-count {
  font-size: 65px;
  font-family: DIN;
  font-weight: bold;
  color: #c79830;
  line-height: 1;
  background: linear-gradient(-49deg,
      #c89b58 0%,
      #faf1bd 33.544921875%,
      #cea45e 65.3564453125%,
      #e0d192 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.block3-item .item-unit {
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #dcbe81;
  line-height: 24px;
  margin-left: 8px;
}

/* 版块3 end */

/* 版块4 start */
.block4-wrap {
  height: 917px;
  background: url(/best/images/cheyijia/block4-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.block4 {
  width: 1225px;
  margin: 0 auto;
}

.block4-phone {
  display: none;
}

.block4-title {
  padding-top: 75px;
}

.block4-desc {
  text-align: center;
}

.block4-desc img {
  display: inline-block;
  width: 29px;
  height: 14px;
  vertical-align: middle;
}

.block4-desc em {
  font-style: normal;
}

.block4-swiper-box {
  width: 1160px;
  height: 526px;
  margin: 80px auto 0;
  position: relative;
}

.block4-swiper-box .swiper {
  width: 100%;
  height: 100%;
}

.block4-swiper-box .swiper-slide {
  width: 25%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.block4-swiper-box .swiper-slide:nth-of-type(2n) {
  align-items: flex-start;
}

.block4-swiper-box .swiper-slide .swiper-son {
  width: 250px;
  height: 453px;
  cursor: pointer;
}

.block4-swiper-box .swiper-slide .swiper-son:hover .son-img-cover {
  opacity: 0;
}

.block4-swiper-box .son-poster {
  width: 100%;
  height: 346px;
  position: relative;
}

.block4-swiper-box .son-poster>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.block4-swiper-box .son-img-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  transition: 0.3s;
}

.block4-swiper-box .son-img-cover .son-img-txt {
  width: 202px;
  height: 33px;
  position: absolute;
  top: 19px;
  left: 50%;
  transform: translateX(-50%);
}

.block4-swiper-box .son-img-cover .son-img-mark {
  width: 110px;
  height: 96px;
  object-fit: cover;
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
}

.block4-swiper-box .son-info {
  width: 100%;
  height: 97px;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  -webkit-clip-path: polygon(0 0,
      100% 0,
      100% 63px,
      214px 100%,
      36px 100%,
      0 63px);
  clip-path: polygon(0 0, 100% 0, 100% 63px, 214px 100%, 36px 100%, 0 63px);
}

.block4-swiper-box .son-info .info-name {
  font-size: 22px;
  font-family: PingFang;
  font-weight: 800;
  color: #ffffff;
  line-height: 30px;
}

.block4-swiper-box .son-info .info-level {
  font-size: 16px;
  font-family: Arial;
  font-weight: 400;
  color: #ffffff;
  line-height: 30px;
  margin-top: 2px;
}

.block4-swiper-box .son-info-7vm {
  background: rgba(233, 173, 53, 0.8);
}


.block4-swiper-box .son-info-7v {
  background: rgba(204, 153, 51, 0.8);
}

.block4-swiper-box .son-info-5v {
  background: linear-gradient(0deg,
      rgba(34, 34, 34, 0.8),
      rgba(91, 91, 91, 0.8));
}

.block4-swiper-box .son-info-3v {
  background: rgba(148, 104, 63, 0.8);
}

.block4-swiper-box .son-info-0v {
  background: rgba(51, 51, 51, 0.8);
}

.block4-swiper-box .block4-prev,
.block4-next {
  position: absolute;
  width: 25px;
  height: 46px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.block4-swiper-box .block4-prev img,
.block4-next img {
  width: 100%;
  height: 100%;
}

.block4-swiper-box .block4-prev {
  left: -75px;
}

.block4-swiper-box .block4-next {
  right: -75px;
}

/* 版块4 end */

/* 版块5 start */
.block5-wrap {
  height: 857px;
  background: url(/best/images/cheyijia/block5-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.block5 {
  width: 1225px;
  margin: 0 auto;
}

.block5-title {
  padding-top: 115px;
}

.block5-desc {
  text-align: center;
  padding-bottom: 45px;
}

.block5-box {
  width: 1225px;
  height: 450px;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  perspective: 1200px;
}
/* 
.block5Swiper2 {
  width: 494px;
  height: 420px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
 */
	
	/* 新增3333 */
	.block5Swiper2 .swiper-slide{
	  width: 494px;
	  opacity: 0;
	}
	/* 新增3333 */
	.block5Swiper2 .swiper-slide-active,.block5Swiper2 .swiper-slide-prev,.block5Swiper2 .swiper-slide-next{
	  opacity: 1;
	  transition: .3s;
	  -webkit-transition: .3s;
	  -moz-transition: .3s;
	  -ms-transition: .3s;
	  -o-transition: .3s;
	}
	/* 新增3333 */
	.block5Swiper2 .swiper-slide-active .center-box{
	  border: 6px solid #fff;
	}
	/* 新增3333 */
	.block5Swiper2 .swiper-slide-active .center-desc{
	  opacity: 1;
	  width: 100%;
	  height: 60px;
	  -webkit-line-clamp: 2;
	}
	/* 新增3333 */
	.block5Swiper2 .swiper-slide-active .center-box::after{
	  background: rgba(0, 0, 0, 0);
	}

.center-box {
  width: 494px;
  height: 361px;
  box-sizing: border-box;
  position: relative;
}

/* 新增3333 */
.center-box::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.center-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.center-desc {
  font-size: 20px;
    font-weight: 800;
    color: #ffffff;
    line-height: 30px;
    height: 30px;
    text-align: center;
    width: 50%;
	margin: 0 auto;
    padding-top: 29px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 需要显示的行数 */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    opacity: 0.7;
}

/* .block5Swiper1 {
  width: 494px;
  height: 420px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(0.9);
  left: 0;
} */
/* 
.left-box {
  width: 494px;
  height: 361px;
  overflow: hidden;
  position: relative;
} */

.left-box::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.left-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.left-desc {
  width: 494px;
  font-size: 16px;
  color: #ffffff;
  line-height: 30px;
  text-align: center;
  padding-top: 29px;
}

/* .block5Swiper3 {
  position: absolute;
  width: 494px;
  height: 420px;
  top: 50%;
  transform: translateY(-50%) scale(0.9);
  right: 0;
}
 */
/* .right-box {
  width: 494px;
  height: 361px;
  overflow: hidden;
  position: relative;
} */

.right-box::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.right-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.right-desc {
  width: 494px;
  font-size: 16px;
  color: #ffffff;
  line-height: 30px;
  text-align: center;
  padding-top: 29px;
}

/* 版块5 end */

/* 版块6 start */
.block6-pc {
  display: block;
}

.block6-phone {
  display: none;
}

.block6-wrap {
  min-height: 1093px;
  background: url(/best/images/cheyijia/block6-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: 20px;
}

.block6 {
  width: 1225px;
  margin: 0 auto;
}

.block6-title {
  padding-top: 89px;
}

.block6-desc {
  text-align: center;
  padding-bottom: 64px;
}

.block6-sels span {
  font-size: 18px;
  color: #898989;
  padding: 0 18px;
}

.block6-sels .sel-item {
  width: 304px;
  height: 58px;
  background-color: #1c1b1b;
  font-size: 18px;
  color: #898989;
  line-height: 58px;
  cursor: pointer;
  position: relative;
}

.block6-sels .sel-item .sel-value {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-left: 18px;
  background: transparent;
  color: #898989;
  cursor: pointer;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.block6-sels .sel-item .sel-icon {
  position: absolute;
  width: 23px;
  height: 13px;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s;
}

.block6-sels .sel-item-active .sel-icon {
  transform: translateY(-50%) rotate(180deg);
}

.sel-list::-webkit-scrollbar {
  width: 10px;
}

.sel-list::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}

.sel-list {
  display: none;
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  max-height: 300px;
  background: #fff;
  overflow-y: auto;
  z-index: 15;
  border: 1px solid #eee;
  border-radius: 2px;
  animation: showsel .3s both;
}

.sel-item-active .sel-list {
  display: block;
}

.sel-option {
  height: 36px;
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 16px;
  line-height: 36px;
  transition: .5s;
}

.sel-option-active {
  color: #fff;
  background-color: #1c1b1b;
}

.sel-option:hover {
  background-color: #f6f6f6;
}

.sel-option-active:hover {
  background-color: #1c1b1b;
  color: #fff;
}

@keyframes showsel {
  0% {
    transform: translate3d(0, 15px, 0);
    opacity: .3;
  }

  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.block6-pros {
  padding-top: 63px;
  width: 1170px;
  margin: 0 auto;
  flex-wrap: wrap;
}

.block6-pro .item-cover {
  width: 570px;
  height: 335px;
  overflow: hidden;
  position: relative;
}

.block6-pro .item-cover .item-img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}

.block6-pro .item-cover::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
  width: 0;
  height: 0;
  border-bottom: 167.5px solid rgba(0, 0, 0, 0.5);
  border-right: 285px solid rgba(0, 0, 0, 0.5);
  border-top: 167.5px solid transparent;
  border-left: 285px solid transparent;
  pointer-events: none;
}

.block6-pro .item-cover .item-logo {
  position: absolute;
  bottom: 19px;
  right: 21px;
  z-index: 11;
  width: 64px;
  height: 32px;
}

.block6-pro .item-title {
  font-size: 20px;
  font-weight: 800;
  color: #ffffff;
  line-height: 21px;
  white-space: nowrap;
  padding: 30px 0 19px;
  max-width: 570px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.block6-pro .item-desc {
  max-width: 570px;
  font-size: 16px;
  color: #898989;
  line-height: 24px;
  margin-bottom: 20px;
}

.block6-btn {
  width: 234px;
  height: 62px;
  font-size: 16px;
  color: #ffffff;
  line-height: 62px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.6);
  cursor: pointer;
  user-select: none;
  margin: 35px auto 0;
}

/* 版块6 end */

/* 版块7 start */
.block7-pc {
  display: block;
}

.block7-phone {
  display: none;
}

.block7-wrap {
  height: 783px;
  background: url(/best/images/cheyijia/block7-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.block7 {
  width: 1225px;
  margin: 0 auto;
}

.block7-title {
  padding-top: 80px;
}

.block7-desc {
  text-align: center;
  padding-bottom: 20px;
}

.block7-box {
  padding-top: 88px;
  overflow: hidden;
}

.block7-map {
  float: left;
  width: 602px;
  height: 400px;
  margin-right: 52px;
  background-color: #fff;
}

.block7-info {
  float: left;
  max-width: 560px;

}

.block7-info .info-title {
  font-size: 20px;
  color: #cccccc;
  line-height: 30px;
}

.block7-info .info-name-box {
  padding-top: 10px;
}

.block7-info .info-name {
  font-size: 30px;
  font-weight: 800;
  color: #ffffff;
}

.block7-info .info-logo {
  height: 27px;
  margin-left: 14px;
  margin-top: 4px;
  object-fit: cover;
}

.block7-info .info-desc-box {
  padding: 15px 0;
}

.block7-info .info-desc {
  font-size: 16px;
  color: #cccccc;
  line-height: 30px;
}

.block7-info .info-line {
  display: inline-block;
  color: #363741;
  font-size: 16px;
  line-height: 30px;
  padding: 0 10px;
}

.block7-info .info-text {
  font-size: 18px;
  color: #999999;
  line-height: 45px;
}

.block7-info .info-icon {
  width: 21px;
  margin-right: 11px;
  object-fit: cover;
}

.block7-info .info-btn {
  width: 100px;
  height: 33px;
  background-color: #c79830;
  font-size: 18px;
  text-align: center;
  line-height: 33px;
  color: #fff;
  margin-top: 48px;
  cursor: pointer;
  user-select: none;
}

/* 版块7 end */

@media (max-width: 992px) {
 .block2-item a {
   overflow: hidden;
   display: block;
   height: 2.1rem;
 }
	
  .block-title {
    font-size: 0.34rem;
    line-height: 0.5rem;
  }

  .block-title .block-7v {
    width: 0.7rem;
    height: 0.34rem;
    margin-top: 0;
  }

  .block-title .block-cheyijia {
    padding-right: 0.1rem;
    font-size: 0.38rem;
	margin-top: 0.1rem;
	padding-bottom: 0.1rem
  }
  
  .block-title .block-cheyijia::before {
    height: 0.03rem;
  }

  .block-desc {
    padding-top: 0.3rem;
    font-size: 0.18rem;
    line-height: 0.32rem;
  }

  /* 版块1 start */
  .block1-wrap {
    height: 7.69rem;
  }

  .block1 {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0;
  }
  
  .block1-title {
    padding-top: 1rem;
    justify-content: center;
  }

  .block1-desc {
    padding: 0.3rem 0.64rem 0;
  }

  .block1-video {
    width: 4.02rem;
    height: 2.26rem;
    margin: 0.28rem auto 0.21rem;
    display: block;
  }

  .block1-face {
    width: 0.48rem;
    height: 0.48rem;
    margin-right: 0.13rem;
  }

  .block1-info-box {
    justify-content: center;
  }

  .block1-info {
    font-size: 0.18rem;
    line-height: 0.26rem;
  }

  /* 版块1 end */

  /* 版块2 start */
  .block2-title {
    padding-top: 0.63rem;
  }

  .block2-desc {
    padding-bottom: 0.45rem;
  }

  .block2-box {
    width: 100%;
    height: auto;
    flex-direction: column;
  }

  .block2-video-box {
    width: 100%;
    height: 4.178rem;
  }

  .block2-play {
    width: 1.06rem;
    height: 1.06rem;
  }

  .block2-imgs {
    width: 100%;
    height: 4.2rem;
  }

  .block2-daka {
    width: 3.69rem;
    height: 0.77rem;
    border-radius: 0 0 0.08rem 0.08rem;
    padding: 0 0.22rem;
  }

  .block2-daka .daka-face {
    width: 0.45rem;
    height: 0.45rem;
    margin-right: 0.11rem;
  }

  .block2-daka .daka-play {
    width: 0.3rem;
    height: 0.3rem;
  }

  .block2-daka .daka-info {
    height: 0.45rem;
  }

  .block2-daka .daka-info p {
    font-size: 0.16rem;
    margin-right: 0.13rem;
    max-width: 1.09rem;
  }

  .block2-daka .daka-info span {
    font-size: 0.14rem;
  }

  .block2-daka .daka-desc {
    max-width: 2rem;
    font-size: 0.16rem;
  }

  /* 版块2 end */

  /* 版块3 start */
  .block3-wrap {
    background: url(/best/images/cheyijia/block3-bg-phone.png) no-repeat;
    background-size: cover;
    background-position: center;
    height: 2.18rem;
  }

  .block3 {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .block3-item {
    width: 25%;
  }

  .block3-item .item-text {
    font-size: 0.18rem;
    line-height: 0.26rem;
    margin-top: 0.36rem;
  }

  .block3-item .item-count {
    font-size: 0.65rem;
  }

  .block3-item .item-unit {
    font-size: 0.14rem;
    line-height: 0.24rem;
    margin-left: 0.08rem;
  }

  /* 版块3 end */

  /* 版块4 start */
  .block4-wrap {
    height: auto;
    background: url(/best/images/cheyijia/block4-bg-phone.png) no-repeat;
    background-size: cover;
    background-position: center;
  }

  .block4 {
    width: 100%;
    padding-bottom: 0.9rem;
  }

  .block4-phone {
    display: block;
  }

  .block4-desc img {
    width: 0.29rem;
    height: 0.14rem;
  }

  .block4-title {
    padding-top: 0.75rem;
  }

  .block4-swiper-box {
    width: 5.8rem;
    height: 5.26rem;
    margin: 0.4rem auto 0;
  }

  .block4-swiper-box .swiper-slide .swiper-son {
    width: 2.5rem;
    height: 4.53rem;
  }

  .block4-swiper-box .son-poster {
    height: 3.46rem;
  }

  .block4-swiper-box .son-img-cover .son-img-txt {
    width: 2.02rem;
    height: 0.33rem;
    top: 0.19rem;
  }

  .block4-swiper-box .son-img-cover .son-img-mark {
    width: 1.1rem;
    height: 0.96rem;
    bottom: 0.14rem;
  }

  .block4-swiper-box .son-info {
    height: 0.97rem;
    margin-top: 0.1rem;
    -webkit-clip-path: polygon(0 0,
        100% 0,
        100% 0.63rem,
        2.14rem 100%,
        0.36rem 100%,
        0 0.63rem);
    clip-path: polygon(0 0,
        100% 0,
        100% 0.63rem,
        2.14rem 100%,
        0.36rem 100%,
        0 0.63rem);
  }

  .block4-swiper-box .son-info .info-name {
    font-size: 0.22rem;
    line-height: 0.3rem;
  }

  .block4-swiper-box .son-info .info-level {
    font-size: 0.16rem;
    line-height: 0.3rem;
    margin-top: 0.02rem;
  }

  .block4-swiper-box .block4-prev,
  .block4-next {
    width: 0.25rem;
    height: 0.46rem;
  }

  .block4-swiper-box .block4-prev {
    left: -0.75rem;
  }

  .block4-swiper-box .block4-next {
    right: -0.75rem;
  }

  /* 版块4 end */

  /* 版块5 start */
  .block5-wrap {
    height: auto;
    background: url(/best/images/cheyijia/block5-bg-phone.png) no-repeat;
    background-size: cover;
    background-position: center;
  }

  .block5 {
    width: 100%;
    margin: 0 auto;
  }

  .block5-title {
    padding-top: 0.85rem;
  }

  .block5-desc {
    padding-bottom: 0.63rem;
  }

  .block5-box {
    width: 100%;
    height: 4.5rem;
    overflow: hidden;
  }

/*  .block5Swiper2 {
    width: 4.22rem;
    height: 3.8rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
  } */

.block5Swiper2 .swiper-slide{
    width: 4.22rem;
  }
  .block5Swiper2 .swiper-slide-active .center-box{
      border: 0.06rem solid #fff;
    }

  .center-box {
    width: 4.22rem;
    height: 3.09rem;
    box-sizing: border-box;
    /* border: 0.06rem solid #fff; */
  }
	.block5Swiper2 .swiper-slide-active .center-desc{
	  height: 0.6rem;
	}
  .center-desc {
    font-size: 0.2rem;
    line-height: 0.3rem;
    padding-top: 0.1rem;
	height: 0.3rem;
  }

/*  .block5Swiper1 {
    width: 4.22rem;
    height: 3.8rem;
    left: -1rem;
  }
 */
/*  .left-box {
    width: 4.22rem;
    height: 3.09rem;
  } */

/*  .left-desc {
    width: 4.22rem;
    font-size: 0.2rem;
    line-height: 0.3rem;
    padding-top: 0.1rem;
  } */
/* 
  .block5Swiper3 {
    width: 4.22rem;
    height: 3.8rem;
    right: -1rem;
  } */

/*  .right-box {
    width: 4.22rem;
    height: 3.09rem;
  } */

/*  .right-desc {
    width: 4.22rem;
    font-size: 0.2rem;
    line-height: 0.3rem;
    padding-top: 0.1rem;
  } */

  /* 版块5 end */

  /* 版块6 start */
  .block6-pc {
    display: none;
  }

  .block6-phone {
    display: block;
  }

  .block6-wrap {
    height: auto;
    background: url(/best/images/cheyijia/block6-bg-phone.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 0.67rem;
    min-height: 9.74rem;
  }

  .block6 {
    width: 100%;
  }

  .block6-title {
    padding-top: 0.8rem;
  }

  .block6-desc {
    padding-bottom: 0.5rem;
  }

  .block6-sels span {
    font-size: 0.18rem;
    padding: 0 0.18rem;
  }

  .block6-sels .sel-item {
    width: 3.04rem;
    height: 0.58rem;
    font-size: 0.18rem;
    line-height: 0.58rem;
  }

  .block6-sels .sel-item .sel-value {
    padding-left: 0.18rem;
  }

  .block6-sels .sel-item .sel-icon {
    width: .23rem;
    height: .13rem;
    right: .18rem;
  }

  .sel-list::-webkit-scrollbar {
    width: .1rem;
  }

  .sel-list::-webkit-scrollbar-thumb {
    border-radius: .1rem;
  }

  .sel-list {
    top: .6rem;
    max-height: 3rem;
  }

  .sel-option {
    height: .36rem;
    padding: 0 .1rem;
    font-size: .16rem;
    line-height: .36rem;
  }

  .block6-pros {
    width: 100%;
    box-sizing: border-box;
    padding: 0.56rem 0.17rem 0;
  }

  .block6-pro .item-cover {
    width: 3.4rem;
    height: 2rem;
  }

  .block6-pro .item-cover::before {
    border-bottom: 1rem solid rgba(0, 0, 0, 0.5);
    border-right: 1.7rem solid rgba(0, 0, 0, 0.5);
    border-top: 1rem solid transparent;
    border-left: 1.7rem solid transparent;
  }

  .block6-pro .item-cover .item-logo {
    bottom: 0.1rem;
    right: 0.1rem;
    width: 0.51rem;
    height: 0.25rem;
  }

  .block6-pro .item-title {
    font-size: 0.2rem;
    line-height: 0.21rem;
    padding: 0.21rem 0 0.19rem;
    max-width: 3.4rem;
  }

  .block6-pro .item-desc {
    max-width: 3.4rem;
    font-size: 0.16rem;
    line-height: 0.24rem;
	margin-bottom: 0.2rem;
  }

  .block6-btn {
    width: 2.34rem;
    height: 0.62rem;
    font-size: 0.16rem;
    line-height: 0.62rem;
    margin: 0.54rem auto 0;
  }

  /* 版块6 end */

  /* 版块7 start */
  .block7-pc {
    display: none;
  }

  .block7-phone {
    display: block;
  }

  .block7-wrap {
    height: auto;
    background: url(/best/images/cheyijia/block7-bg-phone.png) no-repeat;
    background-size: cover;
    background-position: center;
  }

  .block7 {
    width: 100%;
  }

  .block7-title {
    padding-top: 0.93rem;
  }

  .block7-desc {
    padding-bottom: 0.2rem;
  }

  .block7-box {
    padding-top: 0.48rem;
  }

  .block7-map {
    float: none;
    width: 6.87rem;
    height: 3.02rem;
    margin-right: 0;
    margin: 0 auto;
    background-color: #fff;
  }

  .block7-info {
    float: none;
    padding-top: 0.32rem;
    padding: 0.32rem;
    max-width: 100%;
  }

  .block7-info .info-title {
    font-size: 0.2rem;
    line-height: 0.3rem;
  }

  .block7-info .info-name-box {
    padding-top: 0.1rem;
  }

  .block7-info .info-name {
    font-size: 0.3rem;
  }

  .block7-info .info-logo {
    height: 0.27rem;
    margin-left: 0.14rem;
    margin-top: 0;
  }

  .block7-info .info-desc-box {
    padding: 0.15rem 0;
  }

  .block7-info .info-desc {
    font-size: 0.16rem;
    color: #cccccc;
    line-height: 0.3rem;
  }

  .block7-info .info-line {
    font-size: 0.16rem;
    line-height: 0.3rem;
    padding: 0 0.1rem;
  }

  .block7-info .info-text {
    font-size: 0.18rem;
    line-height: 0.45rem;
  }

  .block7-info .info-icon {
    width: 0.21rem;
    margin-right: 0.11rem;
  }

  .block7-info .info-btn {
    width: 1rem;
    height: 0.33rem;
    font-size: 0.18rem;
    line-height: 0.33rem;
    margin-top: 0.48rem;
  }

  /* 版块7 end */

  /* 设置轮播图容器的大小 */
  .block5-box .swiper-container {
    width: 100%;
    height: 500px;
  }

  /* 设置轮播项的大小和位置 */
/*  .block5-box .swiper-slide {
    width: 80%;
    height: 80%;
    margin: 0 auto;
    position: relative;
  } */

  /* 设置轮播项的图片大小和样式 */
  .block5-box .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* 设置文字描述的样式 */
  .block5-box .caption {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    font-size: 20px;
  }


  }

  /* 预约弹窗 start */
  .clearfix {
    zoom: 1;
  }

  .clearfix::after {
    content: '';
    height: 0;
    display: block;
    clear: both;
    overflow: hidden;
    visibility: hidden;
  }

  .f-l {
    float: left;
  }

  .f-r {
    float: right;
  }

  .yy-wrap input {
    border: none;
    outline: none;
  }

  .yy-wrap button {
    border: none;
    outline: none;
  }

  .yy-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: transparent;
    left: 0;
    top: 0;
    z-index: 20;
  }

  .yy-wrap-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
    z-index: 21;
  }

  .yy-wrap>.yy-wrap-box {
    position: absolute;
    width: 938px;
    height: 554px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    z-index: 22;
    box-sizing: border-box;
    padding: 48px 54px 35px;
  }

  .yy-close {
    position: absolute;
    width: 23px;
    height: 23px;
    background: url(/themes/vkoolweb/img/store/close.png) no-repeat;
    background-size: 23px 23px;
    top: 18px;
    right: 22px;
    cursor: pointer;
  }

  .yy-title {
    width: 380px;
    margin: 0 auto;
    font-size: 28px;
    font-weight: 800;
    color: #000000;
    line-height: 32px;
  }

  .yy-title span {
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    margin-right: 20px;
  }

  .yy-form-box {
    padding-top: 47px;
  }

  .yy-item {
    height: 40px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
  }

  .yy-item-title {
    width: 97px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 40px;
    white-space: nowrap;
  }

  .yy-item-store {
    width: 264px;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #C79836;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .yy-item-time {
    background: url(/themes/vkoolweb/img/store/arrow-btm.png) rgba(204, 204, 204, .2) no-repeat;
    background-size: 16px 9px;
    background-position: 235px center;
  }

  .yy-item-ipt {
    width: 264px;
    height: 40px;
    background-color: rgba(204, 204, 204, .2);
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 12px;
  }

  .yy-item .yy-item-code {
    width: 164px;
  }

  .yy-item .code-btn {
    width: 110px;
    height: 55px;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    background-color: rgba(204, 204, 204, .2);
    user-select: none;
    color: #c79836;
    font-weight: bold;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    bottom: 50%;
    transform: translateY(50%);
  }

  .yy-agree {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 18px;
    padding: 17px 0 30px;
  }

  .yy-agree .checked {
    border: 1px solid #C79836;
    background: url(/themes/vkoolweb/img/store/duihao.png) #C79836 no-repeat;
  }

  .yy-agree span {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin-right: 6px;
    cursor: pointer;
  }

  .yy-agree b {
    color: #C79830;
    cursor: pointer;
    user-select: none;
  }

  .yy-img {
    width: 414px;
    height: 278px;
    position: relative;
  }

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

  .yy-img-mark {
    position: absolute;
    width: 48px;
    height: 48px;
    bottom: 18px;
    right: 15px;
    background-size: cover;
  }

  .yy-img-mark-7v {
    background: url(/themes/vkoolweb/img/store/d-7v.png) no-repeat;
  }

  .yy-btns {
    width: 371px;
    height: 41px;
    margin: 0 auto;
  }

  .yy-btns .yy-btn-submit {
    color: #fff;
    background-color: #c79830;
  }

  .yy-btn {
    width: 172px;
    height: 41px;
    font-size: 16px;
    font-weight: 400;
    line-height: 41px;
    text-align: center;
    cursor: pointer;
    user-select: none;
  }

  .yy-btns .yy-btn-cancel {
    color: #000;
    background-color: #ccc;
  }

  /* 预约弹窗 end */

  @media (max-width: 992px) {
    input {
      border: none;
      outline: none;
    }

    button {
      border: none;
      outline: none;
    }

    .yuyue_form-mask {
      position: fixed;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .5);
      top: 0;
      left: 0;
      z-index: 100002;
    }

    .yuyue_form {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .yuyue_form {
      width: 6.50rem;
      margin: 0 auto;
      background: #fff;
      padding: 0.40rem;
    }

    .yuyue_form .gb {
      position: absolute;
      width: 0.38rem;
      height: 0.38rem;
      right: 0.20rem;
      top: 0.20rem;
    }

    .yuyue_form .gb img {
      width: 100%;
    }

    .yuyue_form .title {
      width: 100%;
      text-align: center;
      padding: 0.4rem 0;
    }

    .yuyue_form .title img {
      height: 0.42rem;
    }

    .yuyue_form .yy_form {
      width: 100%;
      text-align: left;
    }

    .yuyue_form .yy_form .yuyuemendian,
    .yuyue_form .yy_form .yuyueTime,
    .yuyue_form .yy_form .yuyueche,
    .yuyue_form .yy_form .yuyueName,
    .yuyue_form .yy_form .yuyuePhone,
    .yuyue_form .yy_form .yuyuevire {
      width: 100%;
      line-height: 0.50rem;
      padding: 0.16rem 0;
      position: relative;
      border-bottom: 1px solid #e0e0e0;
    }

    .yuyue_form .yy_form .yuyuemendian p,
    .yuyue_form .yy_form .yuyueTime p,
    .yuyue_form .yy_form .yuyueche p,
    .yuyue_form .yy_form .yuyueName p,
    .yuyue_form .yy_form .yuyuePhone p,
    .yuyue_form .yy_form .yuyuevire p {
      width: 1.4rem;
      display: block;
      float: left;
      height: .50rem;
      line-height: 0.50rem;
      font-size: 0.22rem;
    }

    .yuyue_form .yy_form .yuyuemendian .mendianname,
    .yuyue_form .yy_form .yuyuevire .yuyuecode {
      width: 100%;
      padding-left: 1.4rem;
      position: absolute;
      color: #c79836;
      font-size: 0.22rem;
      box-sizing: border-box;
    }

    .yuyue_form .yy_form .yuyuemendian .mendianname img {
      margin-left: 0.10rem;
      height: 0.4rem;
      display: inline-block;
      position: absolute;
	  top: 0.02rem;
    }

    .yuyue_form .yy_form .yuyueTime .timeinput {
      height: .50rem;
      padding-left: 1.4rem;
      color: #c79836;
      font-size: 0.22rem;
    }

    .yuyue_form .yy_form .yuyueTime .timeinput input {
      width: 100%;
      height: 100%;
    }

    .yuyue_form .yy_form .yuyueTime .timeinput img {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0;
      height: .22rem;
      width: .12rem;
    }

    .yuyue_form .yy_form .yuyueche input,
    .yuyue_form .yy_form .yuyueName input,
    .yuyue_form .yy_form .yuyuePhone input {
      width: 100%;
      position: absolute;
      font-size: 0.22rem;
      line-height: 0.50rem;
    }

    .yuyue_form .yy_form .yuyuevire .yuyuecode input {
      width: 2.80rem;
      height: 100%;
      background-color: transparent;
      outline: none;
      border: none;
    }

    .yuyue_form .yy_form .yuyuevire .yuyuecode a {
      position: absolute;
      right: 0;
      width: 1.1rem;
      height: 100%;
      /* 修改10 */
      background-repeat: no-repeat;
      background-size: cover;
    }

    .yuyue_form .yy_form .yuyuevire .yuyuecode img {
      height: 0.55rem;
    }

    .yuyue_form .yy_form .privacy {
      width: 100%;
      font-size: 0.20rem;
      color: #666666;
      margin: 0.3rem 0;
    }

    .yuyue_form .yy_form .privacy a {
      color: #c69838;
      font-size: .2rem;
    }

    .yuyue_form .yy_form .yybtn {
      width: 100%;
      text-align: center;
    }

    .yuyue_form .yy_form .yybtn a {
      width: 2.0rem;
      height: 0.55rem;
      line-height: 0.55rem;
      text-align: center;
      display: inline-block;
      font-size: 0.22rem;
      color: #fff;
      margin: 0 0.15rem;
      cursor: pointer;
    }

    .yuyue_form .yy_form .yybtn .btn_bgc {
      background: #c69838;
    }

    .yuyue_form .yy_form .yybtn .btn_bgc2 {
      background: #343434;
    }

    /**/
    .Checkbox input {
      display: none
    }

    .Checkbox label {
      padding: 0 0.16rem 0 0;
      display: inline-block;
      cursor: pointer;
      position: relative;
      font-size: 0.20rem;
    }

    .Checkbox label a {
      color: #c69838;
    }

    .Checkbox label:before {
      box-sizing: border-box;
      content: "";
      width: 0.24rem;
      height: 0.24rem;
      border-radius: 50%;
      border: 1px solid #cccccc;
      margin: -0.04rem 0.08rem 0 0;
      vertical-align: middle;
      display: inline-block;
      transition: 0.1S;
    }

    .Checkbox label:hover:before {
      border-color: #c69838;
    }

    .Checkbox input:disabled+label:before {
      background-color: #CCC;
      border-color: #999;
      opacity: 0.5;
    }

    .Checkbox input:disabled+label {
      opacity: 0.5;
    }

    .Checkbox label:before {
      background: url(/themes/vkoolweb/img/yuyue/ico_tick.svg) no-repeat center;
      background-size: 0;
      border-radius: 0.50rem;
      transition: 0.2S;
    }

    .Checkbox input:checked+label:before {
      background-color: #c69838;
      background-size: 0.24rem;
      border-color: #c69838;
    }
	}
.nav-box {
	position: fixed;
	z-index: 99;
	width: 164px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.circle-box {
	height: 97px;
	overflow: hidden;
}

.circle-store {
	width: 122px;
	height: 122px;
	background-color: #000000;
	border-radius: 50%;
	text-align: center;
	line-height: 122px;
	margin: 0 auto;
	font-size: 30px;
	color: #fff;
	font-weight: bold;
}

.nav-item {
	height: 60px;
	width: 158px;
	box-sizing: border-box;
	padding-left: 20px;
	background-color: rgba(0, 0, 0, .9);
	margin-bottom: 5px;
	position: relative;
	cursor: pointer;
	user-select: none;
	transition: .3s;
}

.nav-item::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	transform: translateX(100%);
	width: 0;
	/* 梯形宽度 */
	height: 0;
	/* 梯形高度，设为0以方便计算 */
	border-style: solid;
	border-width: 30px 6px 30px 6px;
	/* 上侧与右侧边框宽度，下侧和左侧默认为0 */
	border-color: rgba(0, 0, 0, .9) transparent transparent rgba(0, 0, 0, .9);
	/* 边框颜色（上右下左） */
	transition: .3s;
}

.nav-item-active {
	background-color: rgba(199, 152, 48, .9);
}

.nav-item-active::before {
	border-color: rgba(199, 152, 48, .9) transparent transparent rgba(199, 152, 48, .9);
}

.nav-dot {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	box-sizing: border-box;
}

.nav-dot-son {
	width: 6px;
	height: 6px;
	background-color: #C79830;
	border-radius: 50%;
}

.nav-item span {
	padding-left: 6px;
	font-size: 18px;
	color: #FFFFFF;
}

.nav-item-active .nav-dot {
	border: 4px solid rgba(0, 0, 0, .2);
}

.nav-item-active .nav-dot .nav-dot-son {
	width: 11px;
	height: 11px;
	background: #000000;
	border-radius: 50%;
}

.nav-item-active span {
	color: #000;
	font-weight: bold;
}

.nav-circle {
  display: none;
}

@media (max-width: 992px) {
	.nav-box {
		 width: 1.64rem;
		 transform: translateX(-120%) translateY(-50%);
	}
	
	.nav-box-active{
	    transform: translateX(0) translateY(-50%);
	    transition: .3s;
	}
	
	.nav-circle {
	    display: block;
	    position: fixed;
	    left: 0;
	    top: 50%;
	    width: 0.56rem;
	    transform: translateY(-50%);
	    background-color: #c79830;
	    padding: 0.1rem 0;
	    font-size: 0.3rem;
	    color: #fff;
	    font-weight: bold;
	    z-index: 20;
	    text-align: center;
	    border-radius: 0 0.2rem 0.2rem 0;
	  }
	
	.circle-box {
		height: .97rem;
	}

	.circle-store {
		width: 1.22rem;
		height: 1.22rem;
		line-height: 1.22rem;
		font-size: .3rem;
	}

	.nav-item {
		height: .6rem;
		width: 1.58rem;
		padding-left: .2rem;
		margin-bottom: .05rem;
	}

	.nav-item::before {
		border-width: .3rem .06rem .3rem .06rem;
		/* 上侧与右侧边框宽度，下侧和左侧默认为0 */

	}

	.nav-dot {
		width: .25rem;
		height: .25rem;
	}

	.nav-dot-son {
		width: .06rem;
		height: .06rem;
	}

	.nav-item span {
		padding-left: .06rem;
		font-size: .18rem;
	}

	.nav-item-active .nav-dot {
		border: .04rem solid rgba(0, 0, 0, .2);
	}

	.nav-item-active .nav-dot .nav-dot-son {
		width: .11rem;
		height: .11rem;
	}
}

.rolldate-container .rolldate-panel {
        z-index: 100004 !important;
    }
    .rolldate-container .rolldate-mask {
        z-index: 100003 !important;
    }