@font-face {
  font-family: 'AWCONQUERORDIDOT-LIGHT';
  src: url("../fonts/AWCONQUERORDIDOT-LIGHT.OTF");
}
@font-face {
  font-family: 'NeutraTextDemiAlt';
  src: url("../fonts/NeutraTextDemiAlt.otf");
}
@font-face {
  font-family: 'NeutraTextLight';
  src: url("../fonts/NeutraTextLight.otf");
}
@font-face {
  font-family: 'DINPro-Bold';
  src: url("../fonts/DINPro-Bold.otf");
}
@font-face {
  font-family: 'DINPro-Medium';
  src: url("../fonts/DINPro-Medium.otf");
}
@keyframes o-upfade-top {
  0% {
    opacity: 0;
    top: 50px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
@keyframes progress-bar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes opacity {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes dot1 {
  0% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
  }
  30%,99% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }
}
@keyframes dot2 {
  0%,30% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
  }
  60%,99% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }
}
@keyframes dot3 {
  0%,60% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
  }
  90%,99% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }
}
@keyframes scale {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.none{display: none}
.opacity_bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 8;
  display: none;
}

.f16{
  font-size: 16px !important;
  font-weight: 0;
}

/*header*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header.down, .header:hover {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.header.down .logo img.white, .header:hover .logo img.white {
  opacity: 0;
}
.header.down .logo img.color, .header:hover .logo img.color {
  opacity: 1;
}
.header.down .nav li.drop:after, .header:hover .nav li.drop:after {
  background-image: url("../images/icon-8-on.png");
}
.header.down .nav li a.subnav, .header:hover .nav li a.subnav {
  color: #333;
}
.header.down .ope .inline a.sub, .header:hover .ope .inline a.sub {
  color: #333;
}
.header.down .ope .search a.sub:before, .header:hover .ope .search a.sub:before {
  background-image: url("../images/icon-9-on.png");
}
.header.down .ope .cart a.sub:before, .header:hover .ope .cart a.sub:before {
  background-image: url("../images/icon-10-on.png");
}
.header.down .ope .cart a.sub:after, .header:hover .ope .cart a.sub:after {
  background-image: url("../images/icon-8-on.png");
}
.header .main {
  position: relative;
  padding: 0 30px;
}
.header .logo {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin: 25px 0;
}
.header .logo img {
  height: 30px;
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header .logo img.color {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.header .nav {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  margin-left: 3vw;
}
.header .nav li {
  display: inline-block;
  vertical-align: top;
  padding: 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header .nav li a.subnav {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-family: 'PingFang-Medium';
  color: #fff;
  line-height: 30px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header .nav li .dropnav {
  display: none;
  top: 93%;
}
.header .nav li .dropnav1 {
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid #e6e6e6;
  background-color: #fff;
  padding: 3vw 0 4vw;
  text-align: center;
  font-size: 0;
}
.header .nav li .dropnav1 .box {
  display: inline-block;
  vertical-align: top;
  min-width: 150px;
  text-align: left;
}
.header .nav li .dropnav1 .box h3 {
  font-size: 16px;
  font-family: 'PingFang-Medium';
  margin-bottom: 20px;
}
.header .nav li .dropnav1 .box h3 a {
  color: #333;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header .nav li .dropnav1 .box h3 a:hover {
  color: #e67d14;
}
.header .nav li .dropnav1 .box .a_block a {
  display: block;
  font-size: 12px;
  line-height: 32px;
  font-family: 'PingFang-Medium';
  color: #808080;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header .nav li .dropnav1 .box .a_block a:hover {
  color: #e67d14;
}
.header .nav li .dropnav1 .box .a_block .item {
  display: inline-block;
  vertical-align: top;
  margin-right: 4vw;
}
.header .nav li .dropnav1 .box .a_block .item:last-of-type {
  margin-right: 0;
}
.header .nav li .dropnav2 {
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid #e6e6e6;
  background-color: #fff;
  font-size: 0;
}
.header .nav li .dropnav2:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 38.8%;
  background-color: #f7f7f7;
  z-index: 1;
}
.header .nav li .dropnav2 .left {
  width: 38.8%;
  display: inline-block;
  vertical-align: top;
  text-align: right;
  padding: 4vw 6.25vw;
  position: relative;
  z-index: 2;
}
.header .nav li .dropnav2 .left .box {
  width: 20vw;
  max-width: 380px;
  display: inline-block;
  text-align: left;
}
.header .nav li .dropnav2 .left .box .img_block {
  overflow: hidden;
}
.header .nav li .dropnav2 .left .box img {
  display: block;
  width: 100%;
}
.header .nav li .dropnav2 .left .box p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  font-family: 'PingFang-Medium';
  margin-top: 10px;
  margin-right: 2.5vw;
}
.header .nav li .dropnav2 .right {
  width: 61.2%;
  display: inline-block;
  vertical-align: top;
  padding: 4vw 6.25vw;
}
.header .nav li .dropnav2 .right .box {
  display: inline-block;
  vertical-align: top;
  margin-right: 4vw;
}
.header .nav li .dropnav2 .right .box:last-of-type {
  margin-right: 0;
}
.header .nav li .dropnav2 .right .box h3 {
  font-size: 16px;
  font-family: 'PingFang-Medium';
  margin-bottom: 20px;
}
.header .nav li .dropnav2 .right .box h3 a {
  color: #333;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header .nav li .dropnav2 .right .box h3 a:hover {
  color: #e67d14;
}
.header .nav li .dropnav2 .right .box .a_block a {
  display: block;
  font-size: 14px;
  line-height: 40px;
  font-family: 'PingFang-Medium';
  color: #808080;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header .nav li .dropnav2 .right .box .a_block a:hover {
  color: #e67d14;
}
.header .nav li.drop:after {
  content: '';
  width: 8px;
  height: 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/icon-8.png");
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header .nav li.drop:hover {
  background-color: #e67d14;
}
.header .nav li.drop:hover a.subnav {
  color: #fff;
}
.header .nav li.drop:hover:after {
  background-image: url("../images/icon-8.png");
}
.header .nav li.drop:hover .dropnav {
  display: block;
}
.header .nav li:not(.drop):hover a.subnav {
  color: #e67d14;
}
.header .ope {
  float: right;
  font-size: 0;
}
.header .ope .inline {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 25px 0;
}
.header .ope .inline a.sub {
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  font-family: 'PingFang-Medium';
  display: inline-block;
}
.header .ope .search a.sub:before {
  content: '';
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  margin: -1px 12px 0 0;
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/icon-9.png");
}
.header .ope .search .hide {
  position: absolute;
  top: 100%;
  right: -150px;
  padding-top: 20px;
  display: none;
}
.header .ope .search .hide:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 8px solid #fff;
  position: absolute;
  top: 12px;
  right: 160px;
}
.header .ope .search .hide form {
  width: 590px;
  height: 60px;
  border-radius: 30px;
  background-color: #fff;
  padding: 0 60px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
  background-position: 30px center;
  background-repeat: no-repeat;
  background-image: url("../images/icon-9-on.png");
}
.header .ope .search .hide form input {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #666;
}
.header .ope .search .hide .close {
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/close.png");
  position: absolute;
  right: 30px;
  bottom: 20px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header .ope .search .btn-search {
  width: 40px;
  height: 50px;
  left: 15px;
  position: absolute;
  cursor: pointer;
  opacity: 0;

}

.header .ope .search .hide .close:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.header .ope .cart {
  margin: 0 30px;
}
.header .ope .cart a.sub:before {
  content: '';
  width: 19px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  margin: -1px 12px 0 0;
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/icon-10.png");
}
.header .ope .cart a.sub:after {
  content: '';
  width: 8px;
  height: 5px;
  background-position: center;
  background-repeat: no-repeat;
  margin: -1px 0 0 12px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("../images/icon-8.png");
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header .ope .cart .hide {
  width: 420px;
  position: absolute;
  top: 100%;
  right: -140px;
  padding-top: 20px;
  display: none;
}
.header .ope .cart .hide:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 8px solid #fff;
  position: absolute;
  top: 12px;
  right: 160px;
}
.header .ope .cart .hide .box {
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 30px 30px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
  max-height: 60vh;
  overflow-y: auto;
}

.cart-header-list .msg{
  font-size: 14px !important;
  padding: 20px 0 0 0;
}
.header .ope .cart .hide .item {
  padding: 20px 0;
  border-bottom: 1px solid #e6e6e6;
}
.header .ope .cart .hide .item img {
  width: 90px;
  height: 90px;
  float: left;
}
.header .ope .cart .hide .item .txt {
  height: 90px;
  margin-left: 110px;
}
.header .ope .cart .hide .item .txt h3 {
  font-size: 14px;
  color: #333;
  font-family: 'PingFang-Medium';
  line-height: 18px;
  height: 54px;
  overflow: hidden;
}
.header .ope .cart .hide .item .txt .info {
  font-size: 14px;
  color: #333;
  font-family: 'PingFang-Medium';
  margin-top: 10px;
  overflow: hidden;
}
.header .ope .cart .hide .item .txt .price {
  float: left;
}
.header .ope .cart .hide .item .txt .price span {
  color: #e67d14;
}
.header .ope .cart .hide .item .txt .del {
  float: right;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.header .ope .cart .hide .item .txt .del:hover {
  color: #e67d14;
}
.header .ope .cart .hide .box .items{
  padding-bottom: 80px;
}
.header .ope .cart .hide .total {
  margin-top: 20px;
  text-align: right;
  position: absolute;
  bottom: 0px;
  padding: 15px  20px 15px 0;
  width: 90%;
  background: #fff;
}
.header .ope .cart .hide .total .info {
  font-size: 14px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.header .ope .cart .hide .total .info span {
  font-size: 20px;
  color: #e67d14;
}
.header .ope .cart .hide .total a {
  display: inline-block;
  width: 120px;
  font-size: 14px;
  font-family: 'PingFang-Medium';
  color: #fff;
  line-height: 32px;
  text-align: center;
  background-color: #e67d14;
  margin-top: 5px;
}
.header .ope .user a:nth-of-type(1) {
  margin-right: 30px;
}

/*mod_service*/
.mod_service {
  margin: 12px;
  background: #f2f2f2;
  padding: 3.125vw 0;
  font-size: 0;
}
.mod_service .item {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 310px) / 3);
  padding-right: 20px;
}
.mod_service .item:last-of-type {
  width: 310px;
  float: right;
  padding-right: 0;
}
.mod_service .item .icon {
  float: left;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
}
.mod_service .item i {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.mod_service .item .txt {
  margin-left: 96px;
  height: 72px;
}
.mod_service .item .txt h3 {
  font-size: 22px;
  color: #333;
  line-height: 1;
  font-family: 'PingFang-Medium';
}
.mod_service .item .txt p {
  font-size: 14px;
  color: #666;
  line-height: 1.4;
  font-family: 'PingFang-Medium';
  margin-top: 10px;
}
.mod_service .item:nth-of-type(1) i {
  background-image: url("../images/icon-1.png");
}
.mod_service .item:nth-of-type(2) i {
  background-image: url("../images/icon-2.png");
}
.mod_service .item:nth-of-type(3) i {
  background-image: url("../images/icon-3.png");
}
.mod_service .item:nth-of-type(4) i {
  background-image: url("../images/icon-4.png");
}
.mod_service .item:hover i {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

/*footer*/
.footer {
  background: #f2f2f2;
  padding-top: 4.5vw;
}
.footer h3 {
  font-size: 16px;
  line-height: 1;
  font-family: 'PingFang-Medium';
  color: #333;
}
.footer a, .footer .copyright {
  font-size: 12px;
  line-height: 28px;
  font-family: 'PingFang-Medium';
  color: #555555;
}
.footer .top_block {
  font-size: 0;
  overflow: hidden;
}
.footer .top_block .box {
  display: inline-block;
  vertical-align: top;
  margin-left: 6.5vw;
}
.footer .top_block .box:first-of-type {
  margin-left: 0;
}
.footer .top_block .box .a_block {
  margin-top: 24px;
  position: relative;
}
.footer .top_block .box .a_block:before {
  content: '';
  width: 24px;
  height: 1px;
  background: #d9d9d9;
  position: absolute;
  left: 0;
  top: -12px;
}
.footer .top_block .box .a_block a {
  display: block;
}
.footer .top_block .box .a_block a:hover {
  color: #e67d14;
}
.footer .top_block .ewm {
  float: right;
}
.footer .top_block .ewm .imgs {
  font-size: 0;
  margin-top: 28px;
}
.footer .top_block .ewm .img {
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.footer .top_block .ewm .img:nth-of-type(1) {
  margin-right: 12px;
}
.footer .top_block .ewm .img img {
  width: 140px;
  display: block;
}
.footer .top_block .ewm .img p {
  font-size: 12px;
  color: #555;
  font-family: 'PingFang-Medium';
  margin-top: 18px;
}
.footer .link_block {
  padding: 20px 0;
}
.footer .link_block .a_block {
  margin-top: 14px;
}
.footer .link_block .a_block a {
  display: inline-block;
  vertical-align: top;
}
.footer .link_block .a_block a:after {
  content: '|';
  margin: 0 10px;
}
.footer .link_block .a_block a:last-of-type:after {
  display: none;
}
.footer .link_block .a_block a:hover {
  color: #e67d14;
}
.footer .info_block {
  border-top: 1px solid #d9d9d9;
  padding: 20px 0;
  position: relative;
}
.footer .info_block .share {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -24px;
  font-size: 0;
}
.footer .info_block .share span, .footer .info_block .share a {
  display: inline-block;
  vertical-align: middle;
}
.footer .info_block .share span {
  font-size: 12px;
  color: #555;
  font-family: 'PingFang-Medium';
}
.footer .info_block .share a {
  float: none;
  width: 48px;
  height: 48px;
  background-color: #e6e6e6;
  border-radius: 50%;
  margin: 0 0 0 20px;
  padding: 0;
  background-position: center;
  background-repeat: no-repeat;
}
.footer .info_block .share a.wx {
  background-image: url("../images/icon-5.png");
}
.footer .info_block .share a.sina {
  background-image: url("../images/icon-6.png");
}
.footer .info_block .share a.qq {
  background-image: url("../images/icon-7.png");
}

/*fly*/
.u-flyer {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  z-index: 15;
}
.u-flyer img {
  display: block;
  width: 100%;
  height: 100%;
}



@media screen and (max-width: 1700px) {
  .header .ope .cart {
    margin: 0 30px;
  }

  .header .ope .user a:nth-of-type(1) {
    margin-right: 15px;
  }

  .header .nav li {
    padding: 25px 15px;
  }

  .header .ope .cart .hide {
    right: -100px;
  }

  .header .ope .cart .hide:before {
    right: 130px;
  }
}
@media screen and (max-width: 1600px) {
  .header .nav li {
    padding: 25px 6px;
  }
  .header .nav{
    margin-left: 2vw;
  }
  .header .nav li .dropnav1 .box {
    min-width: auto;
    margin-right: 40px;
  }

  .header .nav li .dropnav1 .box .a_block .item {
    margin-right: 40px;
  }

  .mod_service .item .txt h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1500px) {
  .header .nav {
    margin-left: 3vw;
  }

  .header .nav li {
    padding: 25px 10px;
  }

  .header .nav li .dropnav1 .box .a_block a {
    line-height: 28px;
  }

  .header .nav li .dropnav2 .right .box {
    margin-right: 30px;
  }

  .header .nav li .dropnav2 .right .box .a_block a {
    line-height: 30px;
  }

  .header .ope .search a.sub:before {
    margin-right: 5px;
  }

  .header .ope .cart a.sub:before {
    margin-right: 5px;
  }

  .header .ope .cart a.sub:after {
    margin-left: 5px;
  }

  .header .ope .user a:nth-of-type(1) {
    margin-right: 10px;
  }

  .header .ope .cart {
    margin: 0 10px;
  }

  .header .ope .cart .hide {
    right: -80px;
  }

  .header .ope .cart .hide:before {
    right: 110px;
  }

  .header .ope .search .hide form {
    width: 520px;
    height: 52px;
  }

  .header .ope .search .hide .close {
    bottom: 17px;
  }

  .footer .top_block .box {
    margin-left: 5vw;
  }

  .mod_service .item {
    width: 25%;
  }

  .mod_service .item:last-of-type {
    width: 25%;
  }


  .header .nav li {
    padding: 25px 5px;
  }
}
@media screen and (max-width: 1300px) {
  .header .logo img {
    height: 24px;
  }

  .header .nav {
    margin-left: 30px;
  }

  .header .nav li {
    padding: 25px 5px;
  }

  .header .nav li a.subnav {
    font-size: 13px;
    line-height: 24px;
  }

  .header .ope .inline a.sub {
    font-size: 13px;
    line-height: 24px;
  }

  .header .nav li .dropnav2 .right .box .a_block a {
    font-size: 13px;
  }

  .mod_service .item .icon {
    width: 62px;
    height: 62px;
  }

  .mod_service .item .txt {
    margin-left: 72px;
  }

  .header .nav li .dropnav2:before {
    width: 34%;
  }

  .header .nav li .dropnav2 .left {
    width: 34%;
  }

  .header .nav li .dropnav2 .left .box {
    width: 100%;
  }

  .header .nav li .dropnav2 .right {
    width: 66%;
    padding: 4vw;
  }
}
@media screen and (max-width: 1200px) {
  .header .main{
    padding: 0 10px;
  }
  .header .nav{
    margin-left: 10px;
  }
  .header .nav li .dropnav1 .box {
    margin-right: 25px;
  }

  .header .nav li .dropnav1 .box .a_block .item {
    margin-right: 25px;
  }

  .header .nav li .dropnav2 .right .box {
    margin-right: 25px;
  }

  .footer .top_block .ewm .img img {
    width: 100px;
  }
}
@media screen and (max-width: 1100px) {
  .header .nav li {
    padding: 25px 4px;
  }

  .header .nav li.drop:after {
    margin-left: 3px;
  }

  .header .nav li a.subnav {
    font-size: 12px;
  }

  .header .ope .inline a.sub {
    font-size: 12px;
  }

  .header .nav li .dropnav2 .right .box h3,
  .header .nav li .dropnav1 .box h3 {
    font-size: 14px;
  }

  .header .nav li .dropnav2 .right .box .a_block a {
    font-size: 12px;
  }

  .mod_service .item .txt h3 {
    font-size: 16px;
  }

  .mod_service .item .txt p {
    font-size: 12px;
  }
}
.wrapper {
  position: relative;
  width: 86vw;
  max-width: 1560px;
  margin: 0 auto;
}
.wrapper:after {
  content: '';
  display: block;
  clear: both;
}

.comm_title {
  text-align: center;
}
.comm_title .en {
  font-size: 42px;
  color: #333;
  font-family: 'AWCONQUERORDIDOT-LIGHT';
  text-transform: uppercase;
}
.comm_title .zh {
  font-size: 24px;
  color: #333;
  font-family: 'PingFang-Medium';
  margin: 5px 0 10px;
}
.comm_title p {
  font-size: 14px;
  color: #808080;
  font-family: 'PingFang-Medium';
}
.comm_title.white .en, .comm_title.white .zh, .comm_title.white p {
  color: #fff;
}

.comm_pos_item {
  position: relative;
}
.comm_pos_item .img_block {
  overflow: hidden;
  position: relative;
}


.comm_pos_item .img_block:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 1;
}


.comm_pos_item .img_block img {
  width: 100%;
  display: block;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.comm_pos_item .txt_block {
  position: absolute;
  left: 3vw;
  right: 3vw;
  bottom: 6vw;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 3;
}

.index-about .txt_block{
  display: block !important;
  opacity: 1 !important;
}
.index-about .comm_pos_item .txt_block .en{
  font-size: 26px;
  padding-bottom: 1vw;
}
.index-about .comm_pos_item .txt_block .zh {
  font-size: 15px;
  line-height:160% ;

}

.index-about   .item span {
  display: block;
  width: 150px;
  line-height: 36px;
  text-align: center;
  font-size: 16px;
  color: #333;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 30px;
  margin-top: 16px;
}


.comm_pos_item .txt_block .zh {
  font-size: 24px;
}
.comm_pos_item .hide {
  position: absolute;
  top: 2vw;
  left: 2vw;
  right: 2vw;
  bottom: 2vw;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 3;
}
.comm_pos_item .hide .zh {
  font-size: 36px;
}
.comm_pos_item .hide span {
  font-size: 16px;
  color: #333;
  position: absolute;
  bottom: 2vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.comm_pos_item .txt_block .en {
  font-size: 40px;
  color: #fff;
  font-family: 'AWCONQUERORDIDOT-LIGHT';
  text-transform: uppercase;
}
.comm_pos_item .txt_block .zh {
  color: #fff;
  font-family: 'PingFang-Medium';
}
.comm_pos_item:hover .img_block img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.comm_pos_item:hover .txt_block {
  opacity: 0;
}
.comm_pos_item:hover .hide {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.index_main .section1 {
  position: relative;
}
.index_main .section1 .item {
  overflow: hidden;
  position: relative;
}
.index_main .section1 .swiper-wrapper, .index_main .section1 .headbg {
  will-change: transfrom;
  -webkit-transition: transform 1.6s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: transform 1.6s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-transition: transform 1.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 1.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.index_main .section1 .headbg {
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.index_main .section1 .txt {
  width: 27vw;
  position: absolute;
  left: 24vw;
  top: 40%;
  transition-duration: 1.6s;
}
.index_main .section1 a{
	top: 0;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
}
.index_main .section1 .txt img {
  display: block;
  width: 100%;
}
.index_main .section1 .button {
  width: 40px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 2;
  cursor: pointer;
}
.index_main .section1 .button.prev {
  left: 18px;
  background-image: url("../images/prev-1.png");
}
.index_main .section1 .button.next {
  right: 18px;
  background-image: url("../images/next-1.png");
}
.index_main .section1 .dots {
  position: absolute;
  bottom: 3vw;
  left: 0;
  right: 0;
  font-size: 0;
  text-align: center;
  z-index: 3;
}
.index_main .section1 .dots .dot {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 6px;
  border-radius: 6px;
  background-color: #fff;
  margin: 0 5px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.index_main .section1 .dots .dot span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #e67d14;
}
.index_main .section1 .dots .dot.active span {
  -webkit-animation: progress-bar 3s linear forwards;
  -moz-animation: progress-bar 3s linear forwards;
  -ms-animation: progress-bar 3s linear forwards;
  animation: progress-bar 3s linear forwards;
}
.index_main .section2 {
  padding: 6.25vw 0;
}
.index_main .section2 .fixed_cate {
  position: fixed;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  display: none;
}
.index_main .section2 .fixed_cate .item {
  position: relative;
  padding-right: 30px;
  height: 32px;
  cursor: pointer;
}
.index_main .section2 .fixed_cate .item a {
  position: absolute;
  right: 30px;
  top: 0;
  line-height: 32px;
  font-size: 12px;
  white-space: nowrap;
  font-family: 'PingFang-Medium';
  color: transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index_main .section2 .fixed_cate .item:after {
  content: '';
  width: 12px;
  height: 1px;
  background-color: #333333;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index_main .section2 .fixed_cate .item.active a {
  color: #e67d14;
}
.index_main .section2 .fixed_cate .item.active:after {
  background-color: #e67d14;
  width: 24px;
}
.index_main .section2 .tab_title {
  font-size: 0;
  margin-top: 4vw;
}
.index_main .section2 .tab_title a {
  display: inline-block;
  vertical-align: top;
  width: 16.66%;
  text-align: center;
}
.index_main .section2 .tab_title a .icon {
  height: 102px;
  background-position: center bottom;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index_main .section2 .tab_title a span {
  font-size: 16px;
  color: #333;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index_main .section2 .tab_title a:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 5px solid #e67d14;
  display: block;
  margin: 8px auto 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index_main .section2 .tab_title a:nth-of-type(1) .icon {
  background-image: url("../images/index/icon-1.png");
}
.index_main .section2 .tab_title a:nth-of-type(1).active .icon {
  background-image: url("../images/index/icon-1-on.png");
}
.index_main .section2 .tab_title a:nth-of-type(2) .icon {
  background-image: url("../images/index/icon-2.png");
}
.index_main .section2 .tab_title a:nth-of-type(2).active .icon {
  background-image: url("../images/index/icon-2-on.png");
}
.index_main .section2 .tab_title a:nth-of-type(3) .icon {
  background-image: url("../images/index/icon-3.png");
}
.index_main .section2 .tab_title a:nth-of-type(3).active .icon {
  background-image: url("../images/index/icon-3-on.png");
}
.index_main .section2 .tab_title a:nth-of-type(4) .icon {
  background-image: url("../images/index/icon-4.png");
}
.index_main .section2 .tab_title a:nth-of-type(4).active .icon {
  background-image: url("../images/index/icon-4-on.png");
}
.index_main .section2 .tab_title a:nth-of-type(5) .icon {
  background-image: url("../images/index/icon-5.png");
}
.index_main .section2 .tab_title a:nth-of-type(5).active .icon {
  background-image: url("../images/index/icon-5-on.png");
}
.index_main .section2 .tab_title a:nth-of-type(6) .icon {
  background-image: url("../images/index/icon-6.png");
}
.index_main .section2 .tab_title a:nth-of-type(6).active .icon {
  background-image: url("../images/index/icon-6-on.png");
}
.index_main .section2 .tab_title a.active span {
  color: #e67d14;
}
.index_main .section2 .tab_title a.active:after {
  opacity: 1;
}
.index_main .section2 .tab_content {
  margin-top: 3vw;
  font-size: 0;
}
.index_main .section2 .tab_content .child {
  display: none;
}
.index_main .section2 .tab_content .child.active {
  display: block;
}
.index_main .section2 .tab_content .child.active .item {
  -webkit-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -moz-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  -ms-animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.index_main .section2 .tab_content .child.active .left .item:nth-of-type(1) {
  animation-delay: .1s;
}
.index_main .section2 .tab_content .child.active .left .item:nth-of-type(2) {
  animation-delay: .4s;
}
.index_main .section2 .tab_content .child.active .left .item:nth-of-type(3) {
  animation-delay: .7s;
}
.index_main .section2 .tab_content .child.active .center .item:nth-of-type(1) {
  animation-delay: .2s;
}
.index_main .section2 .tab_content .child.active .center .item:nth-of-type(2) {
  animation-delay: .3s;
}
.index_main .section2 .tab_content .child.active .center .item:nth-of-type(3) {
  animation-delay: .4s;
}
.index_main .section2 .tab_content .child.active .right .item:nth-of-type(1) {
  animation-delay: .3s;
}
.index_main .section2 .tab_content .child.active .right .item:nth-of-type(2) {
  animation-delay: .6s;
}
.index_main .section2 .tab_content .child.active .right .item:nth-of-type(3) {
  animation-delay: .9s;
}
.index_main .section2 .tab_content .left, .index_main .section2 .tab_content .center, .index_main .section2 .tab_content .right {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 41px) / 3);
}
.index_main .section2 .tab_content .center {
  margin: 0 20px;
}
.index_main .section2 .tab_content .item {
  margin-bottom: 20px;
  position: relative;
  opacity: 0;
}
.index_main .section2 .tab_content .item .en {
  font-size: 14px;
  color: #333;
  font-family: 'AWCONQUERORDIDOT-LIGHT';
  text-transform: uppercase;
}
.index_main .section2 .tab_content .item .zh {
  font-size: 24px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.index_main .section2 .tab_content .item .price del {
  font-size: 12px;
  color: #333;
}
.index_main .section2 .tab_content .item .price span {
  font-size: 20px;
  font-family: 'PingFang-Medium';
  color: #333;
  display: block;
  background-position: 99% center;
  background-repeat: no-repeat;
  background-image: url("../images/index/icon-7.png");
}
.index_main .section2 .tab_content .item .img_block {
  overflow: hidden;
}
.index_main .section2 .tab_content .item .img_block img {
  width: 100%;
  display: block;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.index_main .section2 .tab_content .item .show {
  position: absolute;
  bottom: 2vw;
  left: 2vw;
  right: 2vw;
  background-color: rgba(255, 255, 255, 0.4);
  padding: 20px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.index_main .section2 .tab_content .item .show .price {
  margin-top: 18px;
}
.index_main .section2 .tab_content .item .hide {
  position: absolute;
  top: 2vw;
  left: 2vw;
  right: 2vw;
  bottom: 2vw;
  background-color: rgba(255, 255, 255, 0.9);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.index_main .section2 .tab_content .item .hide .price {
  margin-top: 2.5vw;
}
.index_main .section2 .tab_content .item .hide .price span {
  background: none;
}
.index_main .section2 .tab_content .item .hide span.more {
  font-size: 16px;
  color: #333;
  position: absolute;
  bottom: 2vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.index_main .section2 .tab_content .item:hover .img_block img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.index_main .section2 .tab_content .item:hover .show {
  opacity: 0;
}
.index_main .section2 .tab_content .item:hover .hide {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/**
.index_main .section2 .tab_content .left .item:nth-of-type(2) .show,
.index_main .section2 .tab_content .center .item:nth-of-type(1) .show,
.index_main .section2 .tab_content .right .item:nth-of-type(3) .show {
  right: 50%;
}
**/
.index_main .section2 .tab_content .left .item:nth-of-type(2) .hide span.more,
.index_main .section2 .tab_content .center .item:nth-of-type(1) .hide span.more,
.index_main .section2 .tab_content .right .item:nth-of-type(3) .hide span.more {
  display: none;
}

/**
.index_main .section2 .tab_content .left .item:nth-of-type(3) .show,
.index_main .section2 .tab_content .center .item:nth-of-type(2) .show,
.index_main .section2 .tab_content .right .item:nth-of-type(2) .show {
  background: none;
  padding-top: 0;
  padding-bottom: 0;
}

.index_main .section2 .tab_content .left .item:nth-of-type(3) .show .price span,
.index_main .section2 .tab_content .center .item:nth-of-type(2) .show .price span,
.index_main .section2 .tab_content .right .item:nth-of-type(2) .show .price span {
  background: none;
}
**/
.index_main .section3 {
  margin: 0 12px;
  height: 66.66vh;
  position: relative;
  overflow: hidden;
}
.index_main .section3:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2;
}
.index_main .section3 .comm_title {
  position: absolute;
  top: 4.5vw;
  left: 0;
  right: 0;
  z-index: 4;
}
.index_main .section3 .bg_block .item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 1;
}
.index_main .section3 .bg_block .item.active {
  opacity: 1;
  visibility: visible;
}
.index_main .section3 .items {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 0;
  z-index: 3;
}
.index_main .section3 .items .item {
  width: 20%;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
  text-align: center;
}
.index_main .section3 .items .item h3 {
  font-size: 24px;
  font-family: 'PingFang-Medium';
}
.index_main .section3 .items .item .show {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5vw;
  color: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.index_main .section3 .items .item .show span {
  font-size: 24px;
  font-family: 'NeutraTextDemiAlt';
}
.index_main .section3 .items .item .hide {
  position: absolute;
  top: 10%;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  padding: 0 15px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.index_main .section3 .items .item .hide .en {
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'AWCONQUERORDIDOT-LIGHT';
  margin-bottom: 5px;
}
.index_main .section3 .items .item .hide p {
  font-size: 14px;
  margin-top: 25px;
}
.index_main .section3 .items .item .hide span {
  width: 120px;
  margin: 0 auto;
  display: block;
  line-height: 48px;
  font-size: 16px;
  background-color: #e67d14;
  border-radius: 30px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5.5vw;
  box-shadow: 0 10px 30px rgba(230, 125, 20, 0.5);
}
.index_main .section3 .items .item:hover .show {
  opacity: 0;
}
.index_main .section3 .items .item:hover .hide {
  opacity: 1;
  visibility: visible;
  top: 0;
}
.index_main .section4 {
  padding: 6.25vw 0;
}
.index_main .section4 .items {
  font-size: 0;
  margin-top: 3vw;
  margin-left: -6px;
  margin-right: -6px;
}
.index_main .section4 .item {
  display: inline-block;
  vertical-align: top;
  width: calc(33.33% - 12px);
  margin: 0 6px;
}
.index_main .section4 .slick-arrow {
  width: 40px;
  height: 40px;
  background-color: transparent;
  font-size: 0;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 2;
  cursor: pointer;
}
.index_main .section4 .slick-prev {
  left: -60px;
  background-image: url("../images/prev-2.png");
}
.index_main .section4 .slick-next {
  right: -60px;
  background-image: url("../images/next-2.png");
}
.index_main .section5 {
  padding-bottom: 6.25vw;
}
.index_main .section5 .items {
  font-size: 0;
  margin-top: 3vw;
  position: relative;
}
.index_main .section5 .item {
  display: inline-block;
  vertical-align: top;
  position: relative;
}


.index_main .section5 .item .img_block:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.index_main .section5 .item .txt_block {
  bottom: 2.5vw;
  z-index: 3;
}
.cell_box .cell>div,cell_box .cell>span{
  color: #333;
}

.comm_pos_item .en{
  font-size: 36px;
  text-transform: uppercase;
  font-family: 'AWCONQUERORDIDOT-LIGHT';
}

.index_main .section5 .item:nth-of-type(1), .index_main .section5 .item:nth-of-type(3), .index_main .section5 .item:nth-of-type(4) {
  width: 32.8%;
}
.index_main .section5 .item:nth-of-type(3), .index_main .section5 .item:nth-of-type(4) {
  position: absolute;
  bottom: 0;
}
.index_main .section5 .item:nth-of-type(2) {
  width: 66.4%;
  margin-left: 0.8%;
}
.index_main .section5 .item:nth-of-type(3) {
  position: absolute;
  left: 33.6%;
}
.index_main .section5 .item:nth-of-type(4) {
  position: absolute;
  right: 0;
}

.index_main .section6 {
  margin: 0 12px;
  font-size: 0;
}
.index_main .section6 .item {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 12px) / 2);
  position: relative;
  overflow: hidden;
}
.index_main .section6 .item:nth-of-type(2) {
  margin-left: 12px;
}
.index_main .section6 .item .img_block {
  overflow: hidden;
}
.index_main .section6 .item .img_block img {
  width: 100%;
  display: block;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}
.index_main .section6 .item .top_t,
.index_main .section6 .item .bot_t {
  position: absolute;
  left: 6vw;
  right: 6vw;
}
.index_main .section6 .item .top_t {
  top: 6vw;
}
.index_main .section6 .item .bot_t {
  bottom: 6vw;
}
.index_main .section6 .item h3 {
  font-size: 32px;
  color: #fff;
  font-family: 'PingFang-Medium';
  margin-bottom: 10px;
}
.index_main .section6 .item p {
  font-size: 20px;
  color: #fff;
}
.index_main .section6 .item span {
  display: block;
  width: 150px;
  line-height: 36px;
  text-align: center;
  font-size: 15px;
  color: #333;
  background-color: rgba(255,255,255, 0.8);
  border-radius: 30px;
  margin-top: 16px;
}
.index_main .section6 .item img.house {
  position: absolute;
  bottom: -1vw;
  right: 3%;
  width: 26.5vw;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}
.index_main .section6 .item:hover .img_block img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.index_main .section6 .item:hover img.house {
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}

.index_main .section6.seo-news .item .top_t{
  top:auto;
  bottom:2vw;
}
.seo-news{
  padding-bottom:3vw;
}
.seo-news .comm_title{
  padding-bottom:3vw;
}
.seo-news.section6 .item{

  margin-bottom: 12px;
}
.index_main .section6 .item:nth-child(even){
  margin-left: 12px;
}
.seo-news.section6 .item .img_block{
  position: relative;
}
.seo-news.section6 .item .img_block:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 2;
}
.seo-news.section6  .item .top_t, .index_main .section6 .item .bot_t{
  z-index:2;
}
.seo-news.index_main .section6 .item h3{
  font-size:24px;
}
.seo-news.section6 .item p{
  font-size:16px;
  max-height: 80px;
  overflow: hidden;
  line-height:160%;
}

.video_pop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 11;
  display: none;
}
.video_pop .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.video_pop .close {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url("../images/close-2.png") center no-repeat;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease;
  cursor: pointer;
  z-index: 2;
}
.video_pop .close:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.video_pop video {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  max-height: 70vh;
  max-width: 70vw;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.inner_page {
  padding-top: 80px;
}

.inner_banner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 0;
  position: relative;
}
.inner_banner .comm_crumbs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.inner_banner .comm_crumbs a, .inner_banner .comm_crumbs span {
  color: #fff;
}
.inner_banner .tit {
  text-align: center;
}
.inner_banner .tit h3 {
  font-size: 48px;
  line-height: 1;
  color: #fff;
  font-family: 'PingFang-Medium';
}
.inner_banner .tit h4 {
  font-size: 20px;
  line-height: 1;
  color: #fff;
  font-family: 'AWCONQUERORDIDOT-LIGHT';
  text-transform: uppercase;
  margin: 10px 0 20px;
}
.inner_banner .tit h4.zh {
  font-family: 'PingFang-Regular';
}
.inner_banner .tit:after {
  content: '';
  width: 32px;
  height: 2px;
  background-color: #e67d14;
  display: block;
  margin: 0 auto;
}

.inner_sub_nav {
  border-bottom: 1px solid #e6e6e6;
  font-size: 0;
  text-align: center;
}
.inner_sub_nav a {
  display: inline-block;
  vertical-align: top;
  margin-right: 7vw;
  font-size: 14px;
  color: #333;
  padding: 30px 0;
  border-bottom: 3px solid transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inner_sub_nav a:last-of-type {
  margin-right: 0;
}
.inner_sub_nav a:hover {
  color: #e67d14;
}
.inner_sub_nav a.active {
  border-color: #e67d14;
}

.comm_crumbs {
  padding: 24px 30px 0;
  font-size: 0;
}
.comm_crumbs a, .comm_crumbs span {
  display: inline-block;
  vertical-align: top;
  line-height: 18px;
  color: #000;
  font-family: 'PingFang-Medium';
}
.comm_crumbs a {
  font-size: 14px;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.comm_crumbs a:hover {
  color: #e67d14;
}
.comm_crumbs span {
  margin: 0 16px;
  font-size: 12px;
}

.comm_pages {
  font-size: 0;
  text-align: center;
}
.comm_pages ul, .comm_pages .ope {
  display: inline-block;
  vertical-align: top;
}
.comm_pages ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}
.comm_pages ul li a {
  display: block;
  width: 40px;
  height: 40px;
  font-size: 14px;
  color: #666;
  line-height: 40px;
  text-align: center;
  border: 1px solid #e6e6e6;
}
.comm_pages ul li:first-of-type a, .comm_pages ul li:last-of-type a {
  width: 60px;
}

.comm_pages ul li:hover a, .comm_pages ul li.active a {
  border-color: #e67d14;
}
.comm_pages .ope {
  margin-left: 15px;
  font-size: 14px;
  line-height: 40px;
  color: #666;
}
.comm_pages .ope input {
  width: 60px;
  height: 40px;
  text-align: center;
  border: 1px solid #e6e6e6;
  margin: 0 5px;
}
.comm_pages .ope button {
  width: 60px;
  height: 40px;
  background-color: #f5f5f5;
  margin-left: 10px;
  cursor: pointer;
}

.comm_product_qa .c_box {
  position: relative;
  padding: 15px 0;
  margin-left: 40px;
  font-size: 14px;
  line-height: 24px;
}
.comm_product_qa .c_box .icon {
  position: absolute;
  left: -40px;
  width: 24px;
  height: 24px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
}
.comm_product_qa .c_box .icon.q {
  background-color: #e67d14;
}
.comm_product_qa .c_box .icon.a {
  background-color: #99bb11;
}
.comm_product_qa .c_box .icon.d {
  background-color: #bfbfbf;
}
.comm_product_qa .c_box h3 {
  color: #333;
  padding-right: 150px;
  position: relative;
}
.comm_product_qa .c_box h3 span {
  position: absolute;
  right: 0;
  top: 0;
}
.comm_product_qa .c_box p {
  color: #808080;
}
.comm_product_qa .q_box {
  padding-top: 0;
}
.comm_product_qa .q_box .img_block {
  margin-top: 20px;
  font-size: 0;
}
.comm_product_qa .q_box .img_block .img {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 80px;
  border: 1px solid #e6e6e6;
  padding: 3px;
  margin: 0 10px 10px 0;
}
.comm_product_qa .q_box .img_block .img img {
  display: block;
  width: 100%;
  height: 100%;
}
.comm_product_qa .a_box {
  border-bottom: 1px solid #f2f2f2;
}
.comm_product_qa .answer_box span.tip {
  color: #808080;
  line-height: 24px;
}
.comm_product_qa .answer_box a.retract {
  color: #005ea7;
  line-height: 24px;
}
.comm_product_qa .answer_box a.retract:after {
  content: '';
  width: 10px;
  height: 7px;
  display: inline-block;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/product/icon-10.png");
  margin-left: 6px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.comm_product_qa .answer_box a.answer {
  float: right;
  width: 108px;
  line-height: 28px;
  color: #e67d14;
  border: 1px solid #e67d14;
  border-radius: 30px;
  text-align: center;
  margin-top: -3px;
}

.comm_add_address {
  font-size: 0;
}
.comm_add_address .box {
  margin-top: 20px;
  position: relative;
}
.comm_add_address .box:first-of-type {
  margin-top: 0;
}
.comm_add_address .box.half {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 10px);
}
.comm_add_address .box.ml {
  margin-left: 20px;
}
.comm_add_address .box .tips_box {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  border: 1px solid #e2e2e2;
  border-top: none;
  background-color: #fff;
  z-index: 2;
  height: 300px;
  overflow-y: auto;
}
.comm_add_address .box .tips_box .item {
  padding: 5px 20px;
  font-size: 14px;
  line-height: 22px;
  color: #333;
  font-family: 'PingFang-Medium';
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 1px dashed #ebebeb;
}
.comm_add_address .box .tips_box .item span {
  width: 130px;
  display: inline-block;
}
.comm_add_address .box .tips_box .item:hover {
  background-color: #e67d14;
  color: #fff;
}
.comm_add_address .box input, .comm_add_address .box select {
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #e2e2e2;
  padding: 0 20px;
  font-size: 14px;
  color: #333;
  background-color: #fff;
  font-family: 'PingFang-Medium';
}
.comm_add_address .box select {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 40px) / 3);
  margin-left: 20px;
  background-image: url("../images/process/icon-4.png");
  background-repeat: no-repeat;
  background-position: 94% center;
}
.comm_add_address .box select:first-of-type {
  margin-left: 0;
}
.comm_add_address .box button {
  display: block;
  margin: 0 auto;
  width: 240px;
  height: 60px;
  background-color: #e67d14;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}

.comm_confirm_popups {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  display: none;
}
.comm_confirm_popups .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.comm_confirm_popups .cell_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.comm_confirm_popups .main {
  width: 640px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
  padding: 3.5vw 0;
  text-align: center;
}
.comm_confirm_popups .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/close-1.png");
  cursor: pointer;
}
.comm_confirm_popups .icon i {
  display: block;
  width: 72px;
  height: 72px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #e67d14;
  background-position: center;
  background-repeat: no-repeat;
}
.comm_confirm_popups .icon:after {
  content: '';
  width: 42px;
  height: 10px;
  background-color: #f2f2f2;
  border-radius: 50%;
  display: block;
  margin: 5px auto 0;
}
.comm_confirm_popups .icon.icon1 i {
  background-image: url("../images/product/icon-12.png");
}
.comm_confirm_popups .icon.icon2 i {
  background-image: url("../images/product/icon-13.png");
}
.comm_confirm_popups h3 {
  font-size: 36px;
  line-height: 1;
  color: #333;
  font-family: 'PingFang-Medium';
  margin-top: 15px;
}
.comm_confirm_popups p {
  font-size: 16px;
  color: #333;
  margin-top: 10px;
}
.comm_confirm_popups p a {
  color: #e67d14;
}
.comm_confirm_popups .btns {
  font-size: 0;
  text-align: center;
  margin-top: 3vw;
}
.comm_confirm_popups .btns a {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  line-height: 40px;
  font-size: 16px;
  margin: 0 5px;
  border: 1px solid transparent;
}
.comm_confirm_popups .btns a:nth-of-type(1) {
  background-color: #e67d14;
  color: #fff;
}
.comm_confirm_popups .btns a:nth-of-type(2) {
  border-color: #e67d14;
  color: #333;
}

.comm_zoom_block {
  width: 46%;
  float: left;
  position: relative;
}
.comm_zoom_block .top_img {
  overflow: hidden;
  position: relative;
}
.comm_zoom_block .top_img img {
  display: block;
  width: 100%;
}
.comm_zoom_block .top_img span {
  width: 67%;
  height: 67%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
  cursor: move;
}
.comm_zoom_block .top_img:hover span {
  display: block;
}
.comm_zoom_block .bot_img {
  padding: 10px 30px;
  position: relative;
}
.comm_zoom_block .bot_img .item {
  margin: 0 5px;
  position: relative;
  border: 1px solid #e6e6e6;
  cursor: pointer;
}
.comm_zoom_block .bot_img .item img {
  width: 100%;
  display: block;
}
.comm_zoom_block .bot_img .item.active {
  border-color: #e67d14;
}
.comm_zoom_block .bot_img .slick-arrow {
  width: 14px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  font-size: 0;
  cursor: pointer;
  background-color: transparent;
}
.comm_zoom_block .bot_img .slick-prev {
  background-image: url("../images/prev-2.png");
  left: 0;
}
.comm_zoom_block .bot_img .slick-next {
  background-image: url("../images/next-2.png");
  right: 0;
}
.comm_zoom_block .zoom_img {
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  overflow: hidden;
  display: none;
  z-index: 2;
}
.comm_zoom_block .zoom_img img {
  position: absolute;
  display: block;
  width: 150%;
  height: 150%;
}

.comm_qa_box .wanna_ask {
  text-align: center;
  font-size: 0;
  padding: 3vw 0;
  background-color: #fafafa;
}
.comm_qa_box .wanna_ask span, .comm_qa_box .wanna_ask a {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.comm_qa_box .wanna_ask span {
  color: #333;
}
.comm_qa_box .wanna_ask a {
  width: 108px;
  line-height: 28px;
  color: #e67d14;
  border: 1px solid #e67d14;
  margin-left: 20px;
  border-radius: 30px;
}
.comm_qa_box .ask_list {
  margin-bottom: 30px;
}
.comm_qa_box .list {
  padding-top: 2vw;
  border-bottom: 1px solid #e6e6e6;
  font-size: 0;
}
.comm_qa_box .left_box {
  width: 180px;
  font-size: 18px;
  color: #e67d14;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comm_qa_box .right_box {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 200px);
  padding-left: 20px;
}

.comm_recommend_list {
  margin-top: 24px;
}

.comm_recommend_list .check_box {
  cursor: pointer;
}
.comm_recommend_list .check_box input[type="checkbox"] {
  opacity: 0;
}
.comm_recommend_list .check_box i.check_icon {
  width: 24px;
  height: 24px;
  border: 1px solid #e4e4e4;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  background-color: #fff;
}

.comm_recommend_list .disabled .check_box i.check_icon {
  border: 1px dashed #e4e4e4;
}
.comm_recommend_list .check_box i.check_icon:after {
  content: '';
  width: 14px;
  height: 14px;
  background-color: #e67d14;
  position: absolute;
  top: 4px;
  left: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.comm_recommend_list .check_box.active i.check_icon:after {
  opacity: 1;
}
.comm_recommend_list .list {
  font-size: 0;
  margin-top: 24px;
  padding: 20px 0;
  position: relative;
  border: 1px solid #e6e6e6;
}
.comm_recommend_list .list:first-of-type {
  margin-top: 0;
}
.comm_recommend_list .list .check_box {
  position: absolute;
  top: 20px;
  left: 20px;
}
.comm_recommend_list .list .img_block {
  width: 280px;
  padding: 0 50px;
  display: inline-block;
  vertical-align: middle;
}
.comm_recommend_list .list .img_block img {
  display: block;
  width: 100%;
}
.comm_recommend_list .list .txt_block {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 280px);
  padding: 0 3.5vw;
}
.comm_recommend_list .list .txt_block h4 {
  font-size: 24px;
  color: #333;
}
.comm_recommend_list .list .txt_block h4 span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #e67d14;
  background-color: #fae5d0;
  line-height: 24px;
  padding: 0 10px;
  margin-left: 30px;
}
.comm_recommend_list .list .txt_block .info {
  padding-right: 170px;
  position: relative;
  margin: 15px 0;
}
.comm_recommend_list .list .txt_block .item {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
  font-size: 14px;
  line-height: 24px;
  color: #808080;
}
.comm_recommend_list .list .txt_block .item b {
  color: #333;
}
.comm_recommend_list .list .txt_block .cart_num {
  position: absolute;
  top: 0;
  right: 0;
}
.comm_recommend_list .list .txt_block .cart_num span, .comm_recommend_list .list .txt_block .cart_num .border {
  display: inline-block;
  vertical-align: middle;
}
.comm_recommend_list .list .txt_block .cart_num span {
  font-size: 14px;
  color: #333;
}
.comm_recommend_list .list .txt_block .cart_num .border {
  width: 90px;
  height: 30px;
  border: 1px solid #e6e6e6;
  position: relative;
  margin: 0 10px;
  padding-right: 24px;
}
.comm_recommend_list .list .txt_block .cart_num .border input {
  display: block;
  width: 100%;
  height: 28px;
  text-align: center;
  padding: 0 5px;
  font-size: 12px;
}
.comm_recommend_list .list .txt_block .cart_num .border:after {
  content: '';
  width: 1px;
  height: 22px;
  background-color: #e6e6e6;
  position: absolute;
  right: 24px;
  top: 50%;
  margin-top: -11px;
}
.comm_recommend_list .list .txt_block .cart_num .border i {
  width: 24px;
  height: 12px;
  position: absolute;
  right: 0;
  cursor: pointer;
}
.comm_recommend_list .list .txt_block .cart_num .border i:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -4px;
}
.comm_recommend_list .list .txt_block .cart_num .border i.less {
  top: 0;
}
.comm_recommend_list .list .txt_block .cart_num .border i.less:after {
  border-bottom: 4px solid #ccc;
  bottom: 2px;
}
.comm_recommend_list .list .txt_block .cart_num .border i.plus {
  bottom: 0;
}
.comm_recommend_list .list .txt_block .cart_num .border i.plus:after {
  border-top: 4px solid #ccc;
  top: 2px;
}
.comm_recommend_list .list .txt_block .price {
  font-size: 24px;
  color: #e67d14;
  font-family: 'PingFang-Medium';
}
.comm_recommend_list .subtotal_box {
  position: relative;
  padding: 0 30px;
  font-size: 0;
  background-color: #f5f5f5;
}
.comm_recommend_list .subtotal_box .check_box {
  position: relative;
  margin-right: 15px;
}
.comm_recommend_list .subtotal_box .check_box, .comm_recommend_list .subtotal_box span, .comm_recommend_list .subtotal_box .check, .comm_recommend_list .subtotal_box .volume {
  display: inline-block;
  vertical-align: middle;
}
.comm_recommend_list .subtotal_box span, .comm_recommend_list .subtotal_box .check, .comm_recommend_list .subtotal_box .volume {
  font-size: 14px;
  line-height: 50px;
  font-family: 'PingFang-Medium';
}
.comm_recommend_list .subtotal_box .ope {
  float: right;
}
.comm_recommend_list .subtotal_box .check {
  cursor: pointer;
}
.comm_recommend_list .subtotal_box .check i {
  color: #e67d14;
  font-size: 18px;
  line-height: 20px;
  font-style: normal;
}
.comm_recommend_list .subtotal_box .check:after {
  content: '';
  width: 10px;
  height: 6px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/process/icon-1.png");
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 10px;
}
.comm_recommend_list .subtotal_box .check.show:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.comm_recommend_list .subtotal_box .volume {
  margin: 0 30px 0 60px;
}
.comm_recommend_list .subtotal_box .items {
  width: 80%;
  position: absolute;
  right: 0;
  bottom: 50px;
  border: 1px solid #e67d14;
  padding: 10px 5px;
  background-color: #fff;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
}

.comm_recommend_list .subtotal_box .items.num-1{
  width: 20%;
}
.comm_recommend_list .subtotal_box .items.num-1 .item{
  width: 100%;
}
.comm_recommend_list .subtotal_box .items.num-1{
  right: 140px;
}
.comm_recommend_list .subtotal_box .items.num-1:after{
  right: 75px;
}

.comm_recommend_list .subtotal_box .items.num-2{
  width: 40%;
}
.comm_recommend_list .subtotal_box .items.num-2 .item{
  width: 50%;
}

.comm_recommend_list .subtotal_box .items.num-3{
  width: 60%;
}
.comm_recommend_list .subtotal_box .items.num-3 .item{
  width: 33.3%;
}


.comm_recommend_list .subtotal_box .items.show {
  opacity: 1;
  visibility: visible;
}
.comm_recommend_list .subtotal_box .items:after {
  content: '';
  width: 24px;
  height: 13px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/process/icon-2.png");
  position: absolute;
  top: 100%;
  right: 216px;
}
.comm_recommend_list .subtotal_box .items .item {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding: 0 5px;
}
.comm_recommend_list .subtotal_box .items .item img {
  display: block;
  width: 100%;
}
.comm_recommend_list .subtotal_box .items .slick-arrow {
  width: 30px;
  height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
  background-color: #fff;
  z-index: 2;
  cursor: pointer;
}
.comm_recommend_list .subtotal_box .items .slick-arrow.slick-disabled {
  visibility: hidden;
}
.comm_recommend_list .subtotal_box .items .slick-prev {
  background-image: url("../images/prev-2.png");
  left: 10px;
}
.comm_recommend_list .subtotal_box .items .slick-next {
  background-image: url("../images/next-2.png");
  right: 10px;
}
.comm_recommend_list .total_box {
  text-align: right;
  font-size: 0;
}
.comm_recommend_list .total_box p {
  font-size: 14px;
  color: #333;
  padding: 30px 0;
}
.comm_recommend_list .total_box p span {
  font-size: 32px;
  color: #e67d14;
}
.comm_recommend_list .total_box a {
  display: inline-block;
  width: 120px;
  line-height: 34px;
  font-size: 14px;
  text-align: center;
  border: 1px solid transparent;
}
.comm_recommend_list .total_box a:nth-of-type(1) {
  background-color: #e67d14;
  color: #fff;
  border-color: #e67d14;
}
.comm_recommend_list .total_box a:nth-of-type(2) {
  margin-left: 14px;
  color: #333;
  border: 1px solid #bbbbbb;
  background-color: #f9f9f9;
}

/*comm coupon*/
.comm_coupon_block {
  width: 80%;
  margin: 0 auto;
  font-size: 0;
}
.comm_coupon_block .item {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 40px) / 3);
  margin: 20px 0 0 20px;
  background-color: #f9f9f9;
  position: relative;
  overflow: hidden;
}
.comm_coupon_block .item:nth-of-type(3n-2) {
  margin-left: 0;
}
.comm_coupon_block .item:nth-of-type(1), .comm_coupon_block .item:nth-of-type(2), .comm_coupon_block .item:nth-of-type(3) {
  margin-top: 0;
}
.comm_coupon_block .item i.check {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 10px 0 0;
  width: 24px;
  height: 24px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  cursor: pointer;
}
.comm_coupon_block .item i.check:after {
  content: '';
  width: 14px;
  height: 14px;
  background-color: #e67d14;
  position: absolute;
  top: 4px;
  left: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.comm_coupon_block .item.active i.check:after {
  opacity: 1;
}
.comm_coupon_block .status {
  background-color: rgba(0, 0, 0, 0.2);
  font-size: 16px;
  color: #fff;
  padding: 30px 0 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  transform-origin: center top;
  -webkit-transform: translateX(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) rotate(-45deg);
  transform: translateX(-50%) rotate(-45deg);
}
.comm_coupon_block .top_box {
  text-align: center;
  padding: 30px 0;
  font-size: 16px;
  color: #fff;
  font-family: 'PingFang-Medium';
  background-color: #e67d14;
  background-position: left bottom;
  background-repeat: repeat-x;
  background-image: url("../images/process/icon-10.jpg");
}
.comm_coupon_block .top_box .price span {
  font-size: 40px;
  font-family: 'DINPro-Medium';
  display: inline-block;
  vertical-align: bottom;
  line-height: 1;
  margin-right: 5px;
}
.comm_coupon_block .top_box .date {
  margin-top: 24px;
}
.comm_coupon_block .bot_box {
  padding: 30px 40px;
  font-size: 14px;
  line-height: 24px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.comm_coupon_block .bot_box span, .comm_coupon_block .bot_box a.link {
  color: #e67d14;
}
.comm_coupon_block .bot_box a.btn {
  display: block;
  width: 160px;
  line-height: 38px;
  text-align: center;
  border-radius: 30px;
  border: 1px solid #e67d14;
  font-size: 14px;
  color: #e67d14;
  margin: 10px auto 0;
}
.comm_coupon_block .bot_box a.btn.mt {
  margin-top: 3vw;
}
.comm_coupon_block .other_box {
  position: relative;
  height: 50px;
}
.comm_coupon_block .other_box a {
  display: block;
  font-size: 14px;
  color: #e67d14;
  line-height: 28px;
  text-align: center;
}
.comm_coupon_block .other_box .form {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 50px;
  padding-right: 80px;
  background-color: #f9f9f9;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.comm_coupon_block .other_box .form input {
  display: block;
  width: 100%;
  height: 50px;
  padding: 0 20px;
  font-size: 14px;
  color: #a6a6a6;
  background-color: transparent;
}
.comm_coupon_block .other_box .form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  height: 50px;
  background-color: #e67d14;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}
.comm_coupon_block .other_box.open .form {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.coupon_popups {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  display: none;
}
.coupon_popups .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.coupon_popups .cell_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.coupon_popups .main {
  width: 86vw;
  max-width: 1320px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
  padding: 5vw 20px;
}
.coupon_popups .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/close-1.png");
  cursor: pointer;
}
.coupon_popups .scroll {
  max-height: 54vh;
  overflow: auto;
}
.coupon_popups a.sub {
  display: block;
  width: 200px;
  margin: 3vw auto 0;
  line-height: 48px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background-color: #e67d14;
  font-family: 'PingFang-Medium';
}

/*register & login*/
.register_main .login_page_box {
  width: 500px;
  margin: 0 auto;
  padding: 8vw 0 12vw;
}
.register_main .login_page_box h3 {
  font-size: 42px;
  color: #e67d14;
  text-align: center;
  font-family: 'PingFang-Medium';
}
.register_main .login_page_box form {
  margin-top: 60px;
}
.register_main .login_page_box .area_code {
  width: 150px;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  z-index: 2;
}
.register_main .login_page_box .area_code .show {
  text-align: center;
  font-size: 14px;
  line-height: 48px;
  font-family: 'PingFang-Meiudm';
  background-color: #fbfbfb;
  border: 1px solid #e2e2e2;
  cursor: pointer;
}
.register_main .login_page_box .area_code .show:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #000;
  margin: -3px 0 0 10px;
}
.register_main .login_page_box .area_code .hide {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #e2e2e2;
  border-top: none;
  display: none;
}
.register_main .login_page_box .area_code .hide .list {
  overflow: hidden;
  font-size: 14px;
  line-height: 40px;
  padding: 0 10px;
  color: #000;
  font-family: 'PingFang-Medium';
  cursor: pointer;
}
.register_main .login_page_box .area_code .hide .list:hover {
  background-color: #e67d14;
  color: #fff;
}
.register_main .login_page_box .area_code.open .hide {
  display: block;
}
.register_main .login_page_box .ve_code {
  width: 150px;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
}
.register_main .login_page_box .ve_code a {
  display: block;
  background-color: #e67d14;
  text-align: center;
  font-size: 14px;
  line-height: 50px;
  font-family: 'PingFang-Medium';
  color: #fff;
}
.register_main .login_page_box .tip {
  font-size: 16px;
  color: #000;
  font-family: 'PingFang-Medium';
}
.register_main .login_page_box .tip a {
  text-decoration: underline;
}
.register_main .login_page_box .tip a:hover {
  color: #e67d14;
}
.register_main .login_page_box .other_entrance {
  background-color: #fbfbfb;
  padding: 30px;
  font-size: 0;
  position: relative;
}
.register_main .login_page_box .other_entrance .item {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  text-align: center;
  cursor: pointer;
}
.register_main .login_page_box .other_entrance .item i {
  width: 36px;
  height: 36px;
  display: block;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
}
.register_main .login_page_box .other_entrance .item span {
  display: block;
  font-size: 14px;
  font-family: 'PingFang-Medium';
  margin-top: 5px;
}
.register_main .login_page_box .other_entrance .item[data-value="account"] i {
  background-image: url("../images/user/icon-6.png");
}
.register_main .login_page_box .other_entrance .item[data-value="wechat"] i {
  background-image: url("../images/user/icon-1.png");
}
.register_main .login_page_box .other_entrance .item[data-value="website"] i {
  background-image: url("../images/user/icon-2.png");
}
.register_main .login_page_box .other_entrance:after {
  content: '';
  width: 1px;
  height: 60px;
  background-color: #e6e6e6;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -30px;
}

.login_page_box .box {
  position: relative;
  margin-top: 20px;
}
.login_page_box .box:first-of-type {
  margin-top: 0;
}
.login_page_box .box.small {
  padding-right: 170px;
}
.login_page_box .box.spacing {
  margin-top: 45px;
}
.login_page_box .ope {
  overflow: hidden;
  font-size: 14px;
  color: #666;
  font-family: 'PingFang-Medium';
}
.login_page_box .ope .autologin {
  cursor: pointer;
}
.login_page_box .ope .autologin.check span:after {
  visibility: visible;
}
.login_page_box .ope span {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  border: 1px solid #e2e2e2;
  margin-right: 10px;
  position: relative;
}
.login_page_box .ope span:after {
  content: '';
  width: 14px;
  height: 14px;
  background-color: #e67d14;
  position: absolute;
  top: 3px;
  left: 3px;
  visibility: hidden;
}
.login_page_box .ope a {
  text-decoration: underline;
  color: #000;
}
.login_page_box a.toretrieve {
  font-size: 16px;
  color: #000;
  font-family: 'PingFang-Medium';
  text-decoration: underline;
}
.login_page_box a.toretrieve:hover {
  color: #e67d14;
}
.login_page_box input {
  display: block;
  width: 100%;
  height: 50px;
  background-color: #fbfbfb;
  border: 1px solid #e2e2e2;
  padding: 0 20px;
  font-size: 14px;
  font-family: 'PingFang-Medium';
  color: #000;
}
.login_page_box button {
  border: 1px solid #e2e2e2;
  background-color: #fff;
  width: 100%;
  height: 50px;
  font-size: 16px;
  color: #000;
  font-family: 'PingFang-Medium';
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.login_page_box button.color, .login_page_box button:not(.color):hover {
  border-color: #e67d14;
  background-color: #e67d14;
  color: #fff;
}
.login_page_box .scan_box {
  text-align: center;
  padding: 50px 0 20px;
}

.login_page_box .scan_box  .qrCode{
  width: 200px;
  margin: 0 auto;
  position: relative;
}


.overdue:after{

  content: '二维码已过期，点击刷新';
  background-color: rgba(0,0,0,.6);
  width: 100%;
  color: #fff;
  line-height: 200px;
  position: absolute;
  top:0;
  left: 0;
}

.login_page_box .scan_box img {
  display: block;
  margin: 0 auto;
  max-width: 200px;
}
.login_page_box .scan_box p {
  font-size: 16px;
  color: #333;
  font-family: 'PingFang-Medium';
  margin-top: 10px;
}
.login_page_box .scan_box p span {
  color: #e67d14;
}
.login_page_box .scan_box p:before {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/user/icon-7.png");
  margin: -3px 10px 0 0;
}
.login_page_box .scan_box .tips {
  margin-top: 10px;
  display: none;
}
.login_page_box .scan_box .tips:before {
  content: '';
  width: 48px;
  height: 48px;
  display: inline-block;
  vertical-align: middle;
  background-color: #73ac1f;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/user/icon-5.png");
  background-size: 20px auto;
}
.login_page_box .scan_box .tips .t {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  font-size: 24px;
  color: #333;
  margin-left: 10px;
}
.login_page_box .scan_box .tips .t span {
  display: block;
  font-size: 14px;
}

.login_popups {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  display: none;
}
.login_popups .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.login_popups .cell_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.login_popups .main {
  max-width: 720px;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  border-radius: 5px;
  padding-top: 50px;
}
.login_popups .main .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/close-1.png");
  cursor: pointer;
}
.login_popups .main h3 {
  text-align: center;
  font-size: 32px;
  color: #333;
  line-height: 1;
  font-family: 'PingFang-Medium';
}
.login_popups .main form {
  margin: 20px 120px 0;
}
.login_popups .main .other_entrance {
  padding: 30px 0;
  font-size: 0;
  position: relative;
  margin-top: 36px;
  border-top: 1px solid #e6e6e6;
}
.login_popups .main .other_entrance .item {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  text-align: center;
  cursor: pointer;
}
.login_popups .main .other_entrance .item i {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  background-position: center;
  background-repeat: no-repeat;
}
.login_popups .main .other_entrance .item span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-family: 'PingFang-Medium';
  margin-left: 10px;
}
.login_popups .main .other_entrance .item[data-value="account"] i {
  background-image: url("../images/user/icon-6.png");
}
.login_popups .main .other_entrance .item[data-value="wechat"] i {
  background-image: url("../images/user/icon-1.png");
}
.login_popups .main .other_entrance .item[data-value="website"] i {
  background-image: url("../images/user/icon-2.png");
}
.login_popups .main .other_entrance:after {
  content: '';
  width: 1px;
  height: 36px;
  background-color: #e6e6e6;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -18px;
}

.login_bind .main {
  padding: 12vh 0;
}
.login_bind .cont {
  width: 86vw;
  max-width: 1200px;
  margin: 0 auto;
}
.login_bind h3 {
  font-size: 42px;
  color: #e67d14;
  font-family: 'PingFang-Medium';
  text-align: center;
}
.login_bind .border_box {
  border: 1px solid #e6e6e6;
  margin-top: 60px;
  padding: 9vh 0;
}
.login_bind .block {
  max-width: 500px;
  margin: 0 auto;
}
.login_bind .block .head_img {
  text-align: center;
  font-size: 0;
}
.login_bind .block .head_img img {
  width: 90px;
  height: 90px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
}
.login_bind .block .head_img span {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  color: #808080;
  font-family: 'PingFang-Medium';
  margin-left: 30px;
}
.login_bind .block p {
  text-align: center;
  font-size: 18px;
  color: #000;
  margin-top: 30px;
}
.login_bind .block .form {
  margin-top: 70px;
}
.login_bind .block .form.spacing {
  margin-top: 30px;
}
.login_bind .block .form .box {
  margin-top: 20px;
  border: 1px solid #e2e2e2;
  position: relative;
}
.login_bind .block .form .box:first-of-type {
  margin-top: 0;
}
.login_bind .block .form .box.nobor {
  border: none;
}
.login_bind .block .form .box input {
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 20px;
  font-size: 14px;
  color: #000;
  font-family: 'PingFang-Medium';
}
.login_bind .block .form .box button {
  display: block;
  width: 100%;
  height: 50px;
  background-color: #e67d14;
  font-size: 16px;
  color: #fff;
  font-family: 'PingFang-Medium';
  cursor: pointer;
}
.login_bind .block .form .box .ve_code {
  position: absolute;
  right: 4px;
  top: 4px;
  height: 40px;
  font-size: 0;
}
.login_bind .block .form .box .ve_code img {
  width: 110px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
}
.login_bind .block .form .box .ve_code a.refresh {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/user/icon-8.png");
  margin-left: 6px;
}
.login_bind .block .form .box .ve_code a.obtain {
  display: block;
  width: 140px;
  line-height: 40px;
  background-color: #f0f0f0;
  font-size: 14px;
  color: #000;
  text-align: center;
}
.login_bind .block .form .box .tip {
  font-size: 16px;
  text-align: right;
}
.login_bind .block .form .box .tip a {
  color: #333;
}
.login_bind .block .form .box .tip a:hover {
  color: #e67d14;
}

/*retrieve*/
.retrieve_index .items {
  padding: 12px;
  font-size: 0;
}
.retrieve_index .item {
  width: calc(50% - 6px);
  display: inline-block;
  vertical-align: top;
  background-color: #f7f7f7;
  padding: 20vh 0;
}
.retrieve_index .item:nth-of-type(1) .box {
  padding-left: 100px;
}
.retrieve_index .item:nth-of-type(1) .box:before {
  width: 68px;
  height: 54px;
  background-image: url("../images/user/icon-3.png");
}
.retrieve_index .item:nth-of-type(2) {
  margin-left: 12px;
}
.retrieve_index .item:nth-of-type(2) .box {
  padding-left: 70px;
}
.retrieve_index .item:nth-of-type(2) .box:before {
  width: 42px;
  height: 54px;
  background-image: url("../images/user/icon-4.png");
}
.retrieve_index .item .box {
  width: 450px;
  position: relative;
  margin: 0 auto;
}
.retrieve_index .item .box:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}
.retrieve_index .item .box h3 {
  font-size: 18px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.retrieve_index .item .box p {
  font-size: 16px;
  color: #333;
  font-family: 'PingFang-Medium';
  margin: 20px 0 24px;
}
.retrieve_index .item .box a {
  display: block;
  width: 180px;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-family: 'PingFang-Medium';
  background-color: #e67d14;
}
.retrieve_index .item .box .tip {
  font-size: 16px;
  font-family: 'PinFang-Medium';
  color: #e67d14;
  position: absolute;
  bottom: -46px;
}

.retrieve_main .main {
  padding: 20vh 0;
  min-height: 90vh;
}
.retrieve_main .cont {
  width: 86vw;
  max-width: 1320px;
  margin: 0 auto;
}
.retrieve_main .progress {
  font-size: 0;
  text-align: center;
  border-bottom: 2px solid #e6e6e6;
}
.retrieve_main .progress .item {
  width: 25%;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 20px;
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.retrieve_main .progress .item span {
  font-family: 'DINPro-Bold';
  margin-right: 16px;
}
.retrieve_main .progress .item:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -2px;
  background-color: #e67d14;
  transform-origin: left center;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}
.retrieve_main .progress .item.active {
  color: #e67d14;
}
.retrieve_main .progress .item.active:after {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.retrieve_main .input_area {
  margin-top: 4.5vw;
}
.retrieve_main .form {
  max-width: 640px;
  margin: 0 auto;
}
.retrieve_main .form .box {
  margin-top: 20px;
  position: relative;
}
.retrieve_main .form .box:first-of-type {
  margin-top: 0;
}
.retrieve_main .form .box.label {
  padding-left: 100px;
}
.retrieve_main .form .box.small {
  padding-right: 250px;
}
.retrieve_main .form .box input {
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #e3e3e3;
  background-color: #fbfbfb;
  font-size: 16px;
  color: #333333;
  padding: 0 20px;
  font-family: 'PingFang-Medium';
}
.retrieve_main .form .box span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  color: #333333;
  font-family: 'PingFang-Medium';
  border: 1px solid #e3e3e3;
  border-right: none;
  background-color: #fbfbfb;
}
.retrieve_main .form .box a.obtain {
  position: absolute;
  right: 0;
  top: 0;
  width: 230px;
  line-height: 50px;
  font-size: 16px;
  color: #fff;
  background-color: #e67d14;
  text-align: center;
}
.retrieve_main .form .box .ve_box {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
}
.retrieve_main .form .box .ve_box img {
  display: inline-block;
  vertical-align: middle;
  width: 110px;
  height: 50px;
}
.retrieve_main .form .box .ve_box a {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.retrieve_main .form .box .ve_box a:hover {
  color: #e67d14;
}
.retrieve_main .form .box .next {
  display: block;
  line-height: 50px;
  background-color: #e67d14;
  font-size: 18px;
  color: #fff;
  font-family: 'PingFang-Medium';
  text-align: center;
  width: 100%;
}
.retrieve_main .tips {
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
}
.retrieve_main .tips .icon i {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background-color: #e67d14;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/user/icon-5.png");
  border-radius: 50%;
}
.retrieve_main .tips .icon:after {
  content: '';
  display: block;
  width: 60px;
  height: 16px;
  background-color: #f2f2f2;
  margin: 10px auto 0;
  border-radius: 50%;
}
.retrieve_main .tips h3 {
  font-size: 32px;
  color: #333;
  font-family: 'PingFang-Medium';
  margin-top: 15px;
  line-height: 1;
}
.retrieve_main .tips p {
  font-size: 14px;
  color: #333;
  font-family: 'PingFang-Medium';
  margin-top: 15px;
}
.retrieve_main .tips a {
  display: block;
  width: 240px;
  line-height: 50px;
  background-color: #e67d14;
  font-size: 18px;
  color: #fff;
  font-family: 'PingFang-Medium';
  margin: 25px auto 0;
}

/*process*/
.process_main .main {
  padding: 5vw 0;
}
.process_main .cont {
  width: 86vw;
  max-width: 1320px;
  margin: 0 auto;
}
.process_main .progress {
  font-size: 0;
  text-align: center;
  border-bottom: 2px solid #e6e6e6;
}
.process_main .progress .item {
  width: 25%;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 20px;
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.process_main .progress .item span {
  font-family: 'DINPro-Bold';
  margin-right: 16px;
}
.process_main .progress .item:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -2px;
  background-color: #e67d14;
  transform-origin: left center;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}
.process_main .progress .item.active {
  color: #e67d14;
}
.process_main .progress .item.active:after {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.process_page_cart {
  margin-top: 40px;
}
.process_page_cart .check_box {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  cursor: pointer;
}
.process_page_cart .check_box input[type="checkbox"] {
  opacity: 0;
}
.process_page_cart .check_box i.check_icon {
  width: 24px;
  height: 24px;
  border: 1px solid #e4e4e4;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  background-color: #fff;
}

.process_page_cart .disabled .check_box i.check_icon{
  border: 1px dashed  #ccc;
}


.process_page_cart .check_box i.check_icon:after {
  content: '';
  width: 14px;
  height: 14px;
  background-color: #e67d14;
  position: absolute;
  top: 4px;
  left: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.process_page_cart .check_box.active i.check_icon:after {
  opacity: 1;
}
.process_page_cart .hd_box {
  font-size: 0;
  background-color: #f5f5f5;
}
.process_page_cart .hd_box .item {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 50px;
  color: #333;
  font-family: 'PingFang-Medium';
  text-align: center;
}
.process_page_cart .hd_box .item:nth-of-type(1) {
  width: 10%;
  text-align: left;
  padding-left: 30px;
}
.process_page_cart .hd_box .item:nth-of-type(2) {
  width: 19%;
}
.process_page_cart .hd_box .item:nth-of-type(3) {
  width: 13%;
}
.process_page_cart .hd_box .item:nth-of-type(4), .process_page_cart .hd_box .item:nth-of-type(5), .process_page_cart .hd_box .item:nth-of-type(6), .process_page_cart .hd_box .item:nth-of-type(7) {
  width: 14.5%;
}
.process_page_cart .lists_box .hd {
  padding: 30px;
}
.process_page_cart .lists_box .lists {
  border: 1px solid #e6e6e6;
}
.process_page_cart .lists_box .list {
  font-size: 0;
  border-top: 1px solid #e6e6e6;
  padding: 30px 0;
}
.process_page_cart .lists_box .list:first-of-type {
  border-top: none;
}
.process_page_cart .lists_box .list.forbid {
  background-color: #f5f5f5;
}
.process_page_cart .lists_box .list .item {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
  color: #333;
  font-family: 'PingFang-Medium';
  text-align: center;
}
.process_page_cart .lists_box .list .item:nth-of-type(1) {
  width: 10%;
  text-align: left;
  padding-left: 30px;
}
.process_page_cart .lists_box .list .item:nth-of-type(2) {
  width: 19%;
}
.process_page_cart .lists_box .list .item:nth-of-type(3) {
  width: 13%;
}
.process_page_cart .lists_box .list .item:nth-of-type(4), .process_page_cart .lists_box .list .item:nth-of-type(5), .process_page_cart .lists_box .list .item:nth-of-type(6), .process_page_cart .lists_box .list .item:nth-of-type(7) {
  width: 14.5%;
}
.process_page_cart .lists_box .list .item .pro {
  font-size: 0;
}
.process_page_cart .lists_box .list .item .pic {
  display: inline-block;
  vertical-align: middle;
}
.process_page_cart .lists_box .list .item .pic img {
  display: block;
  width: 84px;
}
.process_page_cart .lists_box .list .item .txt {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 84px);
  font-size: 16px;
  text-align: left;
  padding-left: 20px;
}
.process_page_cart .lists_box .list .item .txt .tips,.process_page_order .product_box .prod .item .txt .tips {
  font-size: 14px;
  line-height: 16px;
  color: #ff0000;
  margin-top: 5px;
}
.process_page_cart .lists_box .list .item .cart_num {
  font-size: 0;
  width: 80px;
  margin: 0 auto;
  height: 24px;
  border: 1px solid #e3e3e3;
  background-color: #fff;
  text-align: center;
}
.process_page_cart .lists_box .list .item .cart_num i {
  display: inline-block;
  vertical-align: top;
  width: 22px;
  height: 22px;
  font-size: 14px;
  font-style: normal;
  cursor: pointer;
}
.process_page_cart .lists_box .list .item .cart_num input {
  display: inline-block;
  vertical-align: top;
  width: 34px;
  height: 22px;
  font-size: 12px;
  text-align: center;
}
.process_page_cart .subtotal_box {
  position: relative;
  padding: 0 30px;
  font-size: 0;
  background-color: #f5f5f5;
}
.process_page_cart .subtotal_box .check_box, .process_page_cart .subtotal_box span, .process_page_cart .subtotal_box a.bt, .process_page_cart .subtotal_box .check, .process_page_cart .subtotal_box .volume {
  display: inline-block;
  vertical-align: middle;
}
.process_page_cart .subtotal_box span, .process_page_cart .subtotal_box a.bt, .process_page_cart .subtotal_box .check, .process_page_cart .subtotal_box .volume {
  font-size: 14px;
  line-height: 50px;
  font-family: 'PingFang-Medium';
}
.process_page_cart .subtotal_box a.bt {
  margin-left: 60px;
}
.process_page_cart .subtotal_box a.bt:hover {
  color: #e67d14;
}
.process_page_cart .subtotal_box .ope {
  float: right;
}
.process_page_cart .subtotal_box .check {
  cursor: pointer;
}
.process_page_cart .subtotal_box .check i {
  color: #e67d14;
  font-size: 18px;
  line-height: 20px;
  font-style: normal;
}

.process_page_cart .subtotal_box .check:after {
  content: '';
  width: 10px;
  height: 6px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/process/icon-1.png");
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 10px;
}

.process_page_cart .subtotal_box .check.show:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.process_page_cart .subtotal_box .volume {
  margin: 0 30px 0 60px;
}
.process_page_cart .subtotal_box .items.show-1{
  width: 20%;
}
.process_page_cart .subtotal_box .items.show-2{
  width: 40%;
}
.process_page_cart .subtotal_box .items.show-3{
  width: 60%;
}
.process_page_cart .subtotal_box .items.show-4{
  width: 85%;
}
.process_page_cart .subtotal_box .items {
   position: absolute;
  right: 0;
  bottom: 50px;
  border: 1px solid #e67d14;
  padding: 10px 30px;
  background-color: #fff;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
}
.process_page_cart .subtotal_box .items.show {
  opacity: 1;
  visibility: visible;
}
.process_page_cart .subtotal_box .items:after {
  content: '';
  width: 24px;
  height: 13px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/process/icon-2.png");
  position: absolute;
  top: 100%;
  right: 216px;
}
.process_page_cart .subtotal_box .items .item {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding: 0 5px;
}
.process_page_cart .subtotal_box .items .item img {
  display: block;
  width: 100%;
}
.process_page_cart .subtotal_box .items .slick-arrow {
  width: 30px;
  height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
  background-color: #fff;
  z-index: 2;
}
.process_page_cart .subtotal_box .items .slick-arrow.slick-disabled{
  visibility: hidden;
}
.process_page_cart .subtotal_box .items .slick-prev {
  background-image: url("../images/prev-2.png");
  left: 10px;
}
.process_page_cart .subtotal_box .items .slick-next {
  background-image: url("../images/next-2.png");
  right: 10px;
}
.process_page_cart .total_box {
  text-align: right;
}
.process_page_cart .total_box p {
  font-size: 14px;
  color: #333;
  padding: 30px 0;
}
.process_page_cart .total_box p span {
  font-size: 32px;
  color: #e67d14;
}
.process_page_cart .total_box a {
  display: inline-block;
  width: 180px;
  line-height: 48px;
  font-size: 16px;
  color: #fff;
  background-color: #e67d14;
  text-align: center;
}

.process_page_cartnull {
  padding: 7.2vw 0;
  text-align: center;
}
.process_page_cartnull .icon i {
  display: block;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #e67d14;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/process/icon-3.png");
}
.process_page_cartnull .icon:after {
  content: '';
  width: 60px;
  height: 16px;
  background-color: #f2f2f2;
  border-radius: 50%;
  display: block;
  margin: 10px auto 0;
}
.process_page_cartnull .tips {
  margin-top: 50px;
  font-size: 18px;
  color: #333;
}
.process_page_cartnull .tips a {
  color: #e67d14;
}

.process_page_order {
  margin-top: 60px;
}
.process_page_order .page_title {
  font-size: 24px;
  line-height: 26px;
  color: #333;
  font-family: 'PingFang-Medium';
  text-align: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
}
.process_page_order .block {
  margin-top: 30px;
}
.process_page_order .block_title {
  font-size: 20px;
  line-height: 24px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.process_page_order .block_title span, .process_page_order .block_title a {
  font-size: 14px;
  color: #e67d14;
  margin-left: 60px;
  cursor: pointer;
}
.process_page_order .add_addr_box {
  background-color: #fafafa;
  margin-top: 30px;
  padding: 4.5vw 7vw;
  position: relative;
  display: none;
}
.process_page_order .add_addr_box:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fafafa;
  position: absolute;
  bottom: 100%;
  left: 200px;
}
.process_page_order .add_addr_box .close {
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/close.png");
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.process_page_order .addr_list {
  margin-top: 20px;
  font-size: 0;
}
.process_page_order .addr_list .item {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 80px) / 4);
  margin: 10px;
  border: 1px solid #e6e6e6;
  padding: 0 10px;
  cursor: pointer;
  position: relative;
}

.process_page_order .addr_list .item h3, .process_page_order .addr_list .item p {
  font-size: 14px;
  color: #333333;
}

.process_page_order .addr_list .item.disabled h3, .process_page_order .addr_list .item.disabled p {
  color: #cccccc;
}

.process_page_order .addr_list .item h3 {
  line-height: 34px;
  border-bottom: 1px solid #e6e6e6;
}
.process_page_order .addr_list .item .info {
  padding: 10px 0;
}
.process_page_order .addr_list .item:after {
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/process/icon-5.png");
  opacity: 0;
}
.process_page_order .addr_list .item a.btn-edit{
  position: absolute;
  right: 10px;
  top: 5Px;
  font-size: 12px;
  padding: 5px;
}
}
.process_page_order .addr_list .item.active {
  border-color: #e67d14;
}
.process_page_order .addr_list .item.active:after {
  opacity: 1;
}
.process_page_order .product_block .block_title {
  background-color: #f5f5f5;
  padding: 15px 30px;
}
.process_page_order .product_box .store_name {
  font-size: 16px;
  line-height: 18px;
  color: #333;
  padding: 30px 0 15px;
}
.process_page_order .product_box .store_cont {
  border: 1px solid #e6e6e6;
}
.process_page_order .product_box .hd {
  background-color: #fbfbfb;
  font-size: 0;
}
.process_page_order .product_box .hd .item {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #333;
  line-height: 50px;
  text-align: center;
}
.process_page_order .product_box .hd .item:nth-of-type(1) {
  width: 30%;
  text-align: left;
  padding-left: 6vw;
}
.process_page_order .product_box .hd .item:nth-of-type(2) {
  width: 16%;
}
.process_page_order .product_box .hd .item:nth-of-type(3), .process_page_order .product_box .hd .item:nth-of-type(4), .process_page_order .product_box .hd .item:nth-of-type(5) {
  width: 12%;
}
.process_page_order .product_box .hd .item:nth-of-type(6) {
  width: 18%;
}
.process_page_order .product_box .hd .item a {
  color: #e67d14;
  font-size: 14px;
}
.process_page_order .product_box .prod {
  font-size: 0;
  padding: 30px 0;
  border-top: 1px solid #e6e6e6;
}
.process_page_order .product_box .prod .item {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
  color: #333;
  font-family: 'PingFang-Medium';
  text-align: center;
}
.process_page_order .product_box .prod .item:nth-of-type(1) {
  width: 30%;
  text-align: left;
}
.process_page_order .product_box .prod .item:nth-of-type(2) {
  width: 16%;
}
.process_page_order .product_box .prod .item:nth-of-type(3), .process_page_order .product_box .prod .item:nth-of-type(4), .process_page_order .product_box .prod .item:nth-of-type(5) {
  width: 12%;
}
.process_page_order .product_box .prod .item:nth-of-type(6) {
  width: 18%;
}
.process_page_order .product_box .prod .item .pro {
  font-size: 0;
  padding-left: 3vw;
}
.process_page_order .product_box .prod .item .pic {
  display: inline-block;
  vertical-align: middle;
}
.process_page_order .product_box .prod .item .pic img {
  display: block;
  width: 84px;
}
.process_page_order .product_box .prod .item .txt {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 84px);
  font-size: 16px;
  text-align: left;
  padding-left: 20px;
}
.process_page_order .product_box .prod .item .cart_num {
  font-size: 0;
  width: 80px;
  margin: 0 auto;
  height: 24px;
  border: 1px solid #e3e3e3;
  background-color: #fff;
  text-align: center;
}
.process_page_order .product_box .prod .item .cart_num i {
  display: inline-block;
  vertical-align: top;
  width: 22px;
  height: 22px;
  font-size: 14px;
  font-style: normal;
  cursor: pointer;
}
.process_page_order .product_box .prod .item .cart_num input {
  display: inline-block;
  vertical-align: top;
  width: 34px;
  height: 22px;
  font-size: 12px;
  text-align: center;
}
.process_page_order .product_box .prod .item select {
  display: block;
  margin: 0 auto;
  width: 80%;
  max-width: 108px;
  font-size: 14px;
  height: 24px;
  border: 1px solid #e3e3e3;
  padding: 0 12px;
  background-image: url("../images/process/icon-4.png");
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: auto 6px;
}
.process_page_order .product_box .prod .item .tip {
  font-size: 14px;
  color: #e67d14;
  margin-top: 5px;
}
.process_page_order .delivery_block,
.process_page_order .invoice_block {
  border-bottom: 1px solid #e6e6e6;
}
.process_page_order .delivery_block .items,
.process_page_order .invoice_block .items {
  padding: 20px 0;
  font-size: 0;
}
.process_page_order .delivery_block .item,
.process_page_order .invoice_block .item {
  display: inline-block;
  vertical-align: middle;
  margin-right: 60px;
  cursor: pointer;
}
.process_page_order .delivery_block .item:last-of-type,
.process_page_order .invoice_block .item:last-of-type {
  margin-right: 0;
}
.process_page_order .delivery_block .item i, .process_page_order .delivery_block .item span,
.process_page_order .invoice_block .item i,
.process_page_order .invoice_block .item span {
  display: inline-block;
  vertical-align: middle;
}
.process_page_order .delivery_block .item i,
.process_page_order .invoice_block .item i {
  width: 24px;
  height: 24px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  position: relative;
}

.border-red{
  border-color: red !important;
}
.process_page_order .delivery_block .item i:after,
.process_page_order .invoice_block .item i:after {
  content: '';
  width: 14px;
  height: 14px;
  background-color: #e67d14;
  position: absolute;
  top: 4px;
  left: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.process_page_order .delivery_block .item span,
.process_page_order .invoice_block .item span {
  font-size: 14px;
  color: #333;
  margin-left: 10px;
}
.process_page_order .delivery_block .item.active i:after,
.process_page_order .invoice_block .item.active i:after {
  opacity: 1;
}
.process_page_order .delivery_block .item ,.process_page_order .delivery_block .delivery-0{
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin-right: 20px;
  font-family: 'PingFang-Medium';

}

.process_page_order .delivery_block .delivery-0,.process_page_order .delivery_block .cityDeliveryMemo{
  display: none;
}

.process_page_order .time_block {
  border-bottom: 1px solid #e6e6e6;
}
.process_page_order .time_block .box {
  padding: 30px 0;
  font-size: 0;
}
.process_page_order .time_block input {
  display: inline-block;
  vertical-align: middle;
  width: 272px;
  height: 50px;
  border: 1px solid #e6e6e6;
  font-size: 14px;
  color: #333;
  font-family: 'PingFang-Medium';
  padding: 0 20px;
  cursor: pointer;
  background-position: 96% center;
  background-repeat: no-repeat;
  background-image: url("../images/process/icon-4.png");
}
.process_page_order .time_block span {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  font-size: 14px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.process_page_order .invoice_block a.edit {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #e67d14;
  margin-left: 60px;
  font-family: 'PingFang-Medium';
}
.process_page_order .receipt-html{
  position: relative;
}
.process_page_order  a.btn-receipt-del{
  position: absolute;
  width: 80px;
  right: 0;
  top: 0;
}
.process_page_order .invoice_block .info_dtl {
  padding-bottom: 20px;
  font-size: 0;
}
.process_page_order .invoice_block .info_dtl .info {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 24px;
  margin-right: 3vw;
}
.process_page_order .advisor_block {
  border-bottom: 1px solid #e6e6e6;
}
.process_page_order .advisor_block .box {
  padding: 20px 0;
  font-size: 0;
}
.process_page_order .advisor_block .box select {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 40px) / 3);
  height: 50px;
  border: 1px solid #e2e2e2;
  padding: 0 20px;
  font-size: 14px;
  color: #333;
  background-color: #fff;
  font-family: 'PingFang-Medium';
  margin-left: 20px;
  background-image: url("../images/process/icon-4.png");
  background-repeat: no-repeat;
  background-position: 94% center;
}
.process_page_order .advisor_block .box select:first-of-type {
  margin-left: 0;
}
.process_page_order .pay_block {
  border-bottom: 1px solid #e6e6e6;
}
.process_page_order .pay_block .cont {
  padding: 20px 0;
  font-size: 0;
}
.process_page_order .pay_block .pay_info .coupon, .process_page_order .pay_block .pay_info .overage {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 10px);
  border: 1px solid #e3e3e3;
}
.process_page_order .pay_block .pay_info .coupon {
  font-size: 14px;
  color: #e67d14;
  line-height: 48px;
  font-family: 'PingFang-Medium';
  text-align: center;
  background-color: #fbfbfb;
  cursor: pointer;
}
.process_page_order .pay_block .pay_info .overage {
  margin-left: 20px;
}
.process_page_order .pay_block .pay_info .overage span {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 48px;
  font-family: 'PingFang-Medium';
}
.process_page_order .pay_block .pay_info .overage span.l {
  color: #333;
  padding-left: 18px;
  width: 120px;
  background-color: #fbfbfb;
  border-right: 1px solid #e3e3e3;
}
.process_page_order .pay_block .pay_info .overage span.r {
  float: right;
  padding: 0 12px;
  color: #e67d14;
  background-color: #fbfbfb;
  border-left: 1px solid #e3e3e3;
}
.process_page_order .pay_block .pay_info .overage input {
  width: 300px;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  height: 48px;
  padding: 0 18px;
  border: none;
  -moz-appearance: textfield;
}
.process_page_order .pay_block .pay_info .overage input::-webkit-outer-spin-button, .process_page_order .pay_block .pay_info .overage input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.process_page_order .settlement_block .top_info {
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 0;
}
.process_page_order .settlement_block .top_info .left {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 10px);
}
.process_page_order .settlement_block .top_info .left textarea {
  display: block;
  width: 100%;
  height: 120px;
  padding: 10px;
  font-size: 16px;
  color: #808080;
  line-height: 24px;
  font-family: 'PingFang-Medium';
  border: 1px solid #e6e6e6;
  margin-top: 20px;
}
.process_page_order .settlement_block .top_info .right {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 10px);
  margin-left: 20px;
  text-align: right;
}
.process_page_order .settlement_block .top_info .right .tip {
  font-size: 16px;
  line-height: 32px;
  color: #333;
  font-family: 'PingFang-Medium';
}


.process_page_order .settlement_block .top_info .right .tip span {

}
.process_page_order .settlement_block .top_info .right .tip>div{
  display: inline-block;
  width: 180px;
}
.process_page_order .settlement_block .top_info .right .tip span.price {
  font-size: 24px;
}
.process_page_order .settlement_block .top_info .right .tip:last-of-type {
  margin-top: 20px;
}
.process_page_order .settlement_block .mid_info {
  padding: 20px 0;
  text-align: right;
  border-bottom: 1px solid #e6e6e6;
}
.process_page_order .settlement_block .mid_info .tip {
  font-size: 16px;
  line-height: 32px;
  color: #333;
}
.process_page_order .settlement_block .mid_info .tip span {
  display: inline-block;
  width: 180px;
}
.process_page_order .settlement_block .mid_info .tip span.price {
  font-size: 24px;
}
.process_page_order .settlement_block .bot_info {
  text-align: right;
  padding-top: 30px;
}
.process_page_order .settlement_block .bot_info .tip {
  font-size: 16px;
  line-height: 2;
  color: #333;
  font-family: 'PingFang-Medium';
}
.process_page_order .settlement_block .bot_info .tip span {
  font-size: 24px;
  color: #e67d14;
}
.process_page_order .settlement_block .bot_info .submit {
  display: inline-block;
  width: 300px;
  line-height: 50px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background-color: #e67d14;
  margin: 20px 0;
}
.process_page_order .settlement_block .bot_info .explain {
  font-size: 14px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.process_page_order .settlement_block .bot_info .explain a {
  color: #e67d14;
}
.process_page_order .settlement_block .bot_info .explain i {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 10px 0 0;
  width: 24px;
  height: 24px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  position: relative;
  cursor: pointer;
}
.process_page_order .settlement_block .bot_info .explain i:after {
  content: '';
  width: 14px;
  height: 14px;
  background-color: #e67d14;
  position: absolute;
  top: 4px;
  left: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.process_page_order .settlement_block .bot_info .explain.active i:after {
  opacity: 1;
}

.invoice_popups {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  display: none;
}
.invoice_popups .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.invoice_popups .cell_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.invoice_popups .main {
  width: 640px;
  margin: 0 auto;
  position: relative;
  -webkit-perspective: 800px;
  perspective: 800px;
}
.invoice_popups .main.active .form_box {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.invoice_popups .main.active .tips_box {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.invoice_popups .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/close-1.png");
  cursor: pointer;
}
.invoice_popups h3 {
  font-size: 24px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.invoice_popups .cont {
  padding: 24px 30px 0;
}
.invoice_popups .form_box, .invoice_popups .tips_box {
  background-color: #fff;
  padding: 30px 24px 50px;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: transform 0.8s ease-in-out;
  -moz-transition: transform 0.8s ease-in-out;
  -ms-transition: transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
}
.invoice_popups .form_box .tab_title {
  text-align: center;
}
.invoice_popups .form_box .tab_title span {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 40px) / 3);
  border: 2px solid #e6e6e6;
  background-color: #e6e6e6;
  font-size: 16px;
  color: #333;
  line-height: 46px;
  margin-left: 20px;
  cursor: pointer;
}
.invoice_popups .form_box .tab_title span:first-of-type {
  margin-left: 0;
}
.invoice_popups .form_box .tab_title span.active {
  border-color: #e67d14;
  background-color: #fff;
}
.invoice_popups .form_box .tab_content {
  margin-top: 20px;
}
.invoice_popups .form_box .tab_content .child {
  height: 444px;
  display: none;
}
.invoice_popups .form_box .scroll {
  max-height: 330px;
  overflow: auto;
}
.invoice_popups .form_box .prompt{
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
.invoice_popups .form_box .box {
  margin-top: 20px;
  position: relative;
}
.invoice_popups .form_box .box.receipt-message{
  font-size:14px;
  line-height:20px;
  text-align: center;
  color: #666;
}
.invoice_popups .form_box .box:first-of-type {
  margin-top: 0;
}
.invoice_popups .form_box .box input, .invoice_popups .form_box .box .city-picker-span {
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #e6e6e6;
  padding: 0 20px;
  font-size: 16px;
  color: #333;
  font-family: 'PingFang-Regular';
}
.invoice_popups .form_box .box button {
  width: 100%;
  height: 50px;
  font-size: 16px;
  color: #fff;
  background-color: #e67d14;
  cursor: pointer;
}
.invoice_popups .form_box .box .tips {
  font-size: 16px;
  color: #333;
  font-family: 'PingFang-Regular';
}
.invoice_popups .form_box .box .tips a {
  color: #e67d14;
}
.invoice_popups .form_box .box .tips i {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 10px 0 0;
  width: 24px;
  height: 24px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  position: relative;
  cursor: pointer;
}
.invoice_popups .form_box .box .tips i:after {
  content: '';
  width: 14px;
  height: 14px;
  background-color: #e67d14;
  position: absolute;
  top: 4px;
  left: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.invoice_popups .form_box .box .tips.active i:after {
  opacity: 1;
}
.invoice_popups .form_box .box .city-picker-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.invoice_popups .form_box .box .city-picker-span {
  width: 100% !important;
  height: 50px !important;
  line-height: 48px !important;
}
.invoice_popups .form_box .box .city-picker-span:after {
  content: '';
  width: 14px;
  height: 8px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -4px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/process/icon-4.png");
}
.invoice_popups .form_box .box .city-picker-dropdown {
  width: 100% !important;
}
.invoice_popups .tips_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.invoice_popups .tips_box .para {
  font-size: 16px;
  line-height: 2;
  color: #333;
  text-align: justify;
}
.invoice_popups .tips_box a {
  display: block;
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  background-color: #e67d14;
  text-align: center;
  margin-top: 40px;
}

.process_page_pay {
  margin-top: 40px;
  border: 1px solid #e6e6e6;
  padding: 3.5vw 7.5vw 5.5vw;
}
.process_page_pay .top_box {
  padding-bottom: 4vw;
  border-bottom: 1px solid #e6e6e6;
}
.process_page_pay .top_box .prompt{
  font-size: 14px;
  color: #333;
  margin-bottom: 20px;
  padding-left: 120px;
}
.process_page_pay .top_box .tip {
  font-size: 0;
}
.process_page_pay .top_box span {
  font-size: 20px;
  line-height: 36px;
  color: #333;
  font-family: 'PingFang-Medium';
}

#qrcode{
  height: 222px;
  width: 222px;
  background: url(/static/home/images/timg.gif) no-repeat;
  margin:10px auto;
  border: 1px solid #ebebeb;
  background-position: center;
  padding: 10px;
}


.process_page_pay .tip .tip-message,.process_page_pay .tip .tip-message span{
  font-weight: 700;
}
.process_page_pay .tip .tip-message{
  font-size: 16px;
  padding-bottom: 6px;
  padding-left: 20px;
}

.process_page_pay .tip .tip-message span{
  color: #e67d14;
  font-size: 16px;
}

.process_page_pay .top_box span.t {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  text-align: right;
}
.process_page_pay .top_box .info {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 120px);
}
.process_page_pay .top_box .info p {
  margin-top: 30px;
  font-size: 16px;
  color: #333;
}
.process_page_pay .mid_box {
  padding: 30px 0;
  border-bottom: 1px solid #e6e6e6;
}
.process_page_pay .mid_box h3 {
  font-size: 16px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.process_page_pay .mid_box .pay_item {
  margin-top: 20px;
}
.process_page_pay .mid_box .pay_item .item {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  max-width: 180px;
  margin-right: 2%;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  position: relative;
}
.process_page_pay .mid_box .pay_item .item img {
  display: block;
  width: 100%;
}
.process_page_pay .mid_box .pay_item .item:after {
  content: '';
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/process/icon-5.png");
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.process_page_pay .mid_box .pay_item .item.active {
  border-color: #e67d14;
}
.process_page_pay .mid_box .pay_item .item.active:after {
  opacity: 1;
}
.process_page_pay .bot_box {
  margin-top: 30px;
  text-align: right;
}
.process_page_pay .bot_box a {
  display: inline-block;
  width: 320px;
  line-height: 50px;
  font-size: 18px;
  color: #fff;
  background-color: #e67d14;
  font-family: 'PingFang-Medium';
  text-align: center;
}

.process_page_pay_offline {
  padding-top: 3vw;
}
.process_page_pay_offline .tips {
  font-size: 16px;
  color: #333;
  font-family: 'PingFang-Medium';
  position: relative;
}
.process_page_pay_offline .tips .price {
  position: absolute;
  right: 0;
  top: 0;
}
.process_page_pay_offline .tips span {
  font-size: 24px;
  color: #e67d14;
}
.process_page_pay_offline .mid_box {
  padding: 3vw 0;
}
.process_page_pay_offline .mid_box .tit {
  font-size: 24px;
  color: #333;
  font-family: 'PingFang-Bold';
}
.process_page_pay_offline .mid_box .tit:before {
  content: '';
  width: 38px;
  height: 36px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/process/icon-13.png");
  display: inline-block;
  vertical-align: middle;
  margin: -3px 10px 0 0;
}
.process_page_pay_offline .mid_box .info_box {
  background-color: #f5f5f5;
  margin-top: 24px;
  padding: 2.2vw 7vw;
  font-size: 0;
}
.process_page_pay_offline .mid_box .info_box .bank_logo {
  display: inline-block;
  vertical-align: middle;
}
.process_page_pay_offline .mid_box .info_box .bank_logo img {
  display: block;
  width: 100px;
  height: 100px;
}
.process_page_pay_offline .mid_box .info_box .company_info {
  display: inline-block;
  vertical-align: middle;
  margin-left: 30px;
}
.process_page_pay_offline .mid_box .info_box .company_info p {
  font-size: 16px;
  line-height: 28px;
  color: #555;
  font-family: 'PingFang-Medium';
}
.process_page_pay_offline .mid_box .ope_box {
  padding: 3vw 7vw;
  border-bottom: 1px solid #e6e6e6;
}
.process_page_pay_offline .mid_box .ope_box .form {
  font-size: 0;
}
.process_page_pay_offline .mid_box .ope_box .form input {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 10px);
  height: 50px;
  border: 1px solid #e6e6e6;
  padding: 0 20px;
  font-size: 14px;
  color: #333;
  margin: 0 20px 20px 0;
}
.process_page_pay_offline .mid_box .ope_box .form input:nth-of-type(even) {
  margin-right: 0;
}
.process_page_pay_offline .mid_box .upload {
  font-size: 0;
}
.process_page_pay_offline .mid_box .upload .tip {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #808080;
  margin-left: 20px;
}
.process_page_pay_offline .mid_box .z_photo {
  display: inline-block;
  vertical-align: middle;
}
.process_page_pay_offline .mid_box .z_photo .z_file {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  height: 120px;
  position: relative;
  cursor: pointer;
}
.process_page_pay_offline .mid_box .z_photo .z_file img {
  display: block;
  width: 100%;
}
.process_page_pay_offline .mid_box .z_photo .z_file input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.process_page_pay_offline .mid_box .z_photo .up-section {
  margin-left: 20px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #e2e2e2;
  width: 120px;
  height: 120px;
  position: relative;
}
.process_page_pay_offline .mid_box .z_photo .up-section img.up-img {
  max-width: 90%;
  max-height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.process_page_pay_offline .mid_box .z_photo .up-section .img-name-p {
  display: none;
}
.process_page_pay_offline .mid_box .z_photo .up-section img.close-upimg {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  z-index: 2;
}
.process_page_pay_offline .mid_box .sub_box {
  padding: 2.8vw 0;
  text-align: right;
}
.process_page_pay_offline .mid_box .sub_box .tip {
  font-size: 16px;
  color: #333;
}
.process_page_pay_offline .mid_box .sub_box a {
  display: inline-block;
  width: 320px;
  line-height: 50px;
  font-size: 18px;
  color: #fff;
  background-color: #e67d14;
  text-align: center;
  font-family: 'PingFang-Medium';
  margin-top: 24px;
}
.process_page_pay_offline .mid_box .other_box a {
  font-size: 16px;
  color: #e67d14;
  font-family: 'PingFang-Medium';
}

.process_page_successful {
  padding: 7.2vw 0;
  text-align: center;
}
.process_page_successful .icon i {
  display: block;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #e67d14;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/process/icon-11.png");
}
.process_page_successful .icon:after {
  content: '';
  width: 60px;
  height: 16px;
  background-color: #f2f2f2;
  border-radius: 50%;
  display: block;
  margin: 10px auto 0;
}
.process_page_successful h3 {
  font-size: 32px;
  color: #333;
  font-family: 'PingFang-Medium';
  margin: 50px 0 10px;
}
.process_page_successful .tips {
  font-size: 14px;
  color: #333;
  line-height: 32px;
}
.process_page_successful .a_btns {
  margin-top: 24px;
}
.process_page_successful .a_btns a.back {
  display: block;
  margin: 0 auto 24px;
  width: 320px;
  line-height: 50px;
  font-size: 18px;
  color: #fff;
  background-color: #e67d14;
  font-family: 'PingFang-Medium';
}
.process_page_successful .a_btns a.view {
  font-size: 18px;
  color: #333;
  font-family: 'PingFang-Medium';
}

/*product*/
.comm_list_filter {
  padding: 60px 0;
}
.comm_list_filter .top_block {
  font-size: 0;
}
.comm_list_filter .top_block .pos {
  min-height: 31px;
  display: inline-block;
  vertical-align: top;
}
.comm_list_filter .top_block .pos a {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 26px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.comm_list_filter .top_block .pos a:after {
  content: '>';
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
  margin-top: -3px;
}
.comm_list_filter .top_block .pos a:last-of-type:after {
  display: none;
}
.comm_list_filter .top_block .check {
  display: inline-block;
  vertical-align: top;
}
.comm_list_filter .top_block .check .item {
  display: inline-block;
  vertical-align: top;
  border: 1px solid #edecec;
  padding: 0 18px;
  font-size: 14px;
  line-height: 24px;
  font-family: 'PingFang-Medium';
  margin: 0 0 5px 10px;
}
.comm_list_filter .top_block .check .item i {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/product/icon-1.png");
  margin-left: 15px;
  cursor: pointer;
}
.comm_list_filter .mid_block {
  margin-top: 20px;
}
.comm_list_filter .mid_block .items {
  border: 1px solid #edecec;
  border-bottom: none;
}
.comm_list_filter .mid_block .item {
  font-size: 0;
  border-bottom: 1px solid #edecec;
  padding-right: 70px;
  position: relative;
  padding: 1px;
}
.comm_list_filter .mid_block .item span {
  display: inline-block;
  vertical-align: top;
  width: 150px;
  font-size: 14px;
  line-height: 50px;
  color: #333;
  text-align: center;
  font-family: 'PingFang-Medium';
  background-color: #fafafa;
}
.comm_list_filter .mid_block .item .a_block {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 150px);
  margin: 13px 0 8px;
  height: 29px;
  padding-right: 100px;
  overflow: hidden;
}
.comm_list_filter .mid_block .item .a_block.auto {
  height: auto;
}
.comm_list_filter .mid_block .item .a_block a {
  display: inline-block;
  vertical-align: top;
  margin-left: 1vw;
  margin-bottom: 5px;
  font-size: 14px;
  color: #333;
  font-family: 'PingFang-Medium';
  line-height: 24px;
  padding: 0 10px;
}
.comm_list_filter .mid_block .item .a_block a.active {
  background-color: #e67d14;
  color: #fff;
}
.comm_list_filter .mid_block .item .more {
  position: absolute;
  right: 0;
  width: 70px;
  text-align: center;
  top: 13px;
  font-size: 14px;
  color: #808080;241
  font-family: 'PingFang-Medium';
  line-height: 24px;
  cursor: pointer;
}
.comm_list_filter .mid_block .item .more:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #bfbfbf;
  display: inline-block;
  vertical-align: middle;
  margin: -3px 0 0 10px;
}
.comm_list_filter .mid_block .item .more.open:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.comm_list_filter .mid_block .btn {
  height: 10px;
  background-color: #edecec;
  overflow: hidden;
  cursor: pointer;
}
.comm_list_filter .mid_block .btn:after {
  content: '';
  width: 6px;
  height: 6px;
  display: block;
  margin: 2px auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/product/icon-2.png");
}
.comm_list_filter .mid_block .btn.open:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.comm_list_filter .bot_block {
  background-color: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
  padding: 18px 18px 18px 65px;
  font-size: 0;
}
.comm_list_filter .bot_block .sort {
  display: inline-block;
  vertical-align: middle;
}
.comm_list_filter .bot_block .sort a {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 26px;
  color: #666;
  font-family: 'PingFang-Meiudm';
  margin-right: 45px;
  position: relative;
  padding-right: 12px;
}
.comm_list_filter .bot_block .sort a:before, .comm_list_filter .bot_block .sort a:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  position: absolute;
  right: 0;
}
.comm_list_filter .bot_block .sort a:before {
  border-bottom: 4px solid #666;
  top: 8px;
}
.comm_list_filter .bot_block .sort a:after {
  border-top: 4px solid #666;
  bottom: 8px;
}
.comm_list_filter .bot_block .sort a.active {
  color: #e67d14;
}
.comm_list_filter .bot_block .sort a[data-sort="up"]:before {
  border-bottom-color: #e67d14;
}
.comm_list_filter .bot_block .sort a[data-sort="down"]:after {
  border-top-color: #e67d14;
}
.comm_list_filter .bot_block .price {
  display: inline-block;
  vertical-align: middle;
}
.comm_list_filter .bot_block .price .box, .comm_list_filter .bot_block .price i, .comm_list_filter .bot_block .price button {
  display: inline-block;
  vertical-align: top;
}
.comm_list_filter .bot_block .price .box {
  width: 86px;
  height: 26px;
  border: 1px solid #e6e6e6;
  position: relative;
  padding-left: 25px;
}
.comm_list_filter .bot_block .price .box span {
  position: absolute;
  top: 0;
  left: 10px;
}
.comm_list_filter .bot_block .price .box input {
  display: block;
  width: 100%;
  height: 24px;
  font-size: 12px;
}
.comm_list_filter .bot_block .price span, .comm_list_filter .bot_block .price i {
  font-size: 14px;
  line-height: 26px;
  color: #666;
}
.comm_list_filter .bot_block .price i {
  margin: 0 5px;
}
.comm_list_filter .bot_block .price button {
  width: 56px;
  height: 26px;
  border: 1px solid #e6e6e6;
  background-color: #f4f4f4;
  font-size: 14px;
  color: #666;
  margin-left: 10px;
  cursor: pointer;
}
.comm_list_filter .bot_block .page {
  float: right;
}
.comm_list_filter .bot_block .page span, .comm_list_filter .bot_block .page a {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #666;
}
.comm_list_filter .bot_block .page a{
  padding: 3px 8px;
  border: 1px solid #ccc;
  margin: 0 2px;
}
.comm_list_filter .bot_block .page span {
  margin-right: 20px;
  line-height: 26px;
}
.comm_list_filter .bot_block .page button {
  width: 26px;
  height: 26px;
  border: 1px solid #e6e6e6;
  background-color: #fff;
  line-height: 20px;
  cursor: pointer;
}
.comm_list_filter .bot_block .page button.next {
  margin-left: 4px;
}
.comm_list_filter .bot_block .page button:hover {
  background-color: #f4f4f4;
}

.product_list {
  width: 90vw;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 6vw;
}
.product_list .list_block {
  font-size: 0;
  margin-bottom: 60px;
}
.product_list .list_block .list {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 36px) / 4);
  margin: 12px 12px 0 0;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  position: relative;
  z-index: 1;
}
.product_list .list_block .list:nth-of-type(4n) {
  margin-right: 0;
}
.product_list .list_block .list:nth-of-type(1), .product_list .list_block .list:nth-of-type(2), .product_list .list_block .list:nth-of-type(3), .product_list .list_block .list:nth-of-type(4) {
  margin-top: 0;
}
.product_list .list_block .list .pro {
  position: relative;
  padding: 12px;
  z-index: 2;
}
.product_list .list_block .list .img_block {
  overflow: hidden;
}
.product_list .list_block .list .img_block img {
  display: block;
  width: 100%;
  max-height: 265px;
}
.product_list .list_block .list .txt_block {
  border-top: 1px solid #e6e6e6;
  padding-top: 12px;
}
.product_list .list_block .list .txt_block .info {
  font-size: 0;
  height: 20px;
}
.product_list .list_block .list .txt_block .info span {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  line-height: 1;
  color: #e67d14;
  font-family: 'PingFang-Medium';
  margin-right: 10px;
}


.product_list .list_block .list .txt_block .description{
  font-size: 12px;
  line-height: 20px;
  font-style: normal;
  color: #e67d14;
  background-color: #fae5d0;
  text-overflow: ellipsis;
  max-width: 100%;
  white-space: nowrap;
  display: inline-block;
  overflow: hidden;
  height: 20px;
  margin-top: 5px;
}


@media only screen and (max-width:1200px) {
  .product_list .list_block .list .txt_block .info i{
    width: 120px;
  }
}
@media only screen and (max-width:1100px) {
  .product_list .list_block .list .txt_block .info i{
    width: 80px;
  }
}
.product_list .list_block .list .txt_block h3 {
  font-size: 14px;
  color: #333;
  font-family: 'PingFang-Medium';
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 5px;
}
.product_list .list_block .list .btn {
  position: absolute;
  left: 2px;
  right: 2px;
  top: 100%;
  padding: 0 12px 12px;
  background-color: #fff;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
}
.product_list .list_block .list .btn .box {
  border: 1px solid #e6e6e6;
}
.product_list .list_block .list .btn a {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  text-align: center;
  font-size: 12px;
  line-height: 30px;
  color: #333;
  font-family: 'PingFang-Medium';
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.product_list .list_block .list .btn a:before {
  content: '';
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 10px 0 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.product_list .list_block .list .btn a.favorite:before {
  width: 16px;
  height: 12px;
  background-image: url("../images/product/icon-3.png");
}
.product_list .list_block .list .btn a.favorite:hover:before {
  background-image: url("../images/product/icon-3-on.png");
}
.product_list .list_block .list .btn a.favorite.active:before{
  background-image: url("../images/product/icon-3-color.png");
}
.product_list .list_block .list .btn a.tocart {
  border-left: 1px solid #e6e6e6;
}
.product_list .list_block .list .btn a.tocart:before {
  width: 15px;
  height: 15px;
  background-image: url("../images/product/icon-4.png");
}
.product_list .list_block .list .btn a.tocart:hover:before {
  background-image: url("../images/product/icon-4-on.png");
}
.product_list .list_block .list .btn a:hover {
  color: #e67d14;
}
.product_list .list_block .list:after {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -46px;
  border: 2px solid #e67d14;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.product_list .list_block .list:hover {
  border-color: transparent;
  z-index: 2;
}
.product_list .list_block .list:hover .btn, .product_list .list_block .list:hover:after {
  opacity: 1;
  visibility: visible;
}

.product_detail {
  width: 86vw;
  max-width: 1200px;
  margin: 0 auto;
  padding: 4vw 0;
  position: relative;
}
.product_detail .comm_crumbs{
  padding: 0;
}
.product_detail .goods_block {
  margin-top: 20px;
}
.product_detail .goods_block .info_block {
  width: 54%;
  float: left;
  padding-left: 40px;
}
.product_detail .goods_block .info_block h3 {
  font-size: 20px;
  color: #333333;
}
.product_detail .goods_block .info_block h3 a {
  color: #e67d14;
  margin-right: 10px;
}
.product_detail .goods_block .info_block .price_box {
  font-size: 0;
  margin: 5px 0;
  height: 40px;
}
.product_detail .goods_block .info_block .price_box span {
  display: inline-block;
  vertical-align: middle;
}
.product_detail .goods_block .info_block .price_box .price {
  font-size: 30px;
  color: #e67d14;
  margin-right: 10px;
}
.product_detail .goods_block .info_block .price_box .label {
  font-size: 14px;
  line-height: 26px;
  color: #e67d14;
  background-color: #fae5d0;
  padding: 0 15px;
}
.product_detail .goods_block .info_block .goods_box {
  background-color: #f7f7f7;
  padding: 10px 24px;
  font-size: 0;
}
.product_detail .goods_block .info_block .goods_box .item {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 30px;
  font-family: 'PingFang-Medium';
}
.product_detail .goods_block .info_block .goods_box .item a{
  color: #e67d14;
  text-decoration: underline;
}
.product_detail .goods_block .info_block .goods_box .item:nth-of-type(odd) {
  width: 44%;
}
.product_detail .goods_block .info_block .goods_box .item:nth-of-type(even) {
  width: 56%;
}
.product_detail .goods_block .info_block .goods_box .item span {
  display: inline-block;
  vertical-align: top;
  width: 60px;
  color: #333;
}
.product_detail .goods_block .info_block .goods_box .item .txt{
  display: inline-block;
  vertical-align: top;
  color: #e67d14;
}
.product_detail .goods_block .info_block .goods_box .item a.btn {
  font-size: 12px;
  line-height: 24px;
  color: #e67d14;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #e67d14;
  position: relative;
}
.product_detail .goods_block .info_block .goods_box .item a.btn:after {
  content: '';
  width: 3px;
  height: 24px;
  position: absolute;
  right: 47px;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/product/icon-5.png");
}
.product_detail .goods_block .info_block .goods_box .item i, .product_detail .goods_block .info_block .goods_box .item em {
  font-style: normal;
  display: inline-block;
  vertical-align: top;
}
.product_detail .goods_block .info_block .goods_box .item i {
  padding: 0 15px;
}
.product_detail .goods_block .info_block .goods_box .item em {
  width: 48px;
  text-align: center;
  border-left: 1px solid #e67d14;
  background-color: #fae5d0;
}
.product_detail .goods_block .info_block .check_box {
  margin-top: 15px;
  font-size: 0;
}
.product_detail .goods_block .info_block .check_box .label {
  display: inline-block;
  vertical-align: top;
  width: 82px;
  text-indent: 24px;
  font-size: 14px;
  color: #333;
  line-height: 26px;
  font-family: 'PingFang-Medium';
}
.product_detail .goods_block .info_block .check_box .box {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 82px);
  position: relative;
}
.product_detail .goods_block .info_block .check_box .box .cli a {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 24px;
  color: #333;
  font-family: 'PingFang-Medium';
  border: 1px solid #e6e6e6;
  padding: 0 24px;
  margin: 0 10px 10px 0;
}
.product_detail .goods_block .info_block .check_box .box .cli a.active {
  border-color: #e67d14;
}

.product_detail .goods_block .info_block .check_box .box .cli a.disabled {
  border: 1px dashed #ccc;
  color: #999;
}
.product_detail .goods_block .info_block .check_box .box .size {
  font-size: 14px;
  line-height: 26px;
  color: #808080;
  font-family: 'PingFang-Medium';
}
.product_detail .goods_block .info_block .check_box .box .cart_num {
  display: inline-block;
  vertical-align: top;
}
.product_detail .goods_block .info_block .check_box .box .cart_num input {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 26px;
  border-bottom: 1px solid #000;
  font-size: 14px;
  color: #000;
  text-align: center;
}
.product_detail .goods_block .info_block .check_box .box .cart_num i {
  display: inline-block;
  vertical-align: top;
  width: 26px;
  height: 26px;
  border: 1px solid #e3e3e3;
  background-color: #efefef;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.product_detail .goods_block .info_block .check_box .box .cart_num i.plus {
  margin-left: 20px;
  background-image: url("../images/product/icon-6.png");
}
.product_detail .goods_block .info_block .check_box .box .cart_num i.plus:hover {
  background-image: url("../images/product/icon-6-on.png");
}
.product_detail .goods_block .info_block .check_box .box .cart_num i.less {
  margin-left: 10px;
  background-image: url("../images/product/icon-7.png");
}
.product_detail .goods_block .info_block .check_box .box .cart_num i.less:hover {
  background-image: url("../images/product/icon-7-on.png");
}
.product_detail .goods_block .info_block .check_box .box .cart_num i:hover {
  background-color: #e67d14;
  border-color: #e67d14;
}
.product_detail .goods_block .info_block .check_box .box .stock {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 26px;
  color: #333;
  margin-left: 50px;
}
.product_detail .goods_block .info_block .check_box .box .addr .pick {
  display: inline-block;
  vertical-align: top;
}
.product_detail .goods_block .info_block .check_box .box .addr input {
  width: 160px;
  height: 26px;
  border: 1px solid #e6e6e6;
  text-align: center;
  font-size: 12px;
  color: #333;
  font-family: 'PingFang-Medium';
  cursor: pointer;
}
.product_detail .goods_block .info_block .check_box .box .addr a.need {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 26px;
  color: #333;
  text-decoration: underline;
  margin-left: 10px;
  font-family: 'PingFang-Medium';
}
.product_detail .goods_block .info_block .check_box .box .addr a.need:hover {
  color: #e67d14;
}
.product_detail .goods_block .info_block .btn_box {
  margin: 20px 0;
  font-size: 0;
}
.product_detail .goods_block .info_block .btn_box .btn {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 158px);
}
.product_detail .goods_block .info_block .btn_box .btn a {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 5px);
  font-size: 16px;
  line-height: 46px;
  text-align: center;
  border: 1px solid #e67d14;
  background-image: none !important;
}
.product_detail .goods_block .info_block .btn_box .btn a:nth-of-type(1) {
  background-color: #e67d14;
  color: #fff;
}
.product_detail .goods_block .info_block .btn_box .btn a:nth-of-type(2) {
  background-color: #fcf2e7;
  color: #e67d14;
  margin-left: 10px;
}
.product_detail .goods_block .info_block .btn_box a.a_cont {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  width: 55px;
  height: 48px;
  border: 1px solid #e6e6e6;
  font-size: 12px;
  color: #808080;
  text-align: center;
  padding-top: 26px;
  background-position: center 10px;
  background-repeat: no-repeat;
  background-image: url("../images/product/icon-9.png");

}
.product_detail .goods_block .info_block .btn_box a.favorite{
  background-image: url("../images/product/icon-3.png");
}


.product_detail .goods_block .info_block .btn_box a.a_cont:hover {
  border-color: #e67d14;
  color: #e67d14;
  background-image: url("../images/product/icon-9-on.png");
}
.product_detail .goods_block .info_block .btn_box a.favorite:hover,.product_detail .goods_block .info_block .btn_box a.favorite.active{
  border-color: #e67d14;
  color: #e67d14;
  background-image: url("../images/product/icon-3-color.png")
}
.product_detail .goods_block .info_block .tips_box {
  font-size: 12px;
  line-height: 14px;
  color: #808080;
  padding-left: 36px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../images/product/icon-8.png");
}
.product_detail .goods_block:after {
  content: '';
  display: block;
  clear: both;
}
.product_detail .detail_block {
  margin-top: 40px;
}
.product_detail .detail_block .tab_title {
  border: 1px solid #eeeeee;
  font-size: 0;
  background-color: #fafafa;
}
.product_detail .detail_block .tab_title span {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #333333;
  line-height: 46px;
  width: 140px;
  text-align: center;
  font-family: 'PingFang-Medium';
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.product_detail .detail_block .tab_title span.active {
  font-size: 20px;
  color: #e67d14;
  border-color: #e67d14;
}
.product_detail .detail_block .tab_title span:hover {
  color: #e67d14;
}
.product_detail .detail_block .tab_content .child {
  display: none;
}
.product_detail .detail_block .detail_box .guide_box {
  padding: 2.5vw 4vw;
  overflow: hidden;
}
.product_detail .detail_block .detail_box .guide_box .item {
  display: flex;
  flex: 1 1;
  width: 25%;
  float: left;
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-top: 10px;
  padding-right: 10px;
}
.product_detail .detail_block .detail_box .guide_box .item b{
  white-space: nowrap;
}
.product_detail .detail_block .detail_box .desc_box {
  position: relative;
}
.product_detail .detail_block .detail_box .desc_box img {
  width: 100%;
  display: block;
}
.product_detail .detail_block .detail_box .desc_box .txt_block {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: rgba(230, 125, 20, 0.95);
  padding: 3.5vw;
}
.product_detail .detail_block .detail_box .desc_box .txt_block h3 {
  font-size: 36px;
  color: #fff;
  margin-bottom: 20px;
}
.product_detail .detail_block .detail_box .desc_box .txt_block .desc {
  font-size: 14px;
  line-height: 28px;
  color: #fff;
  max-height: 448px;
  overflow: auto;
}
.product_detail .detail_block .detail_box .ad_box {
  margin-top: 24px;
}
.product_detail .detail_block .detail_box .ad_box img {
  display: block;
  width: 100%;
}
.product_detail .detail_block .detail_box .slick_box {
  margin-top: 24px;
}
.product_detail .detail_block .detail_box .slick_box img {
  display: block;
  width: 100%;
}
.product_detail .detail_block .detail_box .slick_box .slick-arrow {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  font-size: 0;
  z-index: 2;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.product_detail .detail_block .detail_box .slick_box .slick-arrow.slick-prev {
  background-image: url("../images/diy/icon-1.png");
  left: 3vw;
}
.product_detail .detail_block .detail_box .slick_box .slick-arrow.slick-next {
  background-image: url("../images/diy/icon-2.png");
  right: 3vw;
}
.product_detail .detail_block .detail_box .slick_box .slick-arrow:hover {
  background-color: #e67d14;
}
.product_detail .detail_block .detail_box .pic_box {
  margin-top: 24px;
}
.product_detail .detail_block .detail_box .pic_box img {
     display: block;
    margin: 24px auto;
    max-width: 100%;
    height: auto;
}
.product_detail .detail_block .comment_box .score_box {
  padding: 2.5vw 0;
  font-size: 0;
}
.product_detail .detail_block .comment_box .score_box .score {
  display: inline-block;
  vertical-align: bottom;
  padding: 0 160px;
  text-align: center;
}
.product_detail .detail_block .comment_box .score_box .score h3 {
  font-size: 14px;
  color: #333;
}
.product_detail .detail_block .comment_box .score_box .score .num {
  font-size: 40px;
  line-height: 1;
  color: #e67d14;
  font-family: 'DINPro-Bold';
  margin: 15px 0;
}
.product_detail .detail_block .comment_box .score_box .score .star {
  width: 94px;
  height: 14px;
  margin: 0 auto;
  position: relative;
}
.product_detail .detail_block .comment_box .score_box .score .star span {
  display: block;
  background-position: left center;
  background-repeat: no-repeat;
}
.product_detail .detail_block .comment_box .score_box .score .star span.gray {
  width: 100%;
  height: 100%;
  background-image: url("../images/star-1.png");
}
.product_detail .detail_block .comment_box .score_box .score .star span.color {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../images/star-2.png");
}
.product_detail .detail_block .comment_box .score_box .level {
  display: inline-block;
  vertical-align: bottom;
  width: 600px;
  position: relative;
}
.product_detail .detail_block .comment_box .score_box .level .line {
  height: 10px;
  background: -webkit-linear-gradient(90deg, #fff, #e67d14);
  background: -o-linear-gradient(90deg, #fff, #e67d14);
  background: -moz-linear-gradient(90deg, #fff #e67d14);
  background: linear-gradient(90deg, #fff, #e67d14);
}
.product_detail .detail_block .comment_box .score_box .level .items {
  margin-top: -13px;
  font-size: 0;
  padding-left: 50px;
}
.product_detail .detail_block .comment_box .score_box .level .items .item {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  color: #333;
}
.product_detail .detail_block .comment_box .score_box .level .items .item span {
  display: block;
}
.product_detail .detail_block .comment_box .score_box .level .items .item span.t {
  margin-top: 20px;
}
.product_detail .detail_block .comment_box .filter_box {
  border: 1px solid #eeeeee;
  font-size: 0;
  background-color: #fafafa;
}
.product_detail .detail_block .comment_box .filter_box a {
  display: inline-block;
  vertical-align: top;
  margin-left: 4vw;
  font-size: 14px;
  color: #333;
  line-height: 36px;
}
.product_detail .detail_block .comment_box .filter_box a.active {
  color: #e67d14;
}
.product_detail .detail_block .comment_box .list_box {
  margin-bottom: 30px;
}
.product_detail .detail_block .comment_box .list_box .list {
  padding-top: 3vw;
  font-size: 0;
  border-bottom: 1px solid #e6e6e6;
}
.product_detail .detail_block .comment_box .list_box .list .head_img {
  display: inline-block;
  vertical-align: top;
  width: 160px;
  text-align: center;
}
.product_detail .detail_block .comment_box .list_box .list .head_img img {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 auto;
  border-radius: 50%;
}
.product_detail .detail_block .comment_box .list_box .list .head_img h3 {
  font-size: 18px;
  color: #e67d14;
  margin-top: 10px;
}
.product_detail .detail_block .comment_box .list_box .list .head_img p {
  font-size: 14px;
  color: #333;
}
.product_detail .detail_block .comment_box .list_box .list .info {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 160px);
  padding: 23px 0 23px 60px;
}
.product_detail .detail_block .comment_box .list_box .list .info .star {
  width: 94px;
  height: 14px;
  position: relative;
}
.product_detail .detail_block .comment_box .list_box .list .info .star span {
  display: block;
  background-position: left center;
  background-repeat: no-repeat;
}
.product_detail .detail_block .comment_box .list_box .list .info .star span.gray {
  width: 100%;
  height: 100%;
  background-image: url("../images/star-1.png");
}
.product_detail .detail_block .comment_box .list_box .list .info .star span.color {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../images/star-2.png");
}
.product_detail .detail_block .comment_box .list_box .list .info .cont {
  padding-top: 20px;
}
.product_detail .detail_block .comment_box .list_box .list .info .cont p {
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.product_detail .detail_block .comment_box .list_box .list .info .cont .img_block {
  margin-top: 20px;
  font-size: 0;
}
.product_detail .detail_block .comment_box .list_box .list .info .cont .img_block .img {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 80px;
  border: 1px solid #e6e6e6;
  padding: 3px;
  margin: 0 10px 10px 0;
}
.product_detail .detail_block .comment_box .list_box .list .info .cont .img_block .img img {
  display: block;
  width: 100%;
  height: 100%;
}
.product_detail .detail_block .comment_box .list_box .list .info .cont .date {
  font-size: 14px;
  color: #808080;
  margin-top: 20px;
}
.product_detail .detail_block .comment_box .list_box .list .info .reply {
  margin-top: 10px;
  border-top: 1px solid #e6e6e6;
}
.product_detail .detail_block .comment_box .list_box .list .info .reply p {
  color: #e67d14;
}
.product_detail .recommend_block {
  margin-top: 6vw;
}
.product_detail .recommend_block h3 {
  border: 1px solid #eeeeee;
  background-color: #fafafa;
}
.product_detail .recommend_block h3 span {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  line-height: 46px;
  font-size: 20px;
  color: #e67d14;
  font-family: 'PingFang-Medium';
  border-bottom: 2px solid #e67d14;
  text-align: center;
}
.product_detail .recommend_block .filter_box {
  font-size: 0;
  border-bottom: 1px solid #e6e6e6;
}
.product_detail .recommend_block .filter_box a {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  text-align: center;
  font-size: 12px;
  line-height: 50px;
  color: #333;
  font-family: 'PingFang-Medium';
  border-bottom: 2px solid transparent;
}
.product_detail .recommend_block .filter_box a.active {
  border-color: #e67d14;
  color: #e67d14;
}
.product_detail .recommend_block .filter_cont .child {
  display: none;
}

.question_popups {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  display: none;
}
.question_popups .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.question_popups .cell_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.question_popups .main {
  width: 640px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
  padding: 30px 30px 3vw;
}
.question_popups .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/close-1.png");
  cursor: pointer;
}
.question_popups h3 {
  font-size: 24px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.question_popups .form {
  margin-top: 30px;
}
.question_popups .form .scroll {
  overflow: auto;
}
.question_popups .box {
  margin-top: 20px;
}
.question_popups .box:first-of-type {
  margin-top: 0;
}
.question_popups .box input, .question_popups .box select, .question_popups .box textarea {
  display: block;
  width: 100%;
  border: 1px solid #e6e6e6;
  font-size: 16px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.question_popups .box input, .question_popups .box select {
  height: 50px;
  padding: 0 10px;
}
.question_popups .box input[readonly] {
  background-color: #f5f5f5;
}
.question_popups .box select {
  background-position: 96% center;
  background-repeat: no-repeat;
  background-image: url("../images/product/icon-11.png");
}
.question_popups .box textarea {
  padding: 10px;
  height: 120px;
  resize: none;
}
.question_popups .box button {
  display: block;
  width: 100%;
  height: 50px;
  font-size: 16px;
  color: #fff;
  background-color: #e67d14;
  cursor: pointer;
}
.question_popups .box .upload {
  position: relative;
}
.question_popups .box .z_photo .z_file {
  width: 120px;
  height: 120px;
  position: relative;
  cursor: pointer;
  margin-bottom: 20px;
}
.question_popups .box .z_photo .z_file img {
  display: block;
  width: 100%;
}
.question_popups .box .z_photo .z_file input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.question_popups .box .z_photo .up-section {
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #e2e2e2;
  width: 100px;
  height: 100px;
  position: relative;
}
.question_popups .box .z_photo .up-section:last-of-type {
  margin-right: 0;
}
.question_popups .box .z_photo .up-section img.up-img {
  max-width: 90%;
  max-height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.question_popups .box .z_photo .up-section .img-name-p {
  display: none;
}
.question_popups .box .z_photo .up-section img.close-upimg {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  z-index: 2;
}
.question_popups .box .prompt {
  position: absolute;
  left: 140px;
  top: 34px;
  font-size: 16px;
  color: #333;
}
.question_popups .box .prompt span {
  font-size: 24px;
}
.question_popups .box .tips {
  font-size: 14px;
  line-height: 20px;
  color: #333;
}

/*user*/
.user_main .main {
  width: 90vw;
  max-width: 1130px;
  margin: 0 auto;

}
.user_main .main.pb {
  padding-bottom: 6vw;
}
.user_main .user_nav {
  font-size: 0;
  background-color: #f9f9f9;
  text-align: center;
}
.user_main .user_nav .item {
  display: inline-block;
  vertical-align: top;
  width: 14.285%;
  text-align: center;
  border-bottom: 4px solid transparent;
}
.user_main .user_nav .item a {
  display: block;
  padding: 35px 0;
}
.user_main .user_nav .item i {
  display: block;
  height: 32px;
  background-position: center;
  background-repeat: no-repeat;
}
.user_main .user_nav .item span {
  display: block;
  font-size: 14px;
  color: #333;
  margin-top: 20px;
}
.user_main .user_nav .item.order i {
  background-image: url("../images/user/user-icon-1.png");
}
.user_main .user_nav .item.order.active i {
  background-image: url("../images/user/user-icon-1-on.png");
}
.user_main .user_nav .item.wallet i {
  background-image: url("../images/user/user-icon-2.png");
}
.user_main .user_nav .item.wallet.active i {
  background-image: url("../images/user/user-icon-2-on.png");
}
.user_main .user_nav .item.collection i {
  background-image: url("../images/user/user-icon-3.png");
}
.user_main .user_nav .item.collection.active i {
  background-image: url("../images/user/user-icon-3-on.png");
}
.user_main .user_nav .item.address i {
  background-image: url("../images/user/user-icon-4.png");
}
.user_main .user_nav .item.address.active i {
  background-image: url("../images/user/user-icon-4-on.png");
}
.user_main .user_nav .item.info i {
  background-image: url("../images/user/user-icon-5.png");
}
.user_main .user_nav .item.info.active i {
  background-image: url("../images/user/user-icon-5-on.png");
}
.user_main .user_nav .item.msg i {
  background-image: url("../images/user/user-icon-6.png");
}
.user_main .user_nav .item.msg.active i {
  background-image: url("../images/user/user-icon-6-on.png");
}
.user_main .user_nav .item.design i {
  background-image: url("../images/user/user-icon-7.png");
}
.user_main .user_nav .item.design.active i {
  background-image: url("../images/user/user-icon-7-on.png");
}
.user_main .user_nav .item:hover span {
  color: #e67d14;
}
.user_main .user_nav .item.active {
  border-color: #e67d14;
}
.user_main .user_nav .item.active span {
  color: #e67d14;
}
.user_main .b_tit {
  font-size: 32px;
  line-height: 1;
  color: #e67d14;
  font-family: 'PingFang-Medium';
  padding: 4.5vw 0 2vw;
  text-align: center;
}
.user_main .b_tit a {
  display: inline-block;
  vertical-align: bottom;
  font-size: 24px;
}
.user_main .b_tit a, .user_main .b_tit span {
  margin-left: 6vw;
}
.user_main .b_tit a:nth-child(1), .user_main .b_tit span:nth-child(1) {
  margin-left: 0;
}
.user_main .page_w {
  max-width: 1036px;
  margin: 0 auto;
}

.user_page_order .filter_box,.order-common-nav .filter_box {
  padding: 2vw 0;
  font-size: 0;
  border-top: 1px solid #e6e6e6;
}
.user_page_order .filter_box a,.order-common-nav .filter_box a {
  display: inline-block;
  vertical-align: top;
  width: 16.66%;
  font-size: 16px;
  color: #000;
  text-align: center;
}
.user_page_order .filter_box a:hover, .user_page_order .filter_box a.active,.order-common-nav .filter_box a:hover,.order-common-nav .filter_box a.active {
  color: #e67d14;
}
.user_page_order .search_box {
  max-width: 650px;
  position: relative;
  margin: 2.5vw auto 0;
  padding-right: 120px;
}
.user_page_order .search_box input {
  display: block;
  width: 100%;
  height: 50px;
  padding: 0 20px;
  font-size: 14px;
  color: #333;
  border: 1px solid #e2e2e2;
  border-right: none;
  background-color: #fbfbfb;
}
.user_page_order .search_box button {
  position: absolute;
  right: 0;
  top: 0;
  width: 120px;
  height: 50px;
  font-size: 14px;
  color: #fff;
  background-color: #e67d14;
  cursor: pointer;
}
.user_page_order .list_box {
  margin-top: 3vw;
  margin-bottom: 30px;
}
.user_page_order .list_box .hd {
  font-size: 0;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 12px;
}
.user_page_order .list_box .hd span {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-size: 16px;
  color: #333;
  width: 12.33%;
}
.user_page_order .list_box .hd span:nth-of-type(1) {
  width: 26%;
}
.user_page_order .list_box .lists {
  margin-top: 2vw;
}
.user_page_order .list_box .list {
  margin-top: 20px;
  border: 1px solid #e6e6e6;
}
.user_page_order .list_box .list:first-of-type {
  margin-top: 0;
}
.user_page_order .list_box .list .info {
  padding: 0 20px;
  font-size: 0;
  position: relative;
  border-bottom: 1px solid #e6e6e6;
}
.user_page_order .list_box .list .info span {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #333;
  line-height: 50px;
}
.user_page_order .list_box .list .info span.date {
  margin-left: 3vw;
}
.user_page_order .list_box .list .info .del {
  width: 12.33%;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -9px;
}
.user_page_order .list_box .list .info .del a {
  display: block;
  width: 19px;
  height: 18px;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/user/icon-9.png");
}
.user_page_order .list_box .list .info .del a:hover {
  background-image: url("../images/user/icon-9-on.png");
}
.user_page_order .list_box .list .pro {
  padding: 10px 0;
  font-size: 0;
}
.user_page_order .list_box .list .pro .item {
  display: inline-block;
  vertical-align: middle;
  width: 12.33%;
  text-align: center;
}
.user_page_order .list_box .list .pro .item:nth-of-type(1) {
  width: 26%;
  text-align: left;
}
.user_page_order .list_box .list .pro .item .imgs {
  width: 210px;
  display: inline-block;
  vertical-align: middle;
  max-height: 200px;
  overflow-y: auto;
}
.user_page_order .list_box .list .pro .item .imgs .img {
  display: inline-block;
  vertical-align: top;
  width: 90px;
  height: 90px;
  border: 1px solid #e6e6e6;
  margin: 10px 0 0 10px;
}
.user_page_order .list_box .list .pro .item .imgs .img:nth-of-type(1), .user_page_order .list_box .list .pro .item .imgs .img:nth-of-type(2) {
  margin-top: 0;
}
.user_page_order .list_box .list .pro .item .imgs img {
  width: 100%;
  display: block;
}
.user_page_order .list_box .list .pro .item .total {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 210px);
  text-align: right;
  font-size: 14px;
  color: #333;
  cursor: pointer;
}
.user_page_order .list_box .list .pro .item .total:after {
  content: '';
  width: 9px;
  height: 6px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/user/icon-10.png");
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.user_page_order .list_box .list .pro .item .total.open:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.user_page_order .list_box .list .pro .item .txt {
  font-size: 14px;
  color: #333;
}
.user_page_order .list_box .list .pro .item a.bg,
.user_page_order .list_box .list .pro .item a.color,
.user_page_order .list_box .list .pro .item a.gray {
  display: block;
  line-height: 24px;
}
.user_page_order .list_box .list .pro .item a.bg {
  margin: 0 auto 6px;
  width: 60px;
  font-size: 12px;
  color: #fff;
  background-color: #e67d14;
}
.user_page_order .list_box .list .pro .item a.color {
  color: #e67d14;
  font-size: 14px;
}
.user_page_order .list_box .list .pro .item a.gray {
  color: #333;
  font-size: 14px;
}
.user_page_order .list_box .list .pro .item a.gray:hover {
  color: #e67d14;
}

.user_page_orderdetail {
  padding-top: 4.5vw;
}
.user_page_orderdetail .s_tit {
  font-size: 24px;
  color: #333;
  font-family: 'PingFang-Medium';
  margin-bottom: 20px;
}
.user_page_orderdetail .status_box .info {
  border: 1px solid #e6e6e6;
  padding: 20px 3vw;
  font-size: 14px;
  line-height: 24px;
  color: #333;
}
.user_page_orderdetail .detail_box {
  margin-top: 3vw;
}
.user_page_orderdetail .detail_box .info {
  border: 1px solid #e6e6e6;
  padding: 20px 3vw;
  font-size: 14px;
  line-height: 32px;
  color: #333;
}
.user_page_orderdetail .detail_box .info .item {
  overflow: hidden;
}
.user_page_orderdetail .detail_box .info .item span {
  width: 150px;
  float: left;
  text-align: right;
  padding-right: 20px;
}
.user_page_orderdetail .detail_box .info .item .p_block {
  margin-left: 150px;
}
.user_page_orderdetail .prod_box {
  margin-top: 3vw;
}
.user_page_orderdetail .list_box {
  border: 1px solid #e6e6e6;
}
.user_page_orderdetail .list_box .hd {
  font-size: 0;
  background-color: #fbfbfb;
}
.user_page_orderdetail .list_box .hd span {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-size: 16px;
  color: #333;
  line-height: 50px;
  width: 11%;
}
.user_page_orderdetail .list_box .hd span:nth-of-type(1) {
  width: 23%;
}
.user_page_orderdetail .list_box .list {
  border-top: 1px solid #e6e6e6;
  padding: 30px 0;
  font-size: 0;
}



.user_page_orderdetail .list_box .list.disabled{

}
.user_page_orderdetail .list_box .list.disabled .txt{
  text-decoration: line-through;
}
.user_page_orderdetail .list_box .list.disabled .txt,.user_page_orderdetail .list_box .list.disabled a{
  color: #CCCCCC !important;
}


.user_page_orderdetail .list_box .list .item {
  display: inline-block;
  vertical-align: middle;
  width: 11%;
  text-align: center;
  position: relative;
}
.user_page_orderdetail .list_box .list .item:nth-of-type(1) {
  width: 23%;
  text-align: left;
  padding-left: 50px;
  font-size: 0;
}
.user_page_orderdetail .list_box .list .item .pro_img {
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  height: 80px;
}
.user_page_orderdetail .list_box .list .item .pro_img img {
  width: 100%;
  display: block;
}
.user_page_orderdetail .list_box .list .item .pro_t {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  width: calc(100% - 90px);
}
.user_page_orderdetail .list_box .list .item .pro_t:hover {
  color: #e67d14;
}
.user_page_orderdetail .list_box .list .item .txt {
  font-size: 16px;
  color: #333;
}
.user_page_orderdetail .list_box .list .item a.color {
  display: block;
  color: #e67d14;
  font-size: 16px;
  line-height: 24px;
}
.user_page_orderdetail .list_box .list .item a.gray {
  display: block;
  color: #333;
  font-size: 16px;
  line-height: 24px;
}
.user_page_orderdetail .list_box .list .item a.gray:hover {
  color: #e67d14;
}
.user_page_orderdetail .list_box .list .item .logistics {
  position: absolute;
  width: 640px;
  top: 99%;
  right: -128px;
  padding-top: 10px;
  z-index: 2;
  display: none;
}
.user_page_orderdetail .list_box .list .item .logistics .border {
  border: 1px solid #e67d14;
  padding: 30px;
  background-color: #fff;
  text-align: left;
}
.user_page_orderdetail .list_box .list .item .logistics .t_box {
  font-size: 0;
  border: 1px solid #e6e6e6;
  background-color: #fafafa;
  overflow: hidden;
}
.user_page_orderdetail .list_box .list .item .logistics .t_box span {
  display: block;
  font-size: 14px;
  line-height: 28px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.user_page_orderdetail .list_box .list .item .logistics .t_box span.num {
  width: 240px;
  text-align: center;
  float: left;
}
.user_page_orderdetail .list_box .list .item .logistics .t_box span.remark {
  padding-left: 20px;
  padding-right: 20px;
  margin-left: 240px;
  border-left: 1px solid #e6e6e6;
}
.user_page_orderdetail .list_box .list .item .logistics .b_box {
  font-size: 14px;
  line-height: 18px;
  color: #000;
}
.user_page_orderdetail .list_box .list .item .logistics .b_box span {
  width: 170px;
  float: left;
}
.user_page_orderdetail .list_box .list .item .logistics .b_box p {
  margin-left: 170px;
}
.user_page_orderdetail .list_box .list .item .logistics .b_box .bd {
  overflow: hidden;
  margin-top: 15px;
}
.user_page_orderdetail .list_box .list .item .logistics .b_box .bd:hover {
  color: #e67d14;
}
.user_page_orderdetail .list_box .list .item .logistics .b_box_hd {
  padding: 20px 0;
  border-bottom: 1px solid #e6e6e6;
}
.user_page_orderdetail .list_box .list .item .logistics:after {
  content: '';
  width: 22px;
  height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/user/icon-11.png");
  position: absolute;
  right: 160px;
  top: 0;
}
.user_page_orderdetail .list_box .list .item .logistics_box:hover .logistics {
  display: block;
}
.user_page_orderdetail .settlement_block .top_info, .user_page_orderdetail .settlement_block .mid_info {
  padding: 20px 0;
  text-align: right;
  border-bottom: 1px solid #e6e6e6;
}
.user_page_orderdetail .settlement_block .top_info .tip, .user_page_orderdetail .settlement_block .mid_info .tip {
  font-size: 16px;
  line-height: 32px;
  color: #333;
}
.user_page_orderdetail .settlement_block .top_info .tip span, .user_page_orderdetail .settlement_block .mid_info .tip span {
  display: inline-block;
  width: 180px;
}
.user_page_orderdetail .settlement_block .top_info .tip span.price, .user_page_orderdetail .settlement_block .mid_info .tip span.price {
  font-size: 24px;
}
.user_page_orderdetail .settlement_block .bot_info {
  text-align: right;
  padding-top: 30px;
}

.user_page_orderdetail  .bot-info-a a{
  font-size: 14px;
  color: #e67d14;
  padding: 10px 10px;
}
.user_page_orderdetail .settlement_block .bot_info .tip {
  font-size: 16px;
  line-height: 2;
  color: #333;
  font-family: 'PingFang-Medium';
}
.user_page_orderdetail .settlement_block .bot_info .tip span {
  font-size: 24px;
  color: #e67d14;
}
.user_page_orderdetail .settlement_block .bot_info .btn {
  margin-top: 20px;
  font-size: 0;
}
.user_page_orderdetail .settlement_block .bot_info .btn a {
  display: inline-block;
  vertical-align: top;
  width: 200px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
}
.user_page_orderdetail .settlement_block .bot_info a.cancle {
  color: #333;
  border: 1px solid #ccc;
}
.user_page_orderdetail .settlement_block .bot_info a.submit {
  color: #fff;
  border: 1px solid #e67d14;
  background-color: #e67d14;
  margin-left: 10px;
}

.comments_info_popups {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  display: none;
}
.comments_info_popups .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.comments_info_popups .cell_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.comments_info_popups .main {
  width: 90vw;
  max-width: 1036px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
}
.comments_info_popups .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/close-1.png");
  cursor: pointer;
}
.comments_info_popups iframe {
  display: block;
  width: 100%;
  height: 500px;
}

.aftersale_info_popups {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  display: none;
}
.aftersale_info_popups .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.aftersale_info_popups .cell_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.aftersale_info_popups .main {
  width: 90vw;
  max-width: 1036px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
  padding: 60px;
}
.aftersale_info_popups .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/close-1.png");
  cursor: pointer;
}
.aftersale_info_popups iframe {
  display: block;
  width: 100%;
  height: 66vh;
}

.iframe_commemt_detail {
  padding: 5vw 0;
  font-size: 0;
}
.iframe_commemt_detail .left_box {
  width: 35%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 0 3.5vw;
}
.iframe_commemt_detail .left_box img {
  display: block;
  margin: 0 auto;
  max-width: 180px;
}
.iframe_commemt_detail .left_box h3 {
  font-size: 16px;
  color: #333;
  margin-top: 20px;
}
.iframe_commemt_detail .left_box .tip {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  color: #808080;
  background-color: #f2f2f2;
  padding: 0 10px;
  margin-top: 10px;
}
.iframe_commemt_detail .left_box .price {
  display: block;
  font-size: 24px;
  color: #e67d14;
  margin-top: 20px;
}
.iframe_commemt_detail .right_box {
  width: 65%;
  display: inline-block;
  vertical-align: middle;
  padding: 0 3.5vw;
}
.iframe_commemt_detail .right_box .scroll {
  height: calc(500px - 10vw);
  overflow: auto;
  padding-right: 20px;
}
.iframe_commemt_detail .right_box .single_box {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e6e6e6;
}
.iframe_commemt_detail .right_box .single_box:nth-of-type(1) {
  margin-top: 0;
  padding-top: 0;
  border: none;
}
.iframe_commemt_detail .right_box .star {
  width: 94px;
  height: 14px;
  position: relative;
}
.iframe_commemt_detail .right_box .star span {
  display: block;
  background-position: left center;
  background-repeat: no-repeat;
}
.iframe_commemt_detail .right_box .star span.gray {
  width: 100%;
  height: 100%;
  background-image: url("../images/star-1.png");
}
.iframe_commemt_detail .right_box .star span.color {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../images/star-2.png");
}
.iframe_commemt_detail .right_box .cont {
  margin: 20px 0;
}
.iframe_commemt_detail .right_box .cont p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
}
.iframe_commemt_detail .right_box .cont .img_block {
  margin-top: 20px;
  font-size: 0;
}
.iframe_commemt_detail .right_box .cont .img_block .img {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 80px;
  border: 1px solid #e6e6e6;
  padding: 3px;
  margin: 0 10px 10px 0;
}
.iframe_commemt_detail .right_box .cont .img_block .img img {
  display: block;
  width: 100%;
  height: 100%;
}
.iframe_commemt_detail .right_box .date {
  font-size: 14px;
  color: #808080;
  margin-top: 20px;
}
.iframe_commemt_detail .right_box a.btn {
  display: block;
  width: 100px;
  border: 1px solid #e67d14;
  text-align: center;
  font-size: 14px;
  line-height: 28px;
  color: #e67d14;
  border-radius: 30px;
  margin-top: 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.iframe_commemt_detail .right_box a.btn:hover {
  background-color: #e67d14;
  color: #fff;
}

.iframe_aftersale_detail .status {
  font-size: 16px;
  color: #000;
  line-height: 24px;
  margin: 20px 0;
}
.iframe_aftersale_detail .status span {
  color: #e67d14;
  font-size: 20px;
  font-family: 'PingFang-Medium';
}
.iframe_aftersale_detail .img_box {
  margin-top: 20px;
  font-size: 0;
}
.iframe_aftersale_detail .img_box .img {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  height: 120px;
  border: 1px solid #e6e6e6;
  margin-right: 10px;
}
.iframe_aftersale_detail .img_box .img img {
  display: block;
  width: 100%;
  height: 100%;
}

.user_page_ordercomment .tips_box {
  border: 1px solid #e6e6e6;
  padding: 25px 35px;
  font-size: 16px;
  line-height: 32px;
  color: #333;
  background-color: #fbfbfb;
}
.user_page_ordercomment .cont_box {
  margin-top: 40px;
  border: 1px solid #e6e6e6;
}
.user_page_ordercomment .cont_box h3 {
  padding: 0 40px;
  font-size: 16px;
  color: #333;
  line-height: 50px;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fbfbfb;
}
.user_page_ordercomment .cont_box .cont {
  font-size: 0;
  padding: 40px 0 60px;
}
.user_page_ordercomment .cont_box .left_box {
  display: inline-block;
  vertical-align: top;
  width: 240px;
  text-align: center;
}
.user_page_ordercomment .cont_box .left_box img {
  display: block;
  margin: 0 auto;
  width: 170px;
}
.user_page_ordercomment .cont_box .left_box span {
  display: block;
  font-size: 16px;
  color: #333;
  margin-top: 20px;
}
.user_page_ordercomment .cont_box .right_box {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 240px);
  padding: 0 28px 5px;
}
.user_page_ordercomment .cont_box .right_box .star_box{
  padding: 0 0px 5px;
}
.user_page_ordercomment .cont_box .right_box .star_box span, .user_page_ordercomment .cont_box .right_box .star_box .star {
  display: inline-block;
  vertical-align: middle;
}
.user_page_ordercomment .cont_box .right_box .star_box span {
  font-size: 16px;
  color: #333;
}
.user_page_ordercomment .cont_box .right_box .star_box .star {
  margin-left: 20px;
}
.user_page_ordercomment .cont_box .right_box .star_box .star i {
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/user/star-1.png");
  margin-left: 6px;
  cursor: pointer;
}
.user_page_ordercomment .cont_box .right_box .star_box .star i:first-of-type {
  margin-left: 0;
}
.user_page_ordercomment .cont_box .right_box .star_box .star i.hover, .user_page_ordercomment .cont_box .right_box .star_box .star i.active {
  background-image: url("../images/user/star-2.png");
}

.user_page_ordercomment .cont_box .right_box .star_box .content{
  font-size: 14px;
  color: #878787;
  width: calc(100% - 100px);
  word-break: break-all;
  vertical-align: top;
  display: inline-block;
  margin-left: 20px;
}
.user_page_ordercomment .cont_box .right_box .star_box .content span{
  color: #ccc;
  padding: 15px 0 0 0;
}

.user_page_ordercomment .cont_box .right_box .star_box .imgs-view li{
  display: inline-block;margin: 0 5px;
}

.user_page_ordercomment .cont_box .right_box textarea {
  display: block;
  width: 100%;
  height: 200px;
  border: 1px solid #e6e6e6;
  padding: 15px;
  font-size: 14px;
  color: #808080;
  line-height: 24px;
  margin-top: 10px;
  resize: none;
}
.user_page_ordercomment .cont_box .right_box .upload {
  position: relative;
  margin-top: 30px;
}
.user_page_ordercomment .cont_box .right_box .z_photo .z_file {
  height: 120px;
  position: relative;
  cursor: pointer;
  margin-bottom: 20px;
}
.user_page_ordercomment .cont_box .right_box .z_photo .z_file img {
  display: inline-block;
}
.user_page_ordercomment .cont_box .right_box .z_photo .z_file input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.user_page_ordercomment .cont_box .right_box .z_photo .up-section {
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #e2e2e2;
  width: 120px;
  height: 120px;
  position: relative;
}
.user_page_ordercomment .cont_box .right_box .z_photo .up-section:last-of-type {
  margin-right: 0;
}
.user_page_ordercomment .cont_box .right_box .z_photo .up-section img.up-img {
  max-width: 90%;
  max-height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.user_page_ordercomment .cont_box .right_box .z_photo .up-section .img-name-p {
  display: none;
}
.user_page_ordercomment .cont_box .right_box .z_photo .up-section img.close-upimg {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  z-index: 2;
}
.user_page_ordercomment .cont_box .right_box .prompt {
  position: absolute;
  left: 5px;
  top: 78px;
  font-size: 12px;
  color: #a2a2a2;
}
.user_page_ordercomment .cont_box .right_box .check {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.user_page_ordercomment .cont_box .right_box .check span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: #333;
}
.user_page_ordercomment .cont_box .right_box .check_box {
  position: relative;
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
}
.user_page_ordercomment .cont_box .right_box .check_box input[type="checkbox"] {
  opacity: 0;
}
.user_page_ordercomment .cont_box .right_box .check_box i.check_icon {
  width: 24px;
  height: 24px;
  border: 1px solid #e4e4e4;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  background-color: #fff;
}
.user_page_ordercomment .cont_box .right_box .check_box i.check_icon:after {
  content: '';
  width: 14px;
  height: 14px;
  background-color: #e67d14;
  position: absolute;
  top: 4px;
  left: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.user_page_ordercomment .cont_box .right_box .check_box.active i.check_icon:after {
  opacity: 1;
}
.user_page_ordercomment .cont_box .right_box a.submit {
  display: block;
  width: 320px;
  line-height: 48px;
  font-size: 18px;
  color: #fff;
  background-color: #e67d14;
  text-align: center;
  margin-top: 30px;
}

.comm_orderaftersale .list_box {
  border: 1px solid #e6e6e6;
}
.comm_orderaftersale .list_box .info {
  padding: 0 20px;
  font-size: 0;
  position: relative;
  border-bottom: 1px solid #e6e6e6;
}
.comm_orderaftersale .list_box .info span {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #333;
  line-height: 50px;
}
.comm_orderaftersale .list_box .info span.date {
  margin-left: 3vw;
}
.comm_orderaftersale .list_box .pro {
  padding: 10px 0;
  font-size: 0;
}
.comm_orderaftersale .list_box .pro .item {
  display: inline-block;
  vertical-align: middle;
  width: 22%;
}
.comm_orderaftersale .list_box .pro .item:nth-of-type(1) {
  width: 34%;
}
.comm_orderaftersale .list_box .pro .item .pro_img {
  display: inline-block;
  vertical-align: middle;
  width: 90px;
  height: 90px;
  border: 1px solid #e6e6e6;
  margin-left: 10px;
}
.comm_orderaftersale .list_box .pro .item .pro_img img {
  width: 100%;
  display: block;
}
.comm_orderaftersale .list_box .pro .item .pro_t {
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px;
}
.comm_orderaftersale .list_box .pro .item .txt {
  font-size: 16px;
  color: #333;
  display: inline-block;
  vertical-align: middle;
}
.comm_orderaftersale .list_box .pro .item .cart_num {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  width: 80px;
  height: 24px;
  border: 1px solid #e3e3e3;
  background-color: #fff;
  text-align: center;
}
.comm_orderaftersale .list_box .pro .item .cart_num i {
  display: inline-block;
  vertical-align: top;
  width: 22px;
  height: 22px;
  font-size: 14px;
  font-style: normal;
  cursor: pointer;
}
.comm_orderaftersale .list_box .pro .item .cart_num input {
  display: inline-block;
  vertical-align: top;
  width: 34px;
  height: 22px;
  font-size: 12px;
  text-align: center;
}
.comm_orderaftersale .date_box {
  margin-top: 20px;
  font-size: 0;
}
.comm_orderaftersale .date_box .item {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 10px);
}
.comm_orderaftersale .date_box .item:first-of-type {
  margin-right: 20px;
}
.comm_orderaftersale .date_box .item span {
  display: block;
  font-size: 14px;
  color: #333;
  margin-bottom: 10px;
}
.comm_orderaftersale .date_box .item input {
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #e2e2e2;
  background-color: #f2f2f2;
  padding: 0 20px;
  font-size: 14px;
  color: #333;
  font-family: 'PingFang-Regular';
}
.comm_orderaftersale .qus_box {
  margin-top: 20px;
}
.comm_orderaftersale .qus_box h3 {
  font-size: 16px;
  color: #333;
}
.comm_orderaftersale .qus_box textarea {
  display: block;
  width: 100%;
  height: 160px;
  border: 1px solid #e6e6e6;
  padding: 15px;
  font-size: 14px;
  color: #808080;
  line-height: 24px;
  margin-top: 10px;
  resize: none;
  background-color: #fbfbfb;
}



.iframe_aftersale_detail  hr{
  border: #e67d14 2px solid;
  margin-bottom: 20px;
}
.comm_orderaftersale .upload {
  position: relative;
  margin-top: 20px;
}
.comm_orderaftersale .z_photo .z_file {
  position: relative;
  cursor: pointer;
  margin-bottom: 20px;
}


.comm_orderaftersale .z_photo .up-section {
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #e2e2e2;
  width: 120px;
  height: 120px;
  position: relative;
}
.comm_orderaftersale .z_photo .up-section:last-of-type {
  margin-right: 0;
}
.comm_orderaftersale .z_photo .up-section img.up-img {
  max-width: 90%;
  max-height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.comm_orderaftersale .z_photo .up-section .img-name-p {
  display: none;
}
.comm_orderaftersale .z_photo .up-section img.close-upimg {
  width: 14px;
  height: 14px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  z-index: 2;
}
.comm_orderaftersale .prompt {
  position: absolute;
  left: 5px;
  top: 78px;
  font-size: 12px;
  color: #a2a2a2;
}
.comm_orderaftersale .submit,.user_page_ordercomment  .submit{
  display: block;
  width: 320px;
  line-height: 48px;
  font-size: 18px;
  color: #fff;
  background-color: #e67d14;
  text-align: center;
  margin-top: 20px;
}

.user_wallet_filter {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  font-size: 0;
}
.user_wallet_filter a, .user_wallet_filter span {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #333;
  line-height: 50px;
  font-family: 'PingFang-Medium';
}
.user_wallet_filter i {
  font-style: normal;
  color: #e67d14;
}
.user_wallet_filter a.filter {
  margin-left: 3vw;
}
.user_wallet_filter a.filter:nth-of-type(1) {
  margin-left: 0;
}
.user_wallet_filter a.filter:hover, .user_wallet_filter a.filter.active {
  color: #e67d14;
}
.user_wallet_filter a.point {
  float: right;
  color: #e67d14;
}

.user_page_coupon .comm_coupon_block {
  width: 100%;
  margin: 30px 0;
}

.user_page_balance table {
  width: 100%;
  font-size: 16px;
  color: #333;
  text-align: center;
  margin-bottom: 30px;
}
.user_page_balance table th {
  line-height: 60px;
  font-weight: normal;
}
.user_page_balance table th:nth-of-type(1) {
  width: 180px;
}
.user_page_balance table th:nth-of-type(2), .user_page_balance table th:nth-of-type(3) {
  width: 150px;
}
.user_page_balance table th:nth-of-type(5) {
  width: 200px;
}
.user_page_balance table td {
  line-height: 24px;
  padding: 13px 10px;
}
.user_page_balance table td span, .user_page_balance table td a {
  color: #e67d14;
}
.user_page_balance table tbody tr:nth-of-type(odd) {
  background-color: #f5f5f5;
}

.user_page_collection .check_box {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-left: 6px;
  margin-right: 15px;
  cursor: pointer;
}
.user_page_collection .check_box input[type="checkbox"] {
  opacity: 0;
}
.user_page_collection .check_box i.check_icon {
  width: 24px;
  height: 24px;
  border: 1px solid #e4e4e4;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  background-color: #fff;
}
.user_page_collection .check_box i.check_icon:after {
  content: '';
  width: 14px;
  height: 14px;
  background-color: #e67d14;
  position: absolute;
  top: 4px;
  left: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.user_page_collection .check_box.active i.check_icon:after {
  opacity: 1;
}
.user_page_collection .ope_box {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  font-size: 0;
  padding: 13px 0;
}
.user_page_collection .ope_box span, .user_page_collection .ope_box a {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.user_page_collection .ope_box a {
  margin-left: 3vw;
  padding-left: 24px;
  background-position: left center;
  background-repeat: no-repeat;
}
.user_page_collection .ope_box a.del {
  background-image: url("../images/user/icon-12.png");
}
.user_page_collection .ope_box a.del:hover {
  background-image: url("../images/user/icon-12-on.png");
}
.user_page_collection .ope_box a.cart {
  background-image: url("../images/user/icon-13.png");
}
.user_page_collection .ope_box a.cart:hover {
  background-image: url("../images/user/icon-13-on.png");
}
.user_page_collection .ope_box a:hover {
  color: #e67d14;
}
.user_page_collection .lists {
  font-size: 0;
  margin: 30px 0;
}
.user_page_collection .list {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 36px) / 4);
  margin: 12px 12px 0 0;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.user_page_collection .list:nth-of-type(4n) {
  margin-right: 0;
}
.user_page_collection .list:nth-of-type(1), .user_page_collection .list:nth-of-type(2), .user_page_collection .list:nth-of-type(3), .user_page_collection .list:nth-of-type(4) {
  margin-top: 0;
}
.user_page_collection .list .img_block {
  border: 1px solid #e6e6e6;
  overflow: hidden;
}
.user_page_collection .list .img_block img {
  display: block;
  width: 100%;
}
.user_page_collection .list .txt_block {
  padding: 20px 0;
}
.user_page_collection .list .txt_block .info {
  font-size: 0;
}
.user_page_collection .list .txt_block .info span {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  line-height: 1;
  color: #e67d14;
  font-family: 'PingFang-Medium';
}

.user_page_collection .list .txt_block .info span.mes{
  font-size: 18px;
}
.user_page_collection .list .txt_block .info i {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 20px;
  padding: 0 10px;
  margin-left: 10px;
  font-style: normal;
  color: #808080;
  font-family: 'PingFang-Medium';
  background-color: #f2f2f2;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 150px;
}
.user_page_collection .list .txt_block h3 {
  height: 26px;
  font-size: 14px;
  line-height: 24px;
  color: #333;
  font-family: 'PingFang-Medium';
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 10px;
}
.user_page_collection .list .txt_block h3 a:hover {
  color: #e67d14;
}

.user_page_msg .user_wallet_filter {
  border-bottom: none;
}
.user_page_msg .item {
  position: relative;
}
.user_page_msg .item a.del {
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/user/close.png");
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
}
.user_page_msg .item .unread {
  position: absolute;
  left: 40px;
  top: -10px;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/user/icon-14.png");
  z-index: 2;
}
.user_page_msg .item .info_box {
  border: 1px solid #e6e6e6;
  padding: 30px 40px;
  position: relative;
  background-color: #fbfbfb;
}
.user_page_msg .item .info_box .para {
  font-size: 14px;
  line-height: 24px;
  max-height: 48px;
  color: #000;
  margin-bottom: 20px;
  overflow: hidden;
}
.user_page_msg .item .info_box .para.open {
  max-height: none;
}
.user_page_msg .item .info_box a.link {
  font-size: 14px;
  color: #e67d14;
}
.user_page_msg .item .info_box a.ope {
  width: 30px;
  height: 30px;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/user/icon-15.png");
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.user_page_msg .item .info_box a.ope.open {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.user_page_msg .item .date_box {
  padding: 20px 0;
  text-align: center;
}
.user_page_msg .item .date_box span {
  display: inline-block;
  background-color: #f7f7f7;
  font-size: 12px;
  line-height: 24px;
  color: #333;
  padding: 0 36px;
}

.user_page_qa .items {
  margin-bottom: 30px;
}
.user_page_qa .item {
  border: 1px solid #e6e6e6;
  padding: 30px;
  margin-top: 30px;
}
.user_page_qa .item:first-of-type {
  margin-top: 0;
}
.user_page_qa .pro_box {
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 0;
}
.user_page_qa .pro_box .img_block {
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  height: 80px;
  border: 1px solid #e6e6e6;
}
.user_page_qa .pro_box .img_block img {
  display: block;
  width: 100%;
}
.user_page_qa .pro_box .txt_block {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}
.user_page_qa .pro_box .txt_block .price span {
  display: inline-block;
  vertical-align: middle;
}
.user_page_qa .pro_box .txt_block .price span.p {
  font-size: 24px;
  color: #e67d14;
  font-family: 'PingFang-Mediu';
}
.user_page_qa .pro_box .txt_block .price span.t {
  font-size: 12px;
  line-height: 20px;
  padding: 0 10px;
  margin-left: 10px;
  font-style: normal;
  color: #e67d14;
  font-family: 'PingFang-Medium';
  background-color: #fae5d0;
}
.user_page_qa .pro_box .txt_block h3 {
  margin-top: 5px;
}
.user_page_qa .pro_box .txt_block h3 a {
  font-size: 14px;
  color: #333;
}
.user_page_qa .pro_box .txt_block h3 a:hover {
  color: #e67d14;
}
.user_page_qa .qa_box {
  margin-top: 30px;
}

.user_page_address .addr_box {
  padding: 60px 0 30px;
  border-top: 1px solid #e6e6e6;
}
.user_page_address .addr_box a.btn {
  font-size: 18px;
  color: #e67d14;
}
.user_page_address .addr_box .tips {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  padding-left: 30px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../images/user/icon-16.png");
  margin-bottom: 30px;
}
.user_page_address .addr_box .close {
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/close-1.png");
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.user_page_address .addr_box .addr_form {
  position: relative;
  display: none;
}
.user_page_address .addr_box .comm_add_address .box input, .user_page_address .addr_box .comm_add_address .box select {
  background-color: #fbfbfb;
}
.user_page_address .addr_list .list {
  margin-bottom: 20px;
  border: 1px solid #e6e6e6;
  padding: 44px 20px 20px;
  position: relative;
}
.user_page_address .addr_list .list span.tip {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: #e67d14;
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  padding: 0 10px;
}
.user_page_address .addr_list .list .close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/close-1.png");
  cursor: pointer;
}
.user_page_address .addr_list .list .info {
  font-size: 14px;
  line-height: 24px;
  color: #333;
}
.user_page_address .addr_list .list .info span {
  width: 270px;
  float: left;
  text-align: right;
  font-family: 'PingFang-Medium';
}
.user_page_address .addr_list .list .info p {
  margin-left: 285px;
}
.user_page_address .addr_list .list .edit {
  text-align: right;
  font-size: 0;
}
.user_page_address .addr_list .list .edit a {
  font-size: 16px;
  color: #333;
  margin-left: 20px;
}
.user_page_address .addr_list .list .edit a:hover {
  color: #e67d14;
}

.editaddr_popups {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  display: none;
}
.editaddr_popups .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.editaddr_popups .cell_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.editaddr_popups .main {
  width: 86vw;
  max-width: 1036px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
  padding: 5vw;
}
.editaddr_popups .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/close-1.png");
  cursor: pointer;
}

.user_page_design {
  position: relative;
}
.user_page_design .b_tit {
  text-align: left;
}
.user_page_design a.newadd {
  width: 180px;
  line-height: 48px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background-color: #e67d14;
  position: absolute;
  right: 0;
  top: 4vw;
}
.user_page_design a.newadd:before {
  content: '';
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/user/icon-17.png");
  display: inline-block;
  vertical-align: middle;
  margin: -3px 10px 0 0;
}
.user_page_design .list {
  background-color: #fafafa;
  margin-bottom: 20px;
  border: 1px solid #e6e6e6;
  padding: 20px;
  font-size: 0;
}
.user_page_design .list .img_block, .user_page_design .list .info_block, .user_page_design .list .btn_block {
  display: inline-block;
  vertical-align: middle;
}
.user_page_design .list .img_block {
  width: 20%;
}
.user_page_design .list .img_block img {
  display: block;
  width: 100%;
}
.user_page_design .list .info_block {
  width: 38%;
  padding: 0 30px;
}
.user_page_design .list .info_block p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
}
.user_page_design .list .info_block p.type {
  color: #e67d14;
  margin-bottom: 20px;
}
.user_page_design .list .info_block p.addr, .user_page_design .list .info_block p.pic {
  padding-left: 20px;
  background-position: left center;
  background-repeat: no-repeat;
}
.user_page_design .list .info_block p.addr {
  background-image: url("../images/user/icon-18.png");
}
.user_page_design .list .info_block p.pic {
  background-image: url("../images/user/icon-19.png");
}
.user_page_design .list .btn_block {
  width: 42%;
}
.user_page_design .list .btn_block a {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  padding-top: 26px;
  background-position: center top;
  background-repeat: no-repeat;
  margin-top: 2.5vw;
  font-size: 14px;
  color: #333;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.user_page_design .list .btn_block a:nth-of-type(1), .user_page_design .list .btn_block a:nth-of-type(2), .user_page_design .list .btn_block a:nth-of-type(3) {
  margin-top: 0;
}
.user_page_design .list .btn_block a.icon1 {
  background-image: url("../images/user/icon-20.png");
}
.user_page_design .list .btn_block a.icon1:hover {
  background-image: url("../images/user/icon-20-on.png");
}
.user_page_design .list .btn_block a.icon2 {
  background-image: url("../images/user/icon-21.png");
}
.user_page_design .list .btn_block a.icon2:hover {
  background-image: url("../images/user/icon-21-on.png");
}
.user_page_design .list .btn_block a.icon3 {
  background-image: url("../images/user/icon-22.png");
}
.user_page_design .list .btn_block a.icon3:hover {
  background-image: url("../images/user/icon-22-on.png");
}
.user_page_design .list .btn_block a.icon4 {
  background-image: url("../images/user/icon-23.png");
}
.user_page_design .list .btn_block a.icon4:hover {
  background-image: url("../images/user/icon-23-on.png");
}
.user_page_design .list .btn_block a.icon5 {
  background-image: url("../images/user/icon-24.png");
}
.user_page_design .list .btn_block a.icon5:hover {
  background-image: url("../images/user/icon-24-on.png");
}
.user_page_design .list .btn_block a.icon6 {
  background-image: url("../images/user/icon-25.png");
}
.user_page_design .list .btn_block a.icon6:hover {
  background-image: url("../images/user/icon-25-on.png");
}
.user_page_design .list .btn_block a:hover {
  color: #e67d14;
}

.user_page_designempty {
  text-align: center;
  padding-top: 100px;
}
.user_page_designempty img {
  display: block;
  margin: 0 auto;
}
.user_page_designempty p {
  font-size: 20px;
  color: #c4c4c4;
  font-family: 'PingFang-Medium';
  margin: 60px 0 30px;
}
.user_page_designempty a.newadd {
  width: 180px;
  line-height: 48px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  background-color: #e67d14;
  display: block;
  margin: 0 auto;
}
.user_page_designempty a.newadd:before {
  content: '';
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/user/icon-17.png");
  display: inline-block;
  vertical-align: middle;
  margin: -3px 10px 0 0;
}

.user_page_info .info_box {
  background-color: #f9f9f9;
  margin-top: 60px;
  padding: 0 60px 60px;
}
.user_page_info .info_box .txt {
  text-align: center;
  padding: 40px 0 30px;
  border-bottom: 1px solid #e6e6e6;
}
.user_page_info .info_box .txt h3 {
  font-size: 24px;
  color: #333;
}
.user_page_info .info_box .txt p {
  font-size: 16px;
  color: #333;
  margin-top: 10px;
}
.user_page_info .info_box .txt p span {
  color: #e67d14;
}
.user_page_info .info_box .form {
  overflow: hidden;
  font-size: 0;
}
.user_page_info .info_box .form .box {
  margin-top: 20px;
  position: relative;
}
.user_page_info .info_box .form .label {
  font-size: 14px;
  line-height: 20px;
  color: #000;
}
.user_page_info .info_box .form .control {
  margin-top: 10px;
  font-size: 0;
}
.user_page_info .info_box .form .border {
  height: 50px;
  border: 1px solid #e2e2e2;
  background-color: #fff;
}
.user_page_info .info_box .form .inline {
  display: inline-block;
  vertical-align: top;
}
.user_page_info .info_box .form .sep {
  width: 100%;
}
.user_page_info .info_box .form .sep_1 {
  width: calc(33.33% - 12px);
}
.user_page_info .info_box .form .sep_2 {
  width: calc(50% - 9px);
}
.user_page_info .info_box .form .mr {
  margin-right: 18px;
}
.user_page_info .info_box .form .gender {
  font-size: 0;
  padding: 4px;
}
.user_page_info .info_box .form .gender span {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  font-size: 16px;
  color: #333;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
.user_page_info .info_box .form .gender span.active {
  color: #fff;
  background-color: #555555;
}
.user_page_info .info_box .form input {
  padding: 0 10px;
  font-size: 16px;
}
.user_page_info .info_box .form input.year, .user_page_info .info_box .form input.mouth, .user_page_info .info_box .form input.date {
  background-position: 96% center;
  background-repeat: no-repeat;
  background-image: url("../images/design/icon-1.png");
}
.user_page_info .info_box .form button {
  font-size: 16px;
  cursor: pointer;
  font-family: 'PingFang-Regular';
}
.user_page_info .account_box .list {
  border-top: 1px solid #e6e6e6;
}
.user_page_info .account_box .list .show {
  padding: 30px 0;
}
.user_page_info .account_box .list .por {
  position: relative;
}
.user_page_info .account_box .list .hd {
  font-size: 20px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.user_page_info .account_box .list .hd span.txt {
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  text-align-last: justify;
}
.user_page_info .account_box .list .hd span.pa {
  color: #e67d14;
}
.user_page_info .account_box .list .hd .level {
  display: inline-block;
  vertical-align: middle;
  padding-left: 34px;
  font-size: 14px;
  line-height: 34px;
  font-family: 'PingFang-Medium';
  color: #e67d14;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../images/user/icon-26.png");
}
.user_page_info .account_box .list p {
  font-size: 14px;
  color: #333;
  margin-top: 10px;
}
.user_page_info .account_box .list .check_box {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 16px;
  color: #333;
  padding-left: 15px;
  cursor: pointer;
}
.user_page_info .account_box .list .check_box input[type="checkbox"] {
  opacity: 0;
}
.user_page_info .account_box .list .check_box i.check_icon {
  width: 24px;
  height: 24px;
  border: 1px solid #e4e4e4;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
  background-color: #fff;
}
.user_page_info .account_box .list .check_box i.check_icon:after {
  content: '';
  width: 14px;
  height: 14px;
  background-color: #e67d14;
  position: absolute;
  top: 4px;
  left: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.user_page_info .account_box .list .check_box.active i.check_icon:after {
  opacity: 1;
}
.user_page_info .account_box .list .hide {
  padding-bottom: 30px;
  display: none;
}
.user_page_info .account_box .list .box {
  margin-top: 20px;
  position: relative;
}
.user_page_info .account_box .list .box input, .user_page_info .account_box .list .box button {
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #e2e2e2;
  padding: 0 20px;
  font-size: 14px;
  color: #000;
  font-family: 'PingFang-Regular';
}
.user_page_info .account_box .list .box input {
  background-color: #fbfbfb;
  font-size: 14px;
}
.user_page_info .account_box .list .box button {
  background-color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.user_page_info .account_box .list .box a.code {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 14px;
  color: #333;
  width: 120px;
  text-align: center;
  line-height: 38px;
  background-color: #fff;
  border: 1px solid #e2e2e2;
}

/*design*/
.design_furlist .main {
  width: 86vw;
  max-width: 1320px;
  margin: 0 auto;
}
.design_furlist .top_block {
  padding: 50px 0;
  background-color: #393940;
}
.design_furlist .top_block .box {
  position: relative;
  padding-right: 300px;
}
.design_furlist .top_block .title {
  font-size: 16px;
  color: #fff;
  font-family: 'Pingfang-Medium';
}
.design_furlist .top_block .info {
  margin-top: 24px;
  font-size: 0;
}
.design_furlist .top_block .info span {
  font-size: 14px;
  color: #fff;
}
.design_furlist .top_block .info span:after {
  content: '';
  width: 1px;
  height: 10px;
  background-color: #5d5d62;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
.design_furlist .top_block .info span:last-of-type:after {
  display: none;
}
.design_furlist .top_block .price {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  text-align: right;
}
.design_furlist .top_block .price span {
  display: block;
  color: #e67d14;
  font-size: 36px;
  line-height: 1;
  margin-top: 10px;
}
.design_furlist .list_block {
  padding: 3vw 0 5vw;
}
.design_furlist .list_block .check_box {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  cursor: pointer;
}
.design_furlist .list_block .check_box input[type="checkbox"] {
  opacity: 0;
}
.design_furlist .list_block .check_box i.check_icon {
  width: 24px;
  height: 24px;
  border: 1px solid #e4e4e4;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  background-color: #fff;
}
.design_furlist .list_block .check_box i.check_icon:after {
  content: '';
  width: 14px;
  height: 14px;
  background-color: #e67d14;
  position: absolute;
  top: 4px;
  left: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.design_furlist .list_block .check_box.active i.check_icon:after {
  opacity: 1;
}
.design_furlist .list_block .hd_box {
  font-size: 0;
  background-color: #f5f5f5;
}
.design_furlist .list_block .hd_box .item {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 50px;
  color: #333;
  font-family: 'PingFang-Medium';
  text-align: center;
}
.design_furlist .list_block .hd_box .item:nth-of-type(1) {
  width: 10%;
  text-align: left;
  padding-left: 30px;
}
.design_furlist .list_block .hd_box .item:nth-of-type(2) {
  width: 26%;
}
.design_furlist .list_block .hd_box .item:nth-of-type(3) {
  width: 15%;
}
.design_furlist .list_block .hd_box .item:nth-of-type(4) {
  width: 6%;
}
.design_furlist .list_block .hd_box .item:nth-of-type(5) {
  width: 23%;
}
.design_furlist .list_block .hd_box .item:nth-of-type(6), .design_furlist .list_block .hd_box .item:nth-of-type(7) {
  width: 10%;
}
.design_furlist .list_block .list {
  font-size: 0;
  border-top: 1px solid #ededed;
  padding: 30px 0;
}
.design_furlist .list_block .list .item {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
  color: #333;
  font-family: 'PingFang-Medium';
  text-align: center;
  padding: 0 10px;
  word-break: break-all;
}
.design_furlist .list_block .list .item:nth-of-type(1) {
  width: 10%;
  text-align: left;
  padding-left: 30px;
}
.design_furlist .list_block .list .item:nth-of-type(2) {
  width: 26%;
}
.design_furlist .list_block .list .item:nth-of-type(3) {
  width: 15%;
}
.design_furlist .list_block .list .item:nth-of-type(4) {
  width: 6%;
}
.design_furlist .list_block .list .item:nth-of-type(5) {
  width: 23%;
}
.design_furlist .list_block .list .item:nth-of-type(6), .design_furlist .list_block .list .item:nth-of-type(7) {
  width: 10%;
}
.design_furlist .list_block .list .item a.view {
  color: #e67d14;
}
.design_furlist .list_block .list .item .pro {
  font-size: 0;
}
.design_furlist .list_block .list .item .pro .pic {
  width: 84px;
  display: inline-block;
  vertical-align: middle;
}
.design_furlist .list_block .list .item .pro .pic img {
  width: 100%;
  display: block;
}
.design_furlist .list_block .list .item .pro .txt {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 84px);
  text-align: left;
  padding-left: 20px;
}
.design_furlist .list_block .list .item .pro .txt h3 {
  font-size: 16px;
}
.design_furlist .list_block .list .item .pro .txt .tip {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  background-color: #f2f2f2;
  padding: 0 10px;
  color: #808080;
  margin-top: 6px;
}
.design_furlist .subtotal_box {
  position: relative;
  padding: 0 30px;
  font-size: 0;
  background-color: #f5f5f5;
}
.design_furlist .subtotal_box .check_box, .design_furlist .subtotal_box span, .design_furlist .subtotal_box a.bt, .design_furlist .subtotal_box .check, .design_furlist .subtotal_box .volume {
  display: inline-block;
  vertical-align: middle;
}
.design_furlist .subtotal_box span, .design_furlist .subtotal_box .check {
  font-size: 14px;
  line-height: 50px;
  font-family: 'PingFang-Medium';
}
.design_furlist .subtotal_box .ope {
  float: right;
}
.design_furlist .subtotal_box .check {
  cursor: pointer;
}
.design_furlist .subtotal_box .check i {
  color: #e67d14;
  font-size: 18px;
  line-height: 20px;
  font-style: normal;
}
.design_furlist .subtotal_box .check:after {
  content: '';
  width: 10px;
  height: 6px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/process/icon-1.png");
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 10px;
}
.design_furlist .subtotal_box .check.show:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.design_furlist .subtotal_box .items {
  width: 80%;
  position: absolute;
  right: 0;
  bottom: 50px;
  border: 1px solid #e67d14;
  padding: 10px 5px;
  background-color: #fff;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
}
.design_furlist .subtotal_box .items.show {
  opacity: 1;
  visibility: visible;
}
.design_furlist .subtotal_box .items:after {
  content: '';
  width: 24px;
  height: 13px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/process/icon-2.png");
  position: absolute;
  top: 100%;
  right: 216px;
}
.design_furlist .subtotal_box .items .item {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding: 0 5px;
}
.design_furlist .subtotal_box .items .item img {
  display: block;
  width: 100%;
}
.design_furlist .subtotal_box .items .slick-arrow {
  width: 30px;
  height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
  background-color: #fff;
  z-index: 2;
}
.design_furlist .subtotal_box .items .slick-prev {
  background-image: url("../images/prev-2.png");
  left: 10px;
}
.design_furlist .subtotal_box .items .slick-next {
  background-image: url("../images/next-2.png");
  right: 10px;
}
.design_furlist .total_box {
  text-align: right;
}
.design_furlist .total_box p {
  font-size: 14px;
  color: #333;
  padding: 30px 0;
}
.design_furlist .total_box p span {
  font-size: 32px;
  color: #e67d14;
}

.design_detail {
  background-color: #f2f2f2;
  overflow: hidden;
}
.design_detail .main {
  min-height: calc(100vh - 140px);
  margin: 30px;
  background-color: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
}
.design_detail .hd_block {
  padding: 22px 30px 30px;
  flex: none;
}
.design_detail .hd_block .info em, .design_detail .hd_block .info span, .design_detail .hd_block .info .select {
  display: inline-block;
  vertical-align: middle;
}
.design_detail .hd_block .info em {
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.design_detail .hd_block .info span {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  background-color: #bbbbbb;
  padding: 0 8px;
  margin: 0 8px;
}
.design_detail .hd_block .info .select {
  position: relative;
}
.design_detail .hd_block .info .select input {
  width: 136px;
  font-size: 14px;
  height: 32px;
  font-family: 'PingFang-Medium';
  border: 1px solid #ccc;
  padding-left: 15px;
  cursor: pointer;
}
.design_detail .hd_block .info .select ul {
  position: absolute;
  top: 100%;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  display: none;
}
.design_detail .hd_block .info .select ul li {
  padding: 0 15px;
  font-size: 14px;
  color: #333;
  line-height: 32px;
  cursor: pointer;
}
.design_detail .hd_block .info .select ul li.active {
  color: #e67d14;
  background-color: #f2f3f5;
}
.design_detail .hd_block .info .select:after {
  content: '';
  width: 10px;
  height: 6px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/design/icon-1.png");
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -3px;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.design_detail .hd_block .info .select.open ul {
  display: block;
}
.design_detail .hd_block .info .select.open:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.design_detail .hd_block .meta {
  margin-top: 30px;
  font-size: 0;
}
.design_detail .hd_block .meta span {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  line-height: 14px;
  color: #808080;
  font-family: 'PingFang-Medium';
}
.design_detail .hd_block .meta span:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  width: 1px;
  height: 10px;
  background-color: #d2d2d2;
}
.design_detail .hd_block .meta span:last-of-type:after {
  display: none;
}
.design_detail .hd_block .btns {
  margin-top: 20px;
  font-size: 0;
}
.design_detail .hd_block .btns .btn {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  position: relative;
  padding: 0 20px;
  cursor: pointer;
  text-align: left;
}
.design_detail .hd_block .btns .btn:hover a.edit {
  display: block;
}
.design_detail .hd_block .btns .btn:hover .tip {
  opacity: 1;
  visibility: visible;
}
.design_detail .hd_block .btns button.btn {
  background-color: #e67d14;
}
.design_detail .hd_block .btns button.btn span {
  color: #fff;
}
.design_detail .hd_block .btns a.btn {
  border: 1px solid #ccc;
}
.design_detail .hd_block .btns a.btn:hover {
  background-color: #f8f8f8;
}
.design_detail .hd_block .btns a.edit {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  line-height: 30px;
  background-color: #fff;
  padding: 0 20px;
  font-size: 14px;
  color: #666;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  display: none;
}
.design_detail .hd_block .btns a.edit:hover {
  background-color: #f8f8f8;
}
.design_detail .hd_block .btns span, .design_detail .hd_block .btns i {
  display: inline-block;
  vertical-align: middle;
}
.design_detail .hd_block .btns span {
  font-size: 14px;
  line-height: 30px;
}
.design_detail .hd_block .btns i {
  width: 10px;
  height: 6px;
  margin-left: 6px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/design/icon-1-white.png");
}
.design_detail .hd_block .btns .tip {
  position: absolute;
  top: -47px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 0 12px;
  font-size: 12px;
  color: #fff;
  line-height: 32px;
  background-color: #181819;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.design_detail .hd_block .btns .tip:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #181819;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -2px;
}
.design_detail .hd_block .ope {
  position: absolute;
  right: 30px;
  top: 22px;
  font-size: 0;
}
.design_detail .hd_block .ope a {
  display: inline-block;
  vertical-align: top;
  margin-left: 30px;
  width: 30px;
  height: 30px;
  position: relative;
}
.design_detail .hd_block .ope a i {
  display: block;
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 20px;
}
.design_detail .hd_block .ope a span.tip {
  position: absolute;
  top: -47px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 0 12px;
  font-size: 12px;
  color: #fff;
  line-height: 32px;
  background-color: #181819;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.design_detail .hd_block .ope a span.tip:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #181819;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -2px;
}
.design_detail .hd_block .ope a.edit i {
  background-image: url("../images/design/icon-2.png");
}
.design_detail .hd_block .ope a.copy i {
  background-image: url("../images/design/icon-3.png");
}
.design_detail .hd_block .ope a.share i {
  background-image: url("../images/design/icon-4.png");
}
.design_detail .hd_block .ope a.delete i {
  background-image: url("../images/design/icon-5.png");
}
.design_detail .hd_block .ope a:hover span.tip {
  opacity: 1;
  visibility: visible;
}
.design_detail .bd_block {
  display: flex;
  flex: 1 1;
  border-top: 1px solid #eee;
}
.design_detail .bd_block .left_nav {
  width: 240px;
  border-right: 1px solid #ededed;
}
.design_detail .bd_block .left_nav a {
  display: block;
  padding: 0 30px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.design_detail .bd_block .left_nav a:hover, .design_detail .bd_block .left_nav a.active {
  background-color: #f2f2f2;
}
.design_detail .bd_block .left_nav a:hover i, .design_detail .bd_block .left_nav a.active i {
  background-color: #e67d14;
  color: #fff;
}
.design_detail .bd_block .left_nav p {
  font-size: 16px;
  color: #333;
  line-height: 50px;
  font-family: 'PingFang-Medium';
  border-bottom: 1px solid #ededed;
}
.design_detail .bd_block .left_nav span {
  display: block;
  padding-left: 30px;
  font-size: 14px;
  color: #808080;
  line-height: 50px;
}
.design_detail .bd_block .left_nav i {
  font-style: normal;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #eeeeee;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  text-align: center;
  right: 30px;
  font-size: 12px;
  line-height: 24px;
  color: #808080;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.design_detail .bd_block .right_cont {
  display: flex;
  flex: 1 1;
  position: relative;
}
.design_detail .bd_block .thumb_box {
  width: 180px;
  border-right: 1px solid #eee;
  position: relative;
}
.design_detail .bd_block .thumb_box .btn {
  height: 50px;
  position: absolute;
  left: 0;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.design_detail .bd_block .thumb_box .btn.up {
  top: 0;
  background-image: url("../images/design/up.png");
}
.design_detail .bd_block .thumb_box .btn.down {
  bottom: 0;
  background-image: url("../images/design/down.png");
}
.design_detail .bd_block .thumb_box .items {
  position: absolute;
  top: 50px;
  bottom: 50px;
  left: 0;
  right: 0;
  overflow: auto;
}
.design_detail .bd_block .thumb_box .thumb_item {
  position: relative;
  width: 120px;
  height: 66px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 2px solid #eee;
  cursor: pointer;
  margin: 0 auto;
  margin-top: 10px;
}
.design_detail .bd_block .thumb_box .thumb_item:first-of-type {
  margin-top: 0;
}
.design_detail .bd_block .thumb_box .thumb_item.active {
  border-color: #e67d14;
}
.design_detail .bd_block .thumb_box .thumb_item span {
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  width: 48px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}
.design_detail .bd_block .view_box {
  display: flex;
  flex: 1 1;
  margin: 50px 30px;
}
.design_detail .bd_block .view_box .show_img {
  flex: auto;
}
.design_detail .bd_block .view_box .show_img a.por {
  display: block;
  position: relative;
}
.design_detail .bd_block .view_box .show_img img.housetype {
  display: block;
  margin: 0 auto;
  max-width: 800px;
  width: 100%;
}
.design_detail .bd_block .view_box .show_img img.three_d {
  display: block;
  width: 100%;
}
.design_detail .bd_block .view_box .show_img img.sketch {
  display: block;
  width: 100%;
}
.design_detail .bd_block .view_box .show_img span {
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  padding: 0 12px;
  position: absolute;
  top: 10px;
}
.design_detail .bd_block .view_box .show_img span.l {
  left: 10px;
}
.design_detail .bd_block .view_box .show_img span.r {
  right: 10px;
}
.design_detail .bd_block .view_box .show_img i {
  width: 60px;
  height: 60px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/design/icon-6.png");
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
}
.design_detail .bd_block .view_box .show_btn {
  width: 105px;
  margin-left: 30px;
  flex: none;
}
.design_detail .bd_block .view_box .show_btn a {
  display: block;
  text-align: center;
  font-size: 12px;
  color: #333;
  line-height: 32px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.design_detail .bd_block .view_box .show_btn a:hover {
  border-color: #e67d14;
  color: #e67d14;
}
.design_detail .bd_block .empty_box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.design_detail .bd_block .empty_box img {
  display: block;
}
.design_detail .bd_block .empty_box p {
  font-size: 20px;
  color: #c4c4c4;
  font-family: 'PingFang-Medium';
  margin: 60px 0 15px;
}
.design_detail .bd_block .empty_box .link a {
  font-size: 16px;
  color: #e67d14;
}
.design_detail .bd_block .empty_box a.btn {
  width: 120px;
  line-height: 42px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background-color: #e67d14;
  display: block;
  margin: 0 auto;
  margin-top: 30px;
}

.design_edit_popups {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  display: none;
}
.design_edit_popups .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.design_edit_popups .cell_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.design_edit_popups .main {
  max-width: 540px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
}
.design_edit_popups .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/close-1.png");
  cursor: pointer;
}
.design_edit_popups h3 {
  font-size: 18px;
  color: #333;
  line-height: 56px;
  padding: 0 20px;
  border-bottom: 1px solid #ededed;
  font-family: 'PingFang-Medium';
}
.design_edit_popups .cont {
  padding: 0 30px;
}
.design_edit_popups .tab_title {
  border-bottom: 1px solid #ededed;
  font-size: 0;
}
.design_edit_popups .tab_title span {
  display: inline-block;
  vertical-align: top;
  margin-right: 36px;
  font-size: 14px;
  color: #333;
  line-height: 56px;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  cursor: pointer;
}
.design_edit_popups .tab_title span.active {
  border-color: #e67d14;
}
.design_edit_popups .tab_content {
  margin: 20px 0;
  height: 54vh;
  overflow: auto;
}
.design_edit_popups .child {
  font-size: 0;
  display: none;
}
.design_edit_popups .form .box {
  margin-top: 20px;
  position: relative;
  padding-left: 80px;
}
.design_edit_popups .form .box:first-of-type {
  margin-top: 0;
}
.design_edit_popups .form .box .label {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  padding-right: 10px;
  text-align: right;
  font-size: 14px;
  color: #808080;
  line-height: 40px;
}
.design_edit_popups .form .box .label i {
  font-style: normal;
  color: #e67d14;
}
.design_edit_popups .form .box input.all,
.design_edit_popups .form .box select.all,
.design_edit_popups .form .box textarea.all {
  display: block;
  width: 100%;
  border: 1px solid #ededed;
  font-size: 14px;
  color: #333;
  font-family: 'PingFang-Regular';
}
.design_edit_popups .form .box input.all,
.design_edit_popups .form .box select.all {
  height: 40px;
  padding: 0 12px;
}
.design_edit_popups .form .box .drop {
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
  background-image: url("../images/design/icon-1.png");
}
.design_edit_popups .form .box textarea.all {
  height: 120px;
  padding: 12px;
}
.design_edit_popups .form .box .che1 {
  position: relative;
  width: 140px;
  display: inline-block;
  vertical-align: top;
}
.design_edit_popups .form .box .che1 input {
  opacity: 0;
}
.design_edit_popups .form .box .che1 span.title {
  padding: 0 20px 0 12px;
  font-size: 14px;
  line-height: 38px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #ededed;
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
  background-image: url("../images/design/icon-1.png");
}
.design_edit_popups .form .box .che2 {
  width: 90px;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
.design_edit_popups .form .box .che3 {
  width: 160px;
  display: inline-block;
  vertical-align: top;
}
.design_edit_popups .item {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 5px);
  margin: 0 10px 10px 0;
  position: relative;
}
.design_edit_popups .item:nth-of-type(even) {
  margin-right: 0;
}
.design_edit_popups .item a {
  width: 90px;
  font-size: 14px;
  line-height: 32px;
  color: #fff;
  background-color: #e67d14;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -16px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.design_edit_popups .item:hover a {
  opacity: 1;
  visibility: visible;
}
.design_edit_popups .btns {
  background-color: #f8f8f8;
  border-top: 1px solid #ededed;
  padding: 12px 0;
  text-align: center;
}
.design_edit_popups .btns button {
  display: inline-block;
  vertical-align: top;
  width: 112px;
  height: 34px;
  font-size: 14px;
  margin: 0 5px;
  cursor: pointer;
}
.design_edit_popups .btns button.cancel {
  border: 1px solid #ccc;
  color: #333;
  background-color: #fff;
}
.design_edit_popups .btns button.sure {
  background-color: #e67d14;
  color: #fff;
}

.design_three .main {
  max-width: 1320px;
  margin: 0 auto;
}
.design_three .top_block {
  padding: 50px 0;
  background-color: #393940;
}
.design_three .top_block .box {
  position: relative;
  padding-right: 510px;
}
.design_three .top_block .title {
  font-size: 16px;
  color: #fff;
  font-family: 'Pingfang-Medium';
}
.design_three .top_block .info {
  margin-top: 24px;
  font-size: 0;
}
.design_three .top_block .info span {
  font-size: 14px;
  color: #fff;
}
.design_three .top_block .info span:after {
  content: '';
  width: 1px;
  height: 10px;
  background-color: #5d5d62;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
.design_three .top_block .info span:last-of-type:after {
  display: none;
}
.design_three .top_block .info i {
  font-style: normal;
  color: #e67d14;
}
.design_three .top_block .btn {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0;
}
.design_three .top_block .btn a, .design_three .top_block .btn button {
  display: inline-block;
  vertical-align: middle;
}
.design_three .top_block .btn a.back {
  font-size: 14px;
  color: #fff;
  margin-right: 10px;
}
.design_three .top_block .btn button {
  height: 46px;
  font-size: 14px;
  color: #fff;
  padding: 0 20px;
  margin-left: 10px;
  cursor: pointer;
}
.design_three .top_block .btn button.border {
  border: 1px solid #fff;
  background-color: transparent;
}
.design_three .top_block .btn button.bg {
  background-color: #e67d14;
}
.design_three .cont_box {
  padding-bottom: 6vw;
  min-height: 50vh;
}
.design_three .cont_box .tips {
  padding: 24px 0;
  font-size: 14px;
  color: #808080;
}
.design_three .cont_box .tips span {
  color: #e67d14;
}
.design_three .cont_box .hd_box {
  background-color: #f8f8f8;
  padding: 0 30px;
  cursor: pointer;
}
.design_three .cont_box .hd_box span.level_index {
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  line-height: 60px;
  color: #1c1a39;
  font-family: 'PingFang_Medium';
}
.design_three .cont_box .hd_box .setting {
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
  font-size: 12px;
  color: #1c1a39;
  line-height: 60px;
  cursor: pointer;
}
.design_three .cont_box .hd_box .setting span {
  width: 16px;
  height: 16px;
  background-color: #e67d14;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
}
.design_three .cont_box .hd_box .setting span:after {
  content: '';
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2px 0 0 -2px;
}
.design_three .cont_box .hd_box .setting input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.design_three .cont_box .hd_box .right {
  float: right;
  font-size: 12px;
  color: #1c1a39;
  line-height: 60px;
}
.design_three .cont_box .hd_box .right i {
  font-style: normal;
  color: #e67d14;
}
.design_three .cont_box .hd_box .right .icon {
  width: 10px;
  height: 6px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/design/icon-1.png");
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.design_three .cont_box .hd_box.drop .right .icon {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.design_three .cont_box .bd_box {
  font-size: 0;
}
.design_three .cont_box .bd_box .item {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 72px) / 4);
  margin: 24px 24px 0 0;
  border: 1px solid #ededed;
  position: relative;
}
.design_three .cont_box .bd_box .item:nth-of-type(4n) {
  margin-right: 0;
}
.design_three .cont_box .bd_box .item .img_block {
  width: 310px;
  height: 310px;
  overflow: hidden;
}
.design_three .cont_box .bd_box .item .img_block img {
  display: block;
  width: 100%;
}
.design_three .cont_box .bd_box .item .desc {
  height: 88px;
  padding: 0 20px;
  border-top: 1px solid #ededed;
}
.design_three .cont_box .bd_box .item .desc span {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  font-size: 12px;
  color: #1c1a39;
}
.design_three .cont_box .bd_box .item .desc span:before {
  content: '';
  width: 16px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 5px 0 0;
}
.design_three .cont_box .bd_box .item .desc span:nth-of-type(1):before {
  background-image: url("../images/design/icon-7.png");
}
.design_three .cont_box .bd_box .item .desc span:nth-of-type(2):before {
  background-image: url("../images/design/icon-8.png");
}
.design_three .cont_box .bd_box .item .desc span:nth-of-type(3):before {
  background-image: url("../images/design/icon-9.png");
}
.design_three .cont_box .bd_box .item .txt_block {
  height: 88px;
  padding: 0 20px;
  border-top: 1px solid #ededed;
}
.design_three .cont_box .bd_box .item .txt_block h3 {
  font-size: 20px;
  color: #1c1a39;
  font-family: 'PingFang_Medium';
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.design_three .cont_box .bd_box .item .txt_block .date {
  margin-top: 15px;
  overflow: hidden;
}
.design_three .cont_box .bd_box .item .txt_block .date span.time {
  float: left;
  font-size: 12px;
  color: #1c1a39;
}
.design_three .cont_box .bd_box .item .setting {
  float: right;
  font-size: 12px;
  color: #1c1a39;
  cursor: pointer;
}
.design_three .cont_box .bd_box .item .setting span {
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #cdcdcd;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
}
.design_three .cont_box .bd_box .item .setting span:after {
  content: '';
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2px 0 0 -2px;
}
.design_three .cont_box .bd_box .item .setting input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.design_three .cont_box .bd_box .item.fplan .img_block {
  position: relative;
}
.design_three .cont_box .bd_box .item.fplan .img_block span {
  position: absolute;
  width: 16px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  background-image: url("../images/design/icon-9.png");
}
.design_three .cont_box .bd_box .item.fplan .img_block span.select {
  background-image: url("../images/design/icon-8.png");
}
.design_three .cont_box .bd_box .item.fplan .img_block span.start {
  background-image: url("../images/design/icon-7.png");
}
.design_three .cont_box .bd_box .item.list {
  cursor: pointer;
}
.design_three .cont_box .bd_box .item.list .icon {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/design/icon-10.jpg");
  display: none;
}
.design_three .cont_box .bd_box .item.select {
  border-color: #e67d14;
}
.design_three .cont_box .bd_box .item.select .icon {
  display: block;
}
.design_three .cont_box .bd_box .item.start .setting span {
  background-color: #e67d14;
  border-color: #e67d14;
}
.design_three .cont_box .bd_box .item.empty {
  border-color: #f8f8f8;
  background-color: #f8f8f8;
}
.design_three .cont_box .bd_box .item.empty .txt_block {
  border: none;
}
.design_three .cont_box .bd_box .item .empty_box {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 20px;
  text-align: center;
}
.design_three .cont_box .bd_box .item .empty_box p {
  font-size: 14px;
  color: #808080;
}
.design_three .cont_box .bd_box .item .empty_box a {
  width: 120px;
  display: block;
  margin: 40px auto 0;
  font-size: 14px;
  color: #333;
  line-height: 40px;
  background-color: #fff;
  border: 1px solid #cccccc;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.design_three .cont_box .bd_box .item .empty_box a:hover {
  background-color: #e67d14;
  color: #fff;
}

.design_view_popups {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  display: none;
}
.design_view_popups .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.design_view_popups .cell_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
.design_view_popups .main {
  display: inline-block;
  max-width: 880px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
  text-align: left;
}
.design_view_popups .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/close-1.png");
  cursor: pointer;
}
.design_view_popups h3 {
  font-size: 18px;
  color: #333;
  line-height: 56px;
  padding: 0 20px;
  border-bottom: 1px solid #ededed;
  font-family: 'PingFang-Medium';
}
.design_view_popups .cont {
  padding: 30px 30px 0;
  font-size: 0;
}
.design_view_popups .cont .item {
  width: 400px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.design_view_popups .cont .item:nth-of-type(2) {
  margin-left: 20px;
}
.design_view_popups .cont .item .img_block {
  position: relative;
  overflow: hidden;
}
.design_view_popups .cont .item img {
  display: block;
  width: 100%;
}
.design_view_popups .cont .item .btns {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.design_view_popups .cont .item .btns a {
  display: block;
  margin: 10px auto;
  width: 100px;
  line-height: 36px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.design_view_popups .cont .item .btns .view {
  background-color: #e67d14;
}
.design_view_popups .cont .item .btns .edit {
  background-color: rgba(0, 0, 0, 0.3);
}
.design_view_popups .cont .item .btns .edit:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.design_view_popups .cont .item h4 {
  font-size: 16px;
  color: #333;
  line-height: 50px;
}

.design_renew_popups {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  display: none;
}
.design_renew_popups .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.design_renew_popups .cell_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.design_renew_popups .main {
  max-width: 420px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
}
.design_renew_popups .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/close-1.png");
  cursor: pointer;
}
.design_renew_popups .cont {
  padding: 60px;
}
.design_renew_popups h3 {
  font-size: 18px;
  line-height: 26px;
  color: #333;
  font-family: 'PingFang-Medium';
  padding-left: 46px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../images/design/icon-11.png");
}
.design_renew_popups p {
  padding-left: 46px;
  margin-top: 15px;
  font-size: 14px;
  line-height: 20px;
  color: #808080;
}
.design_renew_popups .btns {
  background-color: #f8f8f8;
  border-top: 1px solid #ededed;
  padding: 12px 0;
  text-align: center;
}
.design_renew_popups .btns button {
  display: inline-block;
  vertical-align: top;
  width: 112px;
  height: 34px;
  font-size: 14px;
  margin: 0 5px;
  cursor: pointer;
}
.design_renew_popups .btns button.cancel {
  border: 1px solid #ccc;
  color: #333;
  background-color: #fff;
}
.design_renew_popups .btns button.sure {
  background-color: #e67d14;
  color: #fff;
}

.design_generating_popups {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  display: none;
}
.design_generating_popups .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.design_generating_popups .cell_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.design_generating_popups .main {
  max-width: 420px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
  padding: 50px 40px;
}
.design_generating_popups h3 {
  font-size: 18px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.design_generating_popups p {
  margin-top: 15px;
  font-size: 14px;
  line-height: 20px;
  color: #808080;
}
.design_generating_popups .line {
  height: 24px;
  border-radius: 20px;
  background-color: #f5f5f5;
  overflow: hidden;
  position: relative;
  margin-top: 15px;
}
.design_generating_popups .line.mt {
  margin-top: 30px;
}
.design_generating_popups .line span {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #e67d14;
  border-radius: 20px;
}
.design_generating_popups .tips {
  margin-top: 15px;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
.design_generating_popups .tips span {
  color: #e67d14;
}
.design_generating_popups .tips i {
  float: right;
  font-style: normal;
}

.design_success_popups {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  display: none;
}
.design_success_popups .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.design_success_popups .cell_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.design_success_popups .main {
  max-width: 500px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
  padding: 40px 30px 30px;
}
.design_success_popups .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/close-1.png");
  cursor: pointer;
}
.design_success_popups h3 {
  font-size: 18px;
  color: #333;
  font-family: 'PingFang-Medium';
  padding-left: 30px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../images/design/icon-12.png");
}
.design_success_popups p {
  font-size: 12px;
  color: #808080;
  margin: 15px 0;
}
.design_success_popups .item {
  width: 400px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.design_success_popups .item:nth-of-type(2) {
  margin-left: 20px;
}
.design_success_popups .item .img_block {
  position: relative;
  overflow: hidden;
}
.design_success_popups .item img {
  display: block;
  width: 100%;
}
.design_success_popups .item .btns {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}
.design_success_popups .item .btns a {
  display: block;
  margin: 10px auto;
  width: 100px;
  line-height: 36px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.design_success_popups .item .btns .view {
  background-color: #e67d14;
}
.design_success_popups .item .btns .edit {
  background-color: rgba(0, 0, 0, 0.3);
}
.design_success_popups .item .btns .edit:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.design_success_popups .item:hover .btns {
  display: block;
}

/*vr*/
.vr_page .main {
  width: 86vw;
  max-width: 1200px;
  margin: 0 auto;
  padding: 3vw 0 6vw;
}
.vr_page .load {
  margin-top: 3vw;
}
.vr_page .load a {
  width: 48px;
  height: 48px;
  display: block;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/vr/icon-1.png");
}

.vr_digital_list {
  font-size: 0;
}
.vr_digital_list .item {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 12px);
  margin: 24px 24px 0 0;
  background-color: #f5f5f5;
}
.vr_digital_list .item:nth-of-type(1), .vr_digital_list .item:nth-of-type(2) {
  margin-top: 0;
}
.vr_digital_list .item:nth-of-type(even) {
  margin-right: 0;
}
.vr_digital_list .item .img_block {
  overflow: hidden;
  position: relative;
}
.vr_digital_list .item .img_block:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1;
}	 
.vr_digital_list .item .img_block:after {
  content: '';
  width: 40px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/about/icon-18.png);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}
.vr_digital_list .item .txt_block {
  padding: 2vw;
}
.vr_digital_list .item img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.vr_digital_list .item h3 {
  font-size: 24px;
  color: #333;
  font-family: 'PingFang-Medium';
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.vr_digital_list .item .desc {
  font-size: 14px;
  line-height: 20px;
  height: 40px;
  color: #e67d14;
  margin: 10px 0;
  overflow: hidden;
}
.vr_digital_list .item .para {
  font-size: 12px;
  line-height: 20px;
  color: #808080;
  height: 120px;
  overflow: hidden;
}
.vr_digital_list .item:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.vr_digital_list .item:hover h3 {
  color: #e67d14;
}

.vr_realscene_list .item {
  background-color: #f5f5f5;
  margin-top: 3vw;
}
.vr_realscene_list .item:nth-of-type(1) {
  margin-top: 0;
}
.vr_realscene_list .item .img_block {
  overflow: hidden;
  position: relative;
}
.vr_realscene_list .item .img_block:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.vr_realscene_list .item .img_block:after {
  content: '点击浏览';
  width: 80px;
  height: 70px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/about/icon-18.png);
  background-position: top;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  font-size: 14px;
  text-align: center;
  color: #fff;
  padding-top: 66px;
  background-size: 60px;
  font-weight: 700;
}
.vr_realscene_list .item .txt_block {
  padding: 2vw;
}
.vr_realscene_list .item img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.vr_realscene_list .item h3 {
  font-size: 24px;
  color: #333333;
  font-family: 'PingFang-Medium';
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.vr_realscene_list .item p {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
  max-width: 880px;
}
.vr_realscene_list .item:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.vr_realscene_list .item:hover h3 {
  color: #e67d14;
}

/*case*/
.case_page .main {
  width: 86vw;
  max-width: 1320px;
  margin: 0 auto;
  padding: 3vw 0 6vw;
}

.case_crew_list {
  font-size: 0;
  margin-bottom: 3vw;
}
.case_crew_list .item {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 48px) / 3);
  margin: 24px 24px 0 0;
}
.case_crew_list .item:nth-of-type(1), .case_crew_list .item:nth-of-type(2), .case_crew_list .item:nth-of-type(3) {
  margin-top: 0;
}
.case_crew_list .item:nth-of-type(3n) {
  margin-right: 0;
}
.case_crew_list .item .img_block {
  overflow: hidden;
}
.case_crew_list .item img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.case_crew_list .item h3 {
  font-size: 24px;
  color: #333;
  margin: 15px 0 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.case_crew_list .item:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.case_crew_list .item:hover h3 {
  color: #e67d14;
}

.case_sampleroom_list {
  font-size: 0;
  margin-bottom: 3vw;
}
.case_sampleroom_list .item {
  padding: 2vw 0;
  border-bottom: 1px solid #e6e6e6;
}
.case_sampleroom_list .item .img_block {
  display: inline-block;
  vertical-align: middle;
  width: 34.84%;
  overflow: hidden;
}
.case_sampleroom_list .item .txt_block {
  display: inline-block;
  vertical-align: middle;
  width: 65.16%;
  padding-left: 3vw;
}
.case_sampleroom_list .item img {
  display: block;
  width: 100%;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.case_sampleroom_list .item h3 {
  font-size: 24px;
  color: #333;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.case_sampleroom_list .item p {
  font-size: 16px;
  line-height: 32px;
  color: #808080;
  height: 96px;
  overflow: hidden;
  margin-top: 20px;
}
.case_sampleroom_list .item:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.case_sampleroom_list .item:hover h3 {
  color: #e67d14;
}

.case_detail h3 {
  font-size: 36px;
  color: #333;
  text-align: center;
}
.case_detail .cont {
  margin-top: 24px;
  position: relative;
}
.case_detail .slick img {
  display: block;
  width: 100%;
}
.case_detail .slick .slick-arrow {
  width: 70px;
  height: 70px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -35px;
  background-color: #fff;
  border-radius: 50%;
  font-size: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.case_detail .slick .slick-arrow.show {
  opacity: 1;
}
.case_detail .slick .slick-prev {
  left: 30px;
  background-image: url("../images/case/prev.png");
}
.case_detail .slick .slick-next {
  right: 30px;
  background-image: url("../images/case/next.png");
}
.case_detail .para {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2vw;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 18px;
  line-height: 36px;
  color: #fff;
}
.case_detail .more {
  text-align: center;
  margin-top: 3vw;
}
.case_detail .more a {
  font-size: 18px;
  color: #333;
  padding-right: 20px;
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url("../images/case/more.png");
}
.case_detail .more a:hover {
  color: #e67d14;
  background-image: url("../images/case/more-on.png");
}

/*about*/
.comm_share {
  position: absolute;
  top: 6vw;
  right: calc(100% + 40px);
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.comm_share.visi {
  opacity: 0;
}
.comm_share span {
  margin-top: 20px;
  height: 1px;
  background-color: #e6e6e6;
  display: block;
}
.comm_share a {
  display: block;
  width: 40px;
  height: 40px !important;
  padding: 0 !important;
  margin: 10px 0 0 !important;
  float: none !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.comm_share a:first-of-type {
  border-radius: 50%;
  background-color: #fcf2e7;
  background-image: url("../images/share-1.png");
}
.comm_share a.wx {
  background-image: url("../images/share-2.png");
}
.comm_share a.wx:hover {
  background-image: url("../images/share-2-on.png");
}
.comm_share a.sina {
  background-image: url("../images/share-3.png");
}
.comm_share a.sina:hover {
  background-image: url("../images/share-3-on.png");
}
.comm_share a.qq {
  background-image: url("../images/share-4.png");
}
.comm_share a.qq:hover {
  background-image: url("../images/share-4-on.png");
}

.about_news_list .main,
.about_news_detail .main,
.about_license .main,
.about_recruit .main {
  width: 86vw;
  max-width: 1320px;
  margin: 0 auto;
  padding: 4.5vw 0;
}

.about_news_list .type_box {
  font-size: 0;
}
.about_news_list .type_box a {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  text-align: center;
  font-size: 24px;
  color: #333333;
  font-family: 'PingFang-Medium';
  line-height: 70px;
  border: 1px solid #eeeeee;
  background-color: #fafafa;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.about_news_list .type_box a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #e67d14;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.about_news_list .type_box a.active {
  border-color: transparent;
  color: #e67d14;
  background-color: transparent;
}
.about_news_list .type_box a.active:before {
  opacity: 1;
}
.about_news_list .type_box a:hover {
  color: #e67d14;
}
.about_news_list .lists {
  margin: 2vw 0 3vw;
}
.about_news_list .list {
  padding: 1.56vw 0;
  border-bottom: 1px solid #e6e6e6;
  font-size: 0;
}
.about_news_list .list .img_block {
  width: 36.36%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}
.about_news_list .list .txt_block {
  width: 63.64%;
  display: inline-block;
  vertical-align: middle;
  padding-left: 2.5vw;
}
.about_news_list .list img {
  display: block;
  width: 100%;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.about_news_list .list .date {
  font-size: 16px;
  line-height: 1;
  color: #333;
  font-family: 'DINPro-Medium';
}
.about_news_list .list h3 {
  font-size: 24px;
  line-height: 1;
  color: #333;
  font-family: 'PingFang-Medium';
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 10px;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.about_news_list .list p, .about_news_list .list span {
  font-size: 16px;
  line-height: 24px;
  color: #808080;
}
.about_news_list .list p {
  max-height: 72px;
  overflow: hidden;
  margin: 10px 0;
}
.about_news_list .list:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.about_news_list .list:hover h3 {
  color: #e67d14;
}

.about_license .lists {
  margin-bottom: 3vw;
  font-size: 0;
}
.about_license .list {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 12px);
  margin: 24px 24px 0 0;
}
@media screen and (min-width: 992px) {
  .about_license .list {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .about_license .list:nth-of-type(1), .about_license .list:nth-of-type(2) {
    margin-top: 0;
  }
  .about_license .list:nth-of-type(even) {
    margin-right: 0;
  }
}
.about_license .list .img_block {
  overflow: hidden;
}
.about_license .list img {
  display: block;
  width: 100%;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.about_license .list h3 {
  padding: 1.5vw;
  font-size: 20px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #fafafa;
  text-align: center;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
@media screen and (min-width: 992px) {
  .about_license .list:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  }
  .about_license .list:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  .about_license .list:hover h3 {
    background-color: #fff;
  }
}

.about_contact .section1 {
  width: 86vw;
  max-width: 1383px;
  margin: 0 auto;
  position: relative;
  padding-top: 4.5vw;
}
.about_contact .section1 img {
  display: block;
  width: 100%;
}
.about_contact .section1 .txt {
  position: absolute;
  left: 0;
  right: 0;
  top: 4.5vw;
  text-align: center;
}
.about_contact .section1 h3 {
  font-size: 36px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.about_contact .section1 p {
  font-size: 24px;
  color: #808080;
  font-family: 'PingFang-Medium';
  margin-top: 10px;
}
.about_contact .section2 {
  width: 86vw;
  max-width: 1300px;
  margin: 0 auto;
  padding-bottom: 4.5vw;
}
.about_contact .section2 h3 {
  font-size: 36px;
  color: #333;
  font-family: 'PingFang-Medium';
  text-align: center;
}
.about_contact .section2 .items {
  margin-top: 3vw;
  font-size: 0;
}
.about_contact .section2 .item {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 12px);
  margin: 24px 24px 0 0;
}
@media screen and (min-width: 992px) {
  .about_contact .section2 .item:nth-of-type(1), .about_contact .section2 .item:nth-of-type(2) {
    margin-top: 0;
  }
  .about_contact .section2 .item:nth-of-type(even) {
    margin-right: 0;
  }
}
.about_contact .section2 .item .top_box {
  position: relative;
  -webkit-transition: box-shadow 0.3s ease;
  -moz-transition: box-shadow 0.3s ease;
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
}
.about_contact .section2 .item .bot_box {
  padding: 24px 0;
}
.about_contact .section2 .item .img_block {
  width: 21.6%;
  position: relative;
}
.about_contact .section2 .item .img_block img {
  display: block;
  width: 100%;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: filter 0.3s ease;
  -moz-transition: filter 0.3s ease;
  -ms-transition: filter 0.3s ease;
  transition: filter 0.3s ease;
}
.about_contact .section2 .item .img_block span {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 48px;
  line-height: 1;
  color: #fff;
  width: 50px;
  font-family: 'PingFang_Bold;';
}
.about_contact .section2 .item .map {
  position: absolute;
  top: 0;
  right: 0;
  width: 78.4%;
  height: 100%;
}
.about_contact .section2 .item h4 {
  font-size: 24px;
  line-height: 1;
}
.about_contact .section2 .item p {
  font-size: 18px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 100px;
  position: relative;
  margin: 15px 0;
}
.about_contact .section2 .item p a {
  color: #e67d14;
  position: absolute;
  right: 0;
  top: 0;
}
.about_contact .section2 .item .addr {
  padding-left: 20px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../images/about/icon-1.png");
  font-size: 16px;
  color: #333;
}
.about_contact .section2 .item .addr a{
	color: #e67d14;
}
.about_contact .section2 .item .tel {
  padding-left: 20px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../images/about/icon-2.png");
  font-size: 14px;
  color: #808080;
  margin-top: 5px;
}
.about_contact .section2 .item .time {
  padding-left: 20px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../images/about/icon-time.png");
  font-size: 14px;
  color: #808080;
  margin-top: 5px;
}


.about_contact .section2 .item:hover .top_box {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.about_contact .section2 .item:hover .img_block img {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  filter: grayscale(0%);
}

.about_news_detail .main {
  font-size: 0;
  position: relative;
}
.about_news_detail .left_block {
  width: 68%;
  display: inline-block;
  vertical-align: top;
  padding-right: 24px;
  border-right: 1px solid #e6e6e6;
}
.about_news_detail .left_block .top_block {
  padding-bottom: 2vw;
  border-bottom: 1px solid #e6e6e6;
}
.about_news_detail .left_block .top_block h3 {
  font-size: 32px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.about_news_detail .left_block .top_block .info {
  margin-top: 10px;
  font-size: 0;
}
.about_news_detail .left_block .top_block .info span {
  font-size: 16px;
  color: #808080;
  margin-left: 2vw;
}
.about_news_detail .left_block .top_block .info span:nth-of-type(1) {
  margin-left: 0;
}
.about_news_detail .left_block .cont_box {
  margin-top: 2vw;
  font-size: 16px;
  line-height: 28px;
  color: #808080;
}
.about_news_detail .left_block .cont_box p {
  text-indent: 2em;
}
.about_news_detail .left_block .cont_box img {
  max-width: 90%;
  margin: 0 auto;
}
.about_news_detail .left_block .back_btn {
  display: block;
  width: 120px;
  height: 120px;
  background-color: #fae5d0;
  border-radius: 50%;
  margin: 3vw auto 0;
  text-align: center;
}
.about_news_detail .left_block .back_btn span {
  display: block;
  font-size: 14px;
  color: #e67d14;
  font-family: 'PingFang-Medium';
}
.about_news_detail .left_block .back_btn span:before {
  content: '';
  width: 32px;
  height: 24px;
  display: block;
  margin: 0 auto 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/return.png");
}
.about_news_detail .left_block .other_block {
  margin-top: 3vw;
}
.about_news_detail .left_block .other_block .item {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 12px);
  padding: 20px 30px;
  border: 1px solid #e6e6e6;
  border-top-width: 3px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.about_news_detail .left_block .other_block .item:last-of-type {
  margin-left: 24px;
}
.about_news_detail .left_block .other_block .item span {
  font-size: 18px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.about_news_detail .left_block .other_block .item a {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #333;
  height: 48px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.about_news_detail .left_block .other_block .item:hover {
  border-top-color: #e67d14;
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.about_news_detail .left_block .other_block .item:hover a {
  color: #e67d14;
}
.about_news_detail .right_block {
  width: 32%;
  display: inline-block;
  vertical-align: top;
  padding-left: 24px;
}
.about_news_detail .right_block h3 {
  font-size: 32px;
  color: #000;
  font-family: 'PingFang-Medium';
}
.about_news_detail .right_block p {
  font-size: 16px;
  color: #808080;
}
.about_news_detail .right_block .items {
  margin-top: 2vw;
}
.about_news_detail .right_block .item {
  margin-top: 1.5vw;
}
.about_news_detail .right_block .item:nth-of-type(1) {
  margin-top: 0;
}
.about_news_detail .right_block .item .img_block {
  overflow: hidden;
}
.about_news_detail .right_block .item img {
  display: block;
  width: 100%;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.about_news_detail .right_block .item h4 {
  font-size: 18px;
  line-height: 24px;
  color: #000;
  font-family: 'PingFang-Medium';
  margin-top: 1.5vw;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.about_news_detail .right_block .item .date {
  font-size: 16px;
  color: #808080;
}
.about_news_detail .right_block .item:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.about_news_detail .right_block .item:hover h4 {
  color: #e67d14;
}

.about_recruit .filter {
  font-size: 0;
  position: relative;
  padding-right: 360px;
}
.about_recruit .filter .select,
.about_recruit .filter .search,
.about_recruit .filter .tips {
  display: inline-block;
  vertical-align: top;
}
.about_recruit .filter .select {
  width: calc(30% - 20px);
  margin-right: 20px;
  border: 1px solid #e6e6e6;
  position: relative;
}
.about_recruit .filter .select:after {
  content: '';
  width: 14px;
  height: 8px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/about/icon-5.png");
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -4px;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  z-index: 3;
}
.about_recruit .filter .select input {
  position: relative;
  cursor: pointer;
  z-index: 2;
}
.about_recruit .filter .select ul {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  margin-top: 1px;
  z-index: 1;
  display: none;
}
.about_recruit .filter .select ul li {
  font-size: 16px;
  color: #808080;
  line-height: 50px;
  padding: 0 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.about_recruit .filter .select ul li:hover {
  background: #e67d14;
  color: #fff;
}
.about_recruit .filter .select.open ul {
  display: block;
}
.about_recruit .filter .search {
  width: calc(70% - 20px);
  margin-right: 20px;
  border: 1px solid #e6e6e6;
  position: relative;
}
.about_recruit .filter .search button {
  width: 68px;
  height: 68px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/about/icon-4.png");
}
.about_recruit .filter .tips {
  width: 360px;
  position: absolute;
  right: 0;
  top: 0;
  border: 1px solid #e6e6e6;
  background-color: #f6f6f6;
  font-size: 14px;
  line-height: 24px;
  color: #333;
  padding: 10px 24px;
}
.about_recruit .filter input {
  display: block;
  width: 100%;
  height: 68px;
  font-size: 16px;
  color: #a6a6a6;
  padding: 0 20px;
}
.about_recruit .filter input::-webkit-input-placeholder {
  color: #a6a6a6;
}
.about_recruit .filter input::-moz-placeholder {
  color: #a6a6a6;
}
.about_recruit .filter input:-moz-placeholder {
  color: #a6a6a6;
}
.about_recruit .filter input:-ms-input-placeholder {
  color: #a6a6a6;
}
.about_recruit .filter input:focus::-webkit-input-placeholder {
  color: #a6a6a6;
}
.about_recruit .filter input:focus::-moz-placeholder {
  color: #a6a6a6;
}
.about_recruit .filter input:focus:-moz-placeholder {
  color: #a6a6a6;
}
.about_recruit .filter input:focus:-ms-input-placeholder {
  color: #a6a6a6;
}
.about_recruit .cont {
  margin-top: 20px;
  border: 1px solid #e6e6e6;
}
.about_recruit .cont .h_tit {
  padding: 0 6vw;
  font-size: 0;
}
.about_recruit .cont .h_tit span {
  display: inline-block;
  vertical-align: top;
  font-size: 24px;
  line-height: 70px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.about_recruit .cont .h_tit span:nth-of-type(1) {
  width: 30%;
}
.about_recruit .cont .h_tit span:nth-of-type(2) {
  width: 27%;
}
.about_recruit .cont .h_tit span:nth-of-type(3) {
  width: 27%;
}
.about_recruit .cont .h_tit span:nth-of-type(3) {
  width: 16%;
}
.about_recruit .cont ul li {
  border-top: 1px solid #e6e6e6;
}
.about_recruit .cont ul li .show {
  padding: 0 6vw;
  font-size: 0;
  position: relative;
  cursor: pointer;
}
.about_recruit .cont ul li .show span {
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  line-height: 70px;
  color: #333;
}
.about_recruit .cont ul li .show span:nth-of-type(1) {
  width: 30%;
}
.about_recruit .cont ul li .show span:nth-of-type(2) {
  width: 27%;
}
.about_recruit .cont ul li .show span:nth-of-type(3) {
  width: 27%;
}
.about_recruit .cont ul li .show span:nth-of-type(3) {
  width: 16%;
}
.about_recruit .cont ul li .show:after {
  content: '';
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -6px;
  width: 21px;
  height: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/about/icon-6.png");
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.about_recruit .cont ul li .hide {
  background-color: #f6f6f6;
  padding: 3vw 6vw;
  border-top: 1px solid #e6e6e6;
  display: none;
}
.about_recruit .cont ul li .txts {
  font-size: 0;
}
.about_recruit .cont ul li .txt {
  display: inline-block;
  vertical-align: top;
}
.about_recruit .cont ul li .txt:nth-of-type(1) {
  width: 55%;
  padding-right: 10%;
}
.about_recruit .cont ul li .txt:nth-of-type(2) {
  width: 45%;
}
.about_recruit .cont ul li .txt h3 {
  font-size: 20px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.about_recruit .cont ul li .txt .para {
  margin-top: 10px;
  font-size: 16px;
  line-height: 2;
  color: #333;
}
.about_recruit .cont ul li a {
  display: block;
  margin-top: 24px;
  width: 240px;
  line-height: 60px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background-color: #e67d14;
}
.about_recruit .cont ul li.active .show:after {
  background-image: url("../images/about/icon-6-on.png");
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.aboutrecruit_popups {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  display: none;
}
.aboutrecruit_popups .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.aboutrecruit_popups .cell_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.aboutrecruit_popups .main {
  width: 86vw;
  max-width: 1320px;
  margin: 0 auto;
  background-color: #fff;
  padding: 3vw 6vw 4.5vw;
  position: relative;
}
.aboutrecruit_popups .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/close-1.png");
  cursor: pointer;
}
.aboutrecruit_popups h3 {
  font-size: 36px;
  color: #333;
  text-align: center;
  font-family: 'PingFang-Medium';
}
.aboutrecruit_popups .scroll {
  max-height: 60vh;
  overflow: auto;
  margin-top: 30px;
  padding-right: 10px;
}
.aboutrecruit_popups .boxes {
  font-size: 0;
}
.aboutrecruit_popups .box {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 48px) / 3);
  margin: 12px 24px 0 0;
  border: 1px solid #e6e6e6;
}
.aboutrecruit_popups .box:nth-of-type(1), .aboutrecruit_popups .box:nth-of-type(2), .aboutrecruit_popups .box:nth-of-type(3) {
  margin-top: 0;
}
.aboutrecruit_popups .box:nth-of-type(3n) {
  margin-right: 0;
}
.aboutrecruit_popups .box:last-of-type {
  margin-right: 0;
  width: 100%;
}
.aboutrecruit_popups .box input, .aboutrecruit_popups .box select {
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 20px;
  font-size: 16px;
  color: #333;
}
.aboutrecruit_popups .box select {
  background-image: url("../images/process/icon-4.png");
  background-repeat: no-repeat;
  background-position: 94% center;
}
.aboutrecruit_popups .box textarea {
  display: block;
  width: 100%;
  height: 120px;
  padding: 10px 20px;
  font-size: 16px;
  color: #333;
  resize: none;
}
.aboutrecruit_popups .submit {
  margin-top: 12px;
  font-size: 0;
}
.aboutrecruit_popups .submit .upload, .aboutrecruit_popups .submit button {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 48px) / 3);
  height: 50px;
  margin-right: 24px;
}
.aboutrecruit_popups .submit .upload {
  position: relative;
}
.aboutrecruit_popups .submit .upload input {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
}
.aboutrecruit_popups .submit .upload span {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 48px;
  color: #333;
  background-color: #f7f7f7;
}
.aboutrecruit_popups .submit .upload span:after {
  content: '';
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/about/icon-7.png");
  display: inline-block;
  vertical-align: middle;
  margin: -3px 0 0 10px;
}
.aboutrecruit_popups .submit button {
  font-size: 16px;
  color: #fff;
  background-color: #e67d14;
  cursor: pointer;
}

.about_join .section1 .main {
  width: 86vw;
  max-width: 1320px;
  margin: 0 auto;
  padding-top: 4.5vw;
}
.about_join .section1 h3 {
  text-align: center;
  font-size: 36px;
  color: #333;
}
.about_join .section1 p {
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  margin-top: 10px;
  text-align: center;
}
.about_join .section1 img {
  display: block;
  width: 100%;
  max-width: 1306px;
  margin: 3vw auto 0;
}
.about_join .section2 .tab_tit {
  font-size: 0;
  text-align: center;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
}
.about_join .section2 .tab_tit .item {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  max-width: 240px;
  padding: 20px 0;
  text-align: center;
  border-bottom: 3px solid transparent;
  margin: 0 1.5vw;
  cursor: pointer;
}
.about_join .section2 .tab_tit .item i {
  display: block;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.about_join .section2 .tab_tit .item span {
  display: block;
  font-size: 22px;
  color: #808080;
  margin-top: 15px;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.about_join .section2 .tab_tit .item:nth-of-type(1) i {
  background-image: url("../images/about/icon-8.png");
}
.about_join .section2 .tab_tit .item:nth-of-type(1):hover i, .about_join .section2 .tab_tit .item:nth-of-type(1).active i {
  background-image: url("../images/about/icon-8-on.png");
}
.about_join .section2 .tab_tit .item:nth-of-type(2) i {
  background-image: url("../images/about/icon-9.png");
}
.about_join .section2 .tab_tit .item:nth-of-type(2):hover i, .about_join .section2 .tab_tit .item:nth-of-type(2).active i {
  background-image: url("../images/about/icon-9-on.png");
}
.about_join .section2 .tab_tit .item:nth-of-type(3) i {
  background-image: url("../images/about/icon-10.png");
}
.about_join .section2 .tab_tit .item:nth-of-type(3):hover i, .about_join .section2 .tab_tit .item:nth-of-type(3).active i {
  background-image: url("../images/about/icon-10-on.png");
}
.about_join .section2 .tab_tit .item:nth-of-type(4) i {
  background-image: url("../images/about/icon-11.png");
}
.about_join .section2 .tab_tit .item:nth-of-type(4):hover i, .about_join .section2 .tab_tit .item:nth-of-type(4).active i {
  background-image: url("../images/about/icon-11-on.png");
}
.about_join .section2 .tab_tit .item:hover, .about_join .section2 .tab_tit .item.active {
  border-color: #e67d14;
}
.about_join .section2 .tab_tit .item:hover span, .about_join .section2 .tab_tit .item.active span {
  color: #e67d14;
}
.about_join .section2 .tab_cont {
  width: 86vw;
  max-width: 1320px;
  margin: 0 auto;
}
.about_join .section2 .tab_cont .child {
  display: none;
}
.about_join .section2 .box1 {
  padding: 2vw 0 4.5vw;
}
.about_join .section2 .box1 img {
  display: block;
  margin: 0 auto;
  max-width: 820px;
  width: 64%;
}
.about_join .section2 .box1 p {
  margin-top: 3vw;
  font-size: 20px;
  color: #333333;
  text-align: center;
}
.about_join .section2 .box2 {
  padding: 6vw 0;
  font-size: 0;
}
.about_join .section2 .box2 .item {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 72px) / 4);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  margin-right: 24px;
}
.about_join .section2 .box2 .item:nth-of-type(4n) {
  margin-right: 0;
}
.about_join .section2 .box2 .item .img_block {
  overflow: hidden;
}
.about_join .section2 .box2 .item .txt_block {
  height: 100px;
  padding: 0 20px;
  text-align: center;
}
.about_join .section2 .box2 .item img {
  display: block;
  width: 100%;
}
.about_join .section2 .box2 .item p {
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}
.about_join .section2 .box3_1 {
  padding: 6vw 0;
  font-size: 0;
  display: flex;
}
.about_join .section2 .box3_1 .item {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 48px) / 3);
  margin-right: 24px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.about_join .section2 .box3_1 .item:nth-of-type(3n) {
  margin-right: 0;
}
.about_join .section2 .box3_1 .item .img_block {
  overflow: hidden;
}
.about_join .section2 .box3_1 .item .txt_block {
  padding: 1.5vw 2vw;
}
.about_join .section2 .box3_1 .item img {
  display: block;
  width: 100%;
}
.about_join .section2 .box3_1 .item h3 {
  font-size: 24px;
  color: #333;
}
.about_join .section2 .box3_1 .item p {
  font-size: 14px;
  line-height: 24px;
  height: 48px;
  color: #808080;
  margin-top: 10px;
  overflow: hidden;
}
.about_join .section2 .box3_2 {
  padding: 6vw 0;
}
.about_join .section2 .box3_2 .item {
  font-size: 0;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.about_join .section2 .box3_2 .item .img_block {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  overflow: hidden;
}
.about_join .section2 .box3_2 .item .txt_block {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  padding: 0 4vw;
}
.about_join .section2 .box3_2 .item img {
  display: block;
  width: 100%;
}
.about_join .section2 .box3_2 .item h3 {
  font-size: 24px;
  color: #333;
}
.about_join .section2 .box3_2 .item p {
  font-size: 14px;
  line-height: 28px;
  color: #808080;
  margin-top: 10px;
}
.about_join .section2 .box4 {
  padding: 6vw 0;
}
.about_join .section2 .box4 .s_tab_tit {
  font-size: 0;
  text-align: center;
}
.about_join .section2 .box4 .s_tab_tit .item {
  display: inline-block;
  vertical-align: top;
  width: 150px;
  height: 150px;
  position: relative;
  margin-right: 9vw;
}
.about_join .section2 .box4 .s_tab_tit .item .box {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.about_join .section2 .box4 .s_tab_tit .item .box i {
  display: block;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
}
.about_join .section2 .box4 .s_tab_tit .item .box span {
  font-size: 16px;
  color: #fff;
  display: block;
  margin-top: 20px;
}
.about_join .section2 .box4 .s_tab_tit .item .cell_box {
  height: 100%;
}
.about_join .section2 .box4 .s_tab_tit .item .dot {
  position: absolute;
  left: calc(100% + 4.5vw);
  top: 50%;
  margin-top: -6px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.about_join .section2 .box4 .s_tab_tit .item .dot span {
  display: inline-block;
  vertical-align: top;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 8px;
}
.about_join .section2 .box4 .s_tab_tit .item .dot span:last-of-type {
  margin-right: 0;
}
.about_join .section2 .box4 .s_tab_tit .item:nth-of-type(1) .box {
  background: #e67d14;
}
.about_join .section2 .box4 .s_tab_tit .item:nth-of-type(1) .box i {
  background-image: url("../images/about/icon-14.png");
}
.about_join .section2 .box4 .s_tab_tit .item:nth-of-type(1) .dot span {
  background: #ed8f6b;
}
.about_join .section2 .box4 .s_tab_tit .item:nth-of-type(2) .box {
  background: #ed8f6b;
}
.about_join .section2 .box4 .s_tab_tit .item:nth-of-type(2) .box i {
  background-image: url("../images/about/icon-15.png");
}
.about_join .section2 .box4 .s_tab_tit .item:nth-of-type(2) .dot span {
  background: #eca95a;
}
.about_join .section2 .box4 .s_tab_tit .item:nth-of-type(3) {
  margin-right: 0;
}
.about_join .section2 .box4 .s_tab_tit .item:nth-of-type(3) .box {
  background: #eca95a;
}
.about_join .section2 .box4 .s_tab_tit .item:nth-of-type(3) .box i {
  background-image: url("../images/about/icon-16.png");
}
.about_join .section2 .box4 .s_tab_tit .item.active .box {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.about_join .section2 .box4 .s_tab_tit .item.active .dot span:nth-of-type(1) {
  -webkit-animation: dot1 1.2s linear infinite;
  -moz-animation: dot1 1.2s linear infinite;
  -ms-animation: dot1 1.2s linear infinite;
  animation: dot1 1.2s linear infinite;
}
.about_join .section2 .box4 .s_tab_tit .item.active .dot span:nth-of-type(2) {
  -webkit-animation: dot2 1.2s linear infinite;
  -moz-animation: dot2 1.2s linear infinite;
  -ms-animation: dot2 1.2s linear infinite;
  animation: dot2 1.2s linear infinite;
}
.about_join .section2 .box4 .s_tab_tit .item.active .dot span:nth-of-type(3) {
  -webkit-animation: dot3 1.2s linear infinite;
  -moz-animation: dot3 1.2s linear infinite;
  -ms-animation: dot3 1.2s linear infinite;
  animation: dot3 1.2s linear infinite;
}
.about_join .section2 .box4 .s_tab_cont {
  width: 82%;
  margin: 4vw auto 0;
}
.about_join .section2 .box4 .s_tab_cont .item {
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  padding: 3vw;
  display: none;
}
.about_join .section2 .box4 .s_tab_cont .item .num {
  float: left;
  height: 70px;
}
.about_join .section2 .box4 .s_tab_cont .item span {
  display: block;
  font-size: 100px;
  font-family: 'NeutraTextLight';
  line-height: 1;
  margin-top: -30px;
}
.about_join .section2 .box4 .s_tab_cont .item .txt {
  margin-left: 120px;
}
.about_join .section2 .box4 .s_tab_cont .item h3 {
  font-size: 20px;
  color: #333;
}
.about_join .section2 .box4 .s_tab_cont .item p {
  font-size: 16px;
  line-height: 24px;
  color: #808080;
  margin-top: 10px;
}
.about_join .section2 .box4 .s_tab_cont .item:nth-of-type(1) span {
  color: #e67d14;
}
.about_join .section2 .box4 .s_tab_cont .item:nth-of-type(2) span {
  color: #ed8f6b;
}
.about_join .section2 .box4 .s_tab_cont .item:nth-of-type(3) span {
  color: #eca95a;
}
.about_join .section3 {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  font-size: 0;
  position: relative;
}
.about_join .section3:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 12px;
  bottom: 12px;
  width: 1px;
  background-color: #e6e6e6;
}
.about_join .section3 .item {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 4vw 0;
  text-align: center;
}
.about_join .section3 .item.btn {
  cursor: pointer;
}
.about_join .section3 .item i {
  display: block;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
}
.about_join .section3 .item .tel, .about_join .section3 .item h3 {
  margin-top: 20px;
  line-height: 40px;
}
.about_join .section3 .item .tel {
  font-size: 28px;
}
.about_join .section3 .item h3 {
  font-size: 24px;
}
.about_join .section3 .item p {
  font-size: 16px;
  color: #333;
}

.aboutjoin_popups {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  display: none;
}
.aboutjoin_popups .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.aboutjoin_popups .cell_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.aboutjoin_popups .main {
  width: 640px;
  max-width: 1320px;
  margin: 0 auto;
  background-color: #fff;
  padding: 2vw 3vw;
  position: relative;
}
.aboutjoin_popups .close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/close-1.png");
  cursor: pointer;
}
.aboutjoin_popups h3 {
  font-size: 36px;
  color: #333;
  text-align: center;
  font-family: 'PingFang-Medium';
}
.aboutjoin_popups .scroll {
  max-height: 70vh;
  overflow: auto;
  margin-top: 30px;
  padding-right: 10px;
}
.aboutjoin_popups .box {
  margin-top: 20px;
  font-size: 0;
}
.aboutjoin_popups .box:nth-of-type(1) {
  margin-top: 0;
}
.aboutjoin_popups .box .item {
  display: inline-block;
  vertical-align: middle;
  margin-right: 4vw;
  cursor: pointer;
}
.aboutjoin_popups .box .item:last-of-type {
  margin-right: 0;
}
.aboutjoin_popups .box .item i, .aboutjoin_popups .box .item span {
  display: inline-block;
  vertical-align: middle;
}
.aboutjoin_popups .box .item i {
  width: 24px;
  height: 24px;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  position: relative;
}
.aboutjoin_popups .box .item i:after {
  content: '';
  width: 14px;
  height: 14px;
  background-color: #e67d14;
  position: absolute;
  top: 4px;
  left: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.aboutjoin_popups .box .item span {
  font-size: 14px;
  color: #333;
  margin-left: 10px;
}
.aboutjoin_popups .box .item.active i:after {
  opacity: 1;
}
.aboutjoin_popups .box input, .aboutjoin_popups .box select {
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #e6e6e6;
  padding: 0 20px;
  font-size: 16px;
  color: #333;
}
.aboutjoin_popups .box select {
  background-image: url("../images/process/icon-4.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
}
.aboutjoin_popups .box select.half {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 12px);
}
.aboutjoin_popups .box select.mar {
  margin-right: 24px;
}
.aboutjoin_popups .box textarea {
  display: block;
  width: 100%;
  height: 120px;
  border: 1px solid #e6e6e6;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 24px;
  color: #333;
}
.aboutjoin_popups .box button {
  width: 100%;
  height: 50px;
  font-size: 16px;
  color: #fff;
  background-color: #e67d14;
  cursor: pointer;
}

.about_introduction .main {
  width: 86vw;
  max-width: 1320px;
  margin: 0 auto;
}
.about_introduction .intro_h3 {
  font-size: 36px;
  font-family: 'PingFang-Medium';
}
.about_introduction .intro_h3:after {
  content: '';
  width: 36px;
  height: 2px;
  background-color: #e67d14;
  display: block;
  margin-top: 24px;
}
.about_introduction .intro_para {
  font-size: 16px;
  line-height: 32px;
  color: #333;
}
.about_introduction .section1 {
  padding: 5vw 0 8vw;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-image: url("../images/about/img-23.jpg");
  background-size: 65.26% auto;
  font-size: 0;
}
.about_introduction .section1 .pic_items {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.about_introduction .section1 .pic_items .item {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-right: 30px;
}
.about_introduction .section1 .pic_items .item:nth-of-type(2) {
  margin-top: 8vw;
}
.about_introduction .section1 .pic_items img {
  display: block;
  width: 100%;
}
.about_introduction .section1 .intro_para {
  margin-top: 5vw;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-left: 30px;
}
.about_introduction .section2 {
  padding: 6vw 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.about_introduction .section2 .cont {
  width: 588px;
}
.about_introduction .section2 h3 {
  color: #fff;
}
.about_introduction .section2 h3:after {
  display: none;
}
.about_introduction .section2 p {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-top: 24px;
}
.about_introduction .section2 .links {
  font-size: 0;
}
.about_introduction .section2 .item {
  display: inline-block;
  vertical-align: top;
  width: 180px;
  height: 180px;
  text-align: center;
  margin: 24px 24px 0 0;
  background-color: rgba(220, 220, 220, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  transition: background 0.3s ease;
  cursor: pointer;
}
.about_introduction .section2 .item:nth-of-type(3n) {
  margin-right: 0;
}
.about_introduction .section2 .item i {
  display: block;
  height: 60px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.about_introduction .section2 .item h3 {
  font-size: 24px;
  line-height: 1;
  color: #fff;
  font-family: 'PingFang-Medium';
  margin-top: 20px;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.about_introduction .section2 .item a {
  display: block;
  font-size: 14px;
  line-height: 16px;
  height: 0;
  overflow: hidden;
  color: #e67d14;
  -webkit-transition: height 0.3s ease;
  -moz-transition: height 0.3s ease;
  -ms-transition: height 0.3s ease;
  transition: height 0.3s ease;
}
.about_introduction .section2 .item:nth-of-type(1) i {
  background-image: url("../images/about/icon-17-1.png");
}
.about_introduction .section2 .item:nth-of-type(1):hover i, .about_introduction .section2 .item:nth-of-type(1).active i {
  background-image: url("../images/about/icon-17-1-on.png");
}
.about_introduction .section2 .item:nth-of-type(2) i {
  background-image: url("../images/about/icon-17-2.png");
}
.about_introduction .section2 .item:nth-of-type(2):hover i, .about_introduction .section2 .item:nth-of-type(2).active i {
  background-image: url("../images/about/icon-17-2-on.png");
}
.about_introduction .section2 .item:nth-of-type(3) i {
  background-image: url("../images/about/icon-17-3.png");
}
.about_introduction .section2 .item:nth-of-type(3):hover i, .about_introduction .section2 .item:nth-of-type(3).active i {
  background-image: url("../images/about/icon-17-3-on.png");
}
.about_introduction .section2 .item:nth-of-type(4) i {
  background-image: url("../images/about/icon-17-4.png");
}
.about_introduction .section2 .item:nth-of-type(4):hover i, .about_introduction .section2 .item:nth-of-type(4).active i {
  background-image: url("../images/about/icon-17-4-on.png");
}
.about_introduction .section2 .item:nth-of-type(5) i {
  background-image: url("../images/about/icon-17-5.png");
}
.about_introduction .section2 .item:nth-of-type(5):hover i, .about_introduction .section2 .item:nth-of-type(5).active i {
  background-image: url("../images/about/icon-17-5-on.png");
}
.about_introduction .section2 .item:nth-of-type(6) i {
  background-image: url("../images/about/icon-17-6.png");
}
.about_introduction .section2 .item:nth-of-type(6):hover i, .about_introduction .section2 .item:nth-of-type(6).active i {
  background-image: url("../images/about/icon-17-6-on.png");
}
.about_introduction .section2 .item:nth-of-type(7) i {
  background-image: url("../images/about/icon-17-7.png");
}
.about_introduction .section2 .item:nth-of-type(7):hover i, .about_introduction .section2 .item:nth-of-type(7).active i {
  background-image: url("../images/about/icon-17-7-on.png");
}
.about_introduction .section2 .item:nth-of-type(8) i {
  background-image: url("../images/about/icon-17-8.png");
}
.about_introduction .section2 .item:nth-of-type(8):hover i, .about_introduction .section2 .item:nth-of-type(8).active i {
  background-image: url("../images/about/icon-17-8-on.png");
}
.about_introduction .section2 .item:nth-of-type(9) i {
  background-image: url("../images/about/icon-17-9.png");
}
.about_introduction .section2 .item:nth-of-type(9):hover i, .about_introduction .section2 .item:nth-of-type(9).active i {
  background-image: url("../images/about/icon-17-9-on.png");
}
.about_introduction .section2 .item:hover, .about_introduction .section2 .item.active {
  background-color: #fff;
}
.about_introduction .section2 .item:hover h3, .about_introduction .section2 .item.active h3 {
  color: #333;
  margin-top: 10px;
}
.about_introduction .section2 .item:hover a, .about_introduction .section2 .item.active a {
  height: 16px;
}
.about_introduction .section3 {
  position: relative;
}
.about_introduction .section3:after {
  content: '';
  display: block;
  clear: both;
}
.about_introduction .section3 .main {
  position: absolute;
  left: 0;
  right: 0;
  top: 14.5vw;
  z-index: 1;
}
.about_introduction .section3 .txt_block {
  width: 40%;
  max-width: 520px;
}
.about_introduction .section3 .txt_block h3 {
  color: #333;
}
.about_introduction .section3 .txt_block h3:after {
  margin-bottom: 24px;
}
.about_introduction .section3 .txt_block .intro_para {
  text-align: justify;
}
.about_introduction .section3 .img_block {
  width: 74%;
  max-width: 1385px;
  float: right;
  position: relative;
  z-index: 2;
}
.about_introduction .section3 .img_block img.bg {
  display: block;
  width: 100%;
}
.about_introduction .section3 .items {
  width: 35%;
  max-width: 486px;
  position: absolute;
  top: 24.5%;
  left: 33%;
}
.about_introduction .section3 .items img.s_bg {
  display: block;
  width: 100%;
}
.about_introduction .section3 .items .box {
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  position: absolute;
  cursor: pointer;
  z-index: 1;
}
.about_introduction .section3 .items .box:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #e67d14;
  display: block;
  border-radius: 50%;
}
.about_introduction .section3 .items .box:after {
  content: '';
  position: absolute;
  top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
  background-color: rgba(230, 125, 20, 0.3);
  border: 1px solid #e67d14;
  box-sizing: border-box;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.about_introduction .section3 .items .box span {
  position: absolute;
  left: 100%;
  top: -5px;
  font-size: 16px;
  line-height: 32px;
  color: #e67d14;
  padding-left: 10px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.about_introduction .section3 .items .box .txt {
  position: absolute;
  bottom: 40px;
  left: 50%;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
  padding: 2.5vw 4vw;
  white-space: nowrap;
  text-align: center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.about_introduction .section3 .items .box .txt h3 {
  font-size: 24px;
  color: #e67d14;
  font-family: 'PingFang-Medium';
}
.about_introduction .section3 .items .box .txt p {
  font-size: 16px;
  color: #000;
  margin-top: 10px;
}
.about_introduction .section3 .items .box .txt:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
}
.about_introduction .section3 .items .box:nth-of-type(1) {
  left: 0;
  bottom: -6px;
}
.about_introduction .section3 .items .box:nth-of-type(2) {
  left: 45%;
  top: 32%;
}
.about_introduction .section3 .items .box:nth-of-type(3) {
  right: -3px;
  top: 3px;
}
.about_introduction .section3 .items .box.active {
  z-index: 2;
}
.about_introduction .section3 .items .box.active:after, .about_introduction .section3 .items .box.active .txt {
  opacity: 1;
  visibility: visible;
}
.about_introduction .section3 .items .box.active span {
  opacity: 0;
  visibility: hidden;
}
.about_introduction .section4 {
  padding-bottom: 10vw;
  font-size: 0;
  border-top: 1px solid transparent;
}
.about_introduction .section4 .main {
  margin-top: -6vw;
}
.about_introduction .section4 .slick {
  width: 54.5%;
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0 30px 60px rgba(230, 125, 20, 0.3);
}
.about_introduction .section4 .slick .slick-list {
  margin: 0 -10px -10px 0;
}
.about_introduction .section4 .slick .item {
  padding: 0 10px 10px 0;
  position: relative;
}
.about_introduction .section4 .slick .item .img_block {
  overflow: hidden;
}
.about_introduction .section4 .slick .item .txt_block {
  position: absolute;
  left: 10px;
  bottom: -10px;
  right: 0;
  background-color: #e67d14;
  padding: 20px;
}
.about_introduction .section4 .slick .item img {
  display: block;
  width: 100%;
}
.about_introduction .section4 .slick .item h3 {
  font-size: 20px;
  color: #fff;
  font-family: 'PingFang-Medium';
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.about_introduction .section4 .slick .item p {
  font-size: 12px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.about_introduction .section4 .slick-dots {
  height: 12px;
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  text-align: center;
}
.about_introduction .section4 .slick-dots li {
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  background-color: #d9d9d9;
  border-radius: 12px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.about_introduction .section4 .slick-dots li.slick-active {
  width: 36px;
  background-color: #e67d14;
}
.about_introduction .section4 .slick-dots button {
  display: none;
}
.about_introduction .section4 .text {
  width: 45.5%;
  display: inline-block;
  vertical-align: middle;
  padding-left: 4vw;
}
.about_introduction .section4 .text h3 {
  color: #333;
}
.about_introduction .section4 .text h3:after {
  margin-bottom: 24px;
}
.about_introduction .section4 .text .intro_para {
  text-align: justify;
}
.about_introduction .section4 .text a {
  display: block;
  width: 200px;
  font-size: 16px;
  color: #333;
  text-align: center;
  line-height: 44px;
  border: 2px solid #d9d9d9;
  border-radius: 30px;
  margin-top: 24px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.about_introduction .section4 .text a:hover {
  background-color: #e67d14;
  color: #fff;
  border-color: #e67d14;
}
.about_introduction .section5 {
  position: relative;
}
.about_introduction .section5 img {
  display: block;
  width: 100%;
}
.about_introduction .section5 h3 {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 5vw;
  color: #fff;
}
.about_introduction .section5 h3:after {
  margin-left: auto;
  margin-right: auto;
}
.about_introduction .section5 a {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -45px 0 0 -45px;
  width: 90px;
  height: 90px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/about/icon-18.png");
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.about_introduction .section5 a:hover {
  background-image: url("../images/about/icon-18-on.png");
}
.about_introduction .section6 {
  padding: 6vw 0;
}
.about_introduction .section6 h3 {
  color: #333;
  text-align: center;
}
.about_introduction .section6 h3:after {
  margin-left: auto;
  margin-right: auto;
}
.about_introduction .section6 .cont {
  margin-top: 4vw;
  font-size: 0;
}
.about_introduction .section6 .intro_para {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-right: 2.5vw;
}
.about_introduction .section6 .img_block {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-left: 2.5vw;
}
.about_introduction .section6 .img_block .box {
  position: relative;
}
.about_introduction .section6 .img_block img {
  display: block;
  width: 100%;
}
.about_introduction .section6 .img_block .dot {
  width: 30px;
  height: 30px;
  position: absolute;
  margin: -15px 0 0 -15px;
}
.about_introduction .section6 .img_block .dot:after {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #e67d14;
  margin: -3px 0 0 -3px;
}
.about_introduction .section6 .img_block .dot span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #e67d14;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: scale 2s linear infinite;
  -moz-animation: scale 2s linear infinite;
  -ms-animation: scale 2s linear infinite;
  animation: scale 2s linear infinite;
}
.about_introduction .section6 .img_block .dot span:nth-of-type(2) {
  animation-delay: .7s;
}
.about_introduction .section6 .img_block .dot span:nth-of-type(3) {
  animation-delay: 1.4s;
}
.about_introduction .section6 .img_block .dot:nth-of-type(1) {
  top: 41.237%;
  left: 78.859%;
}
.about_introduction .section6 .img_block .dot:nth-of-type(2) {
  top: 50.17%;
  left: 69.127%;
}
.about_introduction .section6 .img_block .dot:nth-of-type(3) {
  top: 54.98%;
  left: 75.5%;
}
.about_introduction .section6 .img_block .dot:nth-of-type(4) {
  top: 63.573%;
  left: 75.6%;
}
.about_introduction .section6 .img_block .dot:nth-of-type(5) {
  top: 65.979%;
  left: 81%;
}
.about_introduction .section6 .img_block .dot:nth-of-type(6) {
  top: 38.83%;
  left: 20.13%;
}
.about_introduction .section6 .img_block .dot:nth-of-type(7) {
  top: 72.16%;
  left: 30.2%;
}
.about_introduction .section6 .img_block .dot:nth-of-type(8) {
  top: 25.429%;
  left: 50.33%;
}
.about_introduction .section6 .img_block .dot:nth-of-type(9) {
  top: 30.24%;
  left: 45.3%;
}
.about_introduction .section6 .img_block .dot:nth-of-type(10) {
  top: 36.42%;
  left: 48.657%;
}
.about_introduction .section6 .img_block .dot:nth-of-type(11) {
  top: 38.487%;
  left: 55%;
}
.about_introduction .section7 {
  padding-bottom: 6vw;
}
.about_introduction .section7 h3 {
  color: #333;
  text-align: center;
}
.about_introduction .section7 h3:after {
  margin-left: auto;
  margin-right: auto;
}
.about_introduction .section7 .items {
  margin-top: 2vw;
  font-size: 0;
}
.about_introduction .section7 .item {
  width: 18%;
  height: 400px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -ms-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.about_introduction .section7 .item .show {
  position: relative;
  height: 100%;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.about_introduction .section7 .item .show .bg {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  max-width: 240px;
}
.about_introduction .section7 .item .show h4 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2vw;
  text-align: center;
  font-size: 24px;
  color: #fff;
  font-family: 'PingFang-Medium';
  z-index: 2;
}
.about_introduction .section7 .item .show:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.about_introduction .section7 .item .hide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.about_introduction .section7 .item .hide .bg {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.about_introduction .section7 .item .hide .cell_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 4.5vw;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.about_introduction .section7 .item .hide h4 {
  font-size: 24px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.about_introduction .section7 .item .hide h4:after {
  content: '';
  display: block;
  width: 24px;
  height: 2px;
  background-color: #e67d14;
  margin: 24px 0;
}
.about_introduction .section7 .item.active {
  width: 64%;
}
.about_introduction .section7 .item.active .show {
  opacity: 0;
}
.about_introduction .section7 .item.active .hide .bg {
  opacity: .1;
  transition-delay: .3s;
}
.about_introduction .section7 .item.active .hide .cell_box {
  opacity: 1;
  transition-delay: .3s;
}
.about_introduction .section8 {
  background-color: #f7f7f7;
  padding: 6vw 0;
}
.about_introduction .section8 h3 {
  color: #333;
  text-align: center;
}
.about_introduction .section8 h3:after {
  margin-left: auto;
  margin-right: auto;
}
.about_introduction .section8 .tab_tit {
  text-align: center;
  font-size: 0;
  margin-top: 24px;
  border-bottom: 2px solid #e6e6e6;
}
.about_introduction .section8 .tab_tit span {
  display: inline-block;
  vertical-align: top;
  width: 11.11%;
  padding: 24px 0;
  font-size: 16px;
  color: #333;
  position: relative;
  cursor: pointer;
}
.about_introduction .section8 .tab_tit span:after {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -2px;
  background-color: #e67d14;
  transform-origin: left center;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.about_introduction .section8 .tab_tit span:hover:after, .about_introduction .section8 .tab_tit span.active:after {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.about_introduction .section8 .tab_cont {
  width: 66.66%;
  margin: 3vw auto 0;
}
.about_introduction .section8 .tab_cont .child {
  display: none;
  font-size: 0;
}
.about_introduction .section8 .tab_cont .img_block {
  width: 240px;
  height: 240px;
  border: 8px solid #fff;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}
.about_introduction .section8 .tab_cont img {
  display: block;
  width: 100%;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}
.about_introduction .section8 .tab_cont .txt_block {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 240px);
  padding-left: 3vw;
}
.about_introduction .section8 .tab_cont h4 {
  font-size: 24px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.about_introduction .section8 .tab_cont .intro_para {
  margin-top: 10px;
}
.about_introduction .section8 a.link {
  display: block;
  width: 200px;
  font-size: 16px;
  line-height: 48px;
  color: #fff;
  border-radius: 30px;
  background-color: #e67d14;
  text-align: center;
  margin: 3vw auto 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.about_introduction .section8 a.link:hover {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(230, 150, 20, 0.3);
}


.about_introduction .section9 {
  width: 86vw;
  max-width: 1300px;
  margin: 0 auto;
  padding: 6vw 0 4.5vw;
}
.about_introduction .section9 h3 {
  color: #333;
  text-align: center;
}
.about_introduction .section9 h3:after {
  margin-left: auto;
  margin-right: auto;
}
.about_introduction .intro_h3 {
  font-size: 36px;
  font-family: 'PingFang-Medium';
}
.about_introduction .intro_h3:after {
  content: '';
  width: 36px;
  height: 2px;
  background-color: #e67d14;
  display: block;
  margin-top: 24px;
}
.about_introduction .section9 .para {
    font-size: 18px;
    line-height: 32px;
    color: #333;
    text-align: center;
    margin-top: 24px;
}
.about_introduction .section9 .items {
  margin-top: 3vw;
  font-size: 0;
}
.about_introduction .section9 .item {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 12px);
  margin: 24px 24px 0 0;
}
@media screen and (min-width: 992px) {
  .about_introduction .section9 .item:nth-of-type(1), .about_introduction .section9 .item:nth-of-type(2) {
    margin-top: 0;
  }
  .about_introduction .section9 .item:nth-of-type(even) {
    margin-right: 0;
  }
}
.about_introduction .section9 .item .top_box {
  position: relative;
  -webkit-transition: box-shadow 0.3s ease;
  -moz-transition: box-shadow 0.3s ease;
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
}
.about_introduction .section9 .item .bot_box {
  padding: 24px 0;
}
.about_introduction .section9 .item .img_block {
  width: 21.6%;
  position: relative;
}
.about_introduction .section9 .item .img_block img {
  display: block;
  width: 100%;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: filter 0.3s ease;
  -moz-transition: filter 0.3s ease;
  -ms-transition: filter 0.3s ease;
  transition: filter 0.3s ease;
}
.about_introduction .section9 .item .img_block span {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 48px;
  line-height: 1;
  color: #fff;
  width: 50px;
  font-family: 'PingFang_Bold;';
}
.about_introduction .section9 .item .map {
  position: absolute;
  top: 0;
  right: 0;
  width: 78.4%;
  height: 100%;
}
.about_introduction .section9 .item h4 {
  font-size: 24px;
  line-height: 1;
}
.about_introduction .section9 .item h4 a,.about_contact .section2 .item h4 a{
  float: right;
  color: #e67d14;
  font-size: 14px;
}
.about_introduction .section9 .item p {
  font-size: 18px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 100px;
  position: relative;
  margin: 15px 0;
}
.about_introduction .section9 .item p a {
  color: #e67d14;
  position: absolute;
  right: 0;
  top: 0;
}
.about_introduction .section9 .item .addr {
  padding-left: 20px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../images/about/icon-1.png");
  font-size: 16px;
  color: #333;
}
.about_introduction .section9 .item .addr a{
	color: #e67d14;
}
.about_introduction .section9 .item .tel {
  padding-left: 20px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../images/about/icon-2.png");
  font-size: 14px;
  color: #808080;
  margin-top: 5px;
}
.about_introduction .section9 .item .time {
  padding-left: 20px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("../images/about/icon-time.png");
  font-size: 14px;
  color: #808080;
  margin-top: 5px;
}


.about_introduction .section9 .item:hover .top_box {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.about_introduction .section9 .item:hover .img_block img {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  filter: grayscale(0%);
}

/*service*/
.service_list .main {
  width: 90vw;
  max-width: 1200px;
  margin: 0 auto;
}
.service_list .lists {
  margin: 2vw 0 3vw;
}
.service_list .list {
  position: relative;
  border-bottom: 1px solid #e6e6e6;
  padding: 2vw 0;
  font-size: 0;
}
.service_list .list:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("../images/service/down.png");
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.service_list .list .img_block {
  width: 30%;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}
.service_list .list .txt_block {
  width: 70%;
  display: inline-block;
  vertical-align: middle;
  padding: 0 2vw;
}
.service_list .list img {
  display: block;
  width: 100%;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.service_list .list .date {
  font-size: 16px;
  color: #333;
}
.service_list .list .date span {
  display: inline-block;
  vertical-align: middle;
  margin: -3px 0 0 10px;
  font-size: 12px;
  line-height: 16px;
  background-color: #e67d14;
  color: #fff;
  padding: 0 5px;
}
.service_list .list h3 {
  font-size: 24px;
  color: #333;
  font-family: 'PingFang-Medium';
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.service_list .list p {
  font-size: 14px;
  line-height: 24px;
  color: #808080;
  height: 72px;
  overflow: hidden;
  margin: 10px 0;
}
.service_list .list .time {
  font-size: 14px;
  color: #808080;
}
.service_list .list.expired .box {
  background-color: #f7f7f7;
}
.service_list .list.expired .date span {
  background-color: #808080;
}
.service_list .list:hover {
  border-color: transparent;
}
.service_list .list:hover:after {
  opacity: 1;
}
.service_list .list:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.service_list .list:hover h3 {
  color: #e67d14;
}

.service_detail .main {
  padding: 4.5vw 0 6vw;
  max-width: 1200px;
  width: 86vw;
  margin: 0 auto;
  position: relative;
}
.service_detail .top_box {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
}
.service_detail .top_box .date {
  font-size: 24px;
  color: #808080;
  margin-bottom: 10px;
}
.service_detail .top_box .date span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  background-color: #e67d14;
  margin: -3px 0 0 20px;
  padding: 0 10px;
}
.service_detail .top_box h3 {
  font-size: 40px;
  line-height: 48px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.service_detail .top_box .time {
  font-size: 16px;
  color: #808080;
  margin-top: 30px;
}
.service_detail .cont_box {
  margin-top: 2vw;
  font-size: 18px;
  line-height: 32px;
  color: #333;
}
.service_detail .cont_box img {
  max-width: 100%;
  margin: 0 auto;
}

/*help*/
.help_center .section1 {
  padding: 4vw 0;
}
.help_center .section1 h3 {
  font-size: 40px;
  line-height: 1;
  color: #333333;
  font-family: 'PingFang-Medium';
  text-align: center;
}
.help_center .section1 form {
  display: block;
  width: 62%;
  margin: 30px auto 0;
  position: relative;
  padding-right: 60px;
  height: 60px;
  border: 1px solid #dddddd;
}
.help_center .section1 form input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 24px;
  font-size: 16px;
  color: #808080;
}
.help_center .section1 form button {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/icon-9-on.png");
  cursor: pointer;
}
.help_center .section2 {
  background-color: #f7f7f7;
  padding: 30px 0 6vw;
}
.help_center .section2 .main {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  padding: 30px;
}
.help_center .section2 .top_box h3 {
  font-size: 32px;
  line-height: 1;
  color: #333;
  font-family: 'PingFang-Medium';
}
.help_center .section2 .top_box p {
  font-size: 14px;
  line-height: 1;
  color: #808080;
  margin-top: 10px;
}
.help_center .section2 .bot_box {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #e6e6e6;
  font-size: 0;
}
.help_center .section2 .left_box {
  width: 270px;
  display: inline-block;
  vertical-align: top;
  padding-right: 30px;
}
.help_center .section2 .left_box .box {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.help_center .section2 .left_box .box:last-of-type {
  border: none;
  padding: 0;
  margin: 0;
}
.help_center .section2 .left_box h3 {
  font-size: 24px;
  line-height: 24px;
  color: #333;
  font-family: 'PingFang-Medium';
  padding-left: 34px;
  background-position: left center;
  background-repeat: no-repeat;
}
.help_center .section2 .left_box a {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #808080;
  margin-top: 24px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.help_center .section2 .left_box a:after {
  content: '';
  width: 8px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/help/icon-4.png");
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  opacity: 0;
}
.help_center .section2 .left_box a:hover {
  color: #e67d14;
  text-decoration: underline;
}
.help_center .section2 .left_box a.active {
  color: #e67d14;
  text-decoration: underline;
}
.help_center .section2 .left_box a.active:after {
  opacity: 1;
}
.help_center .section2 .right_box {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 270px);
  padding: 0 30px 30px;
  border-left: 1px solid #e6e6e6;
}
.help_center .section2 .right_box .headline {
  font-size: 32px;
  color: #333;
}
.help_center .section2 .right_box .cont_box {
  font-size: 16px;
  line-height: 24px;
  color: #333;
  margin-top: 3vw;
}

/*knowledge*/
.knowledge_list .inner_banner form {
  display: block;
  width: 54%;
  margin: 0 auto;
  padding-right: 60px;
  height: 60px;
  background-color: #fff;
  position: relative;
}
.knowledge_list .inner_banner form input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 24px;
  font-size: 16px;
  color: #808080;
}
.knowledge_list .inner_banner form button {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/icon-9-on.png");
  cursor: pointer;
}
.knowledge_list .main {
  width: 86vw;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 6vw;
}
.knowledge_list .lists {
  margin: 2vw 0;
}
.knowledge_list .list {
  padding: 2vw 0;
  border-bottom: 1px solid #e4e4e4;
}
.knowledge_list .list h3 {
  font-size: 20px;
  color: #333;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.knowledge_list .list p {
  font-size: 14px;
  line-height: 24px;
  color: #808080;
  margin: 15px 0;
}
.knowledge_list .list p span {
  color: #e67d14;
}
.knowledge_list .list .date {
  font-size: 14px;
  color: #808080;
}
.knowledge_list .list:hover h3 {
  color: #e67d14;
}

.knowledge_material .main {
  width: 86vw;
  max-width: 1200px;
  margin: 0 auto;
}
.knowledge_material .tit {
  text-align: center;
  font-size: 36px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.knowledge_material .section1 {
  padding: 6vw 0;
}
.knowledge_material .section1 .para {
  font-size: 16px;
  line-height: 32px;
  color: #333;
  margin-top: 24px;
}
.knowledge_material .section2 {
  background-color: #f5f5f5;
  padding: 6vw 0;
}
.knowledge_material .section2 .desc {
  font-size: 16px;
  line-height: 32px;
  margin-top: 20px;
}
.knowledge_material .section2 .tab_tit {
  margin-top: 3vw;
  font-size: 0;
  text-align: center;
}
.knowledge_material .section2 .tab_tit span {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  font-size: 20px;
  line-height: 3;
  color: #333333;
  font-family: 'PingFang-Medium';
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.knowledge_material .section2 .tab_tit span.active {
  background-color: #fff;
  color: #e67d14;
}
.knowledge_material .section2 .tab_cont {
  background-color: #fff;
  padding: 3vw;
}
.knowledge_material .section2 .tab_cont .child {
  display: none;
}
.knowledge_material .section2 .tab_cont .item {
  border-top: 1px solid #e6e6e6;
  padding: 0 20px;
}
.knowledge_material .section2 .tab_cont .item:last-of-type {
  border-bottom: 1px solid #e6e6e6;
}
.knowledge_material .section2 .tab_cont .item:hover h3.drop, .knowledge_material .section2 .tab_cont .item.active h3.drop {
  color: #e67d14;
}
.knowledge_material .section2 .tab_cont .item:hover h3.drop:after, .knowledge_material .section2 .tab_cont .item.active h3.drop:after {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.knowledge_material .section2 .tab_cont .desc {
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.knowledge_material .section2 .tab_cont .para {
  font-size: 14px;
  line-height: 24px;
  color: #808080;
}
.knowledge_material .section2 .tab_cont .para.mb {
  margin-bottom: 20px;
}
.knowledge_material .section2 .tab_cont h3 {
  line-height: 56px;
  font-size: 16px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.knowledge_material .section2 .tab_cont h3.drop {
  position: relative;
  cursor: pointer;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.knowledge_material .section2 .tab_cont h3.drop:after {
  content: '';
  width: 20px;
  height: 11px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -5px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/knowledge/icon-1.png");
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.knowledge_material .section2 .tab_cont .hide {
  display: none;
}
.knowledge_material .section2 .tab_cont .box {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 20px;
}
.knowledge_material .section2 .tab_cont .box:last-of-type {
  border: none;
}
.knowledge_material .section2 .tab_cont .img_block {
  margin-top: 10px;
}
.knowledge_material .section2 .tab_cont .img_block img {
  display: block;
  max-width: 80%;
  margin: 0 auto;
}
.knowledge_material .section3 {
  padding: 6vw 0;
}
.knowledge_material .section3 .tab_tit {
  text-align: center;
  font-size: 0;
  margin-top: 24px;
  border-bottom: 2px solid #e6e6e6;
}
.knowledge_material .section3 .tab_tit span {
  display: inline-block;
  vertical-align: top;
  width: 12.5%;
  padding: 24px 0;
  font-size: 18px;
  color: #333;
  position: relative;
  cursor: pointer;
}
.knowledge_material .section3 .tab_tit span:after {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: -2px;
  background-color: #e67d14;
  transform-origin: left center;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.knowledge_material .section3 .tab_tit span:hover:after, .knowledge_material .section3 .tab_tit span.active:after {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.knowledge_material .section3 .tab_cont {
  margin-top: 24px;
}
.knowledge_material .section3 .tab_cont .child {
  display: none;
}
.knowledge_material .section3 .wood_list {
  font-size: 0;
}
.knowledge_material .section3 .wood {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 120px) / 6);
  margin: 24px 24px 0 0;
  z-index: 1;
}
.knowledge_material .section3 .wood:nth-of-type(6n) {
  margin-right: 0;
}
.knowledge_material .section3 .wood .show {
  position: relative;
  cursor: pointer;
}
.knowledge_material .section3 .wood .show img {
  display: block;
  width: 100%;
}
.knowledge_material .section3 .wood .show span {
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -12px;
  z-index: 2;
}
.knowledge_material .section3 .wood .show:after {
  content: '';
  background-color: rgba(230, 125, 20, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.knowledge_material .section3 .wood .hide {
  width: 1200px;
  max-width: 86vw;
  padding-top: 24px;
  position: relative;
  z-index: 3;
  display: none;
}
.knowledge_material .section3 .wood .hide .bg {
  background-color: #f5f5f5;
  padding: 3.5vw;
  position: relative;
}
.knowledge_material .section3 .wood .hide .bg:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f5f5f5;
  position: absolute;
  top: -10px;
  margin-left: -10px;
}
.knowledge_material .section3 .wood .hide h3 {
  font-size: 18px;
  color: #333;
  font-family: 'pingFang-Medium';
}
.knowledge_material .section3 .wood .hide .para {
  margin-top: 10px;
  font-size: 14px;
  line-height: 24px;
  color: #808080;
}
.knowledge_material .section3 .wood .hide .para a {
  display: inline-block;
  vertical-align: middle;
  background-color: #f2ddc8;
  color: #e67d14;
  padding: 0 10px;
  line-height: 20px;
  margin-right: 10px;
}
.knowledge_material .section3 .wood:nth-of-type(6n-5) .hide {
  margin-left: 0;
}
.knowledge_material .section3 .wood:nth-of-type(6n-5) .hide .bg:after {
  left: calc(100% / 12);
}
.knowledge_material .section3 .wood:nth-of-type(6n-4) .hide {
  margin-left: calc((-100% - 24px) * 1);
}
.knowledge_material .section3 .wood:nth-of-type(6n-4) .hide .bg:after {
  left: calc(100% / 12 * 3);
}
.knowledge_material .section3 .wood:nth-of-type(6n-3) .hide {
  margin-left: calc((-100% - 24px) * 2);
}
.knowledge_material .section3 .wood:nth-of-type(6n-3) .hide .bg:after {
  left: calc(100% / 12 * 5);
}
.knowledge_material .section3 .wood:nth-of-type(6n-2) .hide {
  margin-left: calc((-100% - 24px) * 3);
}
.knowledge_material .section3 .wood:nth-of-type(6n-2) .hide .bg:after {
  left: calc(100% / 12 * 7);
}
.knowledge_material .section3 .wood:nth-of-type(6n-1) .hide {
  margin-left: calc((-100% - 24px) * 4);
}
.knowledge_material .section3 .wood:nth-of-type(6n-1) .hide .bg:after {
  left: calc(100% / 12 * 9);
}
.knowledge_material .section3 .wood:nth-of-type(6n) .hide {
  margin-left: calc((-100% - 24px) * 5);
}
.knowledge_material .section3 .wood:nth-of-type(6n) .hide .bg:after {
  left: calc(100% / 12 * 11);
}
.knowledge_material .section3 .wood.active {
  z-index: 2;
}
.knowledge_material .section3 .wood.active .show:after {
  opacity: 1;
}
.knowledge_material .section3 .boxes {
  font-size: 0;
}
.knowledge_material .section3 .box {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 48px) / 3);
  margin: 3vw 24px 0 0;
}
.knowledge_material .section3 .box:nth-of-type(1), .knowledge_material .section3 .box:nth-of-type(2), .knowledge_material .section3 .box:nth-of-type(3) {
  margin-top: 0;
}
.knowledge_material .section3 .box:nth-of-type(3n) {
  margin-right: 0;
}
.knowledge_material .section3 .box .img_block {
  overflow: hidden;
}
.knowledge_material .section3 .box img {
  display: block;
  width: 100%;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.knowledge_material .section3 .box h3 {
  font-size: 16px;
  line-height: 1;
  color: #333;
  font-family: 'PingFang-Medium';
  margin: 30px 0 10px;
}
.knowledge_material .section3 .box p {
  font-size: 14px;
  line-height: 24px;
  color: #808080;
}
.knowledge_material .section3 .box:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

/*diy*/
.diy_caseitems {
  font-size: 0;
}
.diy_caseitems .diy_caseitem {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 36px) / 4);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.diy_caseitems .diy_caseitem .img_block {
  overflow: hidden;
  position: relative;
}
.diy_caseitems .diy_caseitem .img_block:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.diy_caseitems .diy_caseitem .img_block:after {
  content: '';
  width: 40px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/about/icon-18.png");
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}
.diy_caseitems .diy_caseitem img {
  display: block;
  width: 100%;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.diy_caseitems .diy_caseitem h3 {
  padding: 24px;
  font-size: 16px;
  color: #333;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.diy_caseitems .diy_caseitem:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.diy_caseitems .diy_caseitem:hover h3 {
  color: #e67d14;
}

.diy_index .tit {
  font-size: 42px;
  color: #333;
  text-align: center;
  font-family: 'PingFang-Bold;';
}
.diy_index .section1 {
  padding: 8vw 0;
  text-align: center;
}
.diy_index .section1 h3 {
  font-size: 72px;
  line-height: 1;
  color: #fff;
  font-family: 'PingFang-Bold;';
}
.diy_index .section1 .info {
  font-size: 0;
  margin-top: 30px;
}
.diy_index .section1 .info span {
  display: inline-block;
  vertical-align: top;
  font-size: 24px;
  line-height: 1;
  color: #fff;
}
.diy_index .section1 .info span:after {
  content: '';
  width: 1px;
  height: 24px;
  background-color: rgba(255, 255, 255, 0.2);
  margin: 0 24px;
  display: inline-block;
  vertical-align: top;
}
.diy_index .section1 .info span:last-of-type:after {
  display: none;
}
.diy_index .section1 a {
  display: block;
  width: 240px;
  font-size: 24px;
  line-height: 60px;
  color: #fff;
  text-align: center;
  background-color: #e67d14;
  margin: 4.5vw auto 0;
}
.diy_index .section2 {
  padding-top: 6vw;
}
.diy_index .section2 .item_box {
  margin-top: 2.5vw;
  font-size: 0;
  padding: 0 6vw;
  position: relative;
  z-index: 2;
}
.diy_index .section2 .item_box .item {
  display: inline-block;
  vertical-align: top;
  width: 21.33%;
  height: 420px;
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  overflow: hidden;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -ms-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.diy_index .section2 .item_box .item:nth-of-type(odd) .txt_block {
  top: 0;
}
.diy_index .section2 .item_box .item:nth-of-type(even) .txt_block {
  bottom: 0;
}
.diy_index .section2 .item_box .item .bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 27vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
.diy_index .section2 .item_box .item .txt_block {
  position: absolute;
  left: 0;
  right: 0;
  padding: 2vw;
  max-width: 14.5vw;
  z-index: 2;
}
.diy_index .section2 .item_box .item h3 {
  font-size: 32px;
  color: #333;
  line-height: 1;
  color: #e67d14;
  font-family: 'PingFang-Bold';
}
.diy_index .section2 .item_box .item h4 {
  font-size: 18px;
  color: #333;
  margin-top: 10px;
  font-family: 'PingFang-Medium';
}
.diy_index .section2 .item_box .item p {
  font-size: 16px;
  line-height: 24px;
  color: #333;
  margin-top: 2vw;
}
.diy_index .section2 .item_box .item.active {
  width: 36%;
}
.diy_index .section2 .img_box {
  position: relative;
  margin-top: -6vw;
  z-index: 1;
}
.diy_index .section2 .img_box img {
  display: block;
  width: 100%;
}
.diy_index .section3 {
  padding: 6vw 0;
}
.diy_index .section3 .tab_cont {
  margin-top: 4vw;
  position: relative;
}
.diy_index .section3 .tab_cont img {
  display: block;
  max-width: 1200px;
  margin: 0 auto;
}
.diy_index .section3 .tab_cont .btn {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  z-index: 2;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.diy_index .section3 .tab_cont .btn.prev {
  background-image: url("../images/diy/icon-1.png");
  left: 0;
}
.diy_index .section3 .tab_cont .btn.next {
  background-image: url("../images/diy/icon-2.png");
  right: 0;
}
.diy_index .section3 .tab_cont .btn:hover {
  background-color: #e67d14;
}
.diy_index .section3 .dots {
  position: relative;
  margin-top: 4vw;
  font-size: 0;
  padding: 0 6vw;
}
.diy_index .section3 .dots:before {
  content: '';
  width: 100%;
  height: 6px;
  position: absolute;
  left: 0;
  top: 13px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/diy/img-9.png");
  background-size: 100% 6px;
}
.diy_index .section3 .dots .dot {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  text-align: center;
  cursor: pointer;
}
.diy_index .section3 .dots .dot i {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  position: relative;
}
.diy_index .section3 .dots .dot i:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  border: 4px solid #e67d14;
  border-radius: 50%;
  opacity: 0;
  box-shadow: 0 0 30px rgba(230, 125, 20, 0.3);
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.diy_index .section3 .dots .dot i:after {
  content: '';
  width: 18px;
  height: 18px;
  background-color: #e67d14;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 6px;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.diy_index .section3 .dots .dot .txt {
  margin-top: 30px;
  font-size: 20px;
  color: #333;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.diy_index .section3 .dots .dot .txt span {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
}
.diy_index .section3 .dots .dot.active i:before {
  opacity: 1;
}
.diy_index .section3 .dots .dot.active i:after {
  opacity: 0;
}
.diy_index .section3 .dots .dot.active .txt {
  color: #e67d14;
}
.diy_index .section4 .main {
  padding: 6vw;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-color: #f5f5f5;
  background-image: url("../images/diy/img-7.png");
  background-size: 100% auto;
}
.diy_index .section4 form {
  max-width: 980px;
  font-size: 0;
  margin: 2vw auto 0;
}
.diy_index .section4 form input, .diy_index .section4 form select {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 12px);
  height: 60px;
  padding: 0 20px;
  margin-bottom: 24px;
  font-size: 24px;
  color: #333;
  font-family: 'PingFang-Medium';
}
.diy_index .section4 form input:nth-of-type(odd), .diy_index .section4 form select:nth-of-type(odd) {
  margin-right: 24px;
}
.diy_index .section4 form input::-webkit-input-placeholder {
  color: #333;
}
.diy_index .section4 form input::-moz-placeholder {
  color: #333;
}
.diy_index .section4 form input:-moz-placeholder {
  color: #333;
}
.diy_index .section4 form input:-ms-input-placeholder {
  color: #333;
}
.diy_index .section4 form input:focus::-webkit-input-placeholder {
  color: #333;
}
.diy_index .section4 form input:focus::-moz-placeholder {
  color: #333;
}
.diy_index .section4 form input:focus:-moz-placeholder {
  color: #333;
}
.diy_index .section4 form input:focus:-ms-input-placeholder {
  color: #333;
}
.diy_index .section4 form select {
  background-position: 94% center;
  background-repeat: no-repeat;
  background-image: url("../images/diy/icon-3.png");
}
.diy_index .section4 form select option {
  font-size: 14px;
}
.diy_index .section4 button {
  display: block;
  width: 320px;
  font-size: 24px;
  line-height: 60px;
  color: #fff;
  text-align: center;
  border-radius: 30px;
  background-color: #e67d14;
  margin: 0 auto;
  cursor: pointer;
}
.diy_index .section5 {
  padding: 6vw 0;
}
.diy_index .section5 .desc {
  text-align: center;
  font-size: 18px;
  color: #808080;
  margin-top: 20px;
}
.diy_index .section5 .slick {
  margin-top: 3vw;
}
.diy_index .section5 .slick .slick-list {
  padding: 10px 0;
}
.diy_index .section5 .slick .diy_caseitem {
  margin: 0 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.diy_index .section5 .slick-arrow {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  font-size: 0;
  z-index: 2;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.diy_index .section5 .slick-arrow.slick-prev {
  background-image: url("../images/diy/icon-1.png");
  left: -90px;
}
.diy_index .section5 .slick-arrow.slick-next {
  background-image: url("../images/diy/icon-2.png");
  right: -90px;
}
.diy_index .section5 .slick-arrow:hover {
  background-color: #e67d14;
}
.diy_index .section5 .slick-dots {
  text-align: center;
  margin-top: 3vw;
  font-size: 0;
}
.diy_index .section5 .slick-dots li {
  display: inline-block;
  vertical-align: top;
  width: 10px;
  margin: 0 5px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.diy_index .section5 .slick-dots li:before {
  content: '';
  display: block;
  height: 2px;
  margin: 5px 0;
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.diy_index .section5 .slick-dots li.slick-active {
  width: 30px;
}
.diy_index .section5 .slick-dots li.slick-active:before {
  background-color: #e67d14;
}
.diy_index .section5 .slick-dots button {
  display: none;
}
.diy_index .section5 a.more {
  display: block;
  width: 320px;
  font-size: 20px;
  color: #333;
  line-height: 56px;
  text-align: center;
  border: 2px solid #e6e6e6;
  border-radius: 30px;
  margin: 3vw auto 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.diy_index .section5 a.more:hover {
  background-color: #e67d14;
  border-color: #e67d14;
  color: #fff;
}

.diy_list .main {
  width: 90vw;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 6vw;
}
.diy_list .diy_caseitems {
  margin-bottom: 2vw;
}
.diy_list .diy_caseitems .diy_caseitem {
  margin: 0 12px 24px 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.diy_list .diy_caseitems .diy_caseitem:nth-of-type(4n) {
  margin-right: 0;
}

/*custom made*/
.custom_list .banner img {
  display: block;
  width: 100%;
}
.custom_list .main {
  width: 90vw;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 6vw;
}
.custom_list .list_block {
  font-size: 0;
  margin-bottom: 60px;
}
.custom_list .list_block .list {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 36px) / 4);
  margin: 24px 12px 0 0;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.custom_list .list_block .list:nth-of-type(4n) {
  margin-right: 0;
}
.custom_list .list_block .list:nth-of-type(1), .custom_list .list_block .list:nth-of-type(2), .custom_list .list_block .list:nth-of-type(3), .custom_list .list_block .list:nth-of-type(4) {
  margin-top: 0;
}
.custom_list .list_block .list .pro {
  position: relative;
  padding: 2px;
  z-index: 2;
}
.custom_list .list_block .list .img_block {
  overflow: hidden;
}
.custom_list .list_block .list .img_block img {
  display: block;
  width: 100%;
}
.custom_list .list_block .list .txt_block {
  margin: 12px 12px 5px;
  position: relative;
}
.custom_list .list_block .list .txt_block span {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  line-height: 1;
  color: #e67d14;
  font-family: 'PingFang-Medium';
}
.custom_list .list_block .list .txt_block h3 {
  font-size: 18px;
  line-height: 24px;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 90px;
}
.custom_list .list_block .list .txt_block p {
  font-size: 12px;
  line-height: 16px;
  color: #808080;
  height: 32px;
  overflow: hidden;
  margin-top: 6px;
}
.custom_list .list_block .list .btn {
  position: absolute;
  left: 2px;
  right: 2px;
  top: 100%;
  padding: 0 12px 12px;
  background-color: #fff;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
}
.custom_list .list_block .list .btn .box {
  border: 1px solid #e6e6e6;
}
.custom_list .list_block .list .btn a {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  text-align: center;
  font-size: 12px;
  line-height: 30px;
  color: #333;
  font-family: 'PingFang-Medium';
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.custom_list .list_block .list .btn a:before {
  content: '';
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 10px 0 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.custom_list .list_block .list .btn a.favorite:before {
  width: 16px;
  height: 12px;
  background-image: url("../images/product/icon-3.png");
}
.custom_list .list_block .list .btn a.favorite:hover:before {
  background-image: url("../images/product/icon-3-on.png");
}
.custom_list .list_block .list .btn a.tocart {
  border-left: 1px solid #e6e6e6;
}
.custom_list .list_block .list .btn a.tocart:before {
  width: 15px;
  height: 15px;
  background-image: url("../images/custommade/icon-1.png");
}
.custom_list .list_block .list .btn a.tocart:hover:before {
  background-image: url("../images/custommade/icon-1-on.png");
}
.custom_list .list_block .list .btn a:hover {
  color: #e67d14;
}
.custom_list .list_block .list:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -46px;
  border: 2px solid #e67d14;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
}
.custom_list .list_block .list:hover {
  z-index: 2;
}
.custom_list .list_block .list:hover .btn, .custom_list .list_block .list:hover:after {
  opacity: 1;
  visibility: visible;
}

.custom_detail {
  width: 86vw;
  max-width: 1200px;
  margin: 0 auto;
}
.custom_detail .js_custom_detail {
  padding: 3vw 0 4vw;
  position: relative;
}
.custom_detail .goods_block {
  margin-top: 20px;
}
.custom_detail .goods_block .info_block {
  width: 54%;
  float: left;
  padding-left: 40px;
}
.custom_detail .goods_block .info_block .tit {
  font-size: 0;
}
.custom_detail .goods_block .info_block .tit h3, .custom_detail .goods_block .info_block .tit span {
  display: inline-block;
  vertical-align: bottom;
  line-height: 1;
}
.custom_detail .goods_block .info_block .tit h3 {
  font-size: 20px;
  color: #333;
}
.custom_detail .goods_block .info_block .tit h3 a{
  color: #e67d14;
  margin-right: 10px;
}
.custom_detail .goods_block .info_block .tit span {
  font-size: 14px;
  color: #808080;
  margin-left: 15px;
}
.custom_detail .goods_block .info_block .desc {
  font-size: 14px;
  line-height: 20px;
  color: #333;
  margin-top: 15px;
}
.custom_detail .goods_block .info_block .dots {
  font-size: 0;
  margin-top: 15px;
  padding: 20px 40px;
  background-color: #f7f7f7;
  border: 1px solid #efefef;
  display: flex;
  justify-content: space-between;
}
.custom_detail .goods_block .info_block .dots span,
.custom_detail .goods_block .info_block .dots i {
  display: inline-block;
  vertical-align: top;
  line-height: 24px;
}
.custom_detail .goods_block .info_block .dots span{
  font-size: 14px;
  color: #878787;
}
.custom_detail .goods_block .info_block .dots i{
  font-size: 12px;
  color: #e6e6e6;
  font-style: normal;
}
.custom_detail .goods_block .info_block .price {
  margin-top: 15px;
  font-size: 14px;
  color: #333;
}
.custom_detail .goods_block .info_block .price span {
  margin-left: 2vw;
  font-size: 36px;
  color: #e67d14;
}
.custom_detail .goods_block .info_block .parameter {
  margin-top: 15px;
  font-size: 14px;
  color: #333;
  overflow: hidden;
}
.custom_detail .goods_block .info_block .parameter .item {
  width: 50%;
  float: left;
}
.custom_detail .goods_block .info_block .parameter span {
  margin-left: 2vw;
}
.custom_detail .goods_block .info_block .parameter a {
  text-decoration: underline;
  color: #e67d14;
}
.custom_detail .goods_block .info_block .form {
  background-color: #f7f7f7;
  border-top: 2px solid #e67d14;
  padding: 0 2vw 1.5vw;
  margin-top: 30px;
}
.custom_detail .goods_block .info_block .form h4 {
  text-align: center;
  font-size: 20px;
  color: #333;
  padding: 15px 0;
}
.custom_detail .goods_block .info_block .form h4 span {
  color: #e67d14;
}
.custom_detail .goods_block .info_block .form form {
  font-size: 0;
}
.custom_detail .goods_block .info_block .form form input {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 2px);
  height: 36px;
  background-color: #fff;
  margin: 4px 4px 0 0;
  font-size: 14px;
  color: #a6a6a6;
  padding: 0 10px;
}
.custom_detail .goods_block .info_block .form form input:nth-of-type(even) {
  margin-right: 0;
}
.custom_detail .goods_block .info_block .form form button {
  width: 100%;
  line-height: 36px;
  background-color: #e67d14;
  font-size: 14px;
  color: #fff;
  margin-top: 14px;
  cursor: pointer;
}
.custom_detail .goods_block .info_block .btn {
  font-size: 0;
  margin-top: 20px;
}
.custom_detail .goods_block .info_block .btn a {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 5px);
  font-size: 16px;
  line-height: 46px;
  text-align: center;
  border: 1px solid #e67d14;
}
.custom_detail .goods_block .info_block .btn a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin: -2px 10px 0 0;
  background-position: center;
  background-repeat: no-repeat;
}
.custom_detail .goods_block .info_block .btn a:nth-of-type(1) {
  margin-right: 10px;
  color: #fff;
  background-color: #e67d14;
}
.custom_detail .goods_block .info_block .btn a:nth-of-type(1):before {
  width: 17px;
  height: 14px;
  background-image: url("../images/custommade/icon-2.png");
}
.custom_detail .goods_block .info_block .btn a:nth-of-type(2) {
  background-color: #fcf2e7;
  color: #e67d14;
}
.custom_detail .goods_block .info_block .btn a:nth-of-type(2):before {
  width: 16px;
  height: 12px;
  background-image: url("../images/custommade/icon-3.png");
}
.custom_detail .goods_block:after {
  content: '';
  display: block;
  clear: both;
}
.custom_detail .detail_block {
  margin-top: 40px;
}
.custom_detail .detail_block .tab_title {
  border: 1px solid #eeeeee;
  font-size: 0;
  background-color: #fafafa;
}
.custom_detail .detail_block .tab_title span {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  color: #333333;
  line-height: 46px;
  width: 140px;
  text-align: center;
  font-family: 'PingFang-Medium';
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.custom_detail .detail_block .tab_title span.active {
  font-size: 20px;
  color: #e67d14;
  border-color: #e67d14;
}
.custom_detail .detail_block .tab_title span:hover {
  color: #e67d14;
}
.custom_detail .detail_block .tab_content .child {
  display: none;
}
.custom_detail .detail_block .detail_box .round {
  margin-top: 30px;
}
.custom_detail .detail_block .detail_box .round img {
  display: block;
  width: 100%;
}
.custom_detail .detail_block .detail_box .box {
  margin-top: 3vw;
}
.custom_detail .detail_block .detail_box .box h4 {
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ededed;
  font-size: 18px;
  line-height: 24px;
  color: #e67d14;
}
.custom_detail .detail_block .detail_box .box h4:before {
  content: '';
  width: 2px;
  height: 16px;
  background-color: #e67d14;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 20px 0 0;
}
.custom_detail .detail_block .detail_box .box h4 span {
  font-size: 14px;
  color: #333;
  float: right;
}
.custom_detail .detail_block .detail_box .box .cont img {
  display: block;
  width: 100%;
}
.custom_detail .detail_block .detail_box .type_slick {
  padding: 5vw 6vw;
  background-color: #f7f7f7;
  position: relative;
}
.custom_detail .detail_block .detail_box .type_slick .item img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.custom_detail .detail_block .detail_box .type_slick .btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  z-index: 2;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.custom_detail .detail_block .detail_box .type_slick .btn.prev {
  background-image: url("../images/diy/icon-1.png");
  left: 2vw;
}
.custom_detail .detail_block .detail_box .type_slick .btn.next {
  background-image: url("../images/diy/icon-2.png");
  right: 2vw;
}
.custom_detail .detail_block .detail_box .type_slick .btn:hover {
  background-color: #e67d14;
}
.custom_detail .recommend_block {
  margin-top: 3vw;
}
.custom_detail .recommend_block h4 {
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ededed;
  font-size: 18px;
  line-height: 24px;
  color: #e67d14;
}
.custom_detail .recommend_block h4:before {
  content: '';
  width: 2px;
  height: 16px;
  background-color: #e67d14;
  display: inline-block;
  vertical-align: middle;
  margin: -2px 20px 0 0;
}

.custom_topic .main {
  width: 86vw;
  max-width: 1200px;
  margin: 0 auto;
}
.custom_topic .tit {
  text-align: center;
}
.custom_topic .tit h3 {
  text-transform: uppercase;
  font-family: 'AWCONQUERORDIDOT-LIGHT';
}
.custom_topic .tit h3:after {
  content: '';
  display: block;
  width: 36px;
  height: 2px;
  background-color: #e67d14;
  margin: 20px auto;
}
.custom_topic .tit h3, .custom_topic .tit h4 {
  font-size: 42px;
  line-height: 1;
}
.custom_topic .tit.white h3, .custom_topic .tit.white h4 {
  color: #fff;
}
.custom_topic .tit.gray h4 {
  color: #333;
}
.custom_topic .section1 {
  position: relative;
}
.custom_topic .section1 .item img {
  display: block;
  width: 100%;
}
.custom_topic .section1 .slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0;
  bottom: 3vw;
}
.custom_topic .section1 .slick-dots li {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 6px;
  border-radius: 6px;
  background-color: #fff;
  margin: 0 5px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.custom_topic .section1 .slick-dots li button {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #e67d14;
  font-size: 0;
}
.custom_topic .section1 .slick-dots li.slick-active button {
  -webkit-animation: progress-bar 3s linear forwards;
  -moz-animation: progress-bar 3s linear forwards;
  -ms-animation: progress-bar 3s linear forwards;
  animation: progress-bar 3s linear forwards;
}
.custom_topic .section2 {
  padding: 6vw 0;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-image: url("../images/custommade/img-33.jpg");
}
.custom_topic .section2 .tit h3 {
  color: #e5e5e5;
}
.custom_topic .section2 .advan_box {
  margin: 0 -50px;
}
.custom_topic .section2 .advan_box .slick-list {
  padding: 50px;
}
.custom_topic .section2 .advan_box .item {
  position: relative;
  margin: 0 6px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}
.custom_topic .section2 .advan_box .item.slick-active {
  opacity: 1;
}
.custom_topic .section2 .advan_box .item .show {
  position: relative;
}
.custom_topic .section2 .advan_box .item .show img {
  display: block;
  width: 100%;
}
.custom_topic .section2 .advan_box .item .show span {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 20px;
  color: #fff;
  font-family: 'DINPro-Medium';
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.custom_topic .section2 .advan_box .item .show h3 {
  font-size: 18px;
  color: #fff;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.custom_topic .section2 .advan_box .item .show:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 70%;
  bottom: 0;
  background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0), black);
  background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0), black);
  background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0), black);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), black);
  z-index: 1;
}
.custom_topic .section2 .advan_box .item .hide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(230, 125, 20, 0.95);
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.custom_topic .section2 .advan_box .item .hide img {
  display: block;
  height: 3.8vw;
  margin: 0 auto;
}
.custom_topic .section2 .advan_box .item .hide h3 {
  text-align: center;
  font-size: 18px;
  color: #fff;
  margin-top: -1.5vw;
}
.custom_topic .section2 .advan_box .item .hide .para {
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  padding: 0 24px;
  margin-top: 20px;
  max-height: 216px;
}
.custom_topic .section2 .advan_box .item:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(230, 125, 20, 0.4);
}
.custom_topic .section2 .advan_box .item:hover .show span, .custom_topic .section2 .advan_box .item:hover .show h3 {
  opacity: 0;
}
.custom_topic .section2 .advan_box .item:hover .hide {
  opacity: 1;
}
.custom_topic .section2 .advan_box .slick-arrow {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  font-size: 0;
  z-index: 3;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.custom_topic .section2 .advan_box .slick-arrow.slick-prev {
  background-image: url("../images/diy/icon-1.png");
  left: -40px;
}
.custom_topic .section2 .advan_box .slick-arrow.slick-next {
  background-image: url("../images/diy/icon-2.png");
  right: -40px;
}
.custom_topic .section2 .advan_box .slick-arrow:hover {
  background-color: #e67d14;
}
.custom_topic .section2 .advan_box .slick-dots {
  text-align: center;
  font-size: 0;
}
.custom_topic .section2 .advan_box .slick-dots li {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  border: 2px solid #e67d14;
  border-radius: 8px;
  margin: 0 5px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.custom_topic .section2 .advan_box .slick-dots li.slick-active {
  width: 30px;
  background-color: #e67d14;
}
.custom_topic .section2 .advan_box .slick-dots button {
  display: none;
}
.custom_topic .section2 .form_box {
  margin-top: 6vw;
  padding: 6vw 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/custommade/img-34.jpg");
  box-shadow: 0 30px 50px rgba(0, 0, 0, 0.2);
}
.custom_topic .section2 .form_box h3 {
  text-align: center;
  font-size: 42px;
  line-height: 60px;
  color: #fff;
}
.custom_topic .section2 .form_box h3 span {
  color: #e67d14;
  padding: 0 10px;
}
.custom_topic .section2 .form_box form {
  display: block;
  width: 480px;
  margin: 30px auto 0;
}
.custom_topic .section2 .form_box form .box {
  font-size: 0;
}
.custom_topic .section2 .form_box form input {
  display: block;
  width: 100%;
  height: 60px;
  font-size: 24px;
  color: #666;
  padding: 0 20px;
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 20px;
}
.custom_topic .section2 .form_box form select {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 10px);
  height: 60px;
  font-size: 24px;
  color: #666;
  padding: 0 20px;
  background-color: #fff;
  border-radius: 5px;
}
.custom_topic .section2 .form_box form select:nth-of-type(1) {
  margin-right: 20px;
}
.custom_topic .section2 .form_box form select option {
  font-size: 14px;
}
.custom_topic .section2 .form_box form button {
  display: block;
  width: 320px;
  height: 60px;
  background-color: #e67d14;
  font-size: 24px;
  color: #fff;
  margin: 20px auto 0;
  border-radius: 30px;
  cursor: pointer;
}
.custom_topic .section3 {
  padding: 6vw 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/custommade/img-35.jpg");
}
.custom_topic .section3 .logo_box {
  margin-top: 2vw;
  font-size: 0;
}
.custom_topic .section3 .logo_box .item {
  display: inline-block;
  vertical-align: top;
  width: 14.166%;
  margin-right: 3%;
}
.custom_topic .section3 .logo_box .item:nth-of-type(6n) {
  margin-right: 0;
}
.custom_topic .section3 .logo_box .item img {
  display: block;
  width: 100%;
}
.custom_topic .section3 .logo_box .item:nth-of-type(7) {
  margin-left: 8.55%;
}
.custom_topic .section3 .logo_box .item.top {
  margin-top: -5.8%;
}
.custom_topic .section3 .slick_box {
  margin-top: 3vw;
  position: relative;
}
.custom_topic .section3 .slick_box .item {
  position: relative;
  height: 360px;
  padding-right: 360px;
  background-color: #fff;
}
.custom_topic .section3 .slick_box .item .txt_block {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/custommade/img-37.jpg");
}
.custom_topic .section3 .slick_box .item .txt_block .cell {
  padding: 0 50px;
}
.custom_topic .section3 .slick_box .item .txt_block h3 {
  font-size: 32px;
  color: #fff;
}
.custom_topic .section3 .slick_box .item .txt_block p {
  font-size: 18px;
  line-height: 32px;
  color: #fff;
  margin-top: 15px;
}
.custom_topic .section3 .slick_box .item .img_block {
  width: 360px;
  height: 360px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
}
.custom_topic .section3 .slick_box .item .img_block img {
  width: auto;
  height: auto;
  max-width: 70%;
  max-height: 70%;
}
.custom_topic .section3 .slick_box .slick-arrow {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  font-size: 0;
  z-index: 2;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.custom_topic .section3 .slick_box .slick-arrow.slick-prev {
  background-image: url("../images/diy/icon-1.png");
  left: -9vw;
}
.custom_topic .section3 .slick_box .slick-arrow.slick-next {
  background-image: url("../images/diy/icon-2.png");
  right: -9vw;
}
.custom_topic .section3 .slick_box .slick-arrow:hover {
  background-color: #e67d14;
}
.custom_topic .section3 .slick_box .slick-dots {
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0;
}
.custom_topic .section3 .slick_box .slick-dots li {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 2px;
  background-color: #fff;
  margin: 0 3px;
  cursor: pointer;
}
.custom_topic .section3 .slick_box .slick-dots li.slick-active {
  background-color: #e67d14;
}
.custom_topic .section3 .slick_box .slick-dots button {
  display: none;
}
.custom_topic .section4 {
  padding: 4.5vw 0 6vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/custommade/img-31.jpg");
}
.custom_topic .section4 .tit h3 {
  color: #e5e5e5;
}
.custom_topic .section4 .video_box {
  margin-top: 3vw;
  position: relative;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}
.custom_topic .section4 .video_box img {
  display: block;
  width: 100%;
}
.custom_topic .section4 .video_box a {
  width: 90px;
  height: 90px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/custommade/icon-4.png");
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.custom_topic .section4 .video_box a:hover {
  background-image: url("../images/custommade/icon-4-on.png");
}
.custom_topic .section5 {
  background-color: #ededed;
  padding: 4.5vw 0 6vw;
}
.custom_topic .section5 .tit h3 {
  color: #cccccc;
}
.custom_topic .section5 .items {
  margin-top: 7.5vw;
  font-size: 0;
}
.custom_topic .section5 .item {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 12px);
  margin-bottom: 24px;
  position: relative;
}
.custom_topic .section5 .item:nth-of-type(odd) {
  margin-right: 24px;
  margin-top: -4.5vw;
}
.custom_topic .section5 .item .img_block {
  overflow: hidden;
}
.custom_topic .section5 .item .hide {
  position: absolute;
  top: 24px;
  left: 24px;
  right: 24px;
  bottom: 24px;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0 3vw;
  z-index: 3;
  opacity: 0;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.custom_topic .section5 .item:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40%;
  background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  z-index: 1;
}
.custom_topic .section5 .item img {
  display: block;
  width: 100%;
}
.custom_topic .section5 .item h3 {
  text-align: center;
  position: absolute;
  bottom: 24px;
  left: 20px;
  right: 20px;
  font-size: 24px;
  color: #fff;
  z-index: 2;
}
.custom_topic .section5 .item h4 {
  text-align: center;
  font-size: 24px;
  color: #e67d14;
}
.custom_topic .section5 .item p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin: 20px 0 10px;
  max-height: 72px;
  overflow: hidden;
}
.custom_topic .section5 .item a {
  font-size: 16px;
  color: #e67d14;
  display: block;
  margin: 0 auto;
  width: 80px;
}
.custom_topic .section5 .item:hover h3, .custom_topic .section5 .item:hover:after {
  opacity: 0;
}
.custom_topic .section5 .item:hover .hide {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.custom_topic .section6 {
  padding: 6vw 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/custommade/img-14.jpg");
}
.custom_topic .section6 .tit h3 {
  color: #d9d9d9;
}
.custom_topic .section6 .main {
  position: relative;
}
.custom_topic .section6 .tit {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.custom_topic .section6 .items {
  margin: 0 -12px;
  font-size: 0;
}
.custom_topic .section6 .item {
  display: inline-block;
  vertical-align: top;
  width: calc(25% - 24px);
  margin: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.custom_topic .section6 .item .img_block {
  overflow: hidden;
}
.custom_topic .section6 .item img {
  display: block;
  width: 100%;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.custom_topic .section6 .item .txt_block {
  padding: 20px 70px 20px 20px;
  position: relative;
}
.custom_topic .section6 .item .txt_block span {
  font-family: 'NeutraTextLight';
  font-size: 40px;
  line-height: 1;
  color: #eaeaea;
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.custom_topic .section6 .item .txt_block h3 {
  font-size: 18px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom_topic .section6 .item .txt_block h4 {
  font-size: 12px;
  color: #ccc;
  font-family: 'AWCONQUERORDIDOT-LIGHT';
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom_topic .section6 .item:nth-of-type(6) {
  margin-left: calc(50% + 12px);
}
.custom_topic .section6 .item:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.custom_topic .section7 {
  padding: 6vw 0;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url("../images/custommade/img-12.jpg");
}
.custom_topic .section7 .tit h3 {
  color: #e5e5e5;
}
.custom_topic .section7 .info_box {
  font-size: 0;
}
.custom_topic .section7 .info_box .img_block {
  width: 66.66%;
  display: inline-block;
  vertical-align: middle;
}
.custom_topic .section7 .info_box img {
  display: block;
  width: 100%;
}
.custom_topic .section7 .info_box .txt_block {
  display: inline-block;
  vertical-align: middle;
  width: 33.33%;
  padding: 0 40px;
}
.custom_topic .section7 .info_box h3 {
  font-size: 30px;
  color: #e67d14;
}
.custom_topic .section7 .info_box p {
  font-size: 16px;
  line-height: 2;
  color: #333;
  margin-top: 20px;
}
.custom_topic .section7 .info_box_1 {
  background-color: #f2f2f2;
  margin-top: 2vw;
}
.custom_topic .section7 .info_box_2 {
  background-color: #fff;
  margin-top: 3vw;
}
.custom_topic .section7 .para_box {
  margin-top: 3vw;
}
.custom_topic .section7 .para_box h3 {
  font-size: 30px;
  color: #e67d14;
  text-align: center;
}
.custom_topic .section7 .para_box .para {
  font-size: 16px;
  line-height: 2;
  color: #333;
  margin-top: 20px;
  text-align: center;
}
.custom_topic .section7 .para_box .items {
  font-size: 0;
  margin-top: 30px;
}
.custom_topic .section7 .para_box .item {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
}
.custom_topic .section7 .para_box .item .img_block {
  overflow: hidden;
}
.custom_topic .section7 .para_box .item img {
  display: block;
  width: 100%;
}
.custom_topic .section7 .para_box .item .txt_block {
  position: relative;
}
.custom_topic .section7 .para_box .item .cell_box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 30px;
}
.custom_topic .section7 .para_box .item .cell_box:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  position: absolute;
  left: 50%;
  margin-left: -20px;
}
.custom_topic .section7 .para_box .item h4 {
  font-size: 24px;
  color: #fff;
}
.custom_topic .section7 .para_box .item p {
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  margin-top: 5px;
}
.custom_topic .section7 .para_box .item:nth-of-type(1) .cell_box {
  background-color: #56b0bb;
}
.custom_topic .section7 .para_box .item:nth-of-type(1) .cell_box:after {
  border-bottom: 20px solid #56b0bb;
  bottom: 100%;
}
.custom_topic .section7 .para_box .item:nth-of-type(2) .cell_box {
  background-color: #e67d14;
}
.custom_topic .section7 .para_box .item:nth-of-type(2) .cell_box:after {
  border-top: 20px solid #e67d14;
  top: 100%;
}
.custom_topic .section7 .para_box .item:nth-of-type(3) .cell_box {
  background-color: #46b692;
}
.custom_topic .section7 .para_box .item:nth-of-type(3) .cell_box:after {
  border-bottom: 20px solid #46b692;
  bottom: 100%;
}
.custom_topic .section7 .para_box .tip {
  text-align: center;
  margin-top: 30px;
  font-size: 24px;
  line-height: 32px;
  color: #333;
}
.custom_topic .section8 img {
  display: block;
  width: 100%;
}

/*first branch*/
.first_branch_page .main {
  width: 86vw;
  max-width: 1200px;
  margin: 0 auto;
}
.first_branch_page h2 {
  text-align: center;
  font-size: 40px;
}
.first_branch_page .tail_list {
  margin-top: 4vw;
}
.first_branch_page .tail_list h3 {
  text-align: center;
  font-size: 36px;
}
.first_branch_page .tail_list h3.white {
  color: #fff;
}
.first_branch_page .tail_list h3.gray {
  color: #333;
}
.first_branch_page .tail_list .items {
  font-size: 0;
  margin-top: 2vw;
}
.first_branch_page .tail_list .item {
  display: inline-block;
  vertical-align: top;
  width: calc((100% - 72px) / 4);
  margin: 12px 24px 12px 0;
  background-color: #fff;
  border: 1px solid #e6e6e6;
}
.first_branch_page .tail_list .item:nth-of-type(4n) {
  margin-right: 0;
}
.first_branch_page .tail_list .item .img_block {
  overflow: hidden;
}
.first_branch_page .tail_list .item img {
  display: block;
  width: 100%;
}
.first_branch_page .tail_list .item .txt_block {
  margin: 0 24px;
  padding: 20px 0;
  border-top: 1px solid #e6e6e6;
}
.first_branch_page .tail_list .item .price {
  color: #e67d14;
  font-size: 24px;
}
.first_branch_page .tail_list .item .name {
  font-size: 16px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
  margin: 2px 0;
}
.first_branch_page .tail_list .item .desc {
  font-size: 12px;
  line-height: 16px;
  color: #808080;
  height: 48px;
  overflow: hidden;
}
.first_branch_page .tail_list .item:hover .name {
  color: #e67d14;
}
.first_branch_page .section1 img {
  display: block;
  width: 100%;
}
.first_branch_page .section2 {
  padding: 8vw 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/branch/img-1.jpg");
}
.first_branch_page .section2 .cont {
  position: relative;
  padding: 5vw 4vw 8vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/branch/img-2.jpg");
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);
}
.first_branch_page .section2 i {
  width: 59px;
  height: 52px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/branch/icon-1.png");
  position: absolute;
  top: 3vw;
  left: 0;
  margin-left: -30px;
}
.first_branch_page .section2 .para {
  font-size: 18px;
  line-height: 2;
  color: #333333;
}
.first_branch_page .section2 img {
  position: absolute;
  right: -4vw;
  bottom: -6vw;
  width: 21.25vw;
}
.first_branch_page .section3 {
  padding: 4.5vw 0;
}
.first_branch_page .section3 h2 {
  color: #333;
}
.first_branch_page .section3 .items {
  font-size: 0;
  margin-top: 30px;
  display: flex;
}
.first_branch_page .section3 .item {
  display: inline-block;
  vertical-align: top;
  width: calc(33.33% - 16px);
  margin-right: 24px;
  background-color: #f5f5f5;
}
.first_branch_page .section3 .item:last-of-type {
  margin-right: 0;
}
.first_branch_page .section3 .item .img_block {
  overflow: hidden;
}
.first_branch_page .section3 .item img {
  display: block;
  width: 100%;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.first_branch_page .section3 .item .txt_block {
  padding: 2vw 1.4vw;
}
.first_branch_page .section3 .item h3 {
  font-size: 24px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.first_branch_page .section3 .item p {
  font-size: 14px;
  line-height: 24px;
  color: #808080;
  margin-top: 10px;
}
.first_branch_page .section3 .item span {
  display: block;
  color: #e67d14;
}
.first_branch_page .section3 .item:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.first_branch_page .section4 {
  padding: 4.5vw 0;
  background-color: #333333;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("../images/branch/img-7.png");
  background-size: 100% auto;
}
.first_branch_page .section4 h2 {
  color: #fff;
}
.first_branch_page .section4 .para {
  font-size: 16px;
  line-height: 2;
  color: #fff;
  margin-top: 10px;
  text-align: center;
}
.first_branch_page .section4 .para.mt {
  margin-top: 3vw;
}
.first_branch_page .section4 .tab_wrap {
  margin-top: 2vw;
  background-color: #fff;
}
.first_branch_page .section4 .tab_tit {
  font-size: 0;
}
.first_branch_page .section4 .tab_tit span {
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  text-align: center;
  font-size: 20px;
  color: #fff;
  line-height: 60px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.first_branch_page .section4 .tab_tit span:nth-of-type(1) {
  background-color: rgba(230, 125, 20, 0.8);
}
.first_branch_page .section4 .tab_tit span:nth-of-type(2) {
  background-color: rgba(230, 125, 20, 0.6);
}
.first_branch_page .section4 .tab_tit span:nth-of-type(3) {
  background-color: rgba(230, 125, 20, 0.4);
}
.first_branch_page .section4 .tab_tit span.active {
  background-color: #fff;
  color: #333;
}
.first_branch_page .section4 .tab_cont {
  padding: 3vw;
  font-size: 0;
}
.first_branch_page .section4 .tab_cont .child {
  display: none;
}
.first_branch_page .section4 .tab_cont .img_block {
  width: 340px;
  display: inline-block;
  vertical-align: middle;
}
.first_branch_page .section4 .tab_cont img {
  display: block;
  width: 100%;
}
.first_branch_page .section4 .tab_cont .txt_block {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 340px);
  padding-left: 2vw;
}
.first_branch_page .section4 .tab_cont h3 {
  font-size: 24px;
  color: #333;
}
.first_branch_page .section4 .tab_cont p {
  font-size: 16px;
  line-height: 2;
  margin-top: 20px;
}
.first_branch_page .section5 {
  padding: 6vw 0;
}
.first_branch_page .section5 h2 {
  color: #333;
}
.first_branch_page .section5 .para {
  font-size: 16px;
  line-height: 2;
  color: #333;
  text-align: center;
  margin-top: 10px;
}
.first_branch_page .section5 .info_box {
  margin-top: 3vw;
}
.first_branch_page .section5 .info {
  font-size: 0;
}
.first_branch_page .section5 .info .img_block {
  display: inline-block;
  vertical-align: middle;
}
.first_branch_page .section5 .info img {
  display: block;
  width: 100%;
}
.first_branch_page .section5 .info .txt_block {
  display: inline-block;
  vertical-align: middle;
}
.first_branch_page .section5 .info h3 {
  font-size: 24px;
  color: #333;
}
.first_branch_page .section5 .info p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-top: 20px;
}
.first_branch_page .section5 .info_1 .img_block {
  width: 45%;
  margin-left: 5%;
}
.first_branch_page .section5 .info_1 .txt_block {
  width: 50%;
  padding-left: 3vw;
}
.first_branch_page .section5 .info_2 {
  position: relative;
  padding-bottom: 4vw;
}
.first_branch_page .section5 .info_2:before, .first_branch_page .section5 .info_2:after {
  content: '';
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}
.first_branch_page .section5 .info_2:before {
  left: 0;
  background-color: #f2f2f2;
}
.first_branch_page .section5 .info_2:after {
  right: 0;
  background-color: #000;
}
.first_branch_page .section5 .info_2 .img_block,
.first_branch_page .section5 .info_2 .txt_block {
  position: relative;
  z-index: 2;
}
.first_branch_page .section5 .info_2 .txt_block {
  width: 50%;
  padding: 0 3vw;
}
.first_branch_page .section5 .info_2 .img_block {
  width: 40%;
  margin-right: 10%;
}
.first_branch_page .section5 .info_3 {
  position: relative;
  margin-top: -4vw;
  z-index: 2;
}
.first_branch_page .section5 .info_3 .img_block {
  margin-left: 20%;
  width: 30%;
}
.first_branch_page .section5 .info_3 .txt_block {
  padding: 4vw 3vw 0;
  width: 50%;
}
.first_branch_page .section6 {
  padding-bottom: 6vw;
}
.first_branch_page .section6 h2 {
  color: #fff;
}
.first_branch_page .section6 .bg_box {
  position: relative;
}
.first_branch_page .section6 .bg_box img {
  display: block;
  width: 100%;
}
.first_branch_page .section6 .bg_box .main {
  position: absolute;
  top: 4vw;
  left: 0;
  right: 0;
}
.first_branch_page .section6 .bg_box .para {
  font-size: 16px;
  line-height: 2;
  color: #fff;
  text-align: center;
  margin-top: 10px;
}
.first_branch_page .section6 .intro_box {
  position: relative;
  z-index: 2;
  font-size: 0;
  margin-top: -4.5vw;
}
.first_branch_page .section6 .intro_box .img_block {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}
.first_branch_page .section6 .intro_box .img_block img {
  display: block;
  width: 100%;
}
.first_branch_page .section6 .intro_box .txt_block {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  padding: 4.5vw 0 0 3vw;
}
.first_branch_page .section6 .intro_box .txt_block h3 {
  font-size: 24px;
  color: #333;
}
.first_branch_page .section6 .intro_box .txt_block p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-top: 20px;
}

@media screen and (max-width: 1600px) {
  .comm_title .en {
    font-size: 38px;
  }

  .comm_title .zh {
    font-size: 22px;
  }

  .index_main .section2 .tab_title a .icon {
    height: 80px;
    background-size: auto 100%;
  }

  .index_main .section2 .tab_content .item .zh {
    font-size: 20px;
  }

  .index_main .section3 {
    height: 76vh;
  }

  .index_main .section3 .items .item h3 {
    font-size: 20px;
  }

  .index_main .section3 .items .item .hide .en {
    margin-top: 30px;
  }

  .index_main .section3 .items .item .hide span {
    line-height: 42px;
  }

  .comm_pos_item .txt_block .zh {
    font-size: 20px;
  }

  .comm_pos_item .en {
    font-size: 36px;
  }

  .comm_pos_item .hide .zh {
    font-size: 28px;
  }

  .index_main .section6 .item h3 {
    font-size: 26px;
  }

  .index_main .section6 .item p {
    font-size: 18px;
  }

  .comm_add_address .box button {
    width: 180px;
    height: 50px;
  }

  .process_page_pay .bot_box a,
  .process_page_pay_offline .mid_box .sub_box a,
  .process_page_successful .a_btns a.back,
  .comm_orderaftersale a.submit,
  .user_page_ordercomment .cont_box .right_box a.submit {
    width: 260px;
  }

  .process_page_successful .icon i {
    width: 100px;
    height: 100px;
  }

  .process_page_successful h3 {
    font-size: 28px;
    margin: 30px 0 10px;
  }

  .process_page_successful .tips {
    line-height: 26px;
  }

  .user_main .b_tit,
  .retrieve_main .tips h3 {
    font-size: 28px;
  }

  .user_main .b_tit a {
    font-size: 20px;
  }

  .question_popups .form .scroll {
    max-height: 350px;
  }

  .comm_confirm_popups h3 {
    font-size: 30px;
  }

  .about_contact .section1 h3 {
    font-size: 30px;
  }

  .about_contact .section1 p {
    font-size: 20px;
  }

  .about_contact .section2 h3 {
    font-size: 30px;
  }

  .about_contact .section2 .item p {
    font-size: 16px;
  }

  .about_contact .section2 .item .addr {
    font-size: 14px;
  }

  .about_contact .section2 .item h4 {
    font-size: 20px;
  }

  .about_contact .section2 .item .img_block span {
    font-size: 42px;
  }

  .inner_banner .tit h3 {
    font-size: 40px;
  }

  .about_introduction .intro_para {
    font-size: 14px;
    line-height: 24px;
  }

  .about_introduction .intro_h3 {
    font-size: 30px;
  }

  .about_introduction .section2 p {
    font-size: 14px;
  }

  .about_introduction .section2 .item {
    width: 150px;
    height: 150px;
  }

  .about_introduction .section2 .item i {
    height: 40px;
    background-size: contain;
  }

  .about_introduction .section2 .item h3 {
    font-size: 18px;
  }

  .about_introduction .section2 .item a {
    font-size: 12px;
  }

  .about_introduction .section3 .items .box .txt h3 {
    font-size: 20px;
  }

  .about_introduction .section3 .items .box .txt p {
    font-size: 14px;
  }

  .about_introduction .section4 .text a {
    width: 160px;
    line-height: 38px;
    font-size: 14px;
  }

  .about_introduction .section5 a {
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
  }

  .about_introduction .section7 .item .show h4 {
    font-size: 20px;
  }

  .about_introduction .section7 .item .hide h4 {
    font-size: 20px;
  }

  .about_introduction .section8 .tab_cont h4 {
    font-size: 20px;
  }

  .about_introduction .section8 .tab_cont .img_block {
    width: 200px;
    height: 200px;
  }

  .about_introduction .section8 .tab_cont .txt_block {
    width: calc(100% - 200px);
  }

  .about_introduction .section8 a.link {
    width: 160px;
    line-height: 42px;
    font-size: 14px;
  }

  .about_introduction .section9 .para {
    font-size: 16px;
    line-height: 28px;
  }

  .about_introduction .section9 .item h4 {
    font-size: 18px;
  }

  .about_introduction .section9 .item .txt_block {
    padding-top: 0;
    padding-left: 20px;
  }

  .about_introduction .section9 .item p {
    font-size: 12px;
  }

  .about_join .section1 h3 {
    font-size: 30px;
  }

  .about_join .section1 p {
    font-size: 14px;
  }

  .about_join .section2 .tab_tit .item span {
    font-size: 18px;
  }

  .about_join .section2 .box1 img {
    width: 60%;
  }

  .about_join .section2 .box1 p {
    font-size: 16px;
  }

  .about_join .section2 .box2 .item p {
    font-size: 14px;
    line-height: 20px;
  }

  .about_join .section2 .box3_1 .item h3 {
    font-size: 20px;
  }

  .about_join .section2 .box4 .s_tab_tit .item .box span {
    font-size: 14px;
  }

  .about_join .section3 .item h3 {
    font-size: 20px;
  }

  .about_join .section3 .item .tel {
    font-size: 24px;
  }

  .aboutjoin_popups h3 {
    font-size: 30px;
  }

  .about_join .section2 .box3_2 .item h3 {
    font-size: 20px;
  }

  .about_join .section2 .tab_tit .item {
    width: 16%;
  }

  .about_license .list h3 {
    font-size: 16px;
  }

  .about_news_list .type_box a {
    font-size: 20px;
    line-height: 60px;
  }

  .about_news_list .list h3 {
    font-size: 20px;
  }

  .about_news_list .list p, .about_news_list .list span {
    font-size: 14px;
  }

  .about_news_detail .left_block .top_block h3 {
    font-size: 26px;
  }

  .about_news_detail .right_block h3 {
    font-size: 26px;
  }

  .about_news_detail .right_block .item h4 {
    font-size: 16px;
  }

  .about_news_detail .right_block .item .date {
    font-size: 14px;
  }

  .about_news_detail .right_block p {
    font-size: 14px;
  }

  .about_news_detail .left_block .back_btn {
    width: 90px;
    height: 90px;
  }

  .comm_share {
    right: calc(100% + 20px);
  }

  .about_recruit .filter input {
    height: 58px;
    font-size: 14px;
  }

  .about_recruit .filter .tips {
    line-height: 19px;
  }

  .about_recruit .cont .h_tit span {
    font-size: 18px;
    line-height: 60px;
  }

  .about_recruit .cont ul li .show span {
    font-size: 16px;
    line-height: 60px;
  }

  .about_recruit .cont ul li .txt h3 {
    font-size: 18px;
  }

  .about_recruit .cont ul li .txt .para {
    font-size: 14px;
  }

  .about_recruit .cont ul li a {
    width: 180px;
    line-height: 44px;
    font-size: 14px;
  }

  .case_crew_list .item h3 {
    font-size: 20px;
  }

  .case_detail h3 {
    font-size: 30px;
  }

  .case_detail .para {
    font-size: 16px;
    line-height: 26px;
  }

  .case_sampleroom_list .item h3 {
    font-size: 20px;
  }

  .case_sampleroom_list .item p {
    font-size: 14px;
    line-height: 24px;
    height: 72px;
    margin-top: 10px;
  }

  .vr_realscene_list .item h3 {
    font-size: 20px;
  }

  .vr_digital_list .item h3 {
    font-size: 20px;
  }

  .user_main .user_nav .item a {
    padding: 25px 0;
  }

  .service_list .list h3 {
    font-size: 20px;
  }

  .service_list .list .date {
    font-size: 14px;
  }

  .service_detail .top_box .date {
    font-size: 18px;
  }

  .service_detail .top_box h3 {
    font-size: 30px;
  }

  .service_detail .cont_box {
    font-size: 16px;
    line-height: 26px;
  }

  .retrieve_main .tips a {
    width: 200px;
  }

  .help_center .section1 h3 {
    font-size: 32px;
  }

  .help_center .section1 form {
    height: 50px;
    padding-right: 50px;
  }

  .help_center .section1 form button {
    width: 50px;
    height: 50px;
  }

  .help_center .section2 .top_box h3 {
    font-size: 26px;
  }

  .help_center .section2 .left_box h3 {
    font-size: 20px;
  }

  .help_center .section2 .right_box .headline {
    font-size: 26px;
  }

  .help_center .section2 .right_box .cont_box {
    font-size: 14px;

  }


  .custom_detail .goods_block .info_block .dots {
    padding: 15px 30px;
  }

  .custom_detail .goods_block .info_block .price span {
    font-size: 30px;
  }

  .custom_detail .goods_block .info_block .form h4 {
    font-size: 18px;
  }

  .custom_list .list_block .list .txt_block h3 {
    font-size: 15px;
  }

  .custom_list .list_block .list .txt_block span {
    font-size: 20px;
  }

  .comm_list_filter .mid_block .item .a_block a {
    font-size: 12px;
  }

  .comm_list_filter .mid_block .item span {
    font-size: 12px;
  }

  .comm_list_filter .bot_block .sort a {
    font-size: 12px;
  }

  .design_furlist .list_block .list .item {
    font-size: 14px;
  }

  .product_list .list_block .list .txt_block .info span {
    font-size: 20px;
  }

  .custom_topic .tit h3, .custom_topic .tit h4 {
    font-size: 30px;
  }

  .custom_topic .section2 .form_box h3 {
    font-size: 30px;
  }

  .custom_topic .section2 .form_box form input,
  .custom_topic .section2 .form_box form select,
  .custom_topic .section2 .form_box form button {
    height: 50px;
    font-size: 18px;
  }

  .custom_topic .section3 .slick_box .item .txt_block h3 {
    font-size: 24px;
  }

  .custom_topic .section3 .slick_box .item .txt_block p {
    font-size: 16px;
    line-height: 26px;
  }

  .custom_topic .section3 .slick_box .slick-arrow.slick-prev {
    left: -80px;
  }

  .custom_topic .section3 .slick_box .slick-arrow.slick-next {
    right: -80px;
  }

  .custom_topic .section3 .slick_box .item {
    height: 300px;
    padding-right: 300px;
  }

  .custom_topic .section3 .slick_box .item .img_block {
    width: 300px;
    height: 300px;
  }

  .custom_topic .section4 .video_box a {
    width: 60px;
    height: 60px;
  }

  .custom_topic .section5 .item h3,
  .custom_topic .section5 .item h4 {
    font-size: 18px;
  }

  .custom_topic .section5 .item p {
    margin: 15px 0 10px;
  }

  .custom_topic .section6 .item .txt_block h3 {
    font-size: 16px;
  }

  .custom_topic .section6 .item .txt_block span {
    font-size: 32px;
  }

  .custom_topic .section7 .info_box h3 {
    font-size: 24px;
  }

  .custom_topic .section7 .info_box p {
    font-size: 14px;
    line-height: 24px;
  }

  .custom_topic .section7 .para_box h3 {
    font-size: 24px;
  }

  .custom_topic .section7 .para_box .para {
    font-size: 14px;
    line-height: 24px;
  }

  .custom_topic .section7 .para_box .item h4 {
    font-size: 18px;
  }

  .custom_topic .section7 .para_box .item p {
    font-size: 12px;
  }

  .custom_topic .section7 .para_box .tip {
    font-size: 18px;
  }

  .diy_caseitems .diy_caseitem h3 {
    padding: 15px 10px;
  }

  .first_branch_page .section2 .para {
    font-size: 16px;
  }

  .first_branch_page .section3 .item h3 {
    font-size: 20px;
  }

  .first_branch_page h2 {
    font-size: 30px;
  }

  .first_branch_page .section4 .para {
    font-size: 14px;
    line-height: 24px;
  }

  .first_branch_page .section4 .tab_tit span {
    font-size: 18px;
    line-height: 50px;
  }

  .first_branch_page .section4 .tab_cont h3 {
    font-size: 20px;
  }

  .first_branch_page .section4 .tab_cont p {
    font-size: 14px;
    line-height: 24px;
  }

  .first_branch_page .tail_list h3 {
    font-size: 26px;
  }

  .first_branch_page .tail_list .item .txt_block {
    margin: 0 15px;
    padding: 12px 0;
  }

  .first_branch_page .tail_list .item .price {
    font-size: 20px;
  }

  .first_branch_page .section5 .para {
    font-size: 14px;
    line-height: 24px;
  }

  .first_branch_page .section5 .info h3 {
    font-size: 20px;
  }

  .first_branch_page .section5 .info p {
    line-height: 20px;
    max-height: 120px;
    overflow: hidden;
  }

  .first_branch_page .section6 .bg_box .para {
    font-size: 14px;
    line-height: 24px;
  }

  .first_branch_page .section6 .intro_box .txt_block h3 {
    font-size: 20px;
  }

  .knowledge_material .tit {
    font-size: 30px;
  }

  .knowledge_material .section1 .para,
  .knowledge_material .section2 .desc {
    font-size: 14px;
    line-height: 24px;
  }

  .knowledge_material .section2 .tab_tit span {
    font-size: 18px;
  }

  .knowledge_material .section3 .tab_tit span {
    font-size: 16px;
  }

  .knowledge_material .section3 .wood .show span {
    font-size: 16px;
  }

  .product_detail .detail_block .detail_box .desc_box .txt_block h3 {
    font-size: 30px;
  }

  .comm_recommend_list .list .txt_block h4 {
    font-size: 20px;
  }

  .user_page_collection .list .txt_block .info span {
    font-size: 20px;
  }

  .diy_index .section1 h3 {
    font-size: 54px;
  }

  .diy_index .section1 .info span {
    font-size: 20px;
  }

  .diy_index .section1 a {
    width: 200px;
    font-size: 20px;
    line-height: 50px;
  }

  .diy_index .tit {
    font-size: 30px;
  }

  .diy_index .section2 .item_box .item h3 {
    font-size: 26px;
  }

  .diy_index .section2 .item_box .item h4 {
    font-size: 16px;
  }

  .diy_index .section2 .item_box .item p {
    font-size: 14px;
  }

  .diy_index .section2 .item_box .item .txt_block {
    width: 15vw;
  }

  .diy_index .section2 .item_box .item {
    height: 380px;
  }

  .diy_index .section3 .tab_cont img {
    width: 40%;
  }

  .diy_index .section3 .dots .dot .txt {
    font-size: 18px;
  }

  .diy_index .section4 form input, .diy_index .section4 form select,
  .diy_index .section4 a {
    font-size: 18px;
  }

  .diy_index .section4 a,
  .diy_index .section5 a.more {
    width: 260px;
  }

  .diy_index .section5 a.more {
    font-size: 18px;
  }

  .diy_index .section5 .slick-arrow.slick-prev {
    left: -70px;
  }

  .diy_index .section5 .slick-arrow.slick-next {
    right: -70px;
  }
}
@media screen and (max-width: 1440px) {
  .design_three .main,
  .design_furlist .main {
    max-width: 1200px;
  }

  .design_three .top_block .box {
    padding-right: 460px;
  }

  .design_three .top_block .btn button {
    padding: 0 10px;
    height: 38px;
  }

  .design_three .cont_box .bd_box .item .img_block {
    width: 280px;
    height: 280px;
  }

  .design_three .cont_box .bd_box .item .txt_block h3 {
    font-size: 18px;
  }

  .login_bind h3,
  .register_main .login_page_box h3 {
    font-size: 32px;
  }

  .invoice_popups .form_box .tab_title span {
    line-height: 40px;
  }

  .invoice_popups .form_box .box {
    margin-top: 15px;
  }

  .invoice_popups .form_box .box input,
  .invoice_popups .form_box .box .city-picker-span,
  .invoice_popups .form_box .box button {
    height: 45px;
  }

  .invoice_popups .form_box .scroll {
    max-height: 285px;
  }

  .invoice_popups .form_box .tab_content .child {
    height: 384px;
  }

  .about_contact .section1,
  .about_contact .section2,
  .about_introduction .main,
  .about_join .section1 .main,
  .about_join .section2 .tab_cont,
  .about_news_list .main,
  .about_news_detail .main,
  .about_license .main,
  .about_recruit .main,
  .case_page .main,
  .service_list .main,
  .service_detail .main,
  .custom_topic .main,
  .first_branch_page .main,
  .knowledge_list .main,
  .knowledge_material .main,
  .knowledge_material .section3 .wood .hide,
  .vr_page .main {
    width: 80vw;
  }

  .about_contact .section1 h3,
  .about_contact .section2 h3,
  .case_detail h3 {
    font-size: 26px;
  }

  .about_contact .section1 p {
    font-size: 16px;
  }

  .about_introduction .section2 .item h3 {
    font-size: 16px;
  }

  .about_introduction .section3 .items .box .txt {
    padding: 20px 40px;
  }

  .about_introduction .section3 .main {
    top: 10vw;
  }

  .about_introduction .section4 .main {
    margin-top: -12vw;
  }

  .about_introduction .section2 .item {
    width: 130px;
    height: 130px;
  }

  .about_introduction .section1 .intro_para {
    margin-top: 0;
  }

  .case_crew_list .item h3 {
    font-size: 18px;
  }

  .custom_detail .goods_block .info_block .price span {
    font-size: 26px;
  }

  .custom_detail .detail_block .detail_box .type_slick .btn.next {
    right: 20px;
  }

  .custom_detail .detail_block .detail_box .type_slick .btn.prev {
    left: 20px;
  }

  .custom_detail .detail_block .detail_box .type_slick {
    padding: 5vw 70px;
  }

  .custom_detail .detail_block .detail_box .type_slick .btn {
    width: 40px;
    height: 40px;
  }

  .product_detail .goods_block .info_block .price_box .price,
  .product_detail .detail_block .detail_box .desc_box .txt_block h3 {
    font-size: 26px;
  }

  .diy_index .section1 h3 {
    font-size: 48px;
  }

  .diy_index .section1 .info span {
    font-size: 18px;
  }

  .diy_index .section1 a {
    font-size: 18px;
  }

  .diy_index .section2 .item_box .item h3 {
    font-size: 22px;
  }

  .diy_index .section2 .item_box .item p {
    line-height: 20px;
    margin-top: 20px;
  }

  .diy_index .section3 .tab_cont .btn {
    width: 60px;
    height: 60px;
  }

  .diy_index .section3 .dots .dot .txt {
    font-size: 16px;
  }

  .diy_index .section3 .dots .dot .txt span {
    font-size: 12px;
  }

  .process_page_order .pay_block .pay_info .overage input {
    width: 250px;
  }
}
@media screen and (max-width: 1366px) {
  .comm_title .en {
    font-size: 32px;
  }

  .comm_title .zh {
    font-size: 20px;
  }

  .index_main .section2 .tab_title a .icon {
    height: 70px;
  }

  .index_main .section2 .tab_content .item .show .price {
    margin-top: 10px;
  }

  .index_main .section2 .tab_content .item .price span {
    font-size: 18px;
  }

  .index_main .section2 .tab_content .item .show .zh {
    font-size: 18px;
  }

  .index_main .section2 .fixed_cate {
    right: 5px;
  }

  .index_main .section3 {
    height: 500px;
  }

  .index_main .section3 .items .item h3 {
    font-size: 18px;
  }

  .index_main .section3 .items .item .hide .en {
    margin-top: 60px;
  }

  .index_main .section3 .items .item .hide span {
    bottom: 4vw;
    line-height: 40px;
  }

  .comm_pos_item .txt_block .en {
    font-size: 32px;
  }

  .comm_pos_item .hide .zh {
    font-size: 24px;
  }

  .index_main .section6 .item img.house {
    width: 23vw;
    bottom: 0;
  }

  .index_main .section6 .item h3 {
    font-size: 22px;
  }

  .index_main .section6 .item p {
    font-size: 16px;
  }

  .index_main .section6 .item span {
    font-size: 15px;
    width: 140px;
  }

  .diy_index .section4 a, .diy_index .section5 a.more {
    width: 220px;
  }

  .diy_index .section5 a.more {
    line-height: 46px;
  }

  .diy_index .section4 a {
    line-height: 50px;
  }

  .diy_index .section2 .item_box .item {
    height: 350px;
  }

  .custom_topic .section2 .advan_box .item .show h3,
  .custom_topic .section2 .advan_box .item .hide h3 {
    font-size: 16px;
  }

  .custom_topic .section2 .advan_box .item .hide .para {
    font-size: 12px;
    line-height: 20px;
    max-height: 180px;
  }

  .process_page_order .pay_block .pay_info .overage input {
    width: 150px;
  }
}
@media screen and (max-width: 1300px) {
  .inner_page {
    padding-top: 74px;
  }

  .design_detail .hd_block .ope a {
    margin-left: 10px;
  }

  .process_page_cart .lists_box .list .item,
  .process_page_cart .lists_box .list .item .txt,
  .process_page_order .product_box .prod .item,
  .process_page_order .product_box .prod .item .txt,
  .user_page_orderdetail .list_box .list .item .txt,
  .user_page_orderdetail .list_box .list .item a.color,
  .user_page_orderdetail .list_box .list .item a.gray,
  .user_page_balance table {
    font-size: 14px;
  }

  .comm_coupon_block .top_box .price span {
    font-size: 34px;
  }

  .process_page_cart .lists_box .list .item .pic img {
    width: 70px;
  }

  .process_page_cart .lists_box .list .item .txt {
    padding-left: 5px;
  }

  .process_page_cart .lists_box .list .item .txt .tips,,.process_page_order .product_box .prod .item .txt .tips {
    font-size: 12px;
  }

  .product_detail .goods_block .info_block .check_box {
    margin-top: 10px;
  }

  .product_detail .detail_block .detail_box .desc_box .txt_block .desc {
    line-height: 24px;
    max-height: 384px;
  }

  .comm_recommend_list .list .txt_block h4 {
    font-size: 20px;
  }

  .product_detail .detail_block .comment_box .score_box .level {
    width: 460px;
  }

  .custom_topic .section7 .para_box .item p {
    max-height: 120px;
    overflow: hidden;
  }

  .custom_topic .section7 .para_box .item h4 {
    font-size: 16px;
  }

  .custom_topic .section2 .advan_box .item .hide .para {
    max-height: 160px;
  }
}
@media screen and (max-width: 1240px) {
  .design_three .main,
  .design_furlist .main {
    max-width: 1000px;
  }

  .design_three .cont_box .bd_box .item .img_block {
    width: 230px;
    height: 230px;
  }
}
@media screen and (max-width: 1100px) {
  .index_main .section2 .tab_content .item .show {
    padding: 15px;
    bottom: 10px;
    left: 10px;
    right: 10px;
  }

  .index_main .section2 .tab_content .item .zh {
    font-size: 18px;
  }

  .index_main .section2 .tab_content .item .price span {
    font-size: 16px;
  }

  .index_main .section2 .tab_content .left .item:nth-of-type(2) .show,
  .index_main .section2 .tab_content .center .item:nth-of-type(1) .show,
  .index_main .section2 .tab_content .right .item:nth-of-type(3) .show {
    right: 25%;
  }

  .index_main .section2 .tab_content .item .hide .price {
    margin-top: 10px;
  }

  .index_main .section2 .tab_content .item .hide {
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
  }

  .comm_pos_item .txt_block .zh {
    font-size: 18px;
  }

  .comm_pos_item .en {
    font-size: 28px;
  }

  .comm_pos_item .hide .zh {
    font-size: 20px;
  }

  .index_main .section6 .item h3 {
    font-size: 18px;
  }

  .index_main .section6 .item p {
    font-size: 14px;
  }

  .index_main .section6 .item span {
    font-size: 14px;
  }
}



.layui-layer-dialog.confirm{
  min-width: 600px;
  padding: 2vw 0;
  background: #ffffff;
}
.layui-layer-dialog.confirm .layui-layer-content{
  font-size: 30px;
  line-height: 30px;
  margin-top: 15px;
}
.layui-layer-dialog.confirm .layui-layer-content h3{
  width: 100%;
  text-align: center;
}
.layui-layer-dialog.confirm .layui-layer-btn{
  margin-top: 1vw;
}
.layui-layer-dialog.confirm .layui-layer-btn a{
  display: inline-block;
  vertical-align: top;
  width: 120px;
  line-height: 40px;
  height: 40px;
  font-size: 16px;
  margin: 0 5px;
  border-color: #e67d14;
  color: #333;
}
.layui-layer-dialog.confirm  .layui-layer-btn .layui-layer-btn0{
  background-color: #e67d14;
  color: #fff;
}
.layui-layer-dialog.confirm  .layui-layer-content .layui-layer-ico{
  display: block;
  width: 72px;
  height: 72px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #e67d14;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/static/home/images/product/icon-13.png);
  position: static;
}

.layui-layer-dialog.confirm  .layui-layer-content .ico {
  width: 42px;
  height: 10px;
  background-color: #f2f2f2;
  border-radius: 50%;
  display: block;
  margin: 5px auto 20px;
}

.layui-layer-dialog.confirm .layui-layer-setwin .layui-layer-close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/static/home/images/close-1.png);
  cursor: pointer;
}

.help_center .section2 .right_box .cont_box img{
  max-width: 100% !important;
  height: auto !important;
  pading:10px 0;
}