/*--第一部分--*/
.main_content{width:100%;height:100%;background:#d2d3fb;}
.main_index{width:1200px;margin:0 auto;padding-top:5px;}
.main_index .main_list{margin:30px 0;height:250px;}
.main_index .main_list .left_bnt{float:left;width:1200px;height:250px;}
.main_index .main_list .right_bnt{width:400px;height:100px;position:relative;top:-110px;right:-700px;}
.main_index .main_list_4{margin:30px 0;height:660px;}
.main_index .main_list_4 .left_bnt{float:left;width:1200px;height:660px;}
.main_index .main_list_4 .right_bnt{width:400px;height:100px;margin:0 auto;position:relative;top:-120px;}

/*--第二部分--*/
.coupon-case {
  position: relative;
  margin: 0 auto;
  margin-top: 30px;
  width:1200px;
  height:760px;
  background-color: #ffffff;
}
.coupon-case .case-title {
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.coupon-case .more-case {
    position: absolute;
    top:50px;
    right: -12px;
    cursor: pointer;
}
.coupon-case .case-tabs {
    position: absolute;
    top: 120px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1000px;
    height: 65px;
    background: url(../images/case_tabs.png) center no-repeat;
    background-size: 100% 100%;
}


.coupon-case .case-tabs ul.tabs {
  display: flex;
  padding: 0 10px;
}
.coupon-case .case-tabs ul.tabs li {
  width: 215px;
  height: 65px;
  font-size:20px;
  color: #2B2B2B;
  text-align: center;
  line-height:65px;
  list-style: none;
  cursor: pointer;
}
.coupon-case .case-tabs ul.tabs li.active {
  background: linear-gradient(0deg, #6bb4f9, #dd88f8);
  color: #ffffff;
}
.coupon-case .case-tabs ul.tabs li:first-child {
    width: 205px;
    height: 65px;
}
.coupon-case .case-tabs ul.tabs li:first-child.active {
  background: linear-gradient(0deg, #6bb4f9, #dd88f8);
  border-radius: 30px 0 0 30px;
  width: 213px;
     position: relative;
    left: -8px;
}
.coupon-case .case-tabs ul.tabs li:last-child {
   width: 205px;
  height: 65px;
}
.coupon-case .case-tabs ul.tabs li:last-child.active {
  background: linear-gradient(0deg, #6bb4f9, #dd88f8);
  border-radius: 0 30px 30px 0;
    width: 213px;
     position: relative;
    left: 7px;
}
.coupon-case .case-content {
  position: absolute;
  top: 260px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1000px;
  height: 500px;
}
.coupon-case .case-content img {
  width: 100%;
}
.coupon-case .account-bnt {
  position: absolute;
  top: 650px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
   width: 384px;
  cursor: pointer;
}



/*--第三部分--*/
.coupon-advantage {
  position: relative;
  margin: 30px auto;
 	width:1200px;
  height:770px;
  background-color: #ffffff;
}
.coupon-advantage .case-title {
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.coupon-advantage .case-tabs {
  position: absolute;
  top: 120px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 600px;
  height:65px;
  background: url(../images/advantage_tabs.png) center no-repeat;
  background-size: 100% 100%;
}
.coupon-advantage .case-tabs ul.tabs {
  display: flex;
  padding: 0 2px;
}
.coupon-advantage .case-tabs ul.tabs li {
  width: 200px;
  height: 65px;
  font-size: 20px;
  color: #2B2B2B;
  text-align: center;
  line-height: 65px;
  list-style: none;
  cursor: pointer;
}
.coupon-advantage .case-tabs ul.tabs li.active {
  background: linear-gradient(0deg, #6bb4f9, #dd88f8);
  color: #ffffff;
}
.coupon-advantage .case-tabs ul.tabs li:first-child {
  width: 200px;
  height: 65px;
}
.coupon-advantage .case-tabs ul.tabs li:first-child.active {
  background: linear-gradient(0deg, #6bb4f9, #dd88f8);
  border-radius: 30px 0 0 30px;
}
.coupon-advantage .case-tabs ul.tabs li:last-child {
  width: 200px;
  height: 65px;
}
.coupon-advantage .case-tabs ul.tabs li:last-child.active {
  background: linear-gradient(0deg, #6bb4f9, #dd88f8);
  border-radius: 0 30px 30px  0;
}
.coupon-advantage .case-content {
  position: absolute;
  top: 240px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.coupon-advantage .case-content.advan_facebook {
  width: 1000px;
  height: 500px;
}
.coupon-advantage .case-content.advan_google {
  width: 1000px;
  height: 500px;
}
.coupon-advantage .case-content.advan_tiktok {
  width: 1000px;
  height: 500px;
}
.coupon-advantage .case-content img {
  width: 100%;
}
.coupon-advantage .account-bnt {
  position: absolute;
  top: 650px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 384px;
  cursor: pointer;
}