.title-odd {
  background-color: #E5E6E6;
}
.title-even {
  background-color: #EBEBEC;
}
.aliyun-index-product-sale .module-wrap * {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.aliyun-index-product-sale .module-wrap button {
  outline: none;
}
.aliyun-index-product-sale .module-wrap .no-effect {
  text-decoration: none;
}
.aliyun-index-product-sale .module-wrap .index-sale {
   width: 100%;
 }
 .layout-grid-0{ height: 640px;}
.aliyun-index-product-sale .module-wrap .index-sale-title {
  text-align: center;
  font-size: 24px;
}
.aliyun-index-product-sale .module-wrap .card-area {
  margin: 20px auto 0 auto;
  width: 1180px;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item {
  z-index: 10;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
  position: relative;
  float: left;
  width: 22%;
  height: 548px;
  background-color: transparent;
  border: 1px solid #DBDBDD;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item + .card-item {
  margin-left: -1px;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fff;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-content {
  width: 100%;
  line-height: 2;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-first {
  -webkit-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
  -moz-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
  -o-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
  transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
  z-index: 3;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second {
  -webkit-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  -moz-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  -o-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
  line-height: 2;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second li {
  float: left;
  width: 50%;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-content,
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-title {
  position: absolute;
  left: 0;
  right: -1px;
  z-index: 1;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-title {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;
  height: 170px;
  line-height: 26px;
  font-size: 14px;
  top: 0;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-title .content {
  position: absolute;
  bottom: 17px;
  width: 100%;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-title h1 {
  font-size: 18px;
  font-weight: bold;
  color: #373D41;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-title .short-info {
  color: #949a9e;
  font-size: 14px;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-title .ali-product-img {
  width: 55px;
  height: 55px;
  margin: 10px auto;
  position: relative;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-title .ali-product-img img {
  position: absolute;
  left: 0;
  width: 100%;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-title .ali-product-img .un-hover {
  z-index: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-title .ali-product-img .with-hover {
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-title h1,
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-title .short-info,
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-title .ali-product-img img {
  -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  -moz-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  -o-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-content {
  height: 376px;
  position: absolute;
  top: 170px;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-first .content-first-list {
  width: 100%;
  max-width: 250px;
  font-size: 16px;
  color: #373D41;
  margin-top: 47px;
  margin-bottom: 47px;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-first .content-first-list li {
  margin-bottom: 30px;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second {
  max-width: 350px;
  left: 25px;
  font-size: 14px;
  color: #a9b0b4;
  text-align: left;
  padding-top: 26px;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second .main-head {
  color: #373d41;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 4px;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second .main-desc {
  line-height: 22px;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second .main-btn {
  cursor: pointer;
  width: 100px;
  height: 30px;
  font-size: 14px !important;
  background-color: #fff;
  border: 1px solid #1a86f3;
  color: #1a86f3;
  margin-top: 22px;
  margin-bottom: 33px;
  -webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-content.content-second .main-btn:hover {
  color: #fff;
  background: #1a86f3;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-content .other-info {
  line-height: 22px;
  border-top: 1px solid #ebebec;
  padding-top: 20px;
  font-size: 12px;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-content .other-info .other-info-list {
  height: 80px;
  padding-right: 5px;
  margin-bottom: 10px;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-content .other-info .other-info-list .list-context {
  color: #1a86f3;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item .card .card-content .other-info .other-head {
  font-size: 14px;
  font-weight: normal;
  color: #373d41;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item.active {
  z-index: 100;
  border: 1px solid #1a86f3;
  box-shadow: 0 0 20px rgba(26, 134, 243, 0.5);
  width: 34%;
  height: 563px;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item.active .card .ali-product-img .un-hover {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
}
.aliyun-index-product-sale .module-wrap .card-area .card-item.active .card .ali-product-img .with-hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}
.aliyun-index-product-sale .module-wrap .card-area .card-item.active .card .card-title {
  left: -1px;
  background-color: #1a86f3;
  height: 185px;
  top: -15px;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item.active .card .card-title h1,
.aliyun-index-product-sale .module-wrap .card-area .card-item.active .card .card-title .short-info {
  color: #fff;
}
.aliyun-index-product-sale .module-wrap .card-area .card-item.active .card .card-content.content-first {
  -webkit-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  -moz-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  -o-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
}
.aliyun-index-product-sale .module-wrap .card-area .card-item.active .card .card-content.content-second {
  -webkit-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
  -moz-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
  -o-transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
  transition: all 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0.18s;
  z-index: 3;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes slide-product20{ 0%{ opacity:0;-webkit-transform:translateY(20px) } 100%{ opacity:1; }}
@-moz-keyframes slide-product20{ 0%{ opacity:0;-moz-transform:translateY(20px) } 100%{ opacity:1; }}
@-o-keyframes slide-product20{ 0%{ opacity:0;-o-transform:translateY(20px) } 100%{ opacity:1; }}
@keyframes slide-product20{ 0%{ opacity:0;-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);} 100%{ opacity:1; }}
[not-existing] {
  zoom: 1;
}
.slide-product-20 {
  -webkit-animation: slide-product20 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
  -moz-animation: slide-product20 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
  -o-animation: slide-product20 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
  animation: slide-product20 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes slide-product30{ 0%{ opacity:0;-webkit-transform:translateY(30px) } 100%{ opacity:1; }}
@-moz-keyframes slide-product30{ 0%{ opacity:0;-moz-transform:translateY(30px) } 100%{ opacity:1; }}
@-o-keyframes slide-product30{ 0%{ opacity:0;-o-transform:translateY(30px) } 100%{ opacity:1; }}
@keyframes slide-product30{ 0%{ opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);} 100%{ opacity:1; }}
[not-existing] {
  zoom: 1;
}
.slide-product-30 {
  -webkit-animation: slide-product30 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
  -moz-animation: slide-product30 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
  -o-animation: slide-product30 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
  animation: slide-product30 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes slide-product40{ 0%{ opacity:0;-webkit-transform:translateY(40px) } 100%{ opacity:1; }}
@-moz-keyframes slide-product40{ 0%{ opacity:0;-moz-transform:translateY(40px) } 100%{ opacity:1; }}
@-o-keyframes slide-product40{ 0%{ opacity:0;-o-transform:translateY(40px) } 100%{ opacity:1; }}
@keyframes slide-product40{ 0%{ opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);} 100%{ opacity:1; }}
[not-existing] {
  zoom: 1;
}
.slide-product-40 {
  -webkit-animation: slide-product40 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
  -moz-animation: slide-product40 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
  -o-animation: slide-product40 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
  animation: slide-product40 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes slide-product50{ 0%{ opacity:0;-webkit-transform:translateY(50px) } 100%{ opacity:1; }}
@-moz-keyframes slide-product50{ 0%{ opacity:0;-moz-transform:translateY(50px) } 100%{ opacity:1; }}
@-o-keyframes slide-product50{ 0%{ opacity:0;-o-transform:translateY(50px) } 100%{ opacity:1; }}
@keyframes slide-product50{ 0%{ opacity:0;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);} 100%{ opacity:1; }}
[not-existing] {
  zoom: 1;
}


/*map*/
.point-area {
  text-align: center;
  position: relative;
  width: 150px;
  height: 150px;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
.point-area .point {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  margin: auto;
  -webkit-border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 50%;
  -moz-background-clip: padding;
  border-radius: 50%;
  background-clip: padding-box;
  background: transparent;
}
.point-area .point-shadow:after {
  -webkit-box-shadow: inset 0 0 5em rgba(0, 205, 236, 0.16);
  -moz-box-shadow: inset 0 0 5em rgba(0, 205, 236, 0.16);
  box-shadow: inset 0 0 5em rgba(0, 205, 236, 0.16);
}
.point-area .point-white {
  background-color: #fff;
  border: 1px solid #00C1DE;
}
.point-area .point-dot {
  background-color: #1a86f3;
  border: 1px solid rgba(26, 134, 243, 0.37);
}
 
.point-area em{width:110px;height:110px; margin:0 auto; cursor:pointer;display:block;position:relative;}
.point-area em:after { content: ''; position: absolute; width: 120px; height: 120px; border-radius: 50%; box-shadow: 0 0 1px 2px rgba(26,134,243,0.8); top: 50%; left: 50%; margin-top: -60px; margin-left: -60px; z-index: 3; opacity: 0; -webkit-animation: halo 1s 0.5s infinite ease-out; -moz-animation: halo 1s 0.5s infinite ease-out; animation: halo 1s 0.5s infinite ease-out; }
@-webkit-keyframes halo { 0% { opacity: 0;-webkit-transform: scale(0.1); }
50% {opacity: 1;  }
100%{opacity: 0;-webkit-transform: scale(0.5); } }
@-moz-keyframes halo {0% { opacity: 0; -moz-transform: scale(0.1); }
50% { opacity: 1;  }
100%{ opacity: 0; -moz-transform: scale(0.5); } }
@-ms-keyframes halo {0% { opacity: 0; }
50% { opacity: 1;  }
100%{opacity: 0; } }
@-o-keyframes halo {0% { opacity: 0; -o-transform: scale(0.1); }
50% {opacity: 1;   }
100%{ opacity: 0;-o-transform: scale(0.5); } }
@keyframes halo {0% { opacity: 0; transform: scale(0.1); }
50% {opacity: 1; }
100%{opacity: 0;transform: scale(0.5); } }

.point-area span.span_cricle{width:110px;height:110px; margin:0 auto; cursor:pointer;display:block;position:relative;}
.point-area span.span_cricle:after { content: ''; position: absolute; width: 120px; height: 120px; border-radius: 50%; box-shadow: 0 0 1px 2px rgba(26,134,243,0.8); top: -55px; left:55px; margin-top: -60px; margin-left: -60px; z-index: 3; opacity: 0; -webkit-animation: halo1 1s 0.5s infinite ease-out; -moz-animation: halo1 1s 0.5s infinite ease-out; animation: halo1 1s 0.5s infinite ease-out; }
@-webkit-keyframes halo1 { 0% { opacity: 0;-webkit-transform: scale(0.1); }
50% {opacity: 1;  }
100%{opacity: 0;-webkit-transform: scale(0.3); } }
@-moz-keyframes halo1 {0% { opacity: 0; -moz-transform: scale(0.1); }
50% { opacity: 1;  }
100%{ opacity: 0; -moz-transform: scale(0.3); } }
@-ms-keyframes halo1 {0% { opacity: 0; }
50% { opacity: 1;  }
100%{opacity: 0; } }
@-o-keyframes halo1 {0% { opacity: 0; -o-transform: scale(0.1); }
50% {opacity: 1;   }
100%{ opacity: 0;-o-transform: scale(0.3); } }
@keyframes halo1 {0% { opacity: 0; transform: scale(0.1); }
50% {opacity: 1; }
100%{opacity: 0;transform: scale(0.3); } }

.point-area span.span_cricle1{width:110px;height:110px; margin:0 auto; cursor:pointer;display:block;position:relative;}
.point-area span.span_cricle1:after { content: ''; position: absolute; width: 120px; height: 120px; border-radius: 50%; box-shadow: 0 0 1px 2px rgba(26,134,243,0.8); top: -55px; left:55px; margin-top: -60px; margin-left: -60px; z-index: 3; opacity: 0; -webkit-animation: halo1 1s 0.2s infinite ease-out; -moz-animation: halo1 1s 0.2s infinite ease-out; animation: halo1 1s 0.2s infinite ease-out; }
@-webkit-keyframes halo1 { 0% { opacity: 0;-webkit-transform: scale(0.1); }
50% {opacity: 1;  }
100%{opacity: 0;-webkit-transform: scale(0.2); } }
@-moz-keyframes halo1 {0% { opacity: 0; -moz-transform: scale(0.1); }
50% { opacity: 1;  }
100%{ opacity: 0; -moz-transform: scale(0.2); } }
@-ms-keyframes halo1 {0% { opacity: 0; }
50% { opacity: 1;  }
100%{opacity: 0; } }
@-o-keyframes halo1 {0% { opacity: 0; -o-transform: scale(0.1); }
50% {opacity: 1;   }
100%{ opacity: 0;-o-transform: scale(0.2); } }
@keyframes halo1 {0% { opacity: 0; transform: scale(0.1); }
50% {opacity: 1; }
100%{opacity: 0;transform: scale(0.2); } }

.point-area span.span_cricle2{width:110px;height:110px; margin:0 auto; cursor:pointer;display:block;position:relative;}
.point-area span.span_cricle2:after { content: ''; position: absolute; width: 120px; height: 120px; border-radius: 50%; box-shadow: 0 0 1px 2px rgba(26,134,243,0.8); top:  55px; left:55px; margin-top: -60px; margin-left: -60px; z-index: 3; opacity: 0; -webkit-animation: halo2 1s 0.1s infinite ease-out; -moz-animation: halo2 1s 0.1s infinite ease-out; animation: halo2 1s 0.1s infinite ease-out; }
@-webkit-keyframes halo2 { 0% { opacity: 0;-webkit-transform: scale(0.1); }
50% {opacity: 1;  }
100%{opacity: 0;-webkit-transform: scale(0.6); } }
@-moz-keyframes halo2 {0% { opacity: 0; -moz-transform: scale(0.1); }
50% { opacity: 1;  }
100%{ opacity: 0; -moz-transform: scale(0.6); } }
@-ms-keyframes halo2 {0% { opacity: 0; }
50% { opacity: 1;  }
100%{opacity: 0; } }
@-o-keyframes halo2 {0% { opacity: 0; -o-transform: scale(0.1); }
50% {opacity: 1;   }
100%{ opacity: 0;-o-transform: scale(0.6); } }
@keyframes halo2 {0% { opacity: 0; transform: scale(0.1); }
50% {opacity: 1; }
100%{opacity: 0;transform: scale(0.6); } }