.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
* {
  margin: 0;
  padding: 0;
  font-family: MicrosoftYaHei, arial, sans-serif !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
ul,
li {
  list-style: none;
}
a {
  color: #000;
  text-decoration: none;
}
body {
  height: 100%;
  background: #f5f5f5;
}
button,
input {
  border: none;
  outline: none;
}
input[type=checkbox] {
  /*去除浏览器默认样式*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  outline: none;
  cursor: pointer;
}
.home-swiper-pagination,
.shop-details-swiper-pagination {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 0.12rem;
  bottom: 114px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-swiper-pagination span,
.shop-details-swiper-pagination span {
  -ms-flex-preferred-size: 10px;
      flex-basis: 10px;
  height: 10px;
  width: 10px;
  background-color: #FFF;
  opacity: 1;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
}
.home-swiper-pagination .swiper-pagination-bullet-active,
.shop-details-swiper-pagination .swiper-pagination-bullet-active {
  -ms-flex-preferred-size: 30px;
      flex-basis: 30px;
  width: 30px;
  height: 10px;
  background: #ff812d;
  border-radius: 8px;
}
.shop-details-swiper-pagination {
  bottom: 32px !important;
}
.mask {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
}
.M-box-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 48px;
  margin-bottom: 80px;
}
.M-box {
  position: relative;
  text-align: center;
  zoom: 1;
}
.M-box:before,
.M-box:after {
  content: "";
  display: table;
}
.M-box:after {
  clear: both;
  overflow: hidden;
}
.M-box span {
  float: left;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #bdbdbd;
  color: #ff812d;
}
.M-box .active {
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  background: #ff812d;
}
.M-box a {
  float: left;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  color: #ff812d;
  background: #ffffff;
}
.M-box a:first-of-type {
  width: 100px;
  height: 50px;
  background: #ffffff;
  border-radius: 100px 0px 0px 100px;
}
.M-box a:last-of-type {
  width: 100px;
  height: 50px;
  background: #ffffff;
  border-radius: 0px 100px 100px 0px;
}
.M-box a:nth-of-type(2),
.M-box a:nth-last-of-type(2) {
  width: 100px;
  height: 50px;
  color: #ff812d;
}
.M-box a:nth-of-type(2) {
  border-radius: 0px 4px 4px 0px;
  margin-left: 1px;
  margin-right: 24px;
}
.M-box a:nth-last-of-type(2) {
  border-radius: 4px 0px 0px 4px;
  margin-right: 1px;
  margin-left: 16px;
}
.M-box a:hover {
  color: #ffffff;
  background: #ff812d;
}
.M-box .next,
.M-box .prev {
  font-size: 14px;
  font-weight: bold;
}
.M-box .now,
.M-box .count {
  padding: 0 5px;
  color: #f00;
}
.M-box .eg img {
  max-width: 800px;
  min-height: 500px;
}
.delete-tip {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -108px;
  margin-top: -85px;
  width: 216px;
  height: 170px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.delete-tip h4 {
  margin: 24px 0;
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  font-size: 14px;
  color: #ff812d;
}
.delete-tip p {
  font-size: 14px;
  text-align: center;
  color: #333333;
}
.delete-tip div {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 51px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #efefef;
}
.delete-tip div span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  text-align: center;
  color: #999999;
  line-height: 51px;
  cursor: pointer;
}
.delete-tip div span:first-of-type {
  color: #ff812d;
  border-right: 1px solid #efefef;
}
.content-desc-tip-wrapper {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.content-desc-tip {
  position: relative;
  max-width: 454px;
  max-height: 518px;
  padding: 70px 60px;
  background: #ffffff;
  border-radius: 4px;
}
.content-desc-tip > .close {
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  content: "";
  top: 16px;
  right: 16px;
  background: url("../images/close-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50% 50%;
  cursor: pointer;
}
.content-desc-tip > div {
  width: 100%;
  height: 100%;
  letter-spacing: 1px;
  line-height: 26px;
  color: #444;
}
input::-ms-clear {
  display: none;
}
input::-ms-reveal {
  display: none;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.index-section-title {
  position: relative;
  width: 100%;
  min-width: 1164px;
  text-align: center;
}
.index-section-title h4 {
  width: 100%;
  font-size: 30px;
  font-family: MicrosoftYaHei-Bold !important;
  font-weight: bold;
  color: #ff812d;
  margin-bottom: 16px;
}
.index-section-title p {
  color: #999999;
}
.index-section-title::before,
.index-section-title::after {
  background: #dfdfdf;
  content: "";
  height: 1px;
  position: absolute;
  top: 50%;
  width: 216px;
}
.index-section-title::before {
  left: 18%;
}
.index-section-title::after {
  right: 18%;
}
.index-company-title::before {
   left: 25%;
 }
.index-company-title::after {
  right: 25%;
}
.company-main-body{
  margin-top: 23px;
  position: relative;
  height: 808px;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 68px;
}
.left-company-image{
  width: 37.6%;
  height: 808px;
  background: url("../images/pic_home_bg@2x.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: -1;
}
.right-company-content{
  width: 65.8%;
  height: 696px;
  background: #fff;
  border-radius:80px 0px 0px 0px;
  position: relative;
  z-index: 2;
  margin-left: 34.2%;
  padding: 64px 414px 0 128px;
  font-size: 16px;
  line-height: 40px;
  /*letter-spacing:1px;*/
}
.index-more {
  margin-top: 60px;
  width: 216px;
  height: 51px;
  line-height: 51px;
  text-align: center;
  background: #FF812D;
  border-radius: 4px;
  font-size: 14px;
  font-family: MicrosoftYaHei;
  color: #ffffff;
}
.index-more:hover {
  background: #e0690c;
}
.index-common-wrapper {
  width: 100%;
  min-width: 1164px;
}
.index-outdiv-wrapper {
  position: relative;
  height: 857px;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 38px;
}
.index-section-materials-wrapper {
  height: 951px;
}
.left-bg-Image {
  position: absolute;
  width: 37%;
  height: 714px;
  z-index: -1;
  background-size: cover;
}
.index-section-materials-wrapper .left-bg-Image {
  height: 800px;
}
.design-container,
.materials-container {
  position: relative;
  min-width: 1164px;
  height: 642px;
}
.materials-container {
  height: 712px;
}
.index-div-wrapper {
  padding-top: 10px;
  position: relative;
  min-width: 928px;
  overflow: hidden;
}
.index-div-wrapper .index-swiper-wrapper {
  width: 928px;
}
.index-div-wrapper .index-common-ul,
.materials-wrapper .materials-ul {
  width: 927px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.index-common-ul .design-item,
.materials-ul .materials-item {
  -ms-flex-preferred-size: 217px;
      flex-basis: 217px;
  height: 299px;
  margin-bottom: 20px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(183, 183, 183, 0.5);
          box-shadow: 0px 0px 10px 0px rgba(183, 183, 183, 0.5);
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  margin-right: 14px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index-common-ul .design-item:hover,
.materials-ul .materials-item:hover {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
  -webkit-box-shadow: 0px 10px 10px 0px rgba(183, 183, 183, 0.3);
          box-shadow: 0px 10px 10px 0px rgba(183, 183, 183, 0.3);
}
.materials-ul .materials-item {
  height: 346px;
}
.index-common-ul .design-item a,
.materials-ul .materials-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 217px;
  height: 100%;
}
.materials-ul .materials-item a {
  padding-bottom: 24px;
}
.index-common-ul .design-item section,
.materials-ul .materials-item section {
  position: relative;
  padding: 24px;
}
.index-common-ul .design-item section {
  -ms-flex-preferred-size: 155px;
      flex-basis: 155px;
}
.materials-ul .materials-item section {
  padding: 24px 24px 0 24px;
  -ms-flex-preferred-size: 131px;
      flex-basis: 131px;
}
.index-common-ul .design-item img,
.materials-ul .materials-item img {
  width: 217px;
  height: 144px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 1px solid #f5f5f5;
}
.index-common-ul .design-item:hover img,
.materials-ul .materials-item:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.index-common-ul .design-item h4,
.materials-ul .materials-item h4 {
  margin-bottom: 16px;
  font-size: 18px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.design-ul .design-item p,
.materials-ul .materials-item p {
  font-size: 14px;
  color: #999999;
}
.design-ul .design-item section div,
.materials-ul .materials-item section div {
  position: relative;
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  line-height: 19px;
  color: #999999;
  min-height: 38px;
  max-height: 38px;
}
.materials-ul .materials-item .tag {
  width: 217px;
  margin-top: 16px;
  padding: 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.materials-ul .materials-item .tag span {
  padding: 0 10px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  font-size: 14px;
  color: #ff812d;
  background: #ffeee3;
  border-radius: 16px;
}
.materials-ul .materials-item .tag span:first-of-type {
  margin-right: 8px;
}
.index-common-wrapper .swiper-button-next .swiper-button-disabled,
.index-common-wrapper .swiper-button-prev .swiper-button-disabled,
.index-common-wrapper .swiper-button-next,
.index-common-wrapper .swiper-button-prev {
  width: 70px;
  height: 70px;
  margin-top: 0;
  border-radius: 50%;
  background-size: 100% 100%;
  outline: none;
}
.index-common-wrapper .swiper-button-prev .swiper-button-disabled,
.index-common-wrapper .swiper-button-prev {
  top: 10px !important;
  background-image: url('../images/left-arrow.png');
}
.index-common-wrapper .swiper-button-prev:hover {
  cursor: pointer;
  background-image: url('../images/left-arrow-active.png');
}
.index-common-wrapper .swiper-button-next .swiper-button-disabled,
.index-common-wrapper .swiper-button-next {
  top: 588px;
  background-image: url('../images/right-arrow.png') !important;
}
.index-common-wrapper .swiper-button-next:hover {
  cursor: pointer;
  background-image: url('../images/right-arrow-active.png') !important;
}



.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.shop-lists-wrapper {
  width: 1164px;
  min-width: 1164px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 90px auto 0 auto;
}




.about-us-banner {
  width: 100%;
  height: 340px;
  margin-top: 70px;
  min-width: 1164px;
}
.about-us-wrapper {
  position: relative;
  width: 1164px;
  margin: 20px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.about-us-left-wrapper {
  -ms-flex-preferred-size: 217px;
      flex-basis: 217px;
  width: 217px;
}
.about-us-left-wrapper-fixed {
  position: fixed;
  top: 100px;
}
.about-us-left-wrapper > ul > li {
  width: 217px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  background: #ffffff;
  list-style: none;
  font-size: 20px;
  color: #333333;
  border-bottom: 1px solid #efefef;
  cursor: pointer;
}
.about-us-left-wrapper > ul > li:hover,
.about-us-left-wrapper > ul .active {
  color: #ff812d;
  background: #ffeee3;
}
.about-us-left-wrapper > ul > li:last-of-type {
  border: none;
}
.about-us-right-wrapper {
  -ms-flex-preferred-size: 927px;
      flex-basis: 927px;
  margin-left: 20px;
  background: #fff;
}
.about-us-right-wrapper-fixed {
  margin-left: 237px;
}
.about-us-right-wrapper > section {
  padding: 48px;
}
.about-us-title {
  margin-bottom: 16px;
  font-size: 32px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ff812d;
}
.about-us-sub-title {
  font-size: 14px;
  letter-spacing: 5px;
  color: #999999;
}
.about-us-company > div {
  padding: 48px 70px 12px;
}
.about-us-join-content > section {
  padding: 48px 70px 0;
}
.about-us-company .about-us-content > img {
  width: 690px;
  height: 388px;
  margin-bottom: 60px;
}
.about-us-company .about-us-content > div {
  color: #333333;
  line-height: 40px;
  letter-spacing: 1px;
  text-align: justify;
}
.about-us-join-content section > h4 {
  margin-bottom: 8px;
  font-size: 20px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ff812d;
}
.about-us-join-content section > small {
  color: #999999;
}
.about-us-join-content section > div {
  margin-top: 24px;
  line-height: 30px;
}
.about-us-history-content .time-line {
  width: 100%;
  padding: 48px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #f5f5f5;
}
.about-us-history-content .time-line > li {
  -ms-flex-preferred-size: 102px;
      flex-basis: 102px;
  width: 102px;
  height: 53px;
  margin-right: 78px;
  line-height: 53px;
  text-align: center;
  background: #efefef;
  border-radius: 27px;
  list-style: none;
  cursor: pointer;
}
.about-us-history-content .time-line > li:last-of-type {
  margin-right: 0;
}
.about-us-history-content .time-line .active,
.about-us-history-content .time-line > li:hover {
  background: #ffeee3;
  color: #ff812d;
}
.about-us-history-content .history-main {
  padding-top: 18px;
}
.about-us-history-content .history-main > section {
  width: 100%;
  height: 124px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.about-us-history-content .history-main > .active {
  height: 376px;
}
.about-us-history-content .history-main .left {
  position: relative;
  -ms-flex-preferred-size: 399px;
      flex-basis: 399px;
  height: 100%;
  padding-right: 19px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.about-us-history-content .history-main .left::before,
.about-us-history-content .history-main .left::after {
  content: "";
  position: absolute;
  right: 0;
  display: block;
  width: 0;
  height: 50%;
  border-right: 1px solid #ffeee3;
}
.about-us-history-content .history-main .left::before {
  top: 0;
}
.about-us-history-content .history-main .left::after {
  bottom: 0;
}
.about-us-history-content .history-main > section:first-of-type .left::before,
.about-us-history-content .history-main > section:last-of-type .left::after {
  display: none;
}
.about-us-history-content .history-main .left > img {
  width: 64px;
  height: 64px;
  margin: auto 0;
}
.about-us-history-content .history-main .active .left > img {
  width: 316px;
  height: 316px;
}
.about-us-history-content .history-main .right {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  padding-left: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.about-us-history-content .history-main .right::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
  margin-left: -10px;
  display: block;
  width: 10px;
  height: 10px;
  background: #ff812d;
  border: 4px solid #ffeee3;
  border-radius: 50%;
}
.about-us-history-content .history-main .active .right::before {
  width: 12px;
  height: 12px;
}
.about-us-history-content .history-main .right small {
  font-size: 14px;
  color: #999999;
}
.about-us-history-content .history-main .active .right small {
  font-size: 16px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ff812d;
}
.about-us-history-content .history-main .right p {
  margin-top: 8px;
  color: #333333;
}
.about-us-history-content .history-main .active .right p {
  font-size: 20px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #333333;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.account-edit-content {
  width: 927px;
  height: 312px;
  padding: 32px 48px;
  margin-bottom: 32px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.account-edit-content > div {
  width: 100%;
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.account-edit-content > div:last-of-type {
  margin-bottom: 0;
}
.account-edit-content > div > span,
.password-edit-content span {
  font-size: 14px;
  -ms-flex-preferred-size: 57px;
      flex-basis: 57px;
  margin-right: 48px;
  text-align: justify;
  color: #333333;
}
.account-edit-content > div > span {
  text-align: justify;
  color: #333333;
}
.account-edit-content > div .account-edit-btn-wrapper {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
}
.account-edit-content > div > div img {
  width: 100%;
  height: 100%;
}
.account-edit-content > div > div .editBtn {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 80px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  text-align: center;
  background: rgba(51, 51, 51, 0.8);
  color: #ffffff;
}
.account-edit-content > div > input {
  width: 237px;
  height: 51px;
  text-indent: 32px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 2px;
  color: #999999;
  outline: none;
}
.account-edit-content > div > input:focus,
.edit-password-wrapper .password-wrapper input:focus {
  background: #ffeee3;
  border: 1px solid #ff812d;
  color: #ff812d;
  outline: none;
}
.account-address-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.account-address-wrapper > span {
  -ms-flex-preferred-size: 30px;
      flex-basis: 30px;
  width: 30px;
  height: 19px;
  text-align: center;
  line-height: 19px;
  font-size: 12px;
  color: #f15a53;
  border: 1px solid #f15a53;
}
.account-address-wrapper > div {
  font-size: 14px;
  margin-left: 16px;
  color: #999999;
}
.account-address-wrapper > div > p > span:nth-of-type(2) {
  margin-left: 24px;
}
.account-address-wrapper a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
  color: #999999;
}
.account-address-wrapper a:hover {
  font-size: 14px;
  color: #FF812D;
}
.password-edit-content {
  width: 927px;
  padding: 32px 48px;
  margin-bottom: 32px;
  background: #ffffff;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.password-edit-content span {
  line-height: 51px;
}
.password-edit-content > .edit-password-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.edit-password-wrapper .password-wrapper {
  margin-bottom: 24px;
  height: 51px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.edit-password-wrapper .password-wrapper:last-of-type {
  margin-bottom: 0;
}
.edit-password-wrapper .password-wrapper input {
  width: 328px;
  height: 51px;
  border: 1px solid #f5f5f5;
  background: #f5f5f5;
  border-radius: 2px;
  text-indent: 32px;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.account-password-tip {
  margin-left: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.account-password-tip-hide {
  display: none;
}
.account-password-tip span {
  -ms-flex-preferred-size: 19px;
      flex-basis: 19px;
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url("../images/login-tip-error.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: center;
  margin-right: 0;
}
.account-password-tip small {
  color: #f15a53;
}
.account-edit-save {
  width: 168px;
  height: 51px;
  margin-left: 152px;
  line-height: 51px;
  text-align: center;
  color: #fff;
  background: #ff812d;
  border-radius: 29px;
  color: #ffffff;
  cursor: pointer;
}
.account-edit-save:hover,
.account-edit-save:active {
  color: #ff812d;
  background: #ffeee3;
  border-radius: 29px;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.my-address-edit-wrapper {
  padding-bottom: 180px;
}
.my-address-edit-wrapper nav,
.my-address-edit-content {
  width: 927px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
}
.my-address-edit-wrapper nav li {
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 12px;
  color: #333333;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.my-address-edit-content > span {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-address-edit-wrapper nav li:first-of-type,
.my-address-edit-content > span:first-of-type {
  -ms-flex-preferred-size: 130px !important;
      flex-basis: 130px !important;
  min-width: 130px;
}
.my-address-edit-wrapper nav li:nth-of-type(2),
.my-address-edit-content > span:nth-of-type(2) {
  -ms-flex-preferred-size: 175px;
      flex-basis: 175px;
}
.my-address-edit-wrapper nav li:nth-of-type(3),
.my-address-edit-content > span:nth-of-type(3) {
  -ms-flex-preferred-size: 170px;
      flex-basis: 170px;
}
.my-address-edit-content > span:nth-of-type(3),
.my-address-edit-content > span:nth-of-type(4) {
  line-height: 24px;
  max-height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.my-address-edit-wrapper nav li:nth-of-type(4),
.my-address-edit-content > span:nth-of-type(4) {
  -ms-flex-preferred-size: 293px;
      flex-basis: 293px;
  padding: 0 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.my-address-edit-wrapper nav li:nth-of-type(5),
.my-address-edit-content .options-btn {
  -ms-flex-preferred-size: 159px;
      flex-basis: 159px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.my-address-edit-container {
  margin-top: 10px;
  border-radius: 4px;
}
.my-address-edit-content span {
  font-size: 12px;
  color: #999999;
  text-align: center;
}
.my-address-edit-content .options-btn {
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 16px;
}
.my-address-edit-content .options-btn div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.my-address-edit-content .options-btn span {
  -ms-flex-preferred-size: 28px;
      flex-basis: 28px;
  color: #333333;
  cursor: pointer;
}
.my-address-edit-content .options-btn-edit {
  margin-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.my-address-edit-content .options-btn-edit > span:first-of-type {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #999999;
}
.my-address-edit-content .options-btn-edit > span:nth-of-type(2) {
  -ms-flex-preferred-size: 6px;
      flex-basis: 6px;
  margin-right: 2px;
  color: #333333;
}
.my-address-edit-content .options-btn-edit > span:nth-of-type(3) {
  color: #333333;
}
.my-address-edit-content .options-btn span:hover {
  color: #FF812D;
}
.my-address-edit-content-first span {
  color: #333333;
}
.my-address-edit-content-first .options-btn-edit span:first-of-type {
  max-width: 30px !important;
  -ms-flex-preferred-size: 30px;
      flex-basis: 30px;
  height: 19px;
  line-height: 19px;
  margin-right: 10px;
  font-size: 12px;
  color: #f15a53;
  text-align: center;
  border: 1px solid #f15a53;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.my-address-edit-content .options-btn-edit .edit-span {
  color: #ff812d !important;
}
.my-address-edit-drop-wrapper {
  position: relative;
  padding: 24px 48px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  display: none;
}
.my-address-edit-drop-wrapper .drop-icon {
  content: "";
  position: absolute;
  right: 16px;
  bottom: 7px;
  display: block;
  width: 19px;
  height: 19px;
  background: url("../images/shop-btn-up.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 75% 60%;
  background-position: center;
  cursor: pointer;
}
.my-address-edit-person-wrapper {
  width: 100%;
  height: 51px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-address-edit-person-wrapper div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-address-edit-person-wrapper div:last-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-address-edit-person-wrapper div > span,
.my-address-edit-address-wrapper > span {
  font-size: 14px;
  color: #333333;
}
.my-address-edit-person-wrapper div > span {
  -ms-flex-preferred-size: 70px;
      flex-basis: 70px;
}
.my-address-edit-address-wrapper > span {
  display: inline-block;
  width: 70px;
}
.my-address-edit-person-wrapper div > input,
.my-address-edit-address-wrapper > input,
.my-address-edit-address-wrapper > div > div > input {
  width: 260px;
  height: 51px;
  padding-left: 24px;
  background: #efefef;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.my-address-edit-person-wrapper div > input,
.my-address-edit-address-wrapper > input:first-of-type,
.my-address-edit-address-wrapper > div > div > input {
  margin-left: 24px;
  border-radius: 2px;
  color: #999;
  font-size: 14px;
}
.my-address-edit-address-wrapper {
  width: 100%;
  height: 51px;
  margin-top: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-address-edit-address-wrapper > input:last-of-type {
  margin-left: 16px !important;
  width: 460px;
}
.my-address-edit-wrapper input:focus {
  background: #ffeee3;
  border: 1px solid #ff812d;
  color: #ff812d;
  outline: none;
}
.my-address-edit-address-wrapper > div {
  position: relative;
}
.my-address-edit-address-wrapper > div > span {
  position: absolute;
  right: 0;
  top: 0;
  display: block !important;
  width: 51px;
  height: 51px;
  text-align: center;
  background: #ff812d;
  border-radius: 0px 2px 2px 0px;
  cursor: pointer;
}
.my-address-edit-address-wrapper > div > span > i {
  display: inline-block;
  -ms-flex-preferred-size: 19px;
      flex-basis: 19px;
  width: 19px;
  height: 19px;
  margin-top: 20px;
  background: url("../images/drop-arrow-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 60% 50%;
  background-position: center;
}
.my-address-edit-address-drop-container {
  margin-left: 24px;
}
.city-picker-input {
  opacity: 0 !important;
  top: -9999px;
  left: -9999px;
  position: absolute;
}
.city-picker-span {
  position: relative;
  width: 260px !important;
  height: 51px !important;
  line-height: 52px !important;
  padding-left: 24px;
  background: #efefef;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #ccc;
  cursor: pointer;
}
.city-picker-span > .placeholder {
  color: #aaa;
}
.city-picker-span > .title > span {
  font-size: 14px;
  color: #999999;
  padding: 5px;
  border-radius: 3px;
}
.city-picker-span > .title > span:hover {
  background-color: #f1f8ff;
}
.city-picker-dropdown {
  position: absolute;
  width: 260px !important;
  min-width: 260px !important;
  left: -9999px;
  top: -9999px;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 999999;
  display: none;
  min-width: 330px;
  margin-bottom: 20px;
}
.city-select-wrap {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.city-select-tab {
  border-bottom: 1px solid #ccc;
  background: #f0f0f0;
  font-size: 13px;
}
.city-select-tab > a {
  display: inline-block;
  padding: 8px 22px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid transparent;
  color: #4D4D4D;
  text-align: center;
  outline: 0;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
  margin-bottom: -1px;
}
.city-select-tab > a.active {
  background: #fff;
  border-bottom: 1px solid #fff;
  color: #ff812d;
}
.city-select-tab > a:first-child {
  border-left: none;
}
.city-select-tab > a:last-child.active {
  border-right: 1px solid #ccc;
}
.city-select-content {
  width: 100%;
  min-height: 10px;
  background-color: #fff;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.city-select {
  font-size: 13px;
}
.city-select dl {
  line-height: 2;
  clear: both;
  padding: 3px 0;
  margin: 0;
}
.city-select dt {
  position: absolute;
  width: 2.5em;
  font-weight: 500;
  text-align: right;
  line-height: 2;
}
.city-select dd {
  margin-left: 0;
  line-height: 2;
}
.city-select.province dd {
  margin-left: 3em;
}
.city-select a {
  display: inline-block;
  padding: 0 10px;
  outline: 0;
  white-space: nowrap;
  margin-right: 2px;
  text-decoration: none;
  color: #333;
  cursor: pointer;
}
.city-select a:hover,
.city-select a:focus {
  background-color: #f1f8ff;
  border-radius: 2px;
  color: #46A4FF;
}
.city-select a.active {
  background-color: #FF812D;
  color: #fff;
  border-radius: 2px;
}
.my-address-add-container {
  background: #fff;
  border-radius: 0 0 4px 4px;
}
.my-address-add-title {
  width: 100%;
  height: 47px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: #333333;
  cursor: pointer;
  border-top: 1px solid #f5f5f5;
}
.my-address-add-title span {
  width: 18px;
  height: 18px;
  margin-right: 7px;
  background: url("../images/add-address-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.my-address-edit-drop-wrapper h4 {
  margin-bottom: 24px;
  font-size: 16px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ff812d;
  text-align: center;
}
.my-address-edit-drop-wrapper .my-address-edit-address-wrapper {
  padding-bottom: 32px;
  border: none;
}
.my-address-btn-wrapper {
  padding-top: 20px;
}
.my-address-edit-tip .mask-tip-wrapper span {
  font-size: 16px;
}
.my-address-delete-tip {
  display: none;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.collect-product-nav li:nth-of-type(3),
.collect-product-price {
  -ms-flex-preferred-size: 118px !important;
      flex-basis: 118px !important;
}
.collect-product-nav li:nth-of-type(4),
.collect-product-option {
  -ms-flex-preferred-size: 237px !important;
      flex-basis: 237px !important;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.collect-shop-nav li:nth-of-type(2),
.order-item-shop-tel {
  -ms-flex-preferred-size: 224px !important;
      flex-basis: 224px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 147px;
}
.collect-shop-nav li:nth-of-type(3),
.collect-shop-option {
  -ms-flex-preferred-size: 180px !important;
      flex-basis: 180px !important;
}
.order-item-shop-tel {
  color: #333333 !important;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.formaldehyde-top-wrapper {
  margin-top: 70px;
  height: 400px;
  background: url("../images/formaldehyde-top-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-repeat: repeat-x;
  text-align: center;
}
.formaldehyde-top-wrapper img {
  width: 1164px;
  height: 100%;
  margin: 0 auto;
}
.formaldehyde-second-wrapper {
  width: 100%;
  height: 773px;
  background: #F7FFFC;
}
.formaldehyde-second-wrapper .formaldehyde-second-pollution {
  width: 1164px;
  height: 773px;
  margin: 0 auto;
  position: relative;
  background: url('../images/pollution_bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.formaldehyde-second-wrapper .formaldehyde-second-pollution h4 {
  font-size: 40px;
  font-weight: bold;
  color: #37a678;
  position: absolute;
  top: 74px;
  left: 422px;
}
.formaldehyde-second-wrapper .formaldehyde-second-pollution > div {
  position: absolute;
}
.formaldehyde-second-wrapper .formaldehyde-second-pollution > div .pollution_img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
}
.formaldehyde-second-wrapper .formaldehyde-second-pollution > div .pollution_img img {
  width: 100%;
  height: 100%;
}
.formaldehyde-second-wrapper .pollution1 {
  top: 182px;
  left: 217px;
}
.formaldehyde-second-wrapper .pollution2 {
  top: 182px;
  right: 255px;
}
.formaldehyde-second-wrapper .pollution3 {
  top: 372px;
  left: 119px;
}
.formaldehyde-second-wrapper .pollution4 {
  top: 372px;
  right: 119px;
}
.formaldehyde-second-wrapper .pollution5 {
  bottom: 68px;
  left: 271px;
}
.formaldehyde-second-wrapper .pollution6 {
  bottom: 68px;
  right: 255px;
}
.formaldehyde-second-wrapper .pollution_img_big {
  position: absolute;
  width: 200px;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  color: #f7fffc;
  background: #37a678;
  opacity: 0;
  border-radius: 50%;
  top: -25px;
  left: -25px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.formaldehyde-second-wrapper .pollution_img_big div {
  text-align: center;
  line-height: 30px;
}
.formaldehyde-second-wrapper .formaldehyde-second-pollution > div:hover .pollution_img_big {
  opacity: 0.6;
}
.formaldehyde-harm-wrapper {
  width: 100%;
  height: 566px;
  background: -webkit-gradient(linear, left bottom, left top, from(#309f71), to(#59c89a));
  background: linear-gradient(360deg, #309f71 0%, #59c89a 100%);
}
.formaldehyde-harm-wrapper .formaldehyde-harm-box {
  width: 1164px;
  height: 566px;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: url('../images/harm_bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.formaldehyde-harm-wrapper .formaldehyde-harm-box h4 {
  font-size: 40px;
  font-weight: bold;
  color: #f7fffc;
  margin-top: 73px;
}
.formaldehyde-harm-wrapper .formaldehyde-harm-box ul {
  height: 300px;
  width: 1046px;
  margin-top: 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.formaldehyde-harm-wrapper .formaldehyde-harm-box ul li {
  -ms-flex-preferred-size: 216px;
      flex-basis: 216px;
  height: 299px;
  margin: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f7fffc;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.formaldehyde-harm-wrapper .formaldehyde-harm-box ul li img {
  width: 217px;
  height: 217px;
}
.formaldehyde-harm-wrapper .formaldehyde-harm-box ul li div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  padding: 8px 0;
}
.formaldehyde-harm-wrapper .formaldehyde-harm-box ul li div p:first-child {
  font-size: 20px;
  font-weight: bold;
  color: #37a678;
  margin-bottom: 8px;
}
.formaldehyde-harm-wrapper .formaldehyde-harm-box ul li div P:last-child {
  font-size: 14px;
  color: #37a678;
}
.formaldehyde-harm-wrapper .formaldehyde-harm-box ul li:hover {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
  -webkit-box-shadow: 0px 10px 10px 0px rgba(17, 121, 80, 0.5);
          box-shadow: 0px 10px 10px 0px rgba(17, 121, 80, 0.5);
  border-radius: 4px;
}
.formaldehyde-benefit-wrapper {
  background: #F7FFFC;
}
.formaldehyde-benefit-container {
  width: 1164px;
  height: 741px;
  margin: 0 auto;
  padding-top: 75px;
  background: url('../images/benefit_bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.formaldehyde-benefit-container h4 {
  font-size: 40px;
  font-weight: bold;
  color: #37a678;
  text-align: center;
}
.formaldehyde-benefit-container .formaldehyde-benefit-box {
  height: 646px;
  margin: 0 auto;
  position: relative;
}
.formaldehyde-benefit-container .more-tip {
  width: 100px;
  height: 30px;
  font-size: 28px;
  font-weight: bold;
  color: #10a070;
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  margin-top: -15px;
  margin-left: -50px;
}
.formaldehyde-benefit-container .benifit_img1,
.formaldehyde-benefit-container .benifit_img2,
.formaldehyde-benefit-container .benifit_img3,
.formaldehyde-benefit-container .benifit_img4,
.formaldehyde-benefit-container .benifit_img5 {
  position: absolute;
  text-align: center;
}
.formaldehyde-benefit-container .benifit_img1 p,
.formaldehyde-benefit-container .benifit_img2 p,
.formaldehyde-benefit-container .benifit_img3 p,
.formaldehyde-benefit-container .benifit_img4 p,
.formaldehyde-benefit-container .benifit_img5 p {
  font-size: 20px;
  color: #10a070;
  margin-top: 8px;
}
.formaldehyde-benefit-container .benifit_img1 img,
.formaldehyde-benefit-container .benifit_img2 img,
.formaldehyde-benefit-container .benifit_img3 img,
.formaldehyde-benefit-container .benifit_img4 img,
.formaldehyde-benefit-container .benifit_img5 img {
  width: 132px;
  height: 132px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.formaldehyde-benefit-container .benifit_img1 {
  top: 62px;
  left: 520px;
}
.formaldehyde-benefit-container formaldehyde-benefit-box > div {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.formaldehyde-benefit-container .formaldehyde-benefit-box > div:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.formaldehyde-benefit-container .benifit_img2 {
  top: 160px;
  left: 199px;
}
.formaldehyde-benefit-container .benifit_img3 {
  top: 178px;
  right: 216px;
}
.formaldehyde-benefit-container .benifit_img4 {
  top: 365px;
  left: 351px;
}
.formaldehyde-benefit-container .benifit_img5 {
  top: 365px;
  right: 331px;
}
.formaldehyde-case-wrapper {
  width: 100%;
  height: 837px;
  background: -webkit-gradient(linear, left bottom, left top, from(#309f71), to(#59c89a));
  background: linear-gradient(360deg, #309f71 0%, #59c89a 100%);
}
.formaldehyde-case-wrapper .formaldehyde-case-box {
  width: 1164px;
  margin: 0 auto;
  padding-top: 75px;
  padding-bottom: 80px;
  background: url('../images/case_bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.formaldehyde-case-wrapper .formaldehyde-case-box .case-title {
  width: 400px;
  height: 83px;
  line-height: 83px;
  margin: 0 auto;
  font-size: 40px;
  font-weight: bold;
  color: #37a678;
  text-align: center;
  background-image: url("../images/case_title_bg.png");
  background-size: 100% 110%;
}
.formaldehyde-case-wrapper .formaldehyde-case-box ul {
  width: 100%;
  margin: 0 119px;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.formaldehyde-case-wrapper .formaldehyde-case-box ul li {
  width: 453px;
  height: 258px;
  margin: 10px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.formaldehyde-case-wrapper .formaldehyde-case-box ul li img {
  width: 100%;
  z-index: 1;
}
.formaldehyde-case-wrapper .formaldehyde-case-box ul li div {
  width: 100%;
  height: 68px;
  line-height: 68px;
  text-align: center;
  background-color: rgba(247, 255, 252, 0.8) !important;
  border-radius: 0px 0px 4px 4px;
  margin-top: -72px;
  z-index: 2;
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: #37a678;
}
.formaldehyde-case-wrapper .formaldehyde-case-box ul li:hover {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}
.service-detail-wrapper {
  width: 100%;
  height: 1013px;
  background: #f7fffc;
}
.service-detail-wrapper .service-detail-box {
  width: 1164px;
  height: 100%;
  margin: 0 auto;
  padding-top: 80px;
  background: url('../images/service_bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.service-detail-wrapper .service-title {
  width: 400px;
  height: 83px;
  line-height: 83px;
  margin: 0 auto;
  font-size: 40px;
  font-weight: bold;
  color: #f7fffc;
  text-align: center;
  background: url('../images/service_title_bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.service-detail-wrapper .servive-detail {
  width: 657px;
  height: 60px;
  margin: 32px auto 51px auto;
  font-size: 20px;
  color: #2c9f71;
  letter-spacing: 20px;
  text-align: center;
}
.service-detail-wrapper .server-main {
  position: relative;
  margin-top: 19px;
}
.service-detail-wrapper .service-detection {
  width: 335px;
  height: 446px;
  background: rgba(75, 205, 151, 0.8);
  border: 1px solid #979797;
  text-align: center;
  line-height: 446px;
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
  top: 86px;
  left: 0;
  position: absolute;
  cursor: pointer;
}
.service-detail-wrapper .service-detection .service-detection-img {
  width: 100%;
  height: 446px;
}
.service-detail-wrapper .service-detection .service-detection-img img {
  width: 100%;
}
.service-detail-wrapper .service-detection:hover .service-detection-cover {
  opacity: 0;
}
.service-detail-wrapper .service-detection-cover {
  width: 335px;
  height: 446px;
  background: rgba(75, 205, 151, 0.8);
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ffffff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.service-detail-wrapper .service-img-content1,
.service-detail-wrapper .service-img-content2 {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.service-detail-wrapper .service-img-content1 li,
.service-detail-wrapper .service-img-content2 li {
  width: 216px;
  -ms-flex-preferred-size: 216px;
      flex-basis: 216px;
  height: 290px;
  margin: 20px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.service-detail-wrapper .service-img-content1 li .service-text,
.service-detail-wrapper .service-img-content2 li .service-text {
  width: 100%;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  background: rgba(75, 205, 151, 0.8);
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.service-detail-wrapper .service-img-content1 li img,
.service-detail-wrapper .service-img-content2 li img {
  width: 216px;
  height: 290px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.service-detail-wrapper .service-img-content1 li:hover,
.service-detail-wrapper .service-img-content2 li:hover {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.service-detail-wrapper .service-img-content1 li:hover .service-text,
.service-detail-wrapper .service-img-content2 li:hover .service-text {
  opacity: 1;
}
.service-detail-wrapper .service-img-content1 {
  top: 0;
  left: 474px;
}
.service-detail-wrapper .service-img-content2 {
  top: 319px;
  left: 474px;
}
.formaldehyde-appointment-wrapper {
  width: 100%;
  height: 609px;
  background: -webkit-gradient(linear, left bottom, left top, from(#309f71), to(#59c89a));
  background: linear-gradient(360deg, #309f71 0%, #59c89a 100%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.formaldehyde-appointment-wrapper .formaldehyde-appointment-box {
  width: 1164px;
  height: 609px;
  padding-top: 80px;
  margin: 0 auto;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url('../images/appointment_bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.formaldehyde-appointment-wrapper .formaldehyde-appointment-content {
  width: 454px;
  height: 449px;
  background: #ffffff;
  border-radius: 4px;
  padding: 32px 48px 48px 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
}
.formaldehyde-appointment-wrapper .formaldehyde-appointment-content h4 {
  font-size: 30px;
  font-weight: bold;
  color: #37a678;
  text-align: center;
}
.formaldehyde-appointment-wrapper .formaldehyde-appointment-content .appointment-personal {
  margin-top: 32px;
}
.formaldehyde-appointment-wrapper .formaldehyde-appointment-content .appointment-personal p {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 12px;
}
.formaldehyde-appointment-wrapper .formaldehyde-appointment-content .appointment-personal .a-input {
  width: 358px;
  height: 48px;
  line-height: 48px;
  background: #f5f5f5;
  border-radius: 2px;
  position: relative;
}
.formaldehyde-appointment-wrapper .formaldehyde-appointment-content .appointment-personal .a-input input {
  height: 48px;
  width: 100%;
  text-indent: 24px;
  font-size: 16px;
  background: #f5f5f5;
}
.formaldehyde-appointment-wrapper .formaldehyde-appointment-content .appointment-personal .a-input input:focus {
  border: 1px solid #37a678;
  outline: none;
}
.formaldehyde-appointment-wrapper .formaldehyde-appointment-content .appointment-personal .a-input input::-webkit-input-placeholder {
  /* WebKit browsers */
  font-size: 16px;
}
.formaldehyde-appointment-wrapper .formaldehyde-appointment-content .appointment-personal .a-input input::-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-size: 16px;
}
.formaldehyde-appointment-wrapper .formaldehyde-appointment-content .appointment-personal .a-input input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 16px;
}
.formaldehyde-appointment-wrapper .formaldehyde-appointment-content .appointment-personal .a-input input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-size: 16px;
}
.formaldehyde-appointment-wrapper .formaldehyde-appointment-content .appointment-personal .appointment-name-tip,
.formaldehyde-appointment-wrapper .formaldehyde-appointment-content .appointment-personal .appointment-tel-tip {
  position: absolute;
  right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 51px;
  font-size: 10px;
  color: #ff3636;
  top: 0;
  display: none;
}
.formaldehyde-appointment-wrapper .formaldehyde-appointment-content .appointment-personal .appointment-name-tip span,
.formaldehyde-appointment-wrapper .formaldehyde-appointment-content .appointment-personal .appointment-tel-tip span {
  display: inline-block;
  vertical-align: middle;
  -ms-flex-preferred-size: 14px;
      flex-basis: 14px;
  width: 14px;
  height: 14px;
  margin-right: 2px;
  margin-top: -1px;
  background: url("../images/login-tip-error.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.formaldehyde-appointment-wrapper .formaldehyde-appointment-content .rightAway-appointment {
  width: 216px;
  height: 53px;
  line-height: 53px;
  text-align: center;
  border-radius: 28px;
  border: 1px solid #37a678;
  margin: 48px auto 0;
  font-size: 16px;
  color: #37a678;
  cursor: pointer;
}
.formaldehyde-appointment-wrapper .formaldehyde-appointment-content .rightAway-appointment:hover {
  background: #37a678;
  color: #ffffff;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.installment-container {
  margin-top: 70px;
  background: #fff;
}
.installment-top-wrapper {
  min-width: 1164px;
  height: 340px;
}
.installment-top-wrapper > img {
  width: 100%;
  height: 340px;
}
.installment-main-wrapper {
  min-width: 1164px;
  padding: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.installment-container .index-section-title {
  min-width: 926px !important;
  width: 926px !important;
}
.installment-container .index-section-title::before {
  left: 0 !important;
}
.installment-container .index-section-title::after {
  right: 0 !important;
}
.installment-container .index-section-title h4 {
  color: #333333 !important;
}
.installment-bank-details {
  min-width: 926px;
  width: 926px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.installment-bank-section {
  margin-top: 48px;
}
.installment-bank-section > ul {
  width: 926px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.installment-bank-section > ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 308.66px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 133px;
  cursor: pointer;
}
.installment-bank-section > ul > li > div {
  -ms-flex-preferred-size: 49px;
      flex-basis: 49px;
  width: 59px;
  min-height: 59px;
  margin-bottom: 38px;
  line-height: 59px;
  text-align: center;
  font-size: 20px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ff812d;
  background: url("../images/juxing.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.installment-bank-section > ul > li > p {
  font-size: 18px;
  color: #333333;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.installment-bank-section > ul .active > p {
  position: relative;
  font-size: 24px;
  line-height: 31px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #333333;
}
.installment-bank-section > ul .active > p:after {
  position: absolute;
  content: "";
  display: block;
  width: 46px;
  height: 4px;
  bottom: -8px;
  left: 50%;
  margin-left: -23px;
  background: #FF812D;
}
.installment-bank-section-conatiner {
  width: 926px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.installment-bank-section-conatiner a {
  width: 216px;
  height: 51px;
  margin-top: 48px;
  text-align: center;
  line-height: 51px;
  font-size: 14px;
  color: #ffffff;
  border-radius: 4px;
  cursor: pointer;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff7176), to(#df2128));
  background: linear-gradient(180deg, #ff7176 0%, #df2128 100%);
}
.installment-bank-main {
  width: 926px;
  height: 512px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 4px auto 0  auto;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(183, 183, 183, 0.5);
          box-shadow: 0px 0px 10px 0px rgba(183, 183, 183, 0.5);
  border-radius: 4px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.installment-bank-main .left-wrapper {
  position: relative;
  -ms-flex-preferred-size: 369px;
      flex-basis: 369px;
  min-width: 369px;
  height: 100%;
  background: url("../images/bank_bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 4px 0 0 4px;
}
.installment-bank-main .left-wrapper .desc {
  width: 154px;
  height: 121px;
  margin-top: 60px;
  margin-left: 186px;
  text-align: right;
}
.installment-bank-main .left-wrapper .desc p {
  font-size: 26px;
  color: #333333;
  line-height: 35px;
}
.installment-bank-main .left-wrapper .desc h4 {
  margin-top: 20px;
  font-size: 50px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  line-height: 66px;
}
.installment-bank-main .left-wrapper .bank-logo-wrapper {
  position: absolute;
  top: 60px;
  left: -119px;
  width: 217px;
  height: 205px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(183, 183, 183, 0.5);
          box-shadow: 0px 0px 10px 0px rgba(183, 183, 183, 0.5);
  border-radius: 4px;
}
.installment-bank-main .left-wrapper .bank-logo {
  width: 100%;
  height: 98px;
}
.installment-bank-main .right-wrapper {
  -ms-flex-preferred-size: 524px;
      flex-basis: 524px;
  min-width: 524px;
  margin-left: 31px;
  height: 392px;
  padding: 0 60px;
  border-left: 2px solid #EFEFEF;
  border-radius: 0 4px 0 4px;
}
.installment-bank-main .icons-lists-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.installment-bank-main .icons-lists-wrapper > li {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 72px;
}
.installment-bank-main .icons-lists-wrapper > li > .left {
  -ms-flex-preferred-size: 40px;
      flex-basis: 40px;
  max-width: 40px;
  height: 40px;
  margin-right: 16px;
}
.installment-bank-main .icons-lists-wrapper > li > .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.installment-bank-main .icons-lists-wrapper > li > .right > h4 {
  margin-bottom: 8px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #333333;
  line-height: 21px;
}
.installment-bank-main .icons-lists-wrapper > li > .right > p {
  font-size: 12px;
  color: #999999;
  line-height: 16px;
}
.installment-bank-main .right-main-wrapper {
  position: relative;
}
.installment-bank-main .right-main-wrapper:before {
  position: absolute;
  top: 8px;
  content: "";
  display: block;
  width: 2px;
  height: 138px;
}
.installment-bank-main .right-main-wrapper p {
  position: relative ;
  padding-left: 19px;
  margin-bottom: 48px;
  color: #333333;
  line-height: 21px;
}
.installment-bank-main .right-main-wrapper p::before {
  position: absolute;
  content: "";
  display: block;
  left: -4px;
  top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.installment-bank-main .right-main-wrapper p:last-of-type {
  margin: 0;
  top: -5px;
}
.installment-dg-bank-section .left-wrapper .desc h4 {
  color: #df2128;
}
.installment-dg-bank-section .left-wrapper .bank-logo {
  background: url("../images/dg_bank.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.installment-dg-bank-section .icons-lists-wrapper > li:first-of-type .left {
  background: url("../images/bank_icon1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.installment-dg-bank-section .icons-lists-wrapper > li:nth-of-type(2) .left {
  background: url("../images/bank_icon2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.installment-dg-bank-section .icons-lists-wrapper > li:nth-of-type(3) .left {
  background: url("../images/bank_icon3.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.installment-dg-bank-section .icons-lists-wrapper > li:nth-of-type(4) .left {
  background: url("../images/bank_icon4.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.installment-dg-bank-section .right-main-wrapper:before {
  background: #ef9093;
}
.installment-dg-bank-section .right-main-wrapper p::before {
  background: #DF2128;
  border: 2px solid #ef9093;
}
.installment-ag-bank-section {
  display: none;
}
.installment-ag-bank-section .left-wrapper .desc h4 {
  color: #2A8D6F;
}
.installment-ag-bank-section .left-wrapper .bank-logo {
  background: url("../images/ag_bank.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.installment-ag-bank-section .icons-lists-wrapper > li:first-of-type .left {
  background: url("../images/ag_icon1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.installment-ag-bank-section .icons-lists-wrapper > li:nth-of-type(2) .left {
  background: url("../images/ag_icon2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.installment-ag-bank-section .icons-lists-wrapper > li:nth-of-type(3) .left {
  background: url("../images/ag_icon3.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.installment-ag-bank-section .icons-lists-wrapper > li:nth-of-type(4) .left {
  background: url("../images/ag_icon4.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.installment-ag-bank-section .right-main-wrapper:before {
  background: #96C8BA;
}
.installment-ag-bank-section .right-main-wrapper p::before {
  background: #2D9175;
  border: 2px solid #96C8BA;
}
.installment-con-bank-section {
  display: none;
}
.installment-con-bank-section .left-wrapper .desc h4 {
  color: #0061AE;
}
.installment-con-bank-section .left-wrapper .bank-logo {
  background: url("../images/con_bank.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.installment-con-bank-section .icons-lists-wrapper > li:first-of-type .left {
  background: url("../images/con_icon1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.installment-con-bank-section .icons-lists-wrapper > li:nth-of-type(2) .left {
  background: url("../images/con_icon2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.installment-con-bank-section .icons-lists-wrapper > li:nth-of-type(3) .left {
  background: url("../images/con_icon3.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.installment-con-bank-section .icons-lists-wrapper > li:nth-of-type(4) .left {
  background: url("../images/con_icon4.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.installment-con-bank-section .right-main-wrapper:before {
  background: #7FB0D6;
}
.installment-con-bank-section .right-main-wrapper p::before {
  background: #0061AE;
  border: 2px solid #7FB0D6;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.installment-detials-process-wrapper,
.installment-details-month-container,
.installment-details-calculate-wrapper {
  width: 926px;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 80px;
}
.installment-detials-process-wrapper > ul {
  width: 646px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 80px auto 0;
}
.installment-detials-process-wrapper > ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 97px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.installment-detials-process-wrapper > ul li:nth-of-type(odd) > div {
  width: 64px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  border-radius: 50%;
  background-color: #ffe5d4;
}
.installment-detials-process-wrapper > ul li span {
  width: 38px;
  height: 38px;
}
.installment-detials-process-wrapper > ul li:nth-of-type(1) > div > span {
  background: url("../images/sumbit_icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.installment-detials-process-wrapper > ul li:nth-of-type(3) > div > span {
  background: url("../images/through_icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.installment-detials-process-wrapper > ul li:nth-of-type(5) > div > span {
  background: url("../images/account_icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.installment-detials-process-wrapper > ul li:nth-of-type(even) > div {
  width: 44px;
  height: 44px;
  background: url("../images/arrow_icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.installment-detials-process-wrapper > ul li > p {
  font-size: 15px;
  font-weight: 400;
  color: #ff812d;
  line-height: 21px;
}
.installment-details-month-wrapper {
  min-width: 1164px;
  height: 535px;
  background: url("../images/rate_bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.installment-container .installment-details-month-container .index-section-title > h4 {
  color: #ffffff !important;
}
.installment-container .installment-details-month-container .index-section-title p {
  color: #fff !important;
}
.installment-container .installment-details-month-container .index-section-title span {
  color: #FFD917 !important;
}
.installment-details-month-container table {
  width: 926px;
  margin-top: 48px;
  border-radius: 4px;
  border-collapse: collapse;
}
.installment-details-month-container tr {
  height: 48px;
  line-height: 48px;
}
.installment-details-month-container tr:first-of-type {
  height: 60px;
  line-height: 60px;
  font-size: 18px !important;
  font-family: MicrosoftYaHei-Bold !important;
  font-weight: bold !important;
  color: #ffffff;
  background: #FF812D !important;
}
.installment-details-month-container tr:first-of-type th {
  border-right: 1px solid #FFEDE1;
}
.installment-details-month-container tr:first-of-type th:last-of-type {
  border: none;
}
.installment-details-month-container tr:nth-of-type(even) td {
  background: #FFFFFF;
}
.installment-details-month-container tr:nth-of-type(odd) td {
  background: #FFEDE1;
}
.installment-details-month-container td {
  width: 308px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #ff812d;
  border: none;
}
.installment-details-month-container td:first-of-type {
  font-size: 18px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
}
.installment-details-calculate {
  width: 926px;
  height: 607px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(183, 183, 183, 0.5);
          box-shadow: 0px 0px 10px 0px rgba(183, 183, 183, 0.5);
  border-radius: 4px;
  overflow: hidden;
}
.installment-details-calculate .left {
  -ms-flex-preferred-size: 464px;
      flex-basis: 464px;
  min-width: 464px;
  height: 607px;
  padding: 32px 48px;
  background: linear-gradient(134deg, #ffffff 0%, #fff8f3 100%);
  border: 1px solid red;
}
.installment-details-calculate .left h4 {
  margin-bottom: 32px;
  font-size: 34px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ff812d;
  line-height: 45px;
  text-align: center;
}
.installment-details-calculate .left .input-wrapper {
  width: 363px;
  height: 104px;
  padding: 16px 24px;
  margin-bottom: 29px;
  background: -webkit-gradient(linear, right top, left top, from(#fff7f2), to(#ffffff));
  background: linear-gradient(270deg, #fff7f2 0%, #ffffff 100%);
  -webkit-box-shadow: 0px 2px 4px 0px #dec9b4;
          box-shadow: 0px 2px 4px 0px #dec9b4;
  border-radius: 4px;
  border: 3px solid #ffae78;
}
.installment-details-calculate .left .input-wrapper > p {
  font-size: 14px;
  color: #ff812d;
}
.installment-details-calculate .left .input-content {
  width: 100%;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 20px;
}
.installment-details-calculate .left .input-content input {
  -ms-flex-preferred-size: 281px;
      flex-basis: 281px;
  max-width: 281px;
  height: 30px;
  font-size: 30px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ff812d;
  background: -webkit-gradient(linear, right top, left top, from(#fff7f2), to(#ffffff));
  background: linear-gradient(270deg, #fff7f2 0%, #ffffff 100%);
}
.installment-details-calculate .left .input-content span {
  -ms-flex-preferred-size: 28px;
      flex-basis: 28px;
  width: 28px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 14px;
  color: #ff812d;
  line-height: 19px;
}
.installment-details-calculate .left ul {
  width: 100%;
  height: 122px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: space-between;
      -ms-flex-align: space-between;
          align-items: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 4px;
  overflow: hidden;
}
.installment-details-calculate .left ul li {
  -ms-flex-preferred-size: 60px;
      flex-basis: 60px;
  width: 118px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  background: #ffe9da;
  font-size: 14px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ff812d;
  cursor: pointer;
}
.installment-details-calculate .left ul li:hover,
.installment-details-calculate .left ul .active {
  background: #FF812D;
  color: #fff;
}
.installment-details-calculate .left ul li:first-of-type {
  background: #ff812d;
  font-size: 16px;
  color: #ffffff;
}
.installment-details-calculate .right {
  -ms-flex-preferred-size: 462px;
      flex-basis: 462px;
  min-width: 462px;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.login-wrapper {
  margin-top: 70px;
  padding: 0 68px;
  width: 100%;
  min-width: 1164px;
  min-height: 527px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: calc(100vh - 240px);
}
.login-content {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.wechat-right-bottom {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 44px;
  height: 44px;
  background: url("../images/wechat.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 44px 44px;
  cursor: pointer;
  opacity: 0.7;
  -webkit-box-shadow: -10px -10px 30px rgba(0, 0, 0, 0.1);
          box-shadow: -10px -10px 30px rgba(0, 0, 0, 0.1);
}
.wechat-tip {
  position: absolute;
  right: -173px;
  bottom: -7px;
  width: 158px;
  height: 51px;
  padding-left: 43px;
  line-height: 51px;
  font-size: 14px;
  color: #ff812d;
  background: url("../images/wechat-tip.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: none;
}
.wechat-right-bottom:hover ~ .wechat-tip {
  display: block;
}
.login-left,
.login-right {
  height: 392px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.login-left {
  width: 710px;
  min-width: 710px;
  background: url(../images/Oval-new@2x.png) no-repeat;
  background-size: 100% 100%;
  border-radius: 4px 0px 0px 4px;
}
.login-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 454px;
  min-width: 454px;
}
.login-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -ms-flex-preferred-size: 56px;
      flex-basis: 56px;
  height: 56px;
  overflow: hidden;
  background: #efefef;
}
.login-tab li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 56px;
  text-align: center;
  font-size: 16px;
  color: #333333;
  background: #efefef;
  cursor: pointer;
}
.login-tab li:first-of-type {
  border-radius: 0 20px 0 0;
}
.login-tab li:last-of-type {
  border-radius: 20px 0 0 0;
}
.login-tab li:hover {
  color: #ff812d;
}
.login-tab .active {
  font-weight: bold;
  color: #FF812D;
  background: #ffffff;
}
.login-tab .active::before {
  content: '';
  position: absolute;
  z-index: 1;
  left: -10px;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 40px solid #fff;
  border-left: 10px solid transparent;
}
.login-tab .active::after {
  content: '';
  position: absolute;
  z-index: 1;
  right: -10px;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 40px solid #fff;
  border-right: 10px solid transparent;
}
.login-fast-main,
.login-normal-main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 24px 60px;
  background: #fff;
}
.login-fast-main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 33px 60px;
  background: #fff;
}
.login-text {
  font-size: 14px;
  color: #333333;
}
.login-fast-main section,
.login-normal-main section {
  margin-bottom: 16px;
}
.login-fast-main section:last-of-type,
.login-normal-main section:nth-of-type(2) {
  margin-bottom: 6px;
}
.login-normal-main section:last-of-type {
  margin-bottom: 0;
}
.login-input-wrapper {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 8px !important;
  height: 51px;
  border-radius: 2px;
}
.login-input-wrapper input {
  text-indent: 16px;
  width: 100%;
  height: 51px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #efefef;
}
.login-input-wrapper input:focus {
  border: 1px solid #FF812D;
}
.login-input-wrapper input::-webkit-input-placeholder {
  /* WebKit browsers */
  font-size: 14px;
}
.login-input-wrapper input::-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-size: 14px;
}
.login-input-wrapper input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 14px;
}
.login-input-wrapper input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-size: 14px;
}
.login-input-wrapper .login-tel-tip,
.login-input-wrapper .login-code-tip,
.login-input-wrapper .login-account-tip,
.login-input-wrapper .login-password-tip,
.login-input-wrapper .login-password1-tip {
  position: absolute;
  right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 51px;
  line-height: 51px;
  font-size: 10px;
  color: #ff3636;
  display: none;
}
.login-input-wrapper .login-code-tip {
  right: 95px !important;
}
.login-input-wrapper .login-tel-tip span,
.login-input-wrapper .login-code-tip span,
.login-input-wrapper .login-account-tip span,
.login-input-wrapper .login-password-tip span,
.login-input-wrapper .login-password1-tip span {
  -ms-flex-preferred-size: 14px;
      flex-basis: 14px;
  width: 14px;
  height: 14px;
  margin-right: 2px;
  background: url("../images/login-tip-error.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.login-input-wrapper .login-tel-tip small,
.login-input-wrapper .login-code-tip small,
.login-input-wrapper .login-account-tip small,
.login-input-wrapper .login-password-tip small,
.login-input-wrapper .login-password1-tip small {
  font-size: 10px;
}
.login-input-wrapper .login-code-tip {
  right: 132px;
}
.login-normal-main .login-input-wrapper .login-code-tip {
  right: 16px;
}
.login-input-wrapper .login-input-code {
  width: 118px;
  margin-top: 0.1px;
  height: 51px;
  line-height: 51px;
  text-align: center;
  font-size: 14px;
  color: #ff812d;
  background: #ffffff;
  border-radius: 0px 2px 2px 0px;
  border: 1px solid #ff812d;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.login-input-wrapper .login-input-code:focus {
  outline: none;
}
.login-input-error-wrapper::after,
.login-input-correct-wrapper::after {
  position: absolute;
  right: -32px;
  top: 30%;
  content: '';
  display: inline-block;
}
.login-input-error-wrapper::after {
  width: 16px;
  height: 16px;
  background: url("../images/login-error.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.login-input-correct-wrapper::after {
  width: 19px;
  height: 13px;
  background: url("../images/login-correct.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.login-normal-main-tip {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.login-normal-main-tip label {
  font-size: 12px;
  color: #333333;
}
.login-normal-main-tip label input {
  width: 10px;
  height: 10px;
}
.login-normal-main-tip a {
  font-size: 12px;
  color: #FF812D;
}
.login-normal-main-tip a:hover {
  font-size: 12px;
}
.login-fast-main .login-btn,
.login-normal-main .login-btn {
  width: 334px;
  height: 51px;
  line-height: 51px;
  text-align: center;
  font-size: 14px;
  color: #999999;
  background: #efefef;
  border-radius: 2px;
  cursor: pointer;
  outline: none;
  border: none;
}
.login-fast-main .login-btn {
  margin-top: 32px;
  margin-top: 24px;
}
.login-normal-main .login-btn {
  margin-top: 19px;
}
.login-fast-main .height-light-btn,
.login-normal-main .height-light-btn {
  background: #FF812D;
  color: #fff;
}
.login-fast-main .height-light-btn:hover,
.login-normal-main .height-light-btn:hover {
  background: #FA6402;
}
.login-normal-main .register {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  color: #ff812d;
}
.login-wrapper input[type=checkbox] {
  margin-top: 2px;
  margin-right: 2px;
  width: 10px;
  height: 10px;
  background: #efefef;
  border: 2px solid #efefef;
  border-radius: 50%;
  -moz-border-radius: 50%;
  /* Firefox */
  -webkit-border-radius: 50%;
  cursor: pointer;
}
.login-wrapper input[type=checkbox]:checked {
  background: #FF812D;
}
input:disabled {
  cursor: not-allowed;
  background-color: #fff;
}
button:disabled {
  cursor: not-allowed;
  background-color: #fff;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.mobile-wrapper {
  margin-top: 70px;
}
.mobile-wrapper section {
  overflow: hidden;
}
.mobile-wrapper section:nth-child(odd) {
  background: #fff;
}
.mobile-wrapper section:nth-child(even) {
  background: -webkit-gradient(linear, left bottom, left top, from(#ffe253), to(#ffe257));
  background: linear-gradient(360deg, #ffe253 0%, #ffe257 100%);
}
.mobile-wrapper section:first-of-type {
  height: 700px;
}
.mobile-common-title-wrapper {
  position: relative;
  max-width: 980px;
  margin: 80px auto 60px;
  text-align: center;
}
.mobile-common-title {
  margin-bottom: 12px;
  font-size: 40px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #333333;
}
.mobile-common-desc {
  font-size: 20px;
  color: #333333;
}
.mobile-common-desc-grey {
  margin-bottom: 60px;
  font-size: 20px;
  color: #999999;
}
.first-mobile-wrapper {
  height: 682px;
  max-height: 682px;
  min-height: 682px;
  width: 1250px;
  margin: 0 auto;
  padding-top: 205px;
  padding-left: 41px;
  background: #fff;
  background: url("../images/mobile-first-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.first-mobile-wrapper h4 {
  margin-bottom: 16px;
  font-size: 46px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #333333;
}
.first-mobile-wrapper p {
  width: 484px;
  margin-bottom: 48px;
  font-size: 22px;
  font-family: MicrosoftYaHei;
  color: #999999;
}
.first-mobile-wrapper button {
  position: relative;
  width: 170px;
  height: 52px;
  line-height: 52px;
  background: #ffde45;
  border-radius: 26px;
  color: #333333;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.first-mobile-wrapper button:after {
  content: "";
  position: absolute;
  right: 18.5px;
  top: 16px;
  display: block;
  width: 21px;
  height: 21px;
  background: url("../images/mobile-arrow.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 50% 65%;
  background-position: center;
}
.first-mobile-wrapper .qr {
  opacity: 0;
  width: 170px;
  height: 170px;
  margin-top: -52px;
}
.first-mobile-wrapper .qr img {
  width: 170px;
  height: 170px;
}
.first-mobile-wrapper > div {
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.first-mobile-wrapper > div:hover button {
  opacity: 0;
}
.first-mobile-wrapper > div:hover .qr {
  opacity: 1;
}
.mobile-wrapper section:nth-of-type(2) {
  height: 653px;
}
.second-mobile-wrapper {
  position: relative;
  width: 1164px;
  height: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: url("../images/mobile-second-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.second-mobile-wrapper > ul {
  width: 340px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.second-mobile-wrapper > ul li {
  position: relative;
  height: 31px;
  width: 75px;
  font-size: 24px;
  color: #333333;
  cursor: pointer;
}
.second-mobile-wrapper > ul .active::after,
.second-mobile-wrapper > ul li:hover::after {
  position: absolute;
  content: "";
  display: block;
  width: 69px;
  height: 6px;
  bottom: -10px;
  background: #ffffff;
  border-radius: 5px;
}
.second-mobile-wrapper > .moblie-icons {
  width: 1164px;
  height: 278px;
  margin-top: 34px;
  background: #ffffff;
  -webkit-box-shadow: 0px 15px 30px 0px #e5be07;
          box-shadow: 0px 15px 30px 0px #e5be07;
  border-radius: 20px;
  overflow: hidden;
}
.mobile-icons-main {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-icons-main > .main {
  min-width: 1164px;
  height: 100%;
  padding: 0 119px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mobile-icons-main > .main > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  cursor: pointer;
}
.mobile-icons-main > .main > div > img {
  width: 120px;
  height: 120px;
  margin-bottom: 24px;
  border-radius: 50%;
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.mobile-icons-main > .main > div > p {
  font-size: 20px;
  color: #333333;
}
.mobile-icons-main > .main > div:hover img {
  width: 144px;
  height: 144px;
  margin-bottom: 12px;
}
.mobile-wrapper section:nth-of-type(3) {
  height: 836px;
}
.second-mobile-wrapper .bg {
  position: absolute;
  top: 110px;
  width: 1046px;
  height: 303px;
  background: url("../images/mobile-second-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.third-mobile-wrapper .mobile-common-title-wrapper::before,
.third-mobile-wrapper .mobile-common-title-wrapper::after {
  content: "";
  position: absolute;
  display: block;
  width: 105px;
  height: 54px;
  top: 18px;
  background: url("../images/mobile-wave.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.third-mobile-wrapper .mobile-common-title-wrapper::before {
  left: 150px;
}
.third-mobile-wrapper .mobile-common-title-wrapper::after {
  right: 150px;
}
.third-content-wrapper {
  position: relative;
  width: 1164px;
  margin: 0 auto;
}
.third-content-wrapper ul {
  position: absolute;
  top: 106px;
  width: 217px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.third-content-wrapper ul li {
  width: 217px;
  height: 65px;
  margin-bottom: 60px;
  line-height: 65px;
  text-align: center;
  background: #efefef;
  border-radius: 33px;
  font-size: 22px;
  color: #333333;
  cursor: pointer;
}
.third-content-wrapper ul .active,
.third-content-wrapper ul li:hover {
  background: #ffde45;
}
.third-content {
  width: 1065px;
  height: 526px;
  margin-left: 99px;
  padding: 60px 60px 60px 195px;
  background: #ffffff;
  -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
}
.third-main {
  width: 809px;
  height: 406px;
}
.third-main-first {
  background: url("../images/mibile-third-bg1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.third-main-second {
  display: none;
  background: url("../images/mibile-third-bg2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.third-main-third {
  display: none;
  background: url("../images/mibile-third-bg3.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.mobile-wrapper section:nth-of-type(4) {
  height: 540px;
}
.forth-mobile-wrapper {
  width: 1164px;
  margin: 0 auto;
}
.forth-mobile-wrapper > ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.forth-mobile-wrapper > ul li {
  -ms-flex-preferred-size: 120px;
      flex-basis: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 230px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  font-size: 24px;
  color: #333333;
}
.forth-mobile-wrapper > ul li .li-item {
  width: 120px;
  height: 171px;
  max-width: 171px;
  margin-bottom: 24px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.forth-mobile-wrapper > ul li .li-item > img {
  width: 120px;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.forth-mobile-wrapper > ul li:hover .li-item > img {
  display: none;
}
.forth-mobile-wrapper > ul li .icon-image-wrapper {
  width: 120px;
  height: 120px;
  background: #fff;
  border-radius: 50%;
  display: none;
}
.forth-mobile-wrapper > ul li:hover .icon-image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.forth-mobile-wrapper > ul li .icon-image-wrapper > img {
  width: 80px;
  height: 80px;
}
.fifth-mobile-wrapper {
  width: 1164px;
  margin: 0 auto;
}
.fifth-mobile-content-wrapper {
  height: 375px;
  margin-top: -90px;
  padding-top: 30px;
  text-align: center;
  background: url("../images/mobile-fifth-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.fifth-mobile-content-wrapper img {
  width: 300px;
  height: 300px;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.my-cart-container {
  position: relative;
}
.my-cart-wrapper input[type=checkbox] {
  /*去除浏览器默认样式*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  margin-right: 16px;
  max-width: 18px !important;
  max-height: 18px !important;
  min-width: 18px;
  min-height: 18px;
  border: 4px solid #f5f5f5;
  outline: none;
  cursor: pointer;
  /*设置为圆形，看起来是个单选框*/
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background: #f5f5f5;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.my-cart-wrapper input[type=checkbox]:checked {
  background: #ff812d;
  border: 4px solid #FFEEE3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.my-cart-nav {
  width: 927px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  border-radius: 4px;
}
.my-cart-nav li {
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 12px;
  color: #333333;
}
.my-cart-nav li:first-of-type {
  position: relative;
  -ms-flex-preferred-size: 426px;
      flex-basis: 426px;
}
.my-cart-nav li:first-of-type > label {
  position: absolute;
  left: 16px;
  font-size: 12px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #999999;
  cursor: pointer;
}
.my-cart-nav li:first-of-type > label:hover {
  color: #FF812D;
}
.my-cart-nav li:nth-of-type(2),
.my-cart-container .order-item-content .order-item-price {
  -ms-flex-preferred-size: 110px;
      flex-basis: 110px;
}
.my-cart-container .order-item-content .order-item-price {
  max-width: 110px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.my-cart-nav li:nth-of-type(3),
.my-cart-container .order-item-content .order-item-num-options {
  -ms-flex-preferred-size: 122px;
      flex-basis: 122px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 122px;
}
.my-cart-container .order-item-content .order-item-num-options {
  max-width: 122px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.my-cart-nav li:nth-of-type(4),
.my-cart-container .order-item-content .order-item-all-price {
  -ms-flex-preferred-size: 130px;
      flex-basis: 130px;
}
.my-cart-container .order-item-content .order-item-all-price {
  max-width: 130px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.my-cart-nav li:nth-of-type(5),
.my-cart-container .order-item-content .order-item-option {
  -ms-flex-preferred-size: 139px;
      flex-basis: 139px;
}
.my-cart-container .order-item-content .order-item-option {
  max-width: 139px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.my-cart-shop-nav {
  width: 100%;
  height: 44px;
  line-height: 44px;
  padding-left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #f5f5f5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.my-cart-shop-nav > span {
  width: 19px;
  height: 19px;
  background: url("../images/shop-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.my-cart-shop-nav > a {
  margin-left: 8px;
  color: #333333;
}
.my-cart-container .order-item-content {
  padding-left: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.my-cart-container .order-item-content .order-item-desc-wrapper {
  padding-left: 0;
  -ms-flex-preferred-size: 376px !important;
      flex-basis: 376px !important;
  max-width: 376px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.my-cart-container .order-item-content .order-item-price {
  font-size: 14px;
  color: #999999;
}
.my-cart-container .order-item-num-options {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 122px;
  overflow: hidden;
}
.my-cart-container .order-item-num-options span {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
}
.my-cart-container .order-item-num-options .plus {
  background: url("../images/plus-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: center;
}
.my-cart-container .order-item-num-options .minus {
  background: url("../images/minus-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: center;
}
.my-cart-container .order-item-num-options .plus:hover {
  background: url("../images/plus-active-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: center;
}
.my-cart-container .order-item-num-options .minus:hover {
  background: url("../images/minus-active-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: center;
}
.my-cart-container .order-item-num-options input {
  width: 50px;
  height: 20px;
  text-align: center;
  color: #ff812d;
}
.my-cart-container .order-item-all-price {
  font-size: 14px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #333333;
}
.my-cart-container .order-item-option {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-cart-container .order-item-option > div {
  color: #333333;
}
.my-cart-container .order-item-option > div span {
  font-size: 14px;
  cursor: pointer;
}
.my-cart-container .order-item-option > div .active {
  color: #ff812d;
}
.my-cart-container .order-item-option > div .delete {
  color: #999999;
}
.my-cart-container .order-item-option > div .delete:hover {
  color: #FF812D;
}
.my-cart-bottom-wrapper {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 100;
  padding-left: 237px;
}
.my-cart-bottom {
  z-index: 99;
  width: 927px;
  height: 48px;
  margin: 10px auto 0 auto;
  padding-left: 16px;
  padding-right: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
}
.my-cart-bottom .left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-cart-bottom .left label {
  height: 100%;
  font-size: 12px;
  color: #999999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.my-cart-bottom .left label:hover {
  color: #FF812D;
}
.my-cart-bottom .left span {
  font-size: 14px;
  margin-left: 48px;
  color: #999999;
  cursor: pointer;
}
.my-cart-bottom .left span:hover {
  color: #FF812D;
}
.my-cart-bottom .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.my-cart-bottom .right a {
  width: 80px;
  height: 32px;
  margin-left: 48px;
  line-height: 32px;
  text-align: center;
  color: #ff812d;
  background: #ffeee3;
  border-radius: 16px;
  cursor: pointer;
  font-size: 14px;
}
.my-cart-bottom .right a:hover {
  background: #FF812D;
  color: #fff;
}
.my-cart-bottom .right p {
  font-size: 14px;
  color: #333333;
}
.my-cart-bottom .right p strong {
  font-size: 16px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ff812d;
}
.my-cart-bottom-inner-hidden {
  visibility: hidden;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.my-discount-nav li:first-of-type {
  -ms-flex-preferred-size: 400px !important;
      flex-basis: 400px !important;
}
.my-discount-nav li:nth-of-type(2) {
  -ms-flex-preferred-size: 172px !important;
      flex-basis: 172px !important;
}
.my-discount-nav li:nth-of-type(3),
.order-item-date {
  -ms-flex-preferred-size: 200px !important;
      flex-basis: 200px !important;
}
.my-discount-nav li:nth-of-type(4),
.order-item-status {
  -ms-flex-preferred-size: 155px !important;
      flex-basis: 155px !important;
}
.my-discount-wrapper .order-item-content {
  margin-top: 10px;
  width: 927px;
  height: 138px;
  background: #ffffff;
  border-radius: 4px;
}
.my-discount-wrapper .order-item-desc-wrapper {
  max-width: 400px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.my-discount-wrapper .order-item-shop {
  max-width: 172px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.my-discount-wrapper .my-order-container .order-item-desc h4 {
  font-size: 14px;
  color: #333333;
  text-align: left;
  font-weight: 500;
  line-height: 20px;
  max-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.my-discount-wrapper .my-order-container .unuse .order-item-desc h4 {
  color: #ff812d;
}
.my-discount-wrapper .my-order-container .order-item-desc > .discount-details-desc {
  max-width: 238px;
  margin-top: 8px;
  max-height: 40px;
  font-size: 12px;
  line-height: 20px;
  color: #999999;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.my-discount-wrapper .my-order-container .order-item-desc > .discount-details-desc > p {
  font-size: 12px;
  line-height: 20px;
  color: #999999;
  max-width: 238px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.order-item-date {
  font-size: 14px;
  color: #999999;
}
.order-item-status {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.order-item-status > button {
  width: 88px;
  height: 35px;
  margin-bottom: 8px;
  border-radius: 17px;
  background: #f5f5f5;
  color: #999999;
  cursor: pointer;
}
.unuse .order-item-status > button:hover {
  color: #fff;
  background: #FF812D;
}
.unuse .order-item-status button {
  color: #ff812d;
  background: #ffeee3;
}
.order-item-status > div {
  letter-spacing: 1px;
}
.order-item-status > div > a {
  font-size: 12px;
  color: #333333;
  cursor: pointer !important;
}
.order-item-status > div > a:hover,
.order-item-status > div > span:hover {
  font-size: 12px;
  color: #FF812D;
}
.order-item-status > div > span {
  font-size: 12px;
  color: #999999;
  cursor: pointer;
}
.delete-discount-tip-mask {
  display: none;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.my-order-wrapper {
  width: 1164px;
  margin: 0 auto;
  margin-bottom: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.my-order-wrapper asider {
  -ms-flex-preferred-size: 217px;
      flex-basis: 217px;
  margin-bottom: 171px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.my-order-wrapper .asider-fixed {
  width: 217px;
  position: fixed;
  top: 100px;
  left: 50%;
  margin-left: -583px;
}
.my-order-wrapper .asider-special-fixed {
  width: 217px;
  position: fixed;
  left: 50%;
  margin-left: -583px;
  bottom: 180px;
  z-index: 1;
}
.my-order-wrapper .asider-fixed + .my-order-container,
.my-order-wrapper .asider-special-fixed + .my-order-container {
  margin-left: 237px;
}
.asider-out-ul,
.asider-inner-ul {
  width: 100%;
  background: #fff;
}
.asider-out-ul > li,
.asider-inner-ul > li {
  width: 100%;
  min-height: 69px;
  line-height: 69px;
  text-align: center;
  border-bottom: 1px solid #f5f5f5;
  cursor: pointer;
}
.asider-inner-ul > li {
  border-bottom: none;
  min-height: 51px;
  line-height: 51px;
}
.asider-out-ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  color: #ff812d;
}
.asider-inner-ul > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #333333;
  cursor: pointer;
}
.asider-out-ul > li > a > span {
  display: inline-block;
  width: 18px;
  height: 18px;
}
.asider-out-ul > li:first-of-type > a > span {
  background: url("../images/cart-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 95% 80%;
  background-position: center;
}
.asider-out-ul > li:first-of-type > a:hover,
.asider-inner-ul > li > a:hover {
  background: #ffeee3;
  color: #ff812d;
}
.asider-out-ul > li .active a,
.asider-inner-ul > li .active a {
  background: #ffeee3;
  color: #ff812d;
}
.asider-inner-ul li {
  position: relative;
  width: 100%;
  min-height: 51px;
  line-height: 51px;
  text-align: center;
}
.asider-inner-ul li:first-of-type {
  border-top: 1px solid #f5f5f5;
}
.asider-inner-ul li a {
  position: relative;
}
.asider-inner-ul li a > span {
  position: absolute;
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 12px;
  top: 12px;
  right: 71px;
  border-radius: 50%;
  background: #f15a54;
  color: #ffffff;
}
.asider-inner-ul li a > span > i {
  font-style: normal;
}
.my-order-wrapper .my-order-container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 927px;
  margin-left: 20px;
}
.my-order-nav {
  width: 100%;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  background: #ffffff;
  border-radius: 4px;
}
.my-order-nav li {
  height: 100%;
  line-height: 48px;
  text-align: center;
  font-size: 12px;
  color: #333333;
}
.my-order-nav li:first-of-type,
.order-item-desc-wrapper {
  -ms-flex-preferred-size: 400px;
      flex-basis: 400px;
}
.order-item-desc-wrapper {
  max-width: 400px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.my-order-nav li:nth-of-type(2),
.order-item-shop {
  -ms-flex-preferred-size: 172px;
      flex-basis: 172px;
}
.order-item-shop {
  display: block;
  height: 100%;
  max-width: 172px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.my-order-nav li:nth-of-type(3),
.order-item-num {
  -ms-flex-preferred-size: 80px;
      flex-basis: 80px;
}
.order-item-num {
  max-width: 80px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.order-item-num {
  max-width: 80px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.my-order-nav li:nth-of-type(4),
.order-item-price {
  -ms-flex-preferred-size: 120px;
      flex-basis: 120px;
}
.order-item-price {
  max-width: 120px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.my-order-nav li:nth-of-type(5),
.order-item-option {
  -ms-flex-preferred-size: 155px;
      flex-basis: 155px;
}
.order-item-option {
  max-width: 155px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.order-item {
  margin-top: 10px;
  background: #fff;
  border-radius: 4px;
}
.order-num-wrapper {
  width: 100%;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #f5f5f5;
}
.order-num-wrapper > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}
.order-num-wrapper > div span {
  color: #ff812d;
}
.order-num-wrapper > div span:first-of-type {
  margin: 0 51px 0 24px;
}
.order-num-wrapper > div span:last-of-type {
  margin-right: 56px;
}
.order-num-wrapper > div a {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: #333333;
  vertical-align: middle;
}
.order-num-wrapper > div a:hover {
  color: #FF812D;
  font-size: 12px !important;
}
.order-num-wrapper > div a::after {
  position: absolute;
  content: "";
  right: -20px;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background: url("../images/link-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 40% 75%;
  background-position: center center;
}
.order-num-wrapper > strong {
  -ms-flex-preferred-size: 155px;
      flex-basis: 155px;
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-size: 14px;
  font-weight: bold;
  color: #ff812d;
}
.order-num-finished-wrapper > div span,
.order-num-finished-wrapper > div a,
.order-num-finished-wrapper > div span,
.order-num-finished-wrapper > strong {
  color: #333333;
}
.order-item-content {
  width: 100%;
  height: 138px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.order-item-content div {
  text-align: center;
}
.order-item-desc-wrapper {
  height: 138px;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.order-item-desc-wrapper img {
  -ms-flex-preferred-size: 90px;
      flex-basis: 90px;
  height: 90px;
  width: 90px;
  margin-right: 24px;
  border-radius: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.order-item-desc-wrapper .order-item-desc {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
}
.order-item-desc-wrapper .order-item-desc p {
  width: 100%;
  color: #333333;
  line-height: 19px;
  max-height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.order-item-desc-wrapper .order-item-desc > div {
  margin-top: 8px;
  text-align: left;
}
.order-item-desc-wrapper .order-item-desc > div span,
.order-item-price span {
  font-size: 12px;
  color: #999999;
}
.order-item-desc-wrapper .order-item-desc > div span:nth-of-type(2),
.order-item-price span:nth-of-type(2) {
  margin-left: 12px;
}
.order-item-shop:hover {
  font-size: 14px;
}
.order-item-shop,
.order-item-num {
  font-size: 14px;
  text-align: center;
  color: #999999;
}
.order-item-price,
.order-item-option {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.order-item-price strong {
  font-size: 14px;
  line-height: 26px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #333333;
}
.order-item-option button {
  cursor: pointer;
}
.order-item-option .pay {
  margin-bottom: 8px;
  width: 88px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #ffeee3;
  border-radius: 17px;
  color: #ff812d;
}
.order-item-option .pay:hover {
  color: #fff;
  background: #FF812D;
}
.order-item-option .cancel:last-of-type {
  font-size: 12px;
  color: #333333;
  background: transparent;
}
.order-item-option .cancel:hover {
  color: #FF812D;
}
.order-item-option > div a:first-of-type {
  font-size: 12px;
  color: #333333;
}
.order-item-option > div a:first-of-type:hover {
  font-size: 12px;
  color: #FF812D;
}
.order-item-option > div a:last-of-type {
  font-size: 12px;
  color: #999999;
  cursor: pointer;
}
.order-item-option > div a:last-of-type:hover {
  color: #FF812D;
}
.order-mul-item-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.order-mul-item-content .right {
  height: 100%;
  -ms-flex-preferred-size: 155px;
      flex-basis: 155px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.order-mul-item-content .left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.order-mul-item-bottom {
  position: relative;
  padding: 0 24px;
  height: 52px;
  line-height: 52px;
  text-align: right;
  color: #333333;
}
.order-mul-item-bottom::before {
  content: "";
  top: 0;
  left: 0;
  display: block;
  border-top: 1px solid #f5f5f5;
}
.order-mul-item-bottom > strong {
  font-size: 16px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
}
.my-order-container .M-box-wrapper {
  margin: 20px auto 60px auto !important;
}
.mask-my-order {
  display: none;
}
.mask .qrcode-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -227px;
  margin-left: -259px;
  width: 454px;
  height: 518px;
  background: #ffffff;
  border-radius: 4px;
  text-align: center;
}
.qrcode-wrapper span {
  position: absolute;
  top: 16px;
  right: 16px;
  display: block;
  width: 40px;
  height: 40px;
  background: url("../images/close-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: center;
  cursor: pointer;
}
.qrcode-wrapper h4 {
  margin-top: 59px;
  margin-bottom: 63px;
  font-size: 20px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #FF812D;
}
.qrcode-wrapper img {
  width: 300px;
  height: 300px;
}
.delete-order-tip-mask {
  display: none;
}
.my-order-container input {
  font-size: 14px !important;
}
.my-order-container input::-webkit-input-placeholder {
  /* WebKit browsers */
  font-size: 14px !important;
}
.my-order-container input::-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-size: 14px !important;
}
.my-order-container input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 14px !important;
}
.my-order-container input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-size: 14px !important;
}

.cancel-team-tip-mask,
.delete-team-tip-mask {
  display: none;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.order-details-deliver-wrapper {
  width: 927px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  border-radius: 4px;
}
.deliver-desc-status {
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.deliver-desc-status > div {
  width: 121px;
  height: 53px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ff812d;
  background: #ffeee3;
  border-radius: 27px;
}
.deliver-desc-status > div > span {
  display: inline-block;
  -ms-flex-preferred-size: 21px;
      flex-basis: 21px;
  width: 21px;
  height: 21px;
  margin-right: 4px;
  vertical-align: middle;
  top: -10px;
}
.deliver-desc-status > p {
  margin-top: 8px;
  font-size: 12px;
  color: #999999;
  text-align: center;
}
.deliver-desc-status > div > .order-details-finished {
  background: url("../images/order-finish-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 80% 80%;
  background-position: center;
}
.deliver-desc-status > div > .order-details-unfinish {
  background: url("../images/order-unfinish-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 80% 80%;
  background-position: center;
}
.deliver-desc-status > div > .order-details-close {
  background: url("../images/order-close-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 80% 80%;
  background-position: center;
}
.order-details-deliver-desc {
  padding: 0 16px;
}
.deliver-content {
  border-bottom: 1px solid #f5f5f5;
}
.deliver-content .deliver-title {
  height: 51px;
  line-height: 51px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.deliver-content span {
  display: inline-block;
  -ms-flex-preferred-size: 19px;
      flex-basis: 19px;
  margin-right: 6px;
  width: 19px;
  height: 19px;
  background: url("../images/logistics-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 100% 90%;
  background-position: center;
}
.deliver-content h4 {
  font-size: 14px;
  color: #999999;
}
.deliver-person {
  width: 100%;
  padding: 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.deliver-item-name {
  -ms-flex-preferred-size: 138px;
      flex-basis: 138px;
}
.deliver-item-tel {
  -ms-flex-preferred-size: 148px;
      flex-basis: 148px;
}
.deliver-item-address {
  -ms-flex-preferred-size: 400px;
      flex-basis: 400px;
}
.deliver-item small {
  font-size: 12px;
  color: #999999;
}
.deliver-item p {
  font-size: 14px;
  margin-top: 6px;
  color: #333333;
}
.order-details-desc-wrapper {
  width: 100%;
  padding: 24px;
  margin-bottom: 20px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.deliver-item-num {
  -ms-flex-preferred-size: 237px;
      flex-basis: 237px;
}
.deliver-item-pay {
  -ms-flex-preferred-size: 217px;
      flex-basis: 217px;
}
.deliver-item-time {
  -ms-flex-preferred-size: 217px;
      flex-basis: 217px;
}
.deliver-item-shop {
  -ms-flex-preferred-size: 232px;
      flex-basis: 232px;
}
.deliver-item-person-num {
  -ms-flex-preferred-size: 128px;
      flex-basis: 128px;
}
.deliver-item-current-person-num {
  -ms-flex-preferred-size: 129px;
      flex-basis: 129px;
}
.order-details-nav {
  border-bottom: 1px solid #f5f5f5;
}
.order-details-lists .order-item {
  margin-top: 0;
}
.order-details-lists-bottom {
  width: 100%;
  height: 94px;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ffffff;
  border-top: 1px solid #f5f5f5;
}
.order-details-lists-bottom > .left {
  -ms-flex-preferred-size: 499px;
      flex-basis: 499px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.deliver-item-sum {
  -ms-flex-preferred-size: 124px;
      flex-basis: 124px;
}
.deliver-item-discount {
  -ms-flex-preferred-size: 167px;
      flex-basis: 167px;
}
.deliver-item-delivery-fare {
  -ms-flex-preferred-size: 185px;
      flex-basis: 185px;
}
.order-details-lists-bottom > .right {
  -ms-flex-preferred-size: 431px;
      flex-basis: 431px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.order-details-lists-bottom > .right div:first-of-type {
  -ms-flex-preferred-size: 170px;
      flex-basis: 170px;
  padding-left: 32px;
}
.order-details-lists-bottom > .right div:first-of-type small {
  color: #333333;
}
.order-details-lists-bottom > .right div:first-of-type p {
  margin-top: 4px;
  font-size: 18px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ff812d;
}
.order-details-lists-bottom > .right div:last-of-type {
  -ms-flex-preferred-size: 258px;
      flex-basis: 258px;
  padding-left: 32px;
}
.order-details-lists-bottom > .right div button {
  cursor: pointer;
}
.order-details-lists-bottom > .right div .second-btn {
  color: #333333;
  background: transparent;
}
.order-details-lists-bottom > .right div .second-btn:hover {
  color: #FF812D;
}
.order-details-lists-bottom > .right div .primary-btn {
  margin-left: 24px;
  width: 112px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ff812d;
  background: #ffeee3;
  border-radius: 23px;
}
.order-details-lists-bottom > .right div .primary-btn:hover {
  background-color: #FF812D;
  color: #fff;
}

.other_details-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.other_details-wrapper .about-us-right-wrapper {
  margin-left: 0;
  width: 100%;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.team-pay-class-wrapper {
  width: 927px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
  margin-bottom: 32px;
  background: #ffffff;
  border-radius: 4px;
}
.team-pay-class-wrapper label {
  -ms-flex-preferred-size: 463px;
      flex-basis: 463px;
  max-width: 463px;
  height: 78px;
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.team-pay-class-wrapper label img {
  width: 30px;
  height: 30px;
  margin-left: 30px;
  margin-right: 12px;
}
.team-pay-class-wrapper label p {
  font-size: 14px;
  color: #333333;
}
input[type=radio] {
  /*去除浏览器默认样式*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  margin-right: 2px;
  width: 16px;
  height: 16px;
  border: 4px solid #ffeee3;
  outline: none;
  cursor: pointer;
  /*设置为圆形，看起来是个单选框*/
  border-radius: 50%;
  background: #ffeee3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
input[type=radio]:hover,
input[type=radio]:checked {
  background: #FF812D;
}
.team-pay-btn-wrapper {
  text-align: center;
}
.team-pay-btn-wrapper button {
  width: 168px;
  height: 51px;
  line-height: 51px;
  font-size: 14px;
  background: #ff812d;
  border-radius: 29px;
  color: #ffffff;
  cursor: pointer;
}
.team-pay-btn-wrapper button:hover {
  background: #e0690c;
}
.item-pay-nav li:nth-of-type(2),
.order-item-pay-shop {
  -ms-flex-preferred-size: 180px ;
      flex-basis: 180px ;
}
.order-item-pay-shop {
  text-align: center;
  color: #999999;
}
.order-item-pay-shop:hover {
  font-size: 14px;
}
.item-pay-nav li:nth-of-type(3),
.order-item-shop-pay-price {
  -ms-flex-preferred-size: 187px ;
      flex-basis: 187px ;
  text-align: center;
}
.item-pay-nav li:nth-of-type(4),
.order-item-pay-price {
  -ms-flex-preferred-size: 160px !important;
      flex-basis: 160px !important;
  text-align: center;
}
.order-item-pay-price strong {
  font-size: 18px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ff812d;
}
.order-item-shop-pay-price strong {
  font-size: 14px;
  font-family: MicrosoftYaHei;
  color: #999999;
}
.pay-item-content {
  height: auto !important;
}
.pay-left {
  -ms-flex-preferred-size: 400px;
      flex-basis: 400px;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.register-left,
.register-right {
  height: 468px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.register-fast-title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.register-fast-title h4 {
  font-size: 20px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ff812d;
}
.register-fast-title a {
  font-size: 12px;
  color: #ff812d;
  margin-right: -28px;
}
.register-welcome-tip {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 25px;
  color: #999999;
}
.register-fast-main {
  padding: 24px 60px 32px;
  height: 100%;
}
.login-input-wrapper .login-input-code-disabled {
  background: #efefef;
  color: #999999;
  border: none;
}
.register-normal-main-tip {
  margin-bottom: 0 !important;
}
.register-fast-main .login-input-wrapper {
  margin-top: 0 !important;
}
.register-fast-main > section:nth-last-of-type(2) {
  margin-bottom: 8px;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.reset-fast-main {
  padding: 32px 60px;
}
.register-fast-main > section:nth-last-of-type(2) {
  margin-bottom: 16px !important;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.shop-all-shop-wrapper {
  margin-top: 20px !important;
}
.shop-all-shop-wrapper ul {
  padding-top: 0 !important;
}
.shop-all-shop-wrapper ul .itemempty {
  height: 0;
  width: 217px;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.shop-details-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 110px auto 80px auto;
  width: 1164px;
}
/*左侧*/
.shop-details-left {
  -ms-flex-preferred-size: 927px;
      flex-basis: 927px;
}
.shop-details-desc {
  width: 927px;
  overflow: hidden;
}
.shop-details-banner {
  position: relative;
  width: 927px;
  height: 465px;
}
.shop-details-desc img {
  width: 100%;
  height: 100%;
}
/*右侧*/
.shop-details-right {
  -ms-flex-preferred-size: 217px;
      flex-basis: 217px;
  margin-left: 20px;
}
.shop-details-right-fixed {
  position: fixed;
  z-index: 98;
  top: 110px;
  width: 217px;
  margin-left: 20px;
  right: 50%;
  margin-right: -582px;
}
.shop-details-company {
  width: 100%;
  height: 364px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background: #fff;
  border-radius: 4px 4px 0px 0px;
}
.shop-details-company img {
  width: 217px;
  height: 144px;
  -ms-flex-preferred-size: 144px;
      flex-basis: 144px;
  border-bottom: 1px solid #F5F5F5;
}
.shop-details-company-content {
  -ms-flex-preferred-size: 220px;
      flex-basis: 220px;
  max-height: 220px;
  padding: 23px 24px 46px;
}
.shop-details-company-content h4 {
  margin-bottom: 14px;
  font-size: 18px;
  line-height: 24px;
  max-height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #333333;
}
.shop-details-company-content p {
  color: #999999;
  text-align: justify;
  line-height: 20px;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.shop-details-company-tel {
  width: 169px;
  height: 48px;
  margin-top: 24px;
  background: #ff812d;
  border-radius: 4px;
  cursor: pointer;
}
.shop-details-company-tel:hover {
  background: #ffeee3;
}
.shop-details-company-tel p {
  line-height: 48px;
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ffffff;
}
.shop-details-company-tel:hover p {
  color: #ff812d;
}
.shop-details-company-tel p span {
  margin-right: 5px;
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  background: url("../images/shop-company-tel.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.shop-details-company-tel:hover p span {
  background: url("../images/shop-company-tel-hover.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.shop-details-nav {
  width: 100%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.shop-details-nav a {
  position: relative;
  width: 100%;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  color: #333333;
  border: 1px solid #f5f5f5;
  cursor: pointer;
}
.shop-details-nav a:hover {
  color: #FF812D;
}
.shop-details-nav .active {
  background: #ffeee3;
  color: #FF812D;
}
.shop-details-nav #hot ~ a::before {
  position: absolute;
  top: 29px;
  left: 51px;
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background: url("../images/small-hot-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.shop-icons {
  width: 100%;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.shop-icons div {
  -ms-flex-preferred-size: 98px;
      flex-basis: 98px;
  height: 98px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
  border-radius: 2px;
  font-size: 12px;
  color: #333333;
  cursor: pointer;
}
.shop-icons div span {
  margin-bottom: 7px;
  width: 40px;
  height: 40px;
}
.shop-icons div:first-of-type span {
  background: url("../images/order-no-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.shop-icons div:first-of-type span:hover {
  background: url("../images/order-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.shop-icons div:first-of-type .active {
  background: url("../images/order-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.shop-icons div:nth-of-type(2) span {
  background: url("../images/collection-no-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.shop-icons div:nth-of-type(2) span:hover {
  background: url("../images/collection-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.shop-icons div:nth-of-type(2) .active {
  background: url("../images/collection-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.shop-icons div p {
  font-size: 12px;
  color: #333333;
}
.shop-details-desc-main {
  background: #fff;
  padding-top: 110px;
  margin-top: -110px;
}
.shop-details-desc-main h4 {
  position: relative;
  height: 49px;
  line-height: 49px;
  padding: 0 16px;
  font-size: 16px;
  color: #333333;
  border-bottom: 1px solid #f5f5f5;
}
.shop-details-desc-main .down-arrow::after {
  position: absolute;
  content: "";
  right: 16px;
  top: 16px;
  display: block;
  width: 19px;
  height: 19px;
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.shop-details-desc-main .up-arrow::after {
  position: absolute;
  content: "";
  right: 16px;
  top: 16px;
  display: block;
  width: 19px;
  height: 19px;
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.shop-details-desc-main div {
  padding: 32px;
  color: #333333;
  text-align: justify;
  line-height: 30px;
  border-bottom: 1px solid #f5f5f5;
}
.shop-details-discount {
  position: relative;
  width: 100%;
  padding: 32px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.shop-details-discount ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 101px;
  overflow: hidden;
}
.shop-details-discount li {
  width: 422px;
  height: 101px;
  margin-bottom: 20px;
  padding: 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("../images/shop-unhave-discount.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.shop-details-discount li:last-of-type,
.shop-details-discount li:nth-last-of-type(2) {
  margin-bottom: 0;
}
.shop-details-discount .had {
  background: url("../images/shop-have-discount.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.shop-details-discount .left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.shop-details-discount .left strong {
  margin-bottom: 8px;
  font-size: 20px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ffffff;
}
.shop-details-discount .left small {
  color: #ffffff;
}
.shop-details-discount .right {
  -ms-flex-preferred-size: 84px;
      flex-basis: 84px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.shop-details-discount .right button {
  margin-bottom: 8px;
  width: 84px;
  height: 31px;
  line-height: 31px;
  text-align: center;
  background: #ffffff;
  border-radius: 19px;
  color: #ff7c4c;
  cursor: pointer;
}
.shop-details-discount .had .right button {
  color: #999999;
}
.shop-details-discount .right a {
  width: 100%;
  position: relative;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
}
.shop-details-discount .right a::after {
  position: absolute;
  content: "";
  right: 0px;
  top: 0.5px;
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/small-link-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: center;
}
.shop-details-discount .discount-tip {
  position: absolute;
  display: block;
  width: 75px;
  height: 20px;
  text-align: right;
  bottom: 6px;
  right: 40px;
  font-size: 15px;
  color: #333333;
  cursor: pointer;
}
.shop-details-discount .down-arrow::after {
  position: absolute;
  content: "";
  right: -20px;
  top: 1.3px;
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-details-discount .up-arrow::after {
  position: absolute;
  content: "";
  right: -20px;
  top: 1.4px;
  display: block;
  width: 16px;
  height: 16px;
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-details-design,
.shop-details-goods {
  margin-top: 80px;
}
.shop-details-section-title-wrapper {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.shop-details-section-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  padding-left: 28px;
  font-size: 24px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ff812d;
}
.shop-details-section-title::before {
  position: absolute;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  left: 0;
  top: 5px;
}
.shop-details-design .shop-details-section-title::before {
  background: url("../images/shop-details-design.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.shop-details-section-more {
  position: relative;
  padding-right: 12px;
  font-size: 15px;
  color: #999999;
}
.shop-details-section-more:hover {
  color: #FF812D;
}
.shop-details-section-more::after {
  position: absolute;
  content: "";
  display: block;
  width: 6px;
  height: 10px;
  right: 0;
  top: 5px;
  background: url("../images/link-icon.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.shop-details-design ul,
.shop-details-goods ul {
  width: 100%;
  padding-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.shop-details-design ul li {
  -ms-flex-preferred-size: 296px;
      flex-basis: 296px;
  width: 296px;
  height: 242px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(183, 183, 183, 0.5);
          box-shadow: 0px 0px 10px 0px rgba(183, 183, 183, 0.5);
  border-radius: 2px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
.shop-details-design .itemempty {
  height: 0px;
  width: 296px;
}
.shop-details-design ul li:last-of-type {
  margin-right: 0;
}
.shop-details-design ul li:hover {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
  -webkit-box-shadow: 0px 10px 10px 0px rgba(183, 183, 183, 0.3);
          box-shadow: 0px 10px 10px 0px rgba(183, 183, 183, 0.3);
}
.shop-details-design ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
  width: 100%;
}
.shop-details-design ul img {
  width: 296px;
  height: 154px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.shop-details-design ul li:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.shop-details-design ul div {
  padding: 16px;
  height: 88px;
  border-top: 1px solid #F5F5F5;
}
.shop-details-design ul div h4 {
  margin-bottom: 8px;
  font-size: 18px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-details-design ul div p {
  font-size: 14px;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-details-goods .shop-details-section-title::before {
  background: url("../images/big-hot-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.shop-details-goods li {
  -ms-flex-preferred-size: 217px;
      flex-basis: 217px;
  width: 217px;
  height: 387px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(183, 183, 183, 0.5);
          box-shadow: 0px 0px 10px 0px rgba(183, 183, 183, 0.5);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 20px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.shop-details-goods .itemempty {
  height: 0;
  width: 217px;
}
.shop-details-goods li:hover {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
  -webkit-box-shadow: 0px 10px 10px 0px rgba(183, 183, 183, 0.3);
          box-shadow: 0px 10px 10px 0px rgba(183, 183, 183, 0.3);
}
.shop-details-goods li a {
  width: 217px;
  height: 387px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.shop-details-goods li a img {
  width: 217px;
  height: 217px;
  -ms-flex-preferred-size: 217px;
      flex-basis: 217px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.shop-details-goods li:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.shop-details-goods li section {
  -ms-flex-preferred-size: 170px;
      flex-basis: 170px;
  max-height: 170px;
  border-top: 1px solid #F5F5F5;
  padding: 18px 16px 16px;
}
.shop-details-goods li .desc {
  margin-bottom: 18px;
  font-size: 16px;
  line-height: 27px;
  min-height: 54px;
  max-height: 54px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.shop-details-goods li .others {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 12px;
}
.shop-details-goods .others small {
  color: #999999;
  font-size: 14px;
}
.shop-details-goods .others small:nth-of-type(2) {
  margin-left: 16px;
}
.shop-details-goods .price {
  font-size: 22px;
  color: #f15a54;
  line-height: 29px;
}
.shop-details-goods li .price span {
  font-size: 24px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #f15a54;
}
.shop-details-mask {
  display: none;
}
.mask-appointent-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 454px;
  height: 528px;
  margin-top: -227px;
  margin-left: -264px;
  padding: 32px 48px;
  background: #ffffff;
  border-radius: 4px;
}
.mask-appointent-wrapper .close {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 16px;
  right: 16px;
  background: url("../images/close-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: center;
  cursor: pointer;
}
.mask-appointent-wrapper form {
  margin-top: 32px;
}
.mask-appointent-wrapper h4 {
  font-size: 30px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ff812d;
  text-align: center;
}
.mask-appointent-wrapper form section {
  width: 358px;
  margin: 0 auto;
}
.mask-appointent-wrapper form strong {
  font-size: 20px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #333333;
}
.mask-appointent-wrapper form .input-wrapper {
  position: relative;
  width: 358px;
  height: 48px;
  margin-top: 12px;
  margin-bottom: 24px;
  background: #f5f5f5;
  border-radius: 2px;
}
.mask-appointent-wrapper form input {
  width: 100%;
  height: 100%;
  background: #f5f5f5;
  border-radius: 2px;
  text-indent: 24px;
  font-size: 16px;
  color: #333333;
  border: none;
  outline: none;
}
.mask-appointent-wrapper form .input-wrapper span {
  display: none;
}
.mask-appointent-wrapper form .input-wrapper-error span {
  position: absolute;
  right: 24px;
  top: 0;
  font-size: 10px;
  line-height: 48px;
  color: #ff3636;
  display: block;
}
.mask-appointent-wrapper form .input-wrapper-error span i {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../images/login-tip-error.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  vertical-align: top;
  margin-top: 19px;
  margin-right: 2px;
}
.mask-appointent-wrapper form #datepicker {
  width: 310px;
}
.mask-appointent-wrapper form .select-time {
  position: absolute;
  z-index: 89;
  right: 0;
  top: 0;
  display: block !important;
  width: 48px;
  height: 48px;
  border-radius: 2px;
  background: url("../images/drop-select-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.mask-appointent-wrapper form button {
  width: 216px;
  height: 53px;
  margin: 0 71px;
  font-size: 16px;
  color: #FF812D;
  background: transparent;
  border-radius: 28px;
  border: 1px solid #ff812d;
  cursor: pointer;
}
.mask-appointent-wrapper form button:hover {
  color: #fff;
  background: #FF812D;
}
.ui-widget.ui-widget-content {
  width: 304px !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover {
  border: 1px solid #FF812D !important;
  color: #fff !important;
  background: #FF812D !important;
}
.ui-state-active,
.ui-widget-content .ui-state-active {
  border: 1px solid #FF812D !important;
  color: #fff !important;
  background: #FF812D !important;
}
.mask-tip {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 100;
  display: none;
}
.mask-tip-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 217px;
  padding: 20px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mask-tip-wrapper div {
  margin-bottom: 29px;
  min-width: 96px;
  min-height: 96px;
  -webkit-animation: scaleDraw 0.5s ease-out forwards;
          animation: scaleDraw 0.5s ease-out forwards;
}
@-webkit-keyframes scaleDraw {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scaleDraw {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.mask-tip-wrapper .tip-success {
  background: url("../images/success-tip.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.mask-tip-wrapper .tip-fail {
  background: url("../images/fali-tip.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.mask-tip-wrapper span {
  max-width: 160px;
  font-size: 20px;
  color: #ffffff;
  letter-spacing: 2px;
  text-align: justify;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #FF812D !important;
  -webkit-box-shadow: #FF812D 0 1px 3px 0 inset !important;
          box-shadow: #FF812D 0 1px 3px 0 inset !important;
}
#datetimepicker {
  color: #999999;
  font-size: 16px;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.item-details-nav {
  border-bottom: 1px solid #f5f5f5;
}
.item-details-lists .order-item {
  background-color: #fff;
  margin-top: 0 !important;
}
.item-details-nav li:first-of-type,
.item-details-lists .order-item-desc-wrapper {
  -ms-flex-preferred-size: 400px;
      flex-basis: 400px;
}
.item-details-nav li:nth-of-type(2),
.item-details-lists .order-item-shop {
  -ms-flex-preferred-size: 172px;
      flex-basis: 172px;
}
.item-details-nav li:nth-of-type(3),
.item-details-lists .order-item-price {
  -ms-flex-preferred-size: 118px;
      flex-basis: 118px;
}
.item-details-nav li:nth-of-type(4),
.item-details-lists .order-item-deliver-price {
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
}
.item-details-nav li:nth-of-type(5),
.item-details-lists .order-item-sum-price {
  -ms-flex-preferred-size: 137px;
      flex-basis: 137px;
}
.item-details-lists .order-item-sum-price strong {
  font-size: 18px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ff812d;
}
.item-details-lists-bottom {
  width: 100%;
  height: 94px;
  padding: 0 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  border-radius: 4px 4px 0px 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #f5f5f5;
}
.item-details-lists-bottom button {
  background: transparent;
  cursor: pointer;
}
.item-details-lists-bottom .second-btn {
  color: #333333;
}
.item-details-lists-bottom .second-btn:hover {
  color: #ff812d;
}
.item-details-lists-bottom .primary-btn {
  width: 112px;
  height: 45px;
  line-height: 45px;
  margin-left: 24px;
  background: #ffeee3;
  border-radius: 23px;
  font-size: 16px;
  text-align: center;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ff812d;
}
.item-details-lists-bottom .primary-btn:hover {
  color: #fff;
  background-color: #FF812D;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  min-width: 1164px;
  /*height: 170px;*/
  padding: 24px 260px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ffffff;
}
.fixed-bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
}
.footer-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  height: 100%;
}
.footer-left div {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}
.footer-left section {
  margin-right: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footer-left section a {
  font-size: 12px;
  color: #999999;
  margin-bottom: 8px;
}
.footer-left section a:hover {
  color: #FF812D;
}
.footer-left section a:first-of-type {
  margin-bottom: 24px;
  font-size: 12px;
  color: #333333;
}
.footer-left section a:first-of-type:hover {
  color: #FF812D;
}
.footer-left p {
  font-size: 10px;
  color: #999999;
}
.footer-left p::before {
  position: absolute;
  bottom: 26px;
  content: '';
  display: block;
  width: 48px;
  border-top: 1px solid #efefef;
}
.footer-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.footer-right img {
  width: 98px;
  height: 98px;
}
.footer-right small {
  position: relative;
  font-size: 12px;
  color: #333333;
  line-height: 16px;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-width: 1164px;
  height: 70px;
  padding: 0 278px 0 260px;
  /*padding: 0 60px;*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ffffff;
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.04);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.04);
}
.brand-wrapper {
  -ms-flex-preferred-size: 118px;
      flex-basis: 118px;
  min-width: 118px;
  height: 38px;
  background: url("../images/logo.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.brand-wrapper h1 {
  display: inline-block;
  text-indent: -9999px;
}
.header-location {
  min-width: 50px;
  height: 100%;
  margin-left: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-location span {
  -ms-flex-preferred-size: 150px;
      flex-basis: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: inherit;
  font-weight: bold;
  font-size: 14px;
  color: #333333;
  cursor: pointer;
}
.header-location i {
  width: 20px;
  height: 26px;
  background: url("../images/location.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: center;
}
.header-search {
  position: relative;
  height: 33px;
  margin-left: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
}
.header-search-select {
  position: relative;
  width: 92px;
  display: none;
}
.header-search-select span {
  position: relative;
  display: inline-block;
  width: 92px;
  height: 33px;
  padding-left: 16px;
  line-height: 33px;
  background: #ffffff;
  border-radius: 4px 0px 0px 4px;
  border: 1px solid #efefef;
  font-size: 13px;
  color: #333333;
  cursor: pointer;
}
.header-search-select span::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 4px;
  display: block;
  width: 17px;
  height: 17px;
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.header-search-select ul {
  position: absolute;
  width: 92px;
  top: 33px;
  left: 0;
  background: #ffffff;
  border-radius: 0 0 4px 4px;
  border: 1px solid #efefef;
  border-top: none;
  display: none;
}
.header-search-select ul li {
  width: 100%;
  height: 33px;
  line-height: 33px;
  text-align: center;
  font-size: 13px;
  color: #333333;
}
.header-search-select ul li:hover {
  color: #FF812D;
  cursor: pointer;
}
.header-search-select ul .active {
  color: #ddd;
}
.header-search i {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 17px;
  height: 17px;
  background: url("../images/search.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.header-search input {
  width: 216px;
  height: 33px;
  padding-left: 33px;
  background: #f5f5f5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
}
.header-search > span {
  width: 33px;
  height: 33px;
  margin-left: 28px;
  background-color: #ffeee3;
  border-radius: 17px;
  background-image: url("../images/orange-search.png");
  background-size: 50% 50%;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
}
.header-search > span:hover {
  background-color: #FF812D;
  background-image: url("../images/white-search.png");
}
.nav {
  -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 600px;
  margin-left: 200px;
}
.nav-hidden {
  display: none;
}
.nav > li {
  -ms-flex-preferred-size: 98px;
      flex-basis: 98px;
  min-width: 68px;
}
.nav > li > a {
  position: relative;
  line-height: 70px;
  display: block;
  text-align: center;
  font-size: 14px;
  color: #333333;
}
.nav > li > a:hover {
  color: #FF812D;
}
.nav > li > a::after {
  content: ' ';
  position: absolute;
  z-index: 1;
  bottom: -1px;
  left: 50%;
  display: block;
  width: 90px;
  height: 1px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
.nav > li:hover > a:after {
  height: 2px;
  -webkit-animation: ad_width 0.3s linear forwards;
          animation: ad_width 0.3s linear forwards;
  background: #FF812D;
}
.nav .logined {
  position: relative;
  -ms-flex-preferred-size: 130px;
      flex-basis: 130px;
  min-width: 130px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
}
.nav .logined > a {
  position: relative;
  width: 100%;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FF812D;
}
.nav .logined::after {
  content: "";
  position: absolute;
  top: 25px;
  right: -5px;
  display: block;
  width: 19px;
  height: 19px;
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.nav .logined a > img {
  width: 30px;
  height: 30px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 8px;
  border-radius: 50%;
}
.nav .logined > a > p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nav .active > p {
  color: #ff812d;
}
@-webkit-keyframes ad_width {
  from {
    width: 0;
  }
  to {
    width: 90px;
  }
}
@keyframes ad_width {
  from {
    width: 0;
  }
  to {
    width: 90px;
  }
}
.height-light {
  color: #fff !important;
  background: #FF812D;
}
.height-light:hover:after {
  height: 0 !important;
}
header .nav-tmp {
  position: absolute;
  top: 70px;
  left: 0;
  padding-top: 32px;
  padding-bottom: 32px;
  width: 100%;
  background: #ffffff;
  overflow: hidden;
  display: none;
  border-top: 1px solid #f5f5f5;
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.04);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.04);
}
.nav li:nth-of-type(3):hover .company,
.nav li:nth-of-type(4):hover .materials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.nav-tmp .tmp-container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.nav-tmp .tmp-container > section {
  width: 278px;
  padding-left: 40px;
  border-left: 1px solid #F5F5F5;
}
header .tmp-container > section > h4 {
  position: relative;
  font-size: 14px;
  line-height: 14px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #FF812D;
}
header .tmp-container > section > h4::after {
  position: absolute;
  content: "";
  display: block;
  bottom: -8px;
  left: 2px;
  width: 24px;
  height: 2px;
  background: #ff812d;
}
header .tmp-container > section > ul {
  margin-top: 24px;
  width: 100%;
  overflow: hidden;
}
header .tmp-container > section > ul > li {
  text-align: center;
  float: left;
  margin-right: 14px;
  margin-bottom: 14px;
}
header .tmp-container > section > ul > li > a {
  font-size: 14px;
  color: #333333;
}
header .tmp-container > section a {
  font-size: 14px;
  color: #999999;
}
header .tmp-container > section a:hover {
  color: #FF812D;
}
header .tmp-container > section a > i {
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  margin-top: -3.5px;
  background: url("../images/small-grey-link-arow.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 50% 60%;
  background-position: center;
}
header .tmp-container > section a:hover i {
  background: url("../images/small-orange-link-arow.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 50% 60%;
  background-position: center;
}
header .nav-moblie-content {
  position: absolute;
  top: 70px;
  right: 50px;
  width: 335px;
  height: 234px;
  display: none;
  background: #ffffff;
  border-top: 1px solid #f5f5f5;
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.04);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.04);
}
.nav li:nth-of-type(6):hover .nav-moblie-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .nav-moblie-content img {
  -ms-flex-preferred-size: 170px;
      flex-basis: 170px;
  width: 170px;
  height: 170px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 14px;
}
header .nav-moblie-content p {
  font-size: 14px;
  color: #333333;
}
header .nav-logined-content {
  position: absolute;
  top: 70px;
  right: -10px;
  width: 335px;
  background: #ffffff;
  border-top: 1px solid #f5f5f5;
  display: none;
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.04);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.04);
}
.nav .logined:hover .nav-logined-content {
  display: block;
}
header .nav-logined-content .person {
  width: 100%;
  max-width: 335px;
  height: 108px;
  padding: 0 24px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #f5f5f5;
}
header .nav-logined-content .person img {
  -ms-flex-preferred-size: 60px;
      flex-basis: 60px;
  width: 60px;
  height: 60px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 16px;
  border-radius: 50%;
}
header .nav-logined-content .person > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 94px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 4px;
}
header .nav-logined-content .person > div > p {
  font-size: 14px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
header .nav-logined-content .person > div > a {
  font-size: 12px;
  color: #999999;
}
header .nav-logined-content .person > a {
  max-width: 112px;
  min-width: 112px;
  height: 31px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffeee3;
  border-radius: 14px;
  font-size: 14px;
  color: #ff812d;
}
header .nav-logined-content .person > a:hover {
  background: #FF812D;
  color: #fff;
}
header .nav-logined-content .person > div > a:hover {
  color: #FF812D;
}
header .nav-logined-content .person > a > span {
  -ms-flex-preferred-size: 18px;
      flex-basis: 18px;
  width: 18px;
  height: 18px;
  background: url("../images/cart-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 95% 80%;
  background-position: center ;
  margin-right: 2px;
}
header .nav-logined-content .person > a:hover > span {
  background: url("../images/white-cart-icon.png.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 95% 80%;
  background-position: center ;
  margin-right: 2px;
}
header .nav-logined-content .options {
  padding: 24px 24px 8px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
header .nav-logined-content .options li {
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
  margin-bottom: 16px;
}
header .nav-logined-content .options li:nth-of-type(2) {
  text-align: center;
}
header .nav-logined-content .options li:nth-of-type(3),
header .nav-logined-content .options li:nth-of-type(5) {
  text-align: right;
}
header .nav-logined-content .options li > a {
  font-size: 14px;
  color: #333333;
}
header .nav-logined-content .options li > a:hover {
  color: #FF812D;
}
header .nav-logined-content .options li small {
  position: relative;
  font-size: 12px;
  color: #999999;
  cursor: pointer;
}
header .nav-logined-content .options li small:hover {
  color: #FF812D;
}
header .nav-logined-content .options li small:after {
  position: absolute;
  content: "";
  top: -1.5px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/small-grey-link-arow.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 50% 60%;
  background-position: center;
}
header .nav-logined-content .options li small:hover:after {
  background: url("../images/small-orange-link-arow.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 50% 60%;
  background-position: center;
}
header .nav-location-content {
  position: absolute;
  top: 70px;
  left: 100px;
  width: 453px;
  background: #ffffff;
  border-top: 1px solid #F5F5F5;
  display: none;
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.04);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.04);
}
.header-location:hover .nav-location-content {
  display: block;
}
header .nav-location-content .top {
  width: 100%;
  height: 67px;
  padding: 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #F5F5F5;
}
header .nav-location-content .top > p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header .nav-location-content .top > p > small {
  font-size: 14px;
  color: #999999;
}
header .nav-location-content .top > p > i {
  width: 20px;
  height: 26px;
  background: url("../images/location.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: center;
}
header .nav-location-content .top > p > span {
  font-size: 14px;
  color: #333333;
}
header .nav-location-content .top > button {
  width: 120px;
  height: 38px;
  background: #ffeee3;
  border-radius: 19px;
  font-size: 14px;
  color: #ff812d;
  cursor: pointer;
}
header .nav-location-content .top > button:hover {
  background: #FF812D;
  color: #fff;
}
header .nav-location-content .bottom {
  padding: 24px;
}
header .nav-location-content .bottom h4 {
  position: relative;
  font-size: 14px;
  line-height: 14px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #FF812D;
}
header .nav-location-content .bottom h4::after {
  position: absolute;
  content: "";
  display: block;
  bottom: -8px;
  left: 2px;
  width: 24px;
  height: 2px;
  background: #ff812d;
}
header .nav-location-content .bottom ul {
  margin-top: 28px;
  overflow: hidden;
}
header .nav-location-content .bottom ul li {
  float: left;
  font-size: 14px;
  margin-right: 24px;
  margin-bottom: 10px;
  color: #333333;
  cursor: pointer;
}
header .nav-location-content .bottom ul li:hover,
header .nav-location-content .bottom ul .active {
  color: #FF812D;
}
header .nav-location-content .bottom > p {
  margin-top: 22px;
  font-size: 14px;
  text-align: center;
  color: #999999;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.person-header-wrapper {
  width: 1164px;
  height: 113px;
  margin: 90px auto 20px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #ffffff;
}
.person-header-wrapper .left {
  -ms-flex-preferred-size: 217px;
      flex-basis: 217px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-right: 2px solid #f5f5f5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.person-header-wrapper .left h4 {
  margin-bottom: 4px;
  font-size: 30px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
}
.person-header-wrapper .left h4 > a {
  color: #FF812D;
}
.person-header-wrapper .left p {
  font-size: 16px;
  color: #999999;
}
.person-header-wrapper .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  padding: 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.person-header-wrapper .right img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.person-header-wrapper .right .person-name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.person-header-wrapper .person-name p {
  font-size: 14px;
  color: #999999;
}
.person-header-wrapper .person-name div {
  margin-top: 4px;
}
.person-header-wrapper .person-name div strong {
  font-size: 16px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  vertical-align: top;
  color: #333333;
}
.person-header-wrapper .person-name div span {
  display: inline-block;
  height: 16px;
  margin-top: 3px;
}
.person-header-wrapper .person-name div .wechat {
  width: 16px;
  background: url("../images/wechat-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.person-header-wrapper .person-name div .tel {
  width: 14px;
  background: url("../images/tel-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.person-header-wrapper .person-setting {
  -ms-flex-preferred-size: 264px;
      flex-basis: 264px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.person-header-wrapper .person-setting button,
.person-header-wrapper .person-setting a {
  position: relative;
  font-size: 14px;
  cursor: pointer;
}
.person-header-wrapper .person-setting button {
  position: relative;
  -ms-flex-preferred-size: 119px;
      flex-basis: 119px;
  width: 119px;
  height: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 10px;
  background: #ffeee3;
  border-radius: 19px;
  color: #FF812D;
}
.person-header-wrapper .person-setting button > span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-left: 4px;
  background: url("../images/settting-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.person-header-wrapper .person-setting a::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 19px;
  height: 19px;
}
.person-header-wrapper .person-setting a {
  padding-left: 23px;
  color: #333333;
}
.person-header-wrapper .person-setting a::before {
  left: 3px;
  top: 0;
  background: url("../images/btn-right-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 40% 70%;
  background-position: center;
}
.person-header-wrapper .person-setting button:hover,
.person-header-wrapper .person-setting button:active {
  color: #fff;
  background: #FF812D;
}
.person-header-wrapper .person-setting button:hover span,
.person-header-wrapper .person-setting button:active span {
  background: url("../images/setting-white-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.person-header-wrapper .person-setting a:hover,
.person-header-wrapper .person-setting a:active {
  background: url("../images/setting-white-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  color: #FF812D;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.index-materials-wrapper {
  padding-top: 80px;
}
.materials-container {
  padding-right: 237px;
}
.index-section-materials-wrapper .left-bg-Image {
  right: 0;
  top: 0;
  background: url("../images/index2.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.index-section-materials-wrapper .swiper-button-next .swiper-button-disabled,
.index-section-materials-wrapper .swiper-button-prev .swiper-button-disabled,
.index-section-materials-wrapper .swiper-button-next,
.index-section-materials-wrapper .swiper-button-prev {
  right: 0;
  background-image: url('../images/left-arrow.png');
}
.index-section-materials-wrapper .swiper-button-prev .swiper-button-disabled,
.index-section-materials-wrapper .swiper-button-prev {
  left: 1149px;
}
.index-section-materials-wrapper .swiper-button-next .swiper-button-disabled,
.index-section-materials-wrapper .swiper-button-next {
  top: 656px;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.index-recommend-wrapper {
  position: relative;
  width: 100%;
  min-width: 1164px;
  padding-top: 80px;
  padding-bottom: 80px;
  background: #fff;
}
.bottom-bg-image {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 191px;
  margin-left: -600px;
  z-index: 1;
  height: 695px;
  width: 1200px;
  background: url("../images/index3.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 bottom;
}
.index-recommend-content {
  position: relative;
  width: 1164px;
  min-width: 1164px;
  margin: 0 auto;
}
.index-section-main {
  position: relative;
  z-index: 2;
  width: 1164px;
  min-width: 1164px;
  margin-top: 48px;
  background: transparent;
}
.recommend-container {
  position: relative;
  height: 100%;
}
.recommend-container .swiper-wrapper {
  margin-bottom: 10px;
}
.recommend-ul {
  margin-top: 25px;
  padding: 0 1px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.index-recommend-item {
  -ms-flex-preferred-size: 217px;
      flex-basis: 217px;
  height: 387px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(183, 183, 183, 0.5);
          box-shadow: 0px 0px 10px 0px rgba(183, 183, 183, 0.5);
  border-radius: 4px;
  margin-right: 20px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
.index-recommend-item:last-of-type {
  margin-right: 0;
}
.index-recommend-item:hover {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
  -webkit-box-shadow: 0px 10px 10px 0px rgba(183, 183, 183, 0.3);
          box-shadow: 0px 10px 10px 0px rgba(183, 183, 183, 0.3);
}
.index-recommend-item a {
  width: 217px;
  height: 394px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-bottom: 16px;
}
.index-recommend-item img {
  width: 100%;
  height: 217px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index-recommend-item:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  border-bottom: 1px solid #F5F5F5;
}
.index-recommend-item section {
  border-top: 1px solid #F5F5F5;
  padding: 18px 16px 16px 16px;
}
.index-recommend-item .desc {
  margin-bottom: 18px;
  font-size: 16px;
  line-height: 27px;
  max-height: 54px;
  min-height: 54px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.index-recommend-item .others {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 12px;
}
.index-recommend-item .others small {
  color: #999999;
  font-size: 14px;
}
.index-recommend-item .others small:nth-of-type(2) {
  margin-left: 16px;
}
.index-recommend-item .price {
  font-size: 22px;
  color: #f15a54;
  line-height: 29px;
}
.index-recommend-wrapper .swiper-button-next .swiper-button-disabled,
.index-recommend-wrapper .swiper-button-prev .swiper-button-disabled,
.index-recommend-wrapper .swiper-button-next,
.index-recommend-wrapper .swiper-button-prev {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-size: 100% 100%;
  outline: none;
  top: 30%;
}
.index-recommend-wrapper .swiper-button-prev .swiper-button-disabled,
.index-recommend-wrapper .swiper-button-prev {
  left: -80px;
  background-image: url('../images/left-arrow.png');
}
.index-recommend-wrapper .swiper-button-prev:hover {
  cursor: pointer;
  background-image: url('../images/left-arrow-active.png');
}
.index-recommend-wrapper .swiper-button-next .swiper-button-disabled,
.index-recommend-wrapper .swiper-button-next {
  right: -80px;
  background-image: url('../images/right-arrow.png') !important;
}
.index-recommend-wrapper .swiper-button-next:hover {
  cursor: pointer;
  background-image: url('../images/right-arrow-active.png') !important;
}
.recommend-swiper-btn-wrapper {
  position: absolute;
  z-index: 2;
  width: 216px;
  height: 70px;
  left: 50%;
  margin-left: -108px;
  bottom: 110px;
}
.index-recommend-wrapper .more-wrapper {
  text-align: center;
}
.index-recommend-wrapper .more-wrapper a {
  display: inline-block;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.index-second-wrapper {
  margin-top: 171px;
}
.design-container {
  padding-left: 237px;
}
.index-section-design-wrapper .left-bg-Image {
  left: 0;
  top: 0;
  background: url("../images/index1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.index-section-design-wrapper .swiper-button-next .swiper-button-disabled,
.index-section-design-wrapper .swiper-button-prev .swiper-button-disabled,
.index-section-design-wrapper .swiper-button-next,
.index-section-design-wrapper .swiper-button-prev {
  left: 0;
}
.index-section-design-wrapper .swiper-button-next .swiper-button-disabled,
.index-section-design-wrapper .swiper-button-next {
  top: 556px;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.index-top-warpper {
  position: relative;
  margin-top: 70px;
  width: 100%;
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify-content;
      -ms-flex-pack: justify-content;
          justify-content: justify-content;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.home-swiper,
.home-swiper img {
  position: absolute;
  width: 100%;
  height: 500px;
  overflow: hidden;
}
.index-top-warpper .home-ul {
  position: absolute;
  top: 410px;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 3;
  width: 1164px;
  height: 181px;
  background: #ffffff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 32px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.index-top-warpper .home-ul li {
  /*-ms-flex-preferred-size: 251px;*/
      /*flex-basis: 251px;*/
  -ms-flex-preferred-size: 345px;
  flex-basis: 345px;
  height: 117px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 32px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index-top-warpper .home-ul li a {
  display: block;
  width: 345px;
  height: 100%;
  padding:32px 68px;
}
.index-top-warpper .home-ul li a h4 {
  margin-bottom: 8px;
  font-size: 20px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ffcd44;
}
.index-top-warpper .home-ul li a p {
  color: #999999;
  line-height: 19px;
  font-size: 14px;
}
.index-top-warpper .home-ul li:first-child {
  /*background: url("../images/special-column1.png");*/
  background: url("../images/specail-new1@2x.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-left: 0;
}
.index-top-warpper .home-ul li:first-child h4 {
  /*color: #FFCD44;*/
  color: #2D9B6D;
}
.index-top-warpper .home-ul li:nth-of-type(2) {
  /*background: url("../images/special-column2.png");*/
  background: url("../images/special-new2@2x.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.index-top-warpper .home-ul li:nth-of-type(2) h4 {
  /*color: #2D9B6D;*/
  color: #A463EF;
}
.index-top-warpper .home-ul li:nth-of-type(3) {
  /*background: url("../images/special-column3.png");*/
  background: url("../images/specail-new3@2x.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.index-top-warpper .home-ul li:nth-of-type(3) h4 {
  color: #A463EF;
}
.index-top-warpper .home-ul li:last-child {
  background: url("../images/ic_home_ppsj@2x.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.index-top-warpper .home-ul li:last-child h4 {
  color: #F56D30;
}
.index-top-warpper .home-ul li:hover {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
  -webkit-box-shadow: 0px 10px 10px 0px rgba(183, 183, 183, 0.3);
          box-shadow: 0px 10px 10px 0px rgba(183, 183, 183, 0.3);
}
.home-swiper:hover .swiper-button-next,
.home-swiper:hover .swiper-button-prev {
  display: block;
}
.home-swiper .swiper-button-next .swiper-button-disabled,
.home-swiper .swiper-button-prev .swiper-button-disabled,
.home-swiper .swiper-button-next,
.home-swiper .swiper-button-prev {
  width: 60px;
  height: 102px;
  top: 50%;
  margin-top: -51px;
  background: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  display: none;
}
.home-swiper .swiper-button-prev .swiper-button-disabled,
.home-swiper .swiper-button-prev {
  left: 0;
  border-radius: 0px 4px 4px 0px;
  background-image: url('../images/index-banner-left.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.home-swiper .swiper-button-next .swiper-button-disabled,
.home-swiper .swiper-button-next {
  right: 0;
  border-radius: 4px 0px 0px 4px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url('../images/index-banner-right.png') !important;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.index-stage-wrapper {
  padding-top: 80px;
  min-width: 900px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.index-stage-wrapper ul {
  margin-top: 60px;
  margin-bottom: 80px;
  min-width: 1164px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.index-stage-wrapper ul li {
  flex-basic: 80px;
}
.index-stage-wrapper ul div {
  width: 80px;
  height: 80px;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(183, 183, 183, 0.5);
          box-shadow: 0px 0px 10px 0px rgba(183, 183, 183, 0.5);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.index-stage-wrapper ul li:hover div {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
  -webkit-box-shadow: 0px 10px 10px 0px rgba(183, 183, 183, 0.3);
          box-shadow: 0px 10px 10px 0px rgba(183, 183, 183, 0.3);
}
.index-stage-wrapper ul div img {
  width: 100%;
  height: 100%;
}
.index-stage-wrapper ul p {
  text-align: center;
  line-height: 50px;
  font-size: 16px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #333333;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.shop-lists-left-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}
.shop-select-tags-wrapper {
  position: relative;
  background: #ffffff;
  border-radius: 4px;
}
.shop-tags-container {
  position: relative;
}
.shop-tags-container .shop-first-tags {
  position: relative;
  padding-right: 35px;
  width: 100%;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: hidden;
  border-top: 1px solid #efefef;
}
.shop-tags-container:nth-of-type(1) .shop-first-tags {
  border: none;
}
.shop-tags-container .arrow-tags {
  position: absolute;
  top: 15px;
  right: 19px;
  content: "";
  width: 19px;
  height: 19px;
  cursor: pointer;
  z-index: 2;
}
.shop-tags-container ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  font-size: 12px;
  color: #333333;
  text-align: center;
  margin-left: 32px;
}
.shop-tags-container ul .active {
  color: #FF812D;
}
.shop-tags-container .shop-first-tags li:first-of-type {
  width: 112px;
  margin-left: 0;
  background: #FF812D;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #ffffff;
  cursor: default;
}
.shop-tags-container ul li:hover {
  color: #FF812D;
  cursor: pointer;
}
.shop-lists-content {
  margin-top: 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.shop-lists-item {
  margin-bottom: 20px;
  -ms-flex-preferred-size: 217px;
      flex-basis: 217px;
  min-width: 217px;
  height: 299px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(183, 183, 183, 0.5);
          box-shadow: 0px 0px 10px 0px rgba(183, 183, 183, 0.5);
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.itemempty {
  height: 0px;
  width: 23.5%;
}
.shop-lists-item:hover {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
  -webkit-box-shadow: 0px 10px 10px 0px rgba(183, 183, 183, 0.3);
          box-shadow: 0px 10px 10px 0px rgba(183, 183, 183, 0.3);
}
.shop-lists-item a {
  display: block;
  width: 100%;
  height: 100%;
}
.shop-lists-item-img {
  position: relative;
  width: 100%;
  height: 144px;
  border-bottom: 1px solid #F5F5F5;
  overflow: hidden;
}
.shop-lists-item-img img {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.shop-lists-item:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.shop-lists-item-img span {
  position: absolute;
  top: 0;
  right: 16px;
  display: block;
  width: 28px;
  height: 28px;
  background: url("../images/shop-quan.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.shop-lists-item-desc {
  padding: 26px 24px 24px;
}
.shop-lists-item-desc h4 {
  margin-bottom: 17px;
  font-size: 16px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-lists-item-desc p {
  color: #999999;
}
.shop-lists-item-desc div {
  position: relative;
  margin-top: 6px;
  font-size: 14px;
  line-height: 19px;
  max-height: 38px;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.shop-selected-tags-wrapper {
  margin-top: 20px;
}
.shop-selected-tags-wrapper span {
  display: inline-block;
  position: relative;
  margin-right: 20px;
  padding: 12px 26px;
  font-weight: 500;
  font-size: 12px;
  color: #ff812d;
  background: #ffffff;
  border-radius: 21px;
  cursor: pointer;
}
.shop-selected-tags-wrapper li:hover {
  background: rgba(255, 129, 45, 0.2);
}
.shop-selected-tags-wrapper span::after {
  content: '';
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  top: 15px;
  right: 2px;
  background: url("../images/shop-close-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 50% 50%;
}

.no-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-up-tags {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.shop-down-tags {
  background: url("../images/shop-btn-down.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.right-arrow {
  background: url("../images/shop-btn-right-orange.png");
  background-size: 40% 65%;
  background-position: center center;
  background-repeat: no-repeat;
}
.up-arrow-icon {
  background: url("../images/shop-btn-up.png");
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.down-arrow-icon {
  background: url("../images/shop-btn-down.png");
  background-size: 100% 100%;
  background-size: 80% 50%;
  background-position: center center;
  background-repeat: no-repeat;
}
.hover-up {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.hover-up-animation {
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
}
.hover-up-img-animation {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.my-order-lists-no-data {
  width: 927px;
  height: 566px;
  margin-top: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
}
.my-order-lists-no-data > img {
  width: 404px;
  height: 301px;
  margin-bottom: 20px;
}
.my-order-lists-no-data > span {
  font-size: 20px;
  color: #333333;
  letter-spacing: 6px;
}
.shop-lists-right-wrapper {
  -ms-flex-preferred-size: 217px;
      flex-basis: 217px;
  margin-left: 20px;
  margin-bottom: 48px;
}
.shop-right-ad {
  position: relative;
  display: block;
  width: 100%;
  height: 351px;
}
.shop-right-ad img {
  width: 100%;
  height: 351px;
}
.shop-right-ad p,
.shop-right-ad h4 {
  position: absolute;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #FF812D;
}
.shop-right-ad p {
  font-size: 18px;
  top: 37px;
  left: 24px;
}
.shop-right-ad h4 {
  font-size: 34px;
  top: 64px;
  left: 24px;
}
.shop-right-ad .shop-right-btn {
  position: absolute;
  top: 280px;
  left: 24px;
  width: 117px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  background: #FF812D;
  border-radius: 22px;
}
.shop-right-ad .shop-right-btn:hover {
  background: #E0690C;
}
.shop-right-recommend {
  width: 100%;
  margin-top: 20px;
  padding: 5px 16px;
  background: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
}
.shop-recommend-top-wrapper {
  position: relative;
  padding-top: 2px;
  padding-bottom: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.shop-recommend-top-wrapper::before,
.shop-recommend-top-wrapper::after {
  position: absolute;
  top: 38px;
  content: "";
  display: block;
  width: 18px;
  height: 18px;
}
.shop-recommend-top-wrapper::before {
  left: 17px;
  background: url("../images/recommend-left-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.shop-recommend-top-wrapper::after {
  right: 17px;
  background: url("../images/recommend-right-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.shop-recommend-top-wrapper span {
  padding-top: 14px;
  display: inline-block;
  width: 36px;
  height: 36px;
  font-size: 16px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #333333;
  background: url("../images/recommend-top.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-size: 36px 34px;
  background-position: bottom;
}
.shop-recommend-top-wrapper h4 {
  font-size: 20px;
  font-family: MicrosoftYaHei-Bold;
  font-weight: bold;
  color: #333333;
}
.shop-recommend-lists li {
  position: relative;
}
.shop-recommend-lists li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 169px;
  height: 1px;
  background: #efefef;
}
.shop-recommend-lists li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding: 24px 0;
}
.shop-recommend-lists li i {
  -ms-flex-preferred-size: 14px;
      flex-basis: 14px;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  font-size: 12px;
  font-style: normal;
  color: #ff812d;
}
.shop-recommend-lists li:first-of-type i {
  text-indent: -9999px;
  background: url("../images/recommend-hot-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.shop-recommend-lists li:nth-of-type(2) i {
  text-indent: -9999px;
  background: url("../images/recommend-second-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.shop-recommend-lists li:nth-of-type(3) i {
  text-indent: -9999px;
  background: url("../images/recommend-third-icon.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.shop-recommend-lists li div {
  -ms-flex-preferred-size: 30px;
      flex-basis: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 8px;
  border-radius: 50%;
  border: 1px solid #efefef;
}
.shop-recommend-lists li img {
  width: 100%;
  height: 12px;
}
.shop-recommend-lists li h4 {
  width: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  color: #333333;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-recommend-lists li:hover h4 {
  color: #FF812D;
}
.contact-main{
  width: 1164px;
  min-width: 1164px;
  margin: 0 auto 40px auto;
  padding-top: 90px;
}
.contact-header{
  width: 100%;
  height: 500px;
  background: url(../images/pic_lxwm_bg@2x.png) no-repeat;
  background-size: 100% 100%;
}
.contact-box{
  width: 100%;
  height: 260px;
  background: #fff;
  margin-top: 20px;
  padding: 26px 30px 0;
}
.contact-box-title{
  font-size: 16px;
  font-weight: bold;
}
.divide-line{
  width: 100%;
  height: 1px;
  background: #EEEEEE;
  margin: 15px 0  30px;
}
.contact-box .phone{
   width: 30px;
   height: 30px;
   content: '';
   display: inline-block;
   background: url(../images/ic_lxwm_phone@2x.png) no-repeat;
   background-size: 100% 100%;
  vertical-align: middle;
 }
.contact-box .address{
  width: 30px;
  height: 30px;
  content: '';
  display: inline-block;
  background: url(../images/ic_lxwm_dz@2x.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}
.contact-box-content{
  font-size: 14px;
  margin-left: 15px;
}
.order-main{
  width: 1164px;
  min-width: 1164px;
  margin: 89px auto 40px auto;
  padding: 31px 87px 59px;
  background: #fff;
}
.order-desc{
  font-size: 14px;
  color: #666666;
  margin-top: 36px;
}
.order-box{
  border:1px solid rgba(240,240,240,1);
  width: 100%;
  padding: 28px 80px 59px;
  font-size: 14px;
  margin-top: 10px;
}
.order-main .my-address-edit-drop-wrapper{
  display: block;
  border-top: none;
}
.order-main .my-address-edit-drop-wrapper{
  padding-left: unset;
  padding-right: unset;
}
.send-list{
  margin-top: 52px;
}
.order-main .my-cart-shop-nav{
  padding-left: unset;
}
.order-list-box .order-item-content{
  padding-left: unset;
}
.order-list-box .order-item-price{
  flex-basis: unset !important;
}
.total-main{
   text-align: right;
  font-size: 12px;
}
.total-num{
  color: #FF812D;
}
.total-money{
    margin-left: 35px;
}
.all-total-money{
  color: #FF812D;
  font-size: 18px;
  font-weight: bold;
}
.confirm-order-btn{
  width: 165px;
  height: 48px;
  background:rgba(255,129,45,1);
  border-radius:4px;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  line-height: 48px;
  color: #fff;
}
.join-main{
  width: 1164px;
  min-width: 1164px;
  margin: 89px auto 80px auto;
  padding: 67px 120px 54px;
  background: #fff;
}
.join-main .input-item{
  width: 100%;
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.join-main .input-item input{
  width: 380px;
  height: 40px;
  background:rgba(249,249,249,1);
  border-radius:4px;
  border:1px solid rgba(153,153,153,1);
  margin-left: 20px;
  padding-left: 13px;
}
.join-main .input-item:not(:first-child){
  margin-top: 20px;
}
.join-main input:focus {
  border: 1px solid #ff812d;
  outline: none;
}
.input-item-error{
  font-size: 14px;
  color: #F53030;
  margin-left: 31px;
  display: none;
}
.input-item-other-error{
  font-size: 14px;
  color: #304DF5;
  margin-left: 31px;
}
.join-main .select {
  display: inline-block;
  width: 380px;
  position: relative;
  vertical-align: middle;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
  color: #555;
  border: 1px solid #aaa;
  text-shadow: none;
  border-radius: 4px;
  transition: box-shadow 0.25s ease;
  z-index: 2;
  margin-left: 20px;
}

.join-main .select:hover {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.join-main .select:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: #ccc;
  top: 14px;
  right: 10px;
  cursor: pointer;
  z-index: -2;
}
.join-main .select select {
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.join-main .select select:focus {
  outline: none;
}
.seller-desc{
  resize:none;
  outline: none;
  margin-left: 20px;
  width:380px;
  height:160px;
  background:rgba(249,249,249,1);
  border-radius:4px;
  border:1px solid rgba(153,153,153,1);
  padding-top: 10px;
  padding-left: 13px;
  vertical-align: top;
}
.seller-desc:focus{
  border: 1px solid #ff812d;
  color: #ff812d;
}
.join-main .confirm-submit{
  width:310px;
  height:51px;
  background:rgba(255,129,45,1);
  border-radius:4px;
  text-align: center;
  line-height: 51px;
  color: #fff;
  margin:48px auto 0;
}
.cart-item-icon{
   display: inline-block;
   content: "";
   width: 31px;
  height: 31px;
  background: url(../images/ic_spxq_xfgwc@2x.png) no-repeat;
  background-size: 100% 100%;
  margin: 12px auto 0;
}
.category-child-box ul li{
  margin-top: 16px;
  line-height: 16px !important;
  height: 16px !important;
  display: inline-block !important;
  margin-left: unset !important;
  margin-right:30px;
  color: #666;
}
.down-icon{
   display: inline-block;
   content:"";
   width:10px;
   height: 5px;
   margin-left: 6px;
   background: url(../images/ic_jjjc_jt@2x.png) no-repeat;
   background-size: 100% 100%;
 }
.up-icon{
  display: inline-block;
  content:"";
  width:10px;
  height: 5px;
  margin-left: 6px;
  background: url(../images/ic_jjjc_jt2@2x.png) no-repeat;
  background-size: 100% 100%;
  display: none;
}
.add-cart-btn{
  display: inline-block;
  width:70px;
  height:30px;
  background:rgba(255,129,44,1);
  border-radius:2px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  float: right;
}
.cart-btn{
  width:74px;
  height:74px;
  background:rgba(255,129,45,1);
  box-shadow:2px 3px 10px 0px rgba(0,0,0,0.12);
  border-radius:6px;
  color: #fff;
  text-align: center;
  margin-top: 331px;
}
.category-child-box{
  position: absolute;
  width:718px;
  background:rgba(255,255,255,1);
  box-shadow:3px 5px 13px 0px rgba(89,83,75,0.1);
  border:2px solid rgba(255,129,45,1);
  padding: 18px 31px;
  background: #fff;
  z-index: 20;
  left: 140px;
  display: none;
}
.product-main,.bottom-main{
  width: 1164px;
  min-width: 1164px;
  margin: 89px auto 40px auto;
  /*padding: 31px 87px 59px;*/
}
.bottom-main{
  margin-top: 20px;
  display: flex;
}
.bottom-main .shop-details-right{
  margin-left: unset;
}
.product-box{
  width: 100%;
  height: 526px;
  background: #fff;
  padding: 10px;
  display: flex;
}

.product-main .product-img{
  width: 400px;
  height: 400px;
}
.product-box .right-box{
  margin-left: 24px;
}
.product-main .product-title{
  font-size: 16px;
  font-weight: bold;
}
.product-box .true-price{
  color:#F15A54;
  font-size: 20px;
  margin-left: 52px
}
.product-box .market-price{
  margin-left: 15px;
}
.right-box{
  width: 100%;
  font-size: 12px;
}
.price-box{
  width: 100%;
  height: 52px;
  background: #F5F5F5;
  font-size: 12px;
  margin-top: 17px;
  line-height: 52px;
  color: #999999;
  padding-left: 20px;
}
.price-box span{
  vertical-align: middle;
}
.sku-box{
  margin-top: 43px;
}
.sku-box .sku-wrapper{
  width: 170px;
  display: inline-block;
  vertical-align: top;
  margin-top: -5px;
  margin-left: 50px;
}
.sku-box .sku{
  border:1px solid rgba(204,204,204,1);
  color: #333;
  text-align: center;
  padding: 8px 14px 10px 12px;
  display: inline-block;
  margin-bottom: 12px;
  margin-right: 20px;
  position: relative;
}
.sku-box .sku-active{
  border:1px solid rgba(255,129,45,1);
}
.sku-box .sku-active:before{
  display: inline-block;
  content: "";
  width: 17px;
  height: 17px;
  background: url(../images/ic_spxq_yixuan@2x.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  bottom:0;
}
.choose-btns{
  display: flex;
}
.choose-btns .choose-amount {
  width: 58px;
  height: 34px;
  overflow: hidden;
  border: 1px solid #ccc;
  position: relative;
  margin-left: 53px;
  margin-bottom: 21px;
}
.choose-btns .choose-amount input {
  display: block;
  width: 43px;
  height: 34px;
  line-height: 42px;
  position: absolute;
  top: 1px;
  left: 0;
  border: none;
  border: 0;
  text-align: center;
}
.choose-btns .choose-amount a {
  display: block;
  width: 15px;
  text-align: center;
  height: 17px;
  line-height: 17px;
  overflow: hidden;
  background: #f1f1f1;
  color: #666;
  position: absolute;
  right: -1px;
  border: 1px solid #ccc;
}
.choose-btns .choose-amount a.btn-reduce {
  bottom: -1px;
}
.choose-btns .choose-amount a.disabled {
  color: #ccc;
  cursor: not-allowed;
}
.detail-btn{
  width: 170px;
  height: 46px;
  font-size: 16px;
  text-align: center;
  line-height: 46px;
  cursor: pointer;
  display: inline-block;
}
.buy-now{
  background:rgba(255,238,227,1);
  border:1px solid rgba(255,129,45,1);
  margin-left: 77px;
  margin-right: 40px;
  color: #FF812D;
}
.add-cart{
  color: #fff;
  vertical-align: top;
  background:rgba(255,129,45,1);
}
.add-cart .cart-item-icon{
  width: 18px;
  height: 18px;
  margin-right: 7px;
  vertical-align: top;
}
.bottom-right-box{
  background: #fff;
  margin-left: 20px;
  width: 100%;
  padding-top: 15px;
}
.bottom-main .divide-line{
  margin-bottom: 0;
}
.detail-content-imgs{
  padding: 20px;
}
.detail-content-imgs img{
  width: 100%;
}