@charset "UTF-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  font-family: "Arial","微软雅黑";
  text-decoration: none; }

body {
  width: 100%;
  background: #fafafa; }

.body-bgcolor-white {
  background: #fafafa; }

.body-block {
	width: 100%;
/* 	height: 1000px; */
	background: #fafafa;
	position: absolute;
	top: 0;
	left: 0;
}
.ep-clearfix:after {
  clear:both;content:" ";display:block;font-size:0;height:0;line-height:0;visibility:hidden;
}
a {color:#a8a8a8; text-decoration:none; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
a:hover {text-decoration:none; color:#32ca49;}

.visible {
  overflow: visible !important; }

.padding-b-50 {
  padding-bottom: 50px !important; }

.mask {
  width: 100%;
  height: 2000px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  background: #000;
  opacity: 1;
  display: none; }

*:focus {
  outline: none; }

@keyframes showBorder {
  0% {
    border: 1px solid #dbe7d3; }
  100% {
    border: 1px solid #32ca49; } }
.slider-nav {
  width: 50px;
  background: #39434f;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 10; }
  .slider-nav ul.slider-nav-top li, .slider-nav ul.slider-nav-bottom li {
    width: 50px;
    text-align: center;
    color: #c4c7cb;
    margin: 30px 0 0 0;
    position: relative; }
    .slider-nav ul.slider-nav-top li a, .slider-nav ul.slider-nav-bottom li a {
      width: 50px;
      color: #c4c7cb;
      display: block; }
      .slider-nav ul.slider-nav-top li a i, .slider-nav ul.slider-nav-bottom li a i {
        font-size: 20px; }
    .slider-nav ul.slider-nav-top li:hover > a, .slider-nav ul.slider-nav-bottom li:hover > a {
      color: #fff; }
    .slider-nav ul.slider-nav-top li:hover .sub-nav, .slider-nav ul.slider-nav-bottom li:hover .sub-nav {
      display: block; }
  .slider-nav ul.slider-nav-top .sub .sub-box, .slider-nav ul.slider-nav-bottom .sub .sub-box {
    width: auto;
    overflow: hidden;
    background: #39434f;
    padding: 8px 10px;
    border-radius: 5px; }
    .slider-nav ul.slider-nav-top .sub .sub-box dd, .slider-nav ul.slider-nav-bottom .sub .sub-box dd {
      font-size: 14px;
      margin: 5px; }
      .slider-nav ul.slider-nav-top .sub .sub-box dd a:hover, .slider-nav ul.slider-nav-bottom .sub .sub-box dd a:hover {
        color: #fff; }
  .slider-nav ul.slider-nav-top .sub .sub-nav, .slider-nav ul.slider-nav-bottom .sub .sub-nav {
    position: absolute;
    left: 50px;
    top: -15px;
    padding: 0 0 0 10px;
    display: none; }
    .slider-nav ul.slider-nav-top .sub .sub-nav:after, .slider-nav ul.slider-nav-bottom .sub .sub-nav:after {
      content: '';
      border-right: 10px solid #39434f;
      border-top: 7px solid transparent;
      border-bottom: 7px solid transparent;
      position: absolute;
      top: 20px;
      left: 0; }
  .slider-nav ul.slider-nav-top li:first-child {
    width: 50px;
    height: 50px;
    background: #32ca49;
    line-height: 50px;
    margin-top: 0px; }
    .slider-nav ul.slider-nav-top li:first-child a {
      color: #fff;
      height: 50px; }
  .slider-nav ul.slider-nav-bottom {
    position: absolute;
    bottom: 0; }
    .slider-nav ul.slider-nav-bottom li {
      margin: 0 0 25px 0; }
      .slider-nav ul.slider-nav-bottom li:last-child {
        width: 36px;
        height: 36px;
        background: #fff;
        line-height: 36px;
        margin: 0px auto 25px;
        border-radius: 50%; }
        .slider-nav ul.slider-nav-bottom li:last-child a {
          width: 36px;
          color: #39434f;
          height: 36px;
          font-size: 16px; }

.section-content-box, .header-nav {
  width: 100%;
  padding: 0 40px 0 210px;
  box-sizing: border-box;
}

@media screen and (max-width: 1650px) {
    .header-nav {
        padding-right: 100px;
    }
}

.section-content-box {
  padding-top: 51px;
}
.header-nav {
  height: 51px;
  border-bottom: 1px solid #e0e0e0;
  background: #fff;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
}



.header-nav .content {
	max-width: 1280px;
	height: 50px;
	line-height: 50px;
	background: #fff;
	font-size: 14px;
    margin: 0 auto;
}

.header-link-container {
  position: relative;
  padding-left: 30px;
}

.header-link-container img {
  width: 20px;height: 22px;position: absolute;top: 50%;margin-top: -10px;left: 0;
}

@media screen and (max-width: 1280px) { /*当屏幕尺寸小于1280px时，应用下面的CSS样式*/
  .header-nav .content {
	max-width: 1280px;
	height: 50px;
	line-height: 50px;
	margin-left: 30px;
	background: #fff;
	font-size: 14px;
	
}
}

    .header-nav .content .left {
      float: left; }
      .header-nav .content .left a {
        color: #4c5e70; }
      .header-nav .content .left i {
        font-size: 24px;
        color: #d7d9dc;
        padding-right: 8px;
        vertical-align: middle; }
    .header-nav .content .right {
      float: right;
      padding-top:5px; 
    }
      .header-nav .content .right li {
        float: left;
        margin-left: 5px; }
        .header-nav .content .right li a {
          display: block;
          color: #b9b8bd; }
        .header-nav .content .right li:hover a {
          color: #39434f; }
      .header-nav .content .right li.active a {
        color: #39434f; }

.section-content {
	width: 100%;
	max-width: 1280px;
/* 	overflow: hidden; */
	margin: 15px auto 0px;
	font-size: 14px;
	position: relative;
	z-index: 8;
	box-sizing:border-box;

}


.text-nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.common-box {
  width: 100%;
  overflow: hidden; }

.input-common {
  position: relative;
  float: left;
  cursor: pointer; }
 
    .input-common input {
	box-sizing: border-box;
	box-shadow: 0 0px 4px rgba(0, 0, 0, .04);
	border-radius: 4px;
	background: transparent;
	color: #4c5e70;
	cursor: pointer;
	border:1px #e0e0e0 solid;
}
  .input-common input::-webkit-input-placeholder {
    color: #b9b8bd; }
  .input-common i {
    position: absolute;
    top: 10px;
    color: #b9b8bd; }

/* 以上是公共部分 */
.form-box {
  width: 100%;
  height: 42px;
  margin-bottom: 20px;
  display: flex; }
  .form-box div {
    font-size: 14px;
    border-radius: 4px; }
  .form-box .search {

    height: 40px;
    margin-right: 10px;
    background-color: #fff; }
    .form-box .search input {
      width: 100%;
      height: 42px;
      padding: 0 50px; }
    .form-box .search input:focus {
      border: 1px solid #32ca49; }
    .form-box .search i {
      left: 11px;
      font-size: 22px; }
  .form-box .search-btn {
    width: 131px;
    height: 42px;
    background: #32ca49;
    color: #ffffff;
    text-align: center;
    float: left;
    line-height: 42px;
    margin-right: 20px;
    cursor: pointer; }
  .form-box .time {
    width: 156px;
    height: 42px;
    margin-right: 20px;
    background-color:#fff; }
    .form-box .time input {
      width: 156px;
      height: 42px;
      padding: 0 10px; }
    .form-box .time i {
      right: 10px;
      top: 14px;
      font-size: 16px; }
  .form-box .time-line {
    width: 13px;
    
    border-bottom: 2px solid #bdbdbd;
    float: left;
    margin-right: 10px; }
  .form-box .time-range {
    width: 188px;
    height: 42px; }
    .form-box .time-range input {
      width: 188px;
      height: 42px;
      padding: 0 10px;
      color: #39434f; }
    .form-box .time-range input::-webkit-input-placeholder {
      color: #39434f; }
    .form-box .time-range i {
      right: 10px;
      top: 16px;
      font-size: 14px; }

.status-box {
  height: 60px;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  background: #f3f3f3;
  border-radius: 4px; }
  .status-box ul {
    display: flex;
    height: 58px;
    line-height: 58px; }
    .status-box ul li {
      width: 20%;
      float: left;
      text-align: center;
      position: relative;
      color: #39434f;
      font-size: 14px;
      cursor: pointer; }
      .status-box ul li:after {
        content: '|';
        position: absolute;
        right: 0;
        color: #dbe7d3; }
      .status-box ul li span {
        padding: 0 22px 0 0; }
      .status-box ul li i {
        color: #c9c8c8;
        font-size: 14px; }
    .status-box ul li:last-child:after {
      display: none; }

.green-title {
  color: #32ca49;
  font-size: 16px;
  margin: 30px 0; }

.total-shipments {
  width: 100%;
  height: 130px;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  background: #f3f3f3;
  border-radius: 4px; }
  .total-shipments .total-title {
    width: 21.4%;
    float: left;
    padding: 30px 0 0 1.6%; }
    .total-shipments .total-title span {
      font-size: 16px;
      color: #39434f; }
    .total-shipments .total-title .total {
      font-size: 36px;
      color: #ffb400; }
  .total-shipments .total-list {
    width: 77%;
    float: left;
    padding: 30px 0 0 0px; }
    .total-shipments .total-list li {
      width: 18.7%;
      float: left;
      color: #b9b8bd;
      font-size: 16px; }
      .total-shipments .total-list li .total, .total-shipments .total-list li .percent {
        margin: 4px 0 0 0;
        font-size: 18px; }
      .total-shipments .total-list li .total {
        position: relative; }
        .total-shipments .total-list li .total:after {
          content: '';
          width: 10px;
          height: 10px;
          border-radius: 50%;
          position: absolute;
          left: -16px;
          top: 7px;
          background: #e1edd9; }
      .total-shipments .total-list li .green:after {
        background: #7fda8d; }
      .total-shipments .total-list li .blue:after {
        background: #79d6f9; }
      .total-shipments .total-list li .orange:after {
        background: #facd61; }
      .total-shipments .total-list li .pink:after {
        background: #ee8289; }
    .total-shipments .total-list li:last-child {
      width: 6.5%; }

.table-box ul {
  width: 100%;
  overflow: hidden; }
.table-box .table-header {
  height: 77px;
  border-bottom: 1px solid #dbe7d3; }
  .table-box .table-header li {
    float: left;
    color: #39434f;
    line-height: 77px;
    font-size: 16px; }
  .table-box .table-header li:nth-child(1) {
    width: 14.8%; }
  .table-box .table-header li:nth-child(2) {
    width: 18.3%; }
  .table-box .table-header li:nth-child(3) {
    width: 17.1%; }
  .table-box .table-header li:nth-child(4) {
    width: 14.2%; }
  .table-box .table-header li:nth-child(5) {
    width: 18.7%; }
  .table-box .table-header li:nth-child(6) {
    width: 13.9%; }
.table-box .table-time {
  margin: 34px 0;
  color: #39434f;
  font-size: 16px; }
.table-box .table-body {
  box-sizing: border-box;
  border: 1px solid #dbe7d3;
  border-radius: 4px;
  padding: 0 2%; }
  .table-box .table-body .table-tr {
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #dbe7d3; }
    .table-box .table-body .table-tr .table-td {
      float: left; }
    .table-box .table-body .table-tr .table-td:nth-child(1) {
      width: 14.8%;
      color: #3dc151;
      font-size: 14px; }
    .table-box .table-body .table-tr .table-td:nth-child(2) {
      width: 18.3%;
      color: #8b8b8b;
      font-size: 14px; }
      .table-box .table-body .table-tr .table-td:nth-child(2) p {
        margin-bottom: 4px; }
    .table-box .table-body .table-tr .table-td:nth-child(3) {
      width: 17.1%;
      color: #3dc151;
      font-size: 14px; }
      .table-box .table-body .table-tr .table-td:nth-child(3) i {
        color: #ffb80f;
        font-size: 22px;
        margin: 0 10px 0 0;
        vertical-align: middle; }
    .table-box .table-body .table-tr .table-td:nth-child(4) {
      width: 14.2%;
      color: #3dc151;
      font-size: 16px; }
      .table-box .table-body .table-tr .table-td:nth-child(4) span:nth-child(1) {
        color: #39434f; }
      .table-box .table-body .table-tr .table-td:nth-child(4) span:nth-child(2) {
        color: #b9b8bd;
        font-size: 14px;
        padding: 0 5px; }
    .table-box .table-body .table-tr .table-td:nth-child(5) {
      width: 18.7%;
      color: #d2d4d6; }
      .table-box .table-body .table-tr .table-td:nth-child(5) i {
        font-size: 22px;
        font-weight: bolder; }
    .table-box .table-body .table-tr .table-td:nth-child(6) {
      width: 11.9%;
      color: #b9b8bd;
      font-size: 16px; }
  .table-box .table-body .table-tr:last-child {
    border-bottom: 0px solid #dbe7d3; }

.help-center-box .help-center-top {
  background: #32ca49;
  padding: 0 0 35px 0;
  margin: 0 0 50px 0; }
  .help-center-box .help-center-top .input-common {
    float: none; }
  .help-center-box .help-center-top .title {
    text-align: center;
    color: #fff;
    font-size: 60px;
    padding: 95px 0 65px 0; }
  .help-center-box .help-center-top p {
    text-align: center;
    color: #def5e1;
    font-size: 30px; }
  .help-center-box .help-center-top .search {
    width: 877px;
    height: 60px;
    margin: 35px auto 0; }
    .help-center-box .help-center-top .search input {
      width: 877px;
      height: 60px;
      padding: 0 80px;
      background: #b3eabc;
      border: 1px solid #b3eabc;
      border-radius: 12px;
      font-size: 16px;
      color: #fff;
      box-shadow: 0 0 10px #65ba72; }
    .help-center-box .help-center-top .search input::-webkit-input-placeholder {
      color: #fff; }
    .help-center-box .help-center-top .search i {
      left: 40px;
      top: 18px;
      font-size: 22px;
      color: #fff; }
.help-center-box .help-center-bottom {
  width: 63.1578947%;
  max-width: 1200px;
  min-width: 1120px;
  overflow: hidden;
  margin: 0 auto; }
  .help-center-box .help-center-bottom .help-question {
/*     width: 1158px; */
    overflow: hidden;
    border: 1px solid #dbe7d3;
    border-radius: 4px;
    padding: 0 20px;
    margin-bottom: 30px;
    padding-top: 30px; }
    .help-center-box .help-center-bottom .help-question .question {
      color: #39434f;
      font-size: 30px;
      margin: 0 0 15px 0; }
    .help-center-box .help-center-bottom .help-question li {
      padding: 14px 0 20px 0;
      overflow: hidden;
      border-bottom: 1px solid #dbe7d3; }
      .help-center-box .help-center-bottom .help-question li .pic {
        width: 60px;
        height: 60px;
        float: left;
        margin: 0 24px 0 0; }
        .help-center-box .help-center-bottom .help-question li .pic img {
          width: 60px;
          height: 60px;
          border-radius: 50%; }
      .help-center-box .help-center-bottom .help-question li .person-data {
        width: 1074px;
        overflow: hidden;
        float: left; }
        .help-center-box .help-center-bottom .help-question li .person-data .detail {
          overflow: hidden;
          margin: 0 0 20px 0; }
          .help-center-box .help-center-bottom .help-question li .person-data .detail .name, .help-center-box .help-center-bottom .help-question li .person-data .detail .date {
            margin: 0 44px 0 0;
            float: left;
            font-size: 16px;
            color: #39434f; }
          .help-center-box .help-center-bottom .help-question li .person-data .detail .date {
            font-size: 14px;
            color: #39434f; }
        .help-center-box .help-center-bottom .help-question li .person-data .answer {
          color: #32ca49;
          font-size: 16px;
          line-height: 24px; }
    .help-center-box .help-center-bottom .help-question li:last-child {
      border-bottom: 0px solid #dbe7d3; }

.product-form .search {
  flex: 1;
  max-width: 1075px; }
  .product-form .search input {
    width: 100%; }
.product-form .time-range {
  width: 208px;
  margin: 0 10px 0 0; }
  .product-form .time-range input {
    width: 208px;
    color: #b9b8bd; }
  .product-form .time-range input::-webkit-input-placeholder {
    color: #b9b8bd; }
.product-form .product-list-search {
  width: auto;
  flex: 1; 
  border:1px #e0e0e0 solid;}
  .product-form .product-list-search input {
    width: 100%; }
.product-form .time-range-one {
  width: 150px; }
  .product-form .time-range-one input {
    width: 150px; }
.product-form .search-btn {
  margin: 0;
  width: 197px; }

.product-type {
  overflow: hidden; }
  .product-type ul {
    overflow: hideen;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
 
    .product-type li {
	width: 18%;
	max-width: 278px;
	height: 240px;
	float: left;
	margin: 0 0 28px 0;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .02);
	border-radius: 4px;
	background: #fff;
	border:1px #e0e0e0 solid;
}
    
    .product-type li .pic {
      width: 100%;
      height: 160px;
      overflow: hidden;
      position: relative;
      line-height: 160px; }
      .product-type li .pic .icon-arrowright {
        width: 36px;
        height: 36px;
        border: 2px solid #7edb8a;
        border-radius: 50%;
        color: #7edb8a;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -18px 0 0 -18px;
        text-align: center;
        line-height: 36px;
        font-size: 22px; }
      .product-type li .pic img {
        vertical-align: middle;
        width: 100%; }
    .product-type li .font {
      width: 94%;
      height: 70px;
      overflow: hidden;
      padding: 10px 3% 0;
      color: #39434f;
      text-align: center; }
  .product-type li.control-type {
    display: none; }
  .product-type li:nth-child(5), .product-type li:nth-child(10) {
    margin: 0 0px 28px 0; }
@keyframes imgscale {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.1); } }
  .product-type li:hover img {
    animation: imgscale 0.3s linear forwards alternate; }

.product-sub-nav {
  overflow: hidden;
  margin: 0 0 14px 0;
  display: none; }
  .product-sub-nav li {
    display: none;
    overflow: hidden; }
    .product-sub-nav li span {
      width: 20%;
      overflow: hidden;
      display: block;
      float: left;
      margin: 0 0 14px 0; }
      .product-sub-nav li span a {
        color: #39434f;
        font-size: 14px; }


.product-title {
  font-size: 18px;
  color: #39434f;
  margin: 0 0 25px 0; }

@keyframes productChange {
  0% {
    box-shadow: 0 0 0px #ffffff; }
  100% {
    height: 420px;
    background: #fff;
    box-shadow: 0 0 10px #ccc; } }
@keyframes showDiv {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.product-list {
  overflow: hidden;
  display: block; }
  .product-list li {
    width: 24%;
    max-width: 360px;
    height: 410px;
    float: left;
    margin: 0 1% 20px 0;
    position: relative;
    background-color:#fff;
    border:1px #e0e0e0 solid;
    box-sizing: border-box; }

    .product-list li > a {
      width: 100%;
      height: 410px;
      box-sizing: border-box;
      
      display: block;
      position: absolute;
      top: 0;
      left: 0; }
    .product-list li .pic {
      /* width: 326px;
      height: 326px; */
      overflow: hidden;
      position: relative;
      text-align: center;
    }
      .product-list li .pic img {     
        max-width:100%;
        width:307px;
        height:302px;
        vertical-align: middle; 
       /*     border-radius: 5px; */
        display:block;
        object-fit:cover;}
    .product-list li .font-box {
      width: 100%;
      height: 40px;
      text-align: center; }
      .product-list li .font-box .title {
        font-size: 16px;
        color: #2e2e2e; }
.product-list li .font-box .title span {
  display: inline-block;
  vertical-align: text-bottom;
/*   font-size: 0; */
  margin-right: 3px;
}
      .product-list li .font-box .price {
	font-size: 18px;
	color: #ea3642;
	padding: 6px 0 0 10px;
	float: left;
}
     
        .product-list li .font-box .price-off {
	float: right;
	padding: 6px 10px 0 0;
	font-size: 14px;
	color: #878b91;
}
        .product-list li .font-box .price-off i {
          font-size: 12px;
          padding: 0 0 0 20px; }
    .product-list li .btn {
      width: 50%;
      max-width: 250px;
      height: 30px;
      margin: 0 auto;
      background: #32ca49;
      color: #fff;
      line-height: 30px;
      border-radius: 4px;
      position: relative;
      opacity: 0;
      padding-left: 20%; }
    
      .product-list li .btn:after {
        content: '';
        position: absolute;
        left: 20%;
        top: 10px;
        width: 1px;
        height: 20px;
        background: #67d574; }
  .product-list li:hover {
    z-index: 2; }
    .product-list li:hover > a {
      animation: productChange 0.3s linear forwards; }
    .product-list li:hover .btn {
      animation: showDiv 0.3s linear forwards; }
  /*.product-list li:nth-child(4n+0) {
    margin: 0 0px 20px 0; }*/

.product-alert-box {
  width: 850px;
  height: 390px;
  overflow: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 20;
  border-radius: 5px;
  background: #fff;
  padding: 45px 55px;
  margin: -240px 0 0 -480px;
  box-shadow: 0 0 10px #555;
  display: none; }
  .product-alert-box .title {
    color: #39434f;
    font-size: 18px; }
  .product-alert-box .county-choose {
    height: 42px;
    margin: 50px 0 30px; }
    .product-alert-box .county-choose .text {
      color: #878b91;
      font-size: 14px;
      height: 42px;
      line-height: 42px;
      float: left; }
    .product-alert-box .county-choose .time-range {
      width: 416px;
      height: 42px;
      margin: 0 0 0 25px;
      float: left; }
      .product-alert-box .county-choose .time-range input {
        width: 416px;
        height: 42px;
        padding: 0 10px;
        color: #39434f;
        font-size: 16px; }
      .product-alert-box .county-choose .time-range input::-webkit-input-placeholder {
        color: #39434f; }
      .product-alert-box .county-choose .time-range i {
        right: 10px;
        top: 16px;
        font-size: 14px; }
      .product-alert-box .county-choose .time-range .select-hide-list {
        width: 374px;
        overflow: hidden;
        height: 290px;
        overflow-y: auto; }
    .product-alert-box .county-choose .county {
      float: left;
      height: 42px;
      line-height: 42px;
      margin: 0 0 0 15px; }
  .product-alert-box p {
    color: #878b91;
    font-size: 14px;
    margin: 0 0 35px 0; }
  .product-alert-box ul {
    overflow: hidden; }
    .product-alert-box ul li {
      width: 253px;
      float: left;
      margin: 0 45px 0 0; }
      .product-alert-box ul li .title {
        width: 223px;
        color: #39434f;
        font-size: 16px;
        padding: 0 10px 0 20px;
        margin: 0 0 20px 0; }
      .product-alert-box ul li .text {
        border-bottom: 1px solid #e1edd9; }
        .product-alert-box ul li .text input {
          width: 223px;
          height: 42px;
          padding: 0 10px 0 20px;
          color: #878b91;
          font-size: 14px; }
        .product-alert-box ul li .text input::-webkit-input-placeholder {
          color: #878b91; }
    .product-alert-box ul li:last-child {
      margin: 0; }
  .product-alert-box .btn {
    width: 75px;
    height: 40px;
    background: #32ca49;
    text-align: center;
    line-height: 40px;
    color: #fff;
    border-radius: 5px;
    position: absolute;
    bottom: 40px;
    right: 60px; }
  .product-alert-box .icon-close {
    cursor: pointer;
    position: absolute;
    top: 47px;
    right: 63px; }

.product-list-second {
  overflow: hidden;
  display: block;
  margin: 0 -5px;
  min-width: 812px;
}
  .product-list-second li {
    width: calc((100% - 40px) / 4);
    min-width: 245px;
    max-width: 473px;
    height: 460px;
    margin: 0 5px 20px 5px;
    border-radius:4px;
    box-sizing: border-box;}
    .product-list-second li > a {
      width: 100%;
      height: 460px;
      box-sizing: border-box;
      border: 1px solid transparent;}
      .product-list-second li > a .pic {
        width: 100%;
        height:290px;
        margin: 40px 0 0 0;cursor: pointer; }
        .product-list-second li > a .pic img {
          max-width: 100%; }
      .product-list-second li > a .font-box {
        width: 100%;
        height: 86px; }
        .product-list-second li > a .font-box .price {
          font-size: 18px;
          color: #b9b8bd;
          padding: 18px 0; }
        .product-list-second li > a .font-box .title:hover {
          color: #32ca49; }
      .product-list-second li > a .stat-box {
        padding: 0 23px; }
        .product-list-second li > a .stat-box li {
          width: 18px;
          height: 18px;
          margin: 0 5px 0 0; }
          .product-list-second li > a .stat-box li i {
            color: #b9b8bd;
            font-size: 18px; }
        .product-list-second li > a .stat-box .choose-star i {
          color: #ffb656; }
        .product-list-second li > a .stat-box .icon-gouwuche-copy {
          float: right;
          transform: rotateY(180deg);
          color: #b9b8bd;
          font-size: 18px; }
      .product-list-second li > a .stat-box {
        overflow: hidden; }
  .product-list-second li:hover {
    z-index: 2; }
    .product-list-second li:hover > a {
      animation: showBorder .2s linear forwards; }
    .product-list-second li:hover .btn {
      animation: none; }
  /*.product-list-second li:nth-child(4n+0) {
    margin: 0 0 20px 0; }*/
  .product-list-second .status {
    height: 31px;
    padding: 10px 10px 0;
    position: relative;
    z-index: 2; }
    .product-list-second .status .status-left {
  
      width: 167px;
      height: 40px;
      float: left;
      line-height: 40px;
      border: 1px solid #e1edd9;
      border-radius: 3px;
      position: relative;
      cursor:pointer; }
  		 .product-list-second .status .status-left span:hover{
 		color:#32ca49;
 		}
      .product-list-second .status .status-left a:hover{
        color: #32ca49; }
      .product-list-second .status .status-left i {
        color: #878b91;
        font-size: 20px;
        vertical-align: middle;
        padding: 0 22px 0 13px; }
      .product-list-second .status .status-left span {
        color: #737373;
        font-size: 14px; }
      .product-list-second .status .status-left:after {
        content: '';
        position: absolute;
        left: 45px;
        top: 10px;
        width: 1px;
        height: 20px;
        background: #e1edd9; }
    .product-list-second .status .status-right {
      width: 96px;
      height: 42px;
      float: right; }
      .product-list-second .status .status-right .time-range {
        width: 96px;
        height: 42px; }
        .product-list-second .status .status-right .time-range input {
          width: 96px;
          height: 42px;
          padding: 0 19px;
          color: #39434f;
          font-size: 14px; }
        .product-list-second .status .status-right .time-range input::-webkit-input-placeholder {
          color: #39434f; }
        .product-list-second .status .status-right .time-range i {
          right: 10px;
          top: 16px;
          font-size: 14px; }

.product-detail-box {
  overflow: hidden;
  border-radius: 3px;
  border: 1px solid #e1edd9;
  margin: 0 0 30px 0;
  padding: 20px 20px;
  display: flex;
  background-color:#fff; }
  .product-detail-box .produce-list-pic {
    float: left; }
    .product-detail-box .produce-list-pic li {
      width: 80px;
      height: 80px;
      overflow: hidden;
      border-radius: 5px;
      border: 1px solid #e1edd9;
      margin: 0 0 12px 0;
      cursor: pointer;
      text-align: center; }
      .product-detail-box .produce-list-pic li img {
        width: 80px;
        height: 80px; }
    .product-detail-box .produce-list-pic li.active {
      border: 1px solid #32ca49; }
    .product-detail-box .produce-list-pic .more {
      text-align: center;
      background: #e1edd9;
      margin: 0 0 0px 0;
      color: #39434f;
      border-radius: 5px;
      height: 60px;
      cursor: pointer;
      padding: 20px 0 0 0; }
  .product-detail-box .produce-pic {
    width: 30%;
    height: 552px;
    overflow: hidden;
    margin: 0 40px;
    float: left;
    text-align: center; }
    .product-detail-box .produce-pic ul {
      overflow: hidden; }
      .product-detail-box .produce-pic ul li {
        width: 100%;
        height: 552px;
        line-height: 552px; }
    .product-detail-box .produce-pic img {
      max-width: 100%;
      max-height: 100%;
      vertical-align: middle; }
  .product-detail-box .product-introduce {
    max-width: 750px;
    overflow: hidden;
    float: left;
    flex: 1; }
    .product-detail-box .product-introduce .intro-text {
      color: #39434f;
      font-size: 16px; }
    .product-detail-box .product-introduce .product-add-btn {
      width: 222px;
      height: 40px;
      margin: 30px 0;
      background: #32ca49;
      color: #fff;
      line-height: 40px;
      padding-left: 22px;
      border-radius: 4px;
      position: relative;
      cursor: pointer; }
      .product-detail-box .product-introduce .product-add-btn i {
        font-size: 14px;
        padding-right: 42px; }
      .product-detail-box .product-introduce .product-add-btn:after {
        content: '';
        position: absolute;
        left: 51px;
        top: 10px;
        width: 1px;
        height: 20px;
        background: #67d574; }
    .product-detail-box .product-introduce .product-choose-list li {
      overflow: hidden;
      border-top: 1px solid #dbe7d3; }
      .product-detail-box .product-introduce .product-choose-list li .title {
        width: 132px;
        color: #84888e;
        margin: 0 10px 0 0;
        font-size: 16px;
        float: left; }
      .product-detail-box .product-introduce .product-choose-list li .content {
        width: auto;
        max-width: 608px;
        color: #39434f;
        margin: 0 0 0 0;
        font-size: 16px;
        float: left; }
    .product-detail-box .product-introduce .product-choose-list li:nth-child(1) .title {
      height: 113px;
      line-height: 113px; }
    .product-detail-box .product-introduce .product-choose-list li:nth-child(1) .content {
      height: 113px; }
      .product-detail-box .product-introduce .product-choose-list li:nth-child(1) .content .color-box {
        width: 44px;
        overflow: hidden;
        float: left;
        padding: 30px 0 0 0;
        margin: 0 10px 0 0; }
        .product-detail-box .product-introduce .product-choose-list li:nth-child(1) .content .color-box .color {
          width: 34px;
          height: 34px;
          border-radius: 5px;
          background: #f00;
          margin: 0 auto 10px;
          cursor: pointer;
          border: 1px solid #fff; }
        .product-detail-box .product-introduce .product-choose-list li:nth-child(1) .content .color-box .color:hover {
          border: 1px solid #32ca49; }
        .product-detail-box .product-introduce .product-choose-list li:nth-child(1) .content .color-box .color-name {
          font-size: 12px;
          color: #39434f;
          text-align: center; }
      .product-detail-box .product-introduce .product-choose-list li:nth-child(1) .content .color-box.active .color {
        border: 1px solid #32ca49; }
    .product-detail-box .product-introduce .product-choose-list li:nth-child(2) .title {
      height: 75px;
      line-height: 75px; }
    .product-detail-box .product-introduce .product-choose-list li:nth-child(2) .content {
      height: 75px;
      line-height: 75px;
      font-size: 18px;
      color: #ea3642; }
    .product-detail-box .product-introduce .product-choose-list li:nth-child(3) .title {
      height: 89px;
      line-height: 89px; }
    .product-detail-box .product-introduce .product-choose-list li:nth-child(3) .content {
      height: 59px;
      padding-top: 30px; }
      .product-detail-box .product-introduce .product-choose-list li:nth-child(3) .content .size-box {
        width: 30px;
        height: 30px;
        border-radius: 5px;
        background: #f2f9ed;
        margin: 0 15px 0 0;
        float: left;
        border: 1px solid #dbe7d3;
        font-size: 14px;
        color: #39434f;
        text-align: center;
        line-height: 30px;
        cursor: pointer; }
      .product-detail-box .product-introduce .product-choose-list li:nth-child(3) .content .size-box.active {
        border: 1px solid #32ca49;
        background: #32ca49;
        color: #fff; }
      .product-detail-box .product-introduce .product-choose-list li:nth-child(3) .content .size-box:hover {
        border: 1px solid #32ca49;
        background: #32ca49;
        color: #fff; }
    .product-detail-box .product-introduce .product-choose-list li:nth-child(4) {
      position: relative; }
      .product-detail-box .product-introduce .product-choose-list li:nth-child(4) .title {
        height: 75px;
        line-height: 75px; }
      .product-detail-box .product-introduce .product-choose-list li:nth-child(4) .content {
        height: 75px;
        line-height: 75px;
        font-size: 14px;
        color: #39434f; }
      .product-detail-box .product-introduce .product-choose-list li:nth-child(4) .time {
        font-size: 14px;
        color: #39434f;
        position: absolute;
        height: 75px;
        line-height: 75px;
        right: 0; }
        .product-detail-box .product-introduce .product-choose-list li:nth-child(4) .time i {
          padding: 0 0 0 15px;
          font-size: 14px;
          color: #39434f; }
    .product-detail-box .product-introduce .product-choose-list li:nth-child(5) .title {
      height: 75px;
      line-height: 75px; }
    .product-detail-box .product-introduce .product-choose-list li:nth-child(5) .content {
      height: 75px;
      line-height: 75px;
      font-size: 14px;
      color: #39434f; }

.product-detail-alert-box {
  width: 960px;
  height: 700px;
  overflow: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 20;
  border-radius: 5px;
  background: #fff;
  padding: 20px 0px;
  margin: -370px 0 0 -480px;
  box-shadow: 0 0 10px #555;
  display: none; }
  .product-detail-alert-box .title {
    color: #39434f;
    font-size: 18px;
    margin: 0 0 20px 0;
    padding: 0 50px; }
  .product-detail-alert-box .img-box {
    height: 656px;
    padding: 0 50px;
    overflow-y: scroll; }
  .product-detail-alert-box img {
    width: 100%; }
  .product-detail-alert-box .icon-close {
    corsor: pointer;
    position: absolute;
    top: 22px;
    right: 50px;
    font-size: 20px;
    cursor: pointer; }


  .login-box .input-box {
      position: relative;
    overflow: hidden;
    margin: 0 0 10px 0; }
    .login-box .input-box .title {
      font-size: 16px;
      color: #717171;
      padding: 0 0 12px 15px; }
    .login-box .input-box input {
      width: 208px;
      height: 36px;
      padding: 0 15px;
      border-radius: 8px;
      border: 1px solid #f0eff4;
      background: #f0eff4;
      color: #99989c; }
    .login-box .input-box input:focus {
      border: 1px solid #32ca49; }
  .login-box .login-btn {
    width: 240px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-radius: 8px;
    background: #32ca49;
    cursor: pointer; }
  .login-box p {
    margin: 15px 0 0 0;
    width: 255px;
    text-align: center; }
    .login-box p a {
      color: #32ca49;
      font-size: 16px; }

.user-data-box {
  width: 400px;
  overflow: hidden;
  margin: 0 auto; }
  .user-data-box .title {
    color: #39434f;
    font-size: 30px;
    margin: 0 0 30px 0;
    text-align: center; }
  .user-data-box input {
    width: 362px;
    height: 40px;
    padding: 0 18px;
    border: 1px solid #dbe7d3;
    margin: 0 0 30px 0;
    color: #39434f; }
  .user-data-box input:focus {
    border: 1px solid #32ca49; }
  .user-data-box input::-webkit-input-placeholder {
    color: #ccc; }
  .user-data-box .save-btn {
    width: 400px;
    height: 42px;
    background: #32ca49;
    text-align: center;
    line-height: 42px;
    color: #fff;
    cursor: pointer;
    font-size: 14px; }

.notice-time {
  color: #39434f;
  font-size: 16px;
  margin-bottom: 30px; }

.notice-list {
  overflow: hidden; }
  .notice-list li {
    overflow: hidden;
    heightf: 76px;
    border-top: 1px solid #e1edd9; }
    .notice-list li .left, .notice-list li .number, .notice-list li .content, .notice-list li .close {
      float: left;
      height: 76px;
      line-height: 76px; }
      .notice-list li .left .number, .notice-list li .number .number, .notice-list li .content .number, .notice-list li .close .number {
        width: 45px;
        color: #b9b8bd;
        font-size: 14px;
        margin: 0 10px 0 0; }
      .notice-list li .left .content, .notice-list li .number .content, .notice-list li .content .content, .notice-list li .close .content {
        color: #39434f;
        font-size: 14px; }
        .notice-list li .left .content span, .notice-list li .number .content span, .notice-list li .content .content span, .notice-list li .close .content span {
          color: #32ca49; }
    .notice-list li .right {
      float: right; }
      .notice-list li .right .see-price {
        margin: 20px 60px 0 0;
        width: 108px;
        height: 34px;
        float: left;
        font-size: 14px;
        color: #39434f;
        text-align: center;
        line-height: 34px;
        border: 1px solid #dbe7d3;
        cursor: pointer; }
      .notice-list li .right .close i {
        font-size: 18px;
        cursor: pointer; }

.order-time {
  color: #39434f;
  font-size: 16px;
  overflow: hidden;
  margin: 30px 0; }
  .order-time .time {
    float: left; }
    .order-time .time span:nth-child(1) {
      padding: 0 0 0 20px; }
  .order-time .down {
    width: 125px;
    height: 25px;
    border: 1px solid #dbe7d3;
    background: #f4f4f4;
    color: #32ca49;
    font-size: 12px;
    text-align: center;
    float: right;
    line-height: 25px;
    border-radius: 4px; }

.order-list {
  overflow: hidden; }
  .order-list li {
    overflow: hidden;
    heightf: 76px;
    border-top: 1px solid #e1edd9; }
    .order-list li .order-top {
      overflow: hidden;
      padding: 35px 0 0 0;
      margin: 0 0 30px 0; }
      .order-list li .order-top .choose-box {
        width: 15px;
        height: 17px;
        background: #fff;
        color: #fff;
        border-radius: 3px;
        cursor: pointer;
        margin: 0 10px 0 0;
        border: 1px solid #ea3642; }
      .order-list li .order-top .date {
        width: 130px;
        font-size: 14px;
        color: #b9b8bd;
        margin: 0 0 0 0; }
      .order-list li .order-top .order-number {
        width: 99px;
        font-size: 14px;
        color: #b9b8bd;
        margin: 0; }
      .order-list li .order-top .county {
        width: 180px;
        font-size: 14px;
        color: #b9b8bd;
        margin: 0; }
        .order-list li .order-top .county span {
          color: #32ca49;
          padding: 0 10px 0 0; }
      .order-list li .order-top .county-pic img {
        vertical-align: top; }
      .order-list li .order-top .county-pic i {
        font-size: 12px;
        padding: 0 10px 0 0; }
      .order-list li .order-top .suppller {
        width: 18%;
        font-size: 14px;
        color: #b9b8bd; }
        .order-list li .order-top .suppller span {
          color: #32ca49;
          padding: 0 0px 0 0; }
      .order-list li .order-top .add-order {
        font-size: 14px;
        color: #b9b8bd;
        width: 200px;
        display: flex;
        justify-content: center; }
        .order-list li .order-top .add-order .right {
          width: 50px;
          height: 25px;
          border: 1px solid #e1edd9;
          background: #f4f4f4;
          text-align: center;
          line-height: 25px;
          border-radius: 3px;
          color: #39434f;
          font-size: 12px;
          position: relative;
          top: -5px; }
      .order-list li .order-top .shipped {
        font-size: 14px;
        color: #b9b8bd;
        width: 200px;
        display: flex;
        justify-content: flex-end; }
        .order-list li .order-top .shipped .left {
          width: 118px; }
          .order-list li .order-top .shipped .left span {
            color: #39434f; }
        .order-list li .order-top .shipped .right {
          width: 130px;
          height: 25px;
          border: 1px solid #e1edd9;
          background: #f4f4f4;
          text-align: center;
          line-height: 25px;
          border-radius: 3px;
          color: #39434f;
          font-size: 12px;
          position: relative;
          top: -5px; }
      .order-list li .order-top .active {
        background: #ea3642; }
    .order-list li .order-bottom {
      width: 100%;
      overflow: hidden; }
    .order-list li .choose-box, .order-list li .date, .order-list li .order-number, .order-list li .county, .order-list li .county-pic, .order-list li .county-text, .order-list li .suppller, .order-list li .add-order, .order-list li .shipped, .order-list li .pic, .order-list li .name, .order-list li .color, .order-list li .track, .order-list li .price, .order-list li .place-order, .order-list li .left, .order-list li .right {
      float: left; }
  .order-list .order-bottom {
    overflow: hidden;
    height: 64px;
    margin: 0 0 30px 0; }
    .order-list .order-bottom .pic {
      width: 6.9%;
      height: 64px;
      overflow: hidden;
      text-align: center;
      line-height: 64px;
      margin: 0 3.2% 0 1.3%; }
      .order-list .order-bottom .pic img {
        max-width: 100%;
        max-height: 64px; }
    .order-list .order-bottom .name {
      width: 28.3%;
      height: 64px;
      overflow: hidden;
      color: #39434f;
      font-size: 16px;
      display: flex;
      align-items: center;
      margin-right: 10%; }
    .order-list .order-bottom .color {
      width: 8.3%;
      color: #39434f;
      height: 64px;
      font-size: 16px;
      display: flex;
      align-items: center; }
    .order-list .order-bottom .track {
      width: 16.6%;
      color: #b9b8bd;
      height: 64px;
      font-size: 16px;
      display: flex;
      align-items: center; }
    .order-list .order-bottom .price {
      width: 14.4%;
      color: #39434f;
      font-size: 16px;
      height: 64px;
      display: flex;
      align-items: center; }
      .order-list .order-bottom .price span {
        color: #b9b8bd; }
    .order-list .order-bottom .place-order {
      width: 10.6%;
      height: 38px;
      border: 1px solid #e1edd9;
      background: #f4f4f4;
      text-align: center;
      line-height: 38px;
      border-radius: 3px;
      color: #39434f;
      font-size: 12px;
      margin: 12px 0 0 0; }

.order-alert-box {
  width: 960px;
  height: 364px;
  overflow: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 20;
  border-radius: 5px;
  background: #fff;
  padding: 45px 0px 25px;
  margin: -240px 0 0 -480px;
  box-shadow: 0 0 10px #555;
  display: none; }
  .order-alert-box .title {
    width: 850px;
    padding: 0px 55px;
    color: #39434f;
    font-size: 18px; }
  .order-alert-box .intro {
    width: 850px;
    overflow: hidden;
    margin: 50px 0 30px;
    padding: 0px 55px;
    color: #b9b8bd;
    font-size: 14px; }
    .order-alert-box .intro span {
      color: #32ca49; }
  .order-alert-box .detail {
    width: 850px;
    height: 168px;
    overflow: hidden;
    margin: 0 auto;
    border-top: 1px solid #e1edd9; }
    .order-alert-box .detail .track-code {
      width: 850px;
      height: 40px;
      overflow: hidden;
      margin: 30px 0 0 0; }
      .order-alert-box .detail .track-code .left {
        color: #39434f;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        float: left;
        margin: 0 15px 0 0; }
      .order-alert-box .detail .track-code .right {
        height: 40px;
        float: left; }
        .order-alert-box .detail .track-code .right input {
          width: 335px;
          height: 38px;
          border: 1px solid #e1edd9;
          border-radius: 3px;
          padding: 0 20px;
          color: #b9b8bd; }
        .order-alert-box .detail .track-code .right input::-webkit-input-placeholder {
          color: #b9b8bd; }
    .order-alert-box .detail .name, .order-alert-box .detail .color {
      float: left; }
    .order-alert-box .detail .message {
      width: 850px;
      overflow: hidden;
      margin: 28px 0 0 0; }
      .order-alert-box .detail .message .name {
        width: 370px;
        overflow: hidden;
        font-size: 14px;
        color: #39434f; }
      .order-alert-box .detail .message .color {
        font-size: 14px;
        color: #b9b8bd;
        overflow: hidden;
        padding: 10px 0 0 0;
        margin: 0 0 0 155px; }
      .order-alert-box .detail .message .count {
        width: 170px;
        height: 40px;
        border: 1px solid #e1edd9;
        border-radius: 3px;
        float: right; }
        .order-alert-box .detail .message .count .left {
          width: 53px;
          height: 40px;
          line-height: 40px;
          border-right: 1px solid #e1edd9;
          float: left;
          padding-left: 15px;
          font-size: 14px;
          color: #39434f; }
        .order-alert-box .detail .message .count .right {
          float: left;
          width: 100px;
          height: 40px;
          line-height: 40px;
          float: left;
          text-align: center;
          font-size: 14px;
          color: #b9b8bd; }
  .order-alert-box .btn-box {
    width: 850px;
    overflow: hidden;
    padding: 30px 55px 0;
    border-top: 1px solid #e1edd9; }
    .order-alert-box .btn-box .left {
      padding: 8px 0px 0; }
    .order-alert-box .btn-box .left, .order-alert-box .btn-box .cancel-btn, .order-alert-box .btn-box .save-btn {
      float: left; }
      .order-alert-box .btn-box .left i, .order-alert-box .btn-box .cancel-btn i, .order-alert-box .btn-box .save-btn i {
        width: 15px;
        height: 17px;
        background: #fff;
        color: #fff;
        border-radius: 3px;
        cursor: pointer;
        margin: 0 10px 0 0;
        border: 1px solid #e1edd9; }
      .order-alert-box .btn-box .left i.active, .order-alert-box .btn-box .cancel-btn i.active, .order-alert-box .btn-box .save-btn i.active {
        border: 1px solid #32ca49;
        background: #32ca49; }
      .order-alert-box .btn-box .left span, .order-alert-box .btn-box .cancel-btn span, .order-alert-box .btn-box .save-btn span {
        color: #39434f;
        font-size: 14px; }
    .order-alert-box .btn-box .right {
      float: right; }
      .order-alert-box .btn-box .right .cancel-btn {
        width: 102px;
        height: 38px;
        text-align: center;
        line-height: 38px;
        color: #39434f;
        font-size: 14px;
        border: 1px solid #e1edd9;
        border-radius: 3px;
        margin: 0 30px 0 0;
        cursor: pointer; }
      .order-alert-box .btn-box .right .save-btn {
        width: 165px;
        height: 40px;
        background: #32ca49;
        text-align: center;
        line-height: 40px;
        color: #fff;
        font-size: 14px;
        border-radius: 3px;
        cursor: pointer; }
  .order-alert-box .icon-close {
    cursor: pointer;
    position: absolute;
    top: 47px;
    right: 50px; }


  .shopping-cart-box {
	width: 100%;
	max-width: 1436px;
	overflow: hidden;
	padding: 15px 30px  32px  32px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 4px;
	border:1px #e0e0e0 solid;
	min-width: 900px;
}
  .shopping-cart-box .shopping-cart-top {
    overflow: hidden; }
    .shopping-cart-box .shopping-cart-top .left {
      overflow: hidden;
      float: left; }
      .shopping-cart-box .shopping-cart-top .left i {
        width: 13px;
        height: 15px;
        background: #fff;
        color: #fff;
        border-radius: 3px;
        cursor: pointer;
        margin: 0 5px 0 0;
        border: 1px solid #dbe7d3;
        vertical-align: text-top; }
      .shopping-cart-box .shopping-cart-top .left i.active {
        background: #32ca49;
        border: 1px solid #32ca49; }
      .shopping-cart-box .shopping-cart-top .left span {
        font-size: 20px;
        color: #39434f;
        padding-left: 15px; }
    .shopping-cart-box .shopping-cart-top .right {
      overflow: hidden;
      float: right; }
      .shopping-cart-box .shopping-cart-top .right .shopping-add-btn {
        width: 260px;
        height: 40px;
        margin: 0px 0;
        background: #32ca49;
        color: #fff;
        line-height: 40px;
        padding-left: 22px;
        border-radius: 4px;
        position: relative;
        cursor: pointer; }
        .shopping-cart-box .shopping-cart-top .right .shopping-add-btn:after {
          content: '';
          position: absolute;
          left: 51px;
          top: 10px;
          width: 1px;
          height: 20px;
          background: #67d574; }
        .shopping-cart-box .shopping-cart-top .right .shopping-add-btn i {
          font-size: 14px;
          padding-right: 42px; }
  .shopping-cart-box .shopping-cart.active {
    border: 1px solid #32ca49; }
  .shopping-cart-box .shopping-cart {
    width: 100%;
    box-sizing: border-box;
    max-width: 1434px;
    overflow: hidden; 
    border: 1px solid #dbe7d3;
    margin: 10px 0 0 0;
    background: #fff;
    border-radius: 4px; 
      /*min-width: 1000px;*/
    }
    .shopping-cart-box .shopping-cart .shopping-list {
      display: none; }
    .shopping-cart-box .shopping-cart .shopping-description-content {
      box-sizing: border-box;
      height:398px;
      overflow: hidden;
      padding: 20px 28px; 
    }

    .shopping-cart-box .shopping-cart .shopping-description-content .w-e-text-container{height: 330px !important;}

    .shopping-cart-box .shopping-cart .shopping-cart-nav {
      width: 100%;
      box-sizing: border-box;
      max-width: 1434px;
      height: 65px;
      background: #f3f3f3;
       }
      .shopping-cart-box .shopping-cart .shopping-cart-nav .shopping-cart-choose {
        width: 5%;
        overflow: hidden;
        height: 43px;
        float: left;
        text-align: center;
        padding: 27px 0 0 0; }
        .shopping-cart-box .shopping-cart .shopping-cart-nav .shopping-cart-choose i {
          width: 13px;
          height: 15px;
          background: #fff;
          color: #fff;
          border-radius: 3px;
          cursor: pointer;
          margin: 0 5px 0 0;
          border: 1px solid #dbe7d3;
          vertical-align: text-top; }
        .shopping-cart-box .shopping-cart .shopping-cart-nav .shopping-cart-choose i.active {
          border: 1px solid #32ca49;
          background: #32ca49; }
      .shopping-cart-box .shopping-cart .shopping-cart-nav ul {
        width: 45%;
        float: left;
        overflow: hidden; }
        .shopping-cart-box .shopping-cart .shopping-cart-nav ul li {
          width: 25%;
          height: 65px;
          line-height: 65px;
          float: left;
          text-align: center;
          color: #39434f;
          font-size: 16px;
          position: relative;
          cursor: pointer; }
          .shopping-cart-box .shopping-cart .shopping-cart-nav ul li:after {
            content: '';
            position: absolute;
            right: 0px;
            top: 42px;
            width: 1px;
            height: 20px;
            background: #dbe7d3; }
        .shopping-cart-box .shopping-cart .shopping-cart-nav ul li.active {
          background: #fff; }
          .shopping-cart-box .shopping-cart .shopping-cart-nav ul li.active:after {
            display: none; }
        .shopping-cart-box .shopping-cart .shopping-cart-nav ul li:last-child:after {
          display: none; }
  .shopping-cart-box .shopping-cart-option {
    width: 345px;
    height: 42px;
    float: right;
    padding: 12px 30px 0 0; }
    .shopping-cart-box .shopping-cart-option .time-range {
      float: left; }
      .shopping-cart-box .shopping-cart-option .time-range input {
        width: 124px;
        height: 40px;
        padding: 0 10px;
        color: #39434f;
        font-size: 14px; }
      .shopping-cart-box .shopping-cart-option .time-range input::-webkit-input-placeholder {
        color: #39434f; }
      .shopping-cart-box .shopping-cart-option .time-range i {
        right: 10px;
        top: 16px;
        font-size: 14px; }
    .shopping-cart-box .shopping-cart-option .shopping-add-btn {
      width: 115px;
      height: 40px;
      margin: 0px 0;
      background: #32ca49;
      color: #fff;
      line-height: 40px;
      padding-left: 22px;
      border-radius: 4px;
      position: relative;
      cursor: pointer;
 	    float: left;
    margin-left: 10px;
 }
      .shopping-cart-box .shopping-cart-option .shopping-add-btn:after {
        content: '';
        position: absolute;
        left: 51px;
        top: 10px;
        width: 1px;
        height: 20px;
        background: #67d574; }
      .shopping-cart-box .shopping-cart-option .shopping-add-btn i {
        font-size: 14px;
        padding-right: 42px; }
  .shopping-cart-box .shopping-cart-content {
    overflow: hidden;
    padding: 20px 28px; }
    .shopping-cart-box .shopping-cart-content .flex-table {
      display: flex; }
    .shopping-cart-box .shopping-cart-content .pic {
      width: 361px;
      height: 285px;
      overflow: hidden;
      border: 1px solid #dbe7d3;
      float: left;
      border-radius: 3px;
      text-align: center;
      line-height: 285px;
      margin: 0 40px 0 0; }
      .shopping-cart-box .shopping-cart-content .pic img {
        max-width: 90%;
        max-height: 100%;
        vertical-align: middle; }
  .shopping-cart-box .right {
    width: auto;
    flex: 1;
    max-width: 975px;
    float: left; }
  .shopping-cart-box .message {
    width: 99%;
    max-width: 975px;
    overflow: hidden;
    margin: 0 0 20px 0; }
    .shopping-cart-box .message .title {
      color: #32ca49;
      font-size: 18px; }
    .shopping-cart-box .message .name {
      color: #71767e;
      font-size: 16px;
      padding: 15px 0; }
    .shopping-cart-box .message p {
      color: #b9b8bd;
      font-size: 14px;
      padding: 0 0 0 10px; }
  .shopping-cart-box .select-box {
    width: 50%;
    max-width: 450px;
    height: 69px;
    float: left;
    margin: 0 0px 10px 0; }
    .shopping-cart-box .select-box .title {
      color: #71767e;
      font-size: 16px;
      margin: 0 0 12px 0; }
    .shopping-cart-box .select-box .time-range {
      width: 100%; }
      .shopping-cart-box .select-box .time-range input {
        width: 100%;
        height: 36px;
        padding: 0 10px;
        color: #39434f;
        font-size: 14px; }
      .shopping-cart-box .select-box .time-range i {
        right: 10px;
        top: 13px;
        font-size: 14px; }
    .shopping-cart-box .select-box .select-hide-list {
      width: 100%;
      top: 38px;
      max-height: 132px;
      overflow: hidden;
      overflow-y: auto;
      box-sizing: border-box; }
  .shopping-cart-box .select-box:last-child .select-hide-list {
    width: 100%;
    top: 38px;
    height: 54px;
    overflow: hidden;
    overflow-y: auto; }
  .shopping-cart-box .select-box:nth-child(3) {
    box-sizing: border-box;
    width: 49%;
    margin: 0 0 10px 0; }
  .shopping-cart-box .shopping-cart-image {
    width: 100%;
    box-sizing: border-box;
    height:398px;
    overflow: auto;
    padding: 20px 28px 5px;
  }
    .shopping-cart-box .shopping-cart-image .img-flex {
      display: block;
      width: 100%;
      overflow: hidden;
/*       height:281px; */
       }
    .shopping-cart-box .shopping-cart-image li {
      width: 24%;
      max-width: 313px;
      height: 281px;
      overflow: hidden;
      border: 1px solid #dbe7d3;
      float: left;
      border-radius: 3px;
      text-align: center;
      line-height: 285px;
      margin: 0 0.7% 15px 0;
      position: relative;
      cursor: pointer; }
      .shopping-cart-box .shopping-cart-image li i {
        width: 17px;
        height: 17px;
        background: #fff;
        color: #fff;
        border-radius: 3px;
        margin: 0 5px 0 0;
        border: 1px solid #dbe7d3;
        vertical-align: text-top;
        position: absolute;
        left: -1px;
        top: -1px;
        line-height: 17px; }
      .shopping-cart-box .shopping-cart-image li img {
        max-width: 90%;
        max-height: 90%;
        vertical-align: middle; }
    .shopping-cart-box .shopping-cart-image li:hover {
      animation: showBorder .2s linear forwards; }
    .shopping-cart-box .shopping-cart-image li:nth-child(4n+0) {
      margin: 0 0px 15px 0; }
    .shopping-cart-box .shopping-cart-image li.active {
      border: 1px solid #32ca49; }
      .shopping-cart-box .shopping-cart-image li.active i {
        color: #32ca49;
        border: 1px solid #32ca49; }
    .shopping-cart-box .shopping-cart-image li.active:hover {
      animation: none; }
  .shopping-cart-box .shopping-cart-variants {
    overflow: auto;
    padding: 20px 28px 20px 50px;
    box-sizing: border-box;
    height:398px;
  }
    .shopping-cart-box .shopping-cart-variants .top {
      height: 0px; }
      .shopping-cart-box .shopping-cart-variants .top .left {
        float: left;
        height: 42px;
        line-height: 42px; }
        .shopping-cart-box .shopping-cart-variants .top .left .text {
          color: #b9b8bd;
          font-size: 16px;
          float: left;
          height: 42px;
          line-height: 42px; }
@keyframes switch {
  0% {
    left: 10px; }
  100% {
    left: 43px; } }
@keyframes switchno {
  0% {
    left: 43px; }
  100% {
    left: 10px; } }
        .shopping-cart-box .shopping-cart-variants .top .left .switch {
          width: 53px;
          height: 23px;
          float: left;
          margin: 8px 10px 0  45px;
          background: #eeeeee;
          padding: 3px  0px 10px 0;
          border-radius: 0px;
          position: relative; }
          .shopping-cart-box .shopping-cart-variants .top .left .switch .switch-point {
            width: 20px;
            height: 20px;
            background: #fff;
            border-radius: 50%;
            cursor: pointer;
            position: absolute;
            left: 10px;
            top: 3px; }
        .shopping-cart-box .shopping-cart-variants .top .left .switch.active {
          background: #32ca49; }
          .shopping-cart-box .shopping-cart-variants .top .left .switch.active .switch-point {
            animation: switch .2s linear forwards; }
        .shopping-cart-box .shopping-cart-variants .top .left .switch.static {
          background: #eeeeee; }
          .shopping-cart-box .shopping-cart-variants .top .left .switch.static .switch-point {
            animation: switchno .2s linear forwards; }
        .shopping-cart-box .shopping-cart-variants .top .left i {
          font-size: 18px;
          color: #747b83;
          margin: 8px 0 0 0;
          cursor: pointer;
          position: relative; }
          .shopping-cart-box .shopping-cart-variants .top .left i .question-box {
            position: absolute;
            width: 200px;
            right: 7px;
            top: 20px;
            z-index: 2;
            overflow: hidden;
            padding: 10px 0 0 0;
            display: none; }
            .shopping-cart-box .shopping-cart-variants .top .left i .question-box:after {
              content: '';
              border-bottom: 10px solid #666;
              border-left: 7px solid transparent;
              border-right: 0px solid transparent;
              position: absolute;
              top: 0;
              right: 0; }
          .shopping-cart-box .shopping-cart-variants .top .left i .question {
            position: relative;
            width: 180px;
            overflow: hidden;
            font-size: 12px;
            color: #fff;
            padding: 5px 10px;
            background: #666;
            line-height: 24px; }
        .shopping-cart-box .shopping-cart-variants .top .left i:hover .question-box {
          display: block; }
      .shopping-cart-box .shopping-cart-variants .top .right {
        float: right; }
        .shopping-cart-box .shopping-cart-variants .top .right .time-range {
          float: left; }
          .shopping-cart-box .shopping-cart-variants .top .right .time-range input {
            width: 176px;
            height: 40px;
            padding: 0 10px;
            color: #39434f;
            font-size: 14px; }
          .shopping-cart-box .shopping-cart-variants .top .right .time-range input::-webkit-input-placeholder {
            color: #39434f; }
          .shopping-cart-box .shopping-cart-variants .top .right .time-range i {
            right: 10px;
            top: 16px;
            font-size: 14px; }
    .shopping-cart-box .shopping-cart-variants .variants-table {
      overflow: hidden; }
      .variants-table a{
      	text-decoration:none;
        color:#4c5e70;cursor:pionter;
        display:block;
        float:left;
        }
       .variants-table a:hover{
      	color:#32ca49;
        } 
        .variants-table span{color: #4c5e70;    margin-left: 5px;background: #fff; padding:0 5px;border:1px solid #e0e0e0; border-radius: 4px;cursor:pointer;}
        
       .variants-table span:hover{
      	color:#32ca49;border:1px solid #32ca49; border-radius: 4px;
      	
        } 
      .shopping-cart-box .shopping-cart-variants .variants-table .table-header {
        overflow: hidden;
        display: flex;
        width: 100%; height: 50px;}
        .shopping-cart-box .shopping-cart-variants .variants-table .table-header li {
          height: 41px;
          float: left;
          color: #71767e;
          font-size: 14px;
          line-height: 18px; }
        .shopping-cart-box .shopping-cart-variants .variants-table .table-header li:nth-child(1) {
          width: 4.2%;
          max-width: 40px; }
          .shopping-cart-box .shopping-cart-variants .variants-table .table-header li:nth-child(1) i {
            width: 13px;
            height: 15px;
            background: #fff;
            color: #fff;
            border-radius: 3px;
            cursor: pointer;
            margin: 0 5px 0 0;
            border: 1px solid #ea3642; }
          .shopping-cart-box .shopping-cart-variants .variants-table .table-header li:nth-child(1) i.active {
            background: #ea3642; }
        .shopping-cart-box .shopping-cart-variants .variants-table .table-header li:nth-child(2) {
          width: 40px;         max-width: 150px;    height: 35px; }
      /*     .shopping-cart-box .shopping-cart-variants .variants-table .table-header li:nth-child(3) {
          width: 16%;
          max-width: 120px; 
          padding-left: 8px;
          }
      .shopping-cart-box .shopping-cart-variants .variants-table .table-header li:nth-child(4) {
          width: 120px; text-align: center;}
        .shopping-cart-box .shopping-cart-variants .variants-table .table-header li:nth-child(5) {
          width: 120px; text-align: center; }
        .shopping-cart-box .shopping-cart-variants .variants-table .table-header li:nth-child(6) {
          width: 120px;padding-left: 8px  }
        .shopping-cart-box .shopping-cart-variants .variants-table .table-header li:nth-child(7) {
          width: 120px; padding-left: 8px }
        .shopping-cart-box .shopping-cart-variants .variants-table .table-header li:nth-child(8) {
          width: 120px;padding-left: 8px } */
      .shopping-cart-box .shopping-cart-variants .variants-table .table-body {
        border-top: 1px solid #e1edd9;
        overflow: hidden;
        display: flex;
        width: 100%; }
        .shopping-cart-box .shopping-cart-variants .variants-table .table-body ul {
          width: 100%; }
        .shopping-cart-box .shopping-cart-variants .variants-table .table-body li {
          height: 20px;
          float: left;
          color: #39434f;
          font-size: 14px;
          line-height: 20px;
          margin-top: 20px }
          .shopping-cart-box .shopping-cart-variants .variants-table .table-body li input {
            height: 38px;
            border: 1px solid #e1edd9;
            font-size: 14px;
            color: #39434f;
            border-radius: 4px;
            padding: 0 15px 0;
            box-sizing: border-box; 
            margin-top: -10px;
            width:100px}
          .shopping-cart-box .shopping-cart-variants .variants-table .table-body li input::-webkit-input-placeholder {
            color: #39434f; }
        .shopping-cart-box .shopping-cart-variants .variants-table .table-body li:nth-child(1) {
          width: 4.2%;
          max-width: 40px; }
          .shopping-cart-box .shopping-cart-variants .variants-table .table-body li:nth-child(1) i {
            width: 13px;
            height: 15px;
            background: #fff;
            color: #fff;
            border-radius: 3px;
            cursor: pointer;
            margin: 0 5px 0 0;
            border: 1px solid #ea3642; }
          .shopping-cart-box .shopping-cart-variants .variants-table .table-body li:nth-child(1) i.active {
            background: #ea3642; }
        .shopping-cart-box .shopping-cart-variants .variants-table .table-body li:nth-child(2) {
          width:40px;
          max-width: 150px;
          height: 35px;
           }
          .shopping-cart-box .shopping-cart-variants .variants-table .table-body li:nth-child(2) img {
            max-width: 90%;
            max-height: 90%;
            vertical-align: middle; 
            margin-top: -15px;
            }
      /*    .shopping-cart-box .shopping-cart-variants .variants-table .table-body li:nth-child(3) {
          width: 16%;
          max-width: 120px; 
          padding-left: 8px;
          }
          .shopping-cart-box .shopping-cart-variants .variants-table .table-body li:nth-child(3) input {
            width: 90%;
            max-width: 238px;
            box-sizing: border-box; }
       .shopping-cart-box .shopping-cart-variants .variants-table .table-body li:nth-child(4) {
          width: 120px;text-align: center; }
          .shopping-cart-box .shopping-cart-variants .variants-table .table-body li:nth-child(4) input {
            width: 90%;
            max-width: 100px; }
        .shopping-cart-box .shopping-cart-variants .variants-table .table-body li:nth-child(5) {
          width: 120px;text-align: center;}
        .shopping-cart-box .shopping-cart-variants .variants-table .table-body li:nth-child(6) {
          width: 120px; ;padding-left: 8px  }
          .shopping-cart-box .shopping-cart-variants .variants-table .table-body li:nth-child(6) input {
            width: 90%;
            max-width: 120px; }
        .shopping-cart-box .shopping-cart-variants .variants-table .table-body li:nth-child(7) {
          width:120px; ;padding-left: 8px  }
          .shopping-cart-box .shopping-cart-variants .variants-table .table-body li:nth-child(7) input {
            width: 90%;
            max-width: 100px; }
        .shopping-cart-box .shopping-cart-variants .variants-table .table-body li:nth-child(8) {
          width:120px;padding-left: 8px } */


.table-header .head_font
{width: 100px; text-align: center;}
.table-header .head_option
{ width: 16%;max-width: 100px;  padding-left: 4px;}   
   
.table-body .option
{ width: 16%; max-width: 100px; padding-left: 4px;}  
.table-body .option input 
{  width: 90%; box-sizing: border-box; } 
           
.table-body .font
{width: 100px;text-align: center; }
.table-body .font input 
{ width: 90%; max-width: 90px; }


            
.select-hide-list {
  width: auto;
  padding: 10px 20px 5px;
  position: absolute;
  right: 0;
  top: 47px;
  border-radius: 5px;
  border: 1px solid #e1edd9;
  background: #fff;
  box-shadow: 0 0 10px #ccc;
  display: none;
  z-index: 2; }
  .select-hide-list p {
    white-space: nowrap;
    color: #39434f;
    margin: 5px; }

.search-btn:hover, .save-btn:hover, .login-btn:hover, .shopping-add-btn:hover, .product-add-btn:hover, .product-list li .btn:hover {
  background: #23a637 !important; }

.login-box a:hover, .shopping-click-nav li:hover, .time-range:hover input, .time:hover input {
  color: #23a637 !important; }

#schedule-box, #schedule-box1 {
  width: 260px;
  margin: 0 auto;
  padding: 35px 20px;
  font-size: 13px;
  background: #fff;
  overflow: hidden;
  position: absolute;
  right: 0;
  z-index: 2;
  display: none; }

.schedule-hd {
  display: flex;
  justify-content: space-between;
  padding: 0 15px; }

.today {
  flex: 1;
  text-align: center; }

.ul-box {
  overflow: hidden; }

.ul-box > li {
  float: left;
  width: 14.28%;
  text-align: center;
  padding: 5px 0; }

.other-month {
  color: #999999; }

.current-month {
  color: #333333; }

.today-style {
  border-radius: 50%;
  background: #58d321; }

.arrow {
  cursor: pointer; }

.dayStyle {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
  cursor: pointer; }

.current-month > .dayStyle:hover {
  background: #00BDFF;
  color: #ffffff; }

.today-flag {
  background: #32ca49;
  color: #fff; }
  
  .suv-nav{
  min-width: 130px;
  text-align: left;
  }
   .sub-box{
  min-width: 130px;
   text-align: left;
  }
	.sub-box>dd>a{
		width:auto !important;
	}
.product-type .active {
    border: 1px solid #32ca49;
}
.boxshaw {
  box-shadow: 2px 2px 15px 2px #e3e3e3; }

.selected-style {
  background: #00BDFF;
  color: #ffffff; }
.login-box {
    width: 240px;
    height: 375px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -286.5px 0 0 -170px;
    padding: 198px 50px 0;
    background: url(../images/login.png) no-repeat;
}
.login-box .input-box .verify {
    width: 113px;
    border: 1px solid #ebebeb;
    background: #fff;
}
.login-box .input-box .verify-img {
    width: 83px;
    border: 1px solid #ebebeb;
    background: #fff;
    border-radius: 8px;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
}
#h3Ele {
  text-align: center;
  padding: 10px; }

.more-product-selected {
  position: absolute;
  width: 18%;
  right: 0px;
  top: 95px;
  z-index: 9;
  height: 240px; }
  .more-product-selected input {
    background: #f00;
    width: 100%;
    height: 240px;
    opacity: 0; }
  .more-product-selected .select-hide-list {
    top: 242px;
    width: 100%;
    padding: 10px 0px; }
    .more-product-selected .select-hide-list P {
      padding: 0px 10px; }

@media screen and (max-width: 1440px) {
  .product-list-second .status .status-left {
    width: 110px;
    text-align: center; }
    .product-list-second li > a .pic{margin-top:40px;}
    .product-list-second li{height:460px;}
    .product-list-second li > a{height:460px;border: 1px solid transparent;}
    .product-list-second .status .status-left i {
      display: none; }
    .product-list-second .status .status-left:after {
      display: none; } }
      
.viewmore {
	display: block;
	color: #fff;
	visted: #FFF;
	background-color: #32ca49;
	border-radius: 4px;
	text-align: center;
	width: 70px;
	height: 20px;
}

.title1 {
	width: 6px;
	height: 6px;
	margin-top: 7px;
	margin-right: 6px;
	background-color: #32ca49;
	float: left;
	border-radius: 100px;
	display: block;
}

.hottitle {
	float: left;
	color: #4c5e70;
	font-weight: bold;
	font-size: 16px;
}

.hottitle1 {
	width: 1280px;
	height: 30px;
	font-size: 14px;
	color: #9b9b9b;
	padding-top: 5px;
} 
.Plate{
	width:1280px; 
	height:20px;
	margin-top:6px;
}
.arrow{
	width:46px;
	height:20px;
	
	padding-right:20px;
}
.down:hover{
	background:#32ca49;
	color:#fff;
	cursor:pointer;
	
}


.notdate {
width: 100%;
	max-width: 1280px;text-align:center;margin-top:120px;
	
}



.notdate2 {
	font-size:24px;margin:20px 0px 10px 10px;color:#666666;
}

.notdate3 {
	 font-size:20px;margin:10px 0 20px 10px;color:#a6a6a6;
}
.notdate a {
	 display:inline-block;width:100px;height:30px;font-size:20px;color:#fff;background:#32ca49;border-radius:6px;margin-left:10px;text-align:center;line-height:30px;
}

.displaynone {
  display: none !important;
}




/*# sourceMappingURL=style.css.map */