.group .flex-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.group .flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.group .flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.group .flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.group .column-start {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.group .justify-center {
  justify-content: center;
}

.group .align-start {
  align-items: flex-start;
}

.group .w-100 {
  width: 100%;
  min-width: 1180px;
}

.group .w-1180 {
  width: 1180px;
  margin: 0 auto;
}

.group .bgc-fb {
  background-color: #fbfbfb;
}

.group .title {
  display: flex;
  align-items: center;
}

.group .title > img {
  width: 58px;
  height: 60px;
}

.group .title > h3 {
  margin-left: 30px;
  font-size: 30px;
  color: #333333;
  font-weight: 600;
}

.group .banner {
  padding-top: 163px;
  box-sizing: border-box;
  height: 800px;
  background-image: url("../image/massSend/background3.jpg");
  background-size: cover;
  background-position: center 0;
  width: 100%;
}

.group .banner .sub-title {
  margin-top: 40px;
  width: 897px;
}

.group .banner .sub-title .border {
  height: 6px;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.05) 0%, #BFEAFF 47%, rgba(255, 255, 255, 0.05) 100%);
}

.group .banner .sub-title .text {
  margin-top: 8px;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.05) 0%, #BFEAFF 47%, rgba(255, 255, 255, 0.05) 100%);
  height: 60px;
  font-size: 30px;
  color: #004479;
  line-height: 60px;
  text-align: center;
  letter-spacing: 5px;
}

.group .banner .function {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
  width: 736px;
}

.group .banner .function .function-item {
  width: 160px;
  height: 55px;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 8px;
  color: #FFFFFF;
  line-height: 55px;
  text-align: center;
  font-size: 16px;
}

.group .trouble {
  margin-top: 60px;
}

.group .trouble .trouble-content {
  position: relative;
}

.group .trouble .trouble-content .main-text > span {
  position: absolute;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}

.group .trouble .trouble-content .main-text > span:nth-child(1) {
  top: 62px;
  left: 552px;
}

.group .trouble .trouble-content .main-text > span:nth-child(2) {
  top: 240px;
  right: 340px;
}

.group .trouble .trouble-content .main-text > span:nth-child(3) {
  bottom: 67px;
  right: 416px;
}

.group .trouble .trouble-content .main-text > span:nth-child(4) {
  bottom: 51px;
  left: 432px;
}

.group .trouble .trouble-content .main-text > span:nth-child(5) {
  top: 255px;
  left: 332px;
}

.group .trouble .trouble-content .sub-text > span {
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  position: absolute;
}

.group .trouble .trouble-content .sub-text > span:nth-child(1) {
  top: 62px;
  left: 680px;
}

.group .trouble .trouble-content .sub-text > span:nth-child(2) {
  top: 250px;
  right: 30px;
}

.group .trouble .trouble-content .sub-text > span:nth-child(3) {
  bottom: 67px;
  right: 50px;
}

.group .trouble .trouble-content .sub-text > span:nth-child(4) {
  bottom: 65px;
  left: 88px;
}

.group .trouble .trouble-content .sub-text > span:nth-child(5) {
  top: 255px;
  left: 12px;
}

.group .arrive {
  padding: 80px 0 55px;
}

.group .arrive .arrive-item {
  margin-top: 53px;
  width: 280px;
  height: 280px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 1px rgba(51, 51, 51, 0.3);
  border-radius: 20px;
}

.group .arrive .arrive-item > h4 {
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  border-bottom: 1px solid transparent;
  background: linear-gradient(white, white) padding-box, repeating-linear-gradient(-45deg, #E6E6E6 0, #E6E6E6 7px, white 0, white 16px);
  padding: 10px 0 17px;
  text-align: center;
  border-radius: 20px 20px 0 0;
}

.group .arrive .arrive-item span {
  font-size: 20px;
  font-weight: 400;
  color: #666666;
}

.group .arrive .arrive-item .pct {
  padding: 20px 0;
  margin: 0 20px;
  border-bottom: 1px solid transparent;
  background: linear-gradient(white, white) padding-box, repeating-linear-gradient(-45deg, #E6E6E6 0, #E6E6E6 7px, white 0, white 16px);
}

.group .arrive .arrive-item .pct span:nth-of-type(2) {
  font-weight: bold;
  font-size: 24px;
  margin-top: 17px;
}

.group .arrive .arrive-item .speed {
  padding: 20px;
}

.group .arrive .arrive-item .speed span:nth-of-type(2) {
  font-weight: bold;
  color: #333333;
}

.group .batch {
  padding: 100px 0 80px;
}

.group .batch .batch-item {
  position: relative;
  margin-top: 60px;
  width: 270px;
  margin-left: 137px;
}

.group .batch .batch-item > img {
  position: absolute;
  top: 34px;
}

.group .batch .batch-item-text {
  width: 270px;
  height: 198px;
  border-radius: 0 10px 10px 0;
  background-color: #F5F5F5;
  padding: 34px 0px 0 25px;
  box-sizing: border-box;
  box-shadow: -3px 0 6px 1px rgba(0, 0, 0, 0.2);
}

.group .batch .batch-item-text p {
  font-size: 24px;
  font-weight: bold;
  color: #666666;
}

.group .batch .batch-item-text p:nth-child(2) {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 21px;
  margin-top: 23px;
}

.group .batch .batch-item:nth-child(1), .group .batch .batch-item:nth-child(4) {
  margin-left: 95px;
}

.group .batch .batch-item::after {
  content: '';
  width: 150px;
  height: 150px;
  border-radius: 50%;
  position: absolute;
  z-index: -1;
}

.group .batch .batch-item:nth-child(1)::after {
  top: 4px;
  left: -95px;
  background-color: #D4E6FF;
}

.group .batch .batch-item:nth-child(2)::after {
  bottom: -10px;
  left: -75px;
  background-color: #2576E8;
}

.group .batch .batch-item:nth-child(3)::after {
  top: -21px;
  left: -75px;
  background-color: #D4E6FF;
}

.group .batch .batch-item:nth-child(4)::after {
  top: 2px;
  left: -95px;
  background-color: #4A8EED;
}

.group .batch .batch-item:nth-child(5)::after {
  bottom: 3px;
  left: -97px;
  background-color: #D4E6FF;
}

.group .batch .batch-item:nth-child(6)::after {
  top: -19px;
  left: -66px;
  background-color: #2678EB;
}

.group .advantage {
  padding: 85px 0;
  background: linear-gradient(93deg, #EDF0F7 0%, #E4F1FA 100%);
  background-image: url("../image/massSend/advantage-bg.png");
  background-position: center 0;
}

.group .advantage .advantage-text {
  width: 507px;
}

.group .advantage .advantage-text h4 {
  font-size: 28px;
  font-weight: bold;
  color: #333333;
  line-height: 36px;
  margin-left: 10px;
}

.group .advantage .advantage-text ul {
  margin-top: 44px;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
}

.group .advantage .advantage-text ul li {
  margin-bottom: 20px;
  position: relative;
  padding-left: 20px;
}

.group .advantage .advantage-text ul li:after {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 10px;
  height: 10px;
  background: #333333;
}

.group .advantage .advantage-img {
  width: 507px;
  height: 310px;
}

.group .advantage .shadow {
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 1px rgba(0, 102, 179, 0.2);
  border-radius: 10px 10px 10px 10px;
}

.group .package {
  background-color: #F5FAFF;
  padding: 60px 0;
}

.group .package a {
  display: flex;
  justify-content: flex-end;
  margin-top: 5px;
  color: #999;
}

.group .package .half-item, .group .package .quarter-item {
  height: 330px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.group .package .half-item h4, .group .package .quarter-item h4 {
  font-size: 60px;
  font-weight: bold;
  color: #2E3244;
  margin-top: 30px;
}

.group .package .half-item .price, .group .package .quarter-item .price {
  margin-top: 20px;
  height: 70px;
  line-height: 70px;
  background: #8DB1FC;
  border-radius: 10px;
  color: #FFFFFF;
  font-size: 30px;
  text-align: center;
}

.group .package .half-item .price > span, .group .package .quarter-item .price > span {
  font-size: 18px;
}

.group .package .half-item .dashed, .group .package .quarter-item .dashed {
  background: linear-gradient(transparent, transparent) padding-box, repeating-linear-gradient(-45deg, #FFFFFF 0, #FFFFFF 7px, transparent 0, transparent 16px);
  height: 1px;
  margin-top: 23px;
}

.group .package .half-item .tips, .group .package .quarter-item .tips {
  font-size: 20px;
  font-weight: 400;
  color: #FFFFFF;
  margin-top: 38px;
}

.group .package .half-item {
  width: 577px;
  margin-top: 14px;
  background-image: url(../image/massSend/package-1.png);
}

.group .package .half-item .price {
  width: 285px;
}

.group .package .half-item .dashed {
  width: 480px;
}

.group .package .quarter-item {
  width: 273px;
  margin-top: 30px;
  background-image: url(../image/massSend/package-2.png);
}

.group .package .quarter-item h4 {
  font-size: 50px;
}

.group .package .quarter-item .price {
  width: 173px;
  margin-top: 34px;
}

.group .package .quarter-item .dashed {
  width: 191px;
}