.compile-intro {
  background-image: url("/h5/images/translation/intro_bg.png");
  background-size: cover;
  width: 100%;
  padding: 2.5rem 1.25rem 1.875rem;
  font-size: 1.5rem;
  color: #FFF;
}

.compile-intro img {
  width: 22.5rem;
  height: 4.9375rem;
  margin: 0 auto;
  display: block;
}

.compile-intro p {
  text-indent: 2.8125rem;
}

.compile-block {
  margin: 3.375rem 1.25rem 0;
  background-color: #FEEEE6;
  border-radius: 1.25rem;
  box-shadow: 0rem 0.375rem 0.75rem 0.125rem rgba(188, 74, 5, 0.1);
  position: relative;
}

.compile-block-header {
  background-image: url("/h5/images/sci/compile/sub_title_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  font-size: 2rem;
  font-family: SourceHanSansCN-Heavy-, SourceHanSansCN-Heavy;
  color: #FFFFFF;
  line-height: 4rem;
  height: 4rem;
  background-size: contain;
  position: absolute;
  top: -0.875rem;
  text-align: center;
  width: 100%;
  font-weight: bold;
}

.compile-price {
  padding: 5.625rem 1.5625rem 2.75rem;
}

.compile-price-item, .compile-price-half_item {
  width: 19.875rem;
  height: 24.25rem;
  background-image: url("/h5/images/sci/compile/block_half_bg.png");
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.05);
  border-radius: 1.25rem;
}

.compile-price-item .half_item-title, .compile-price-half_item .half_item-title {
  width: 11.875rem;
  height: 3.4375rem;
  background: #FFDBCE;
  border-radius: 1.25rem 0rem 0rem 0rem;
  text-align: center;
  line-height: 3.4375rem;
  align-self: flex-start;
  font-size: 2rem;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #E14E1A;
}

.compile-price-item h4, .compile-price-half_item h4 {
  margin: .875rem 0 0 0;
  font-size: 1.75rem;
  font-family: PingFang SC-Bold, PingFang SC;
  font-weight: bold;
  color: #333333;
  position: relative;
  line-height: 2.5rem;
}

.compile-price-item h4:after, .compile-price-half_item h4:after {
  content: '';
  display: block;
  width: 7.375rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.3125rem;
  height: 0.25rem;
  background: linear-gradient(270deg, #E67817 0%, #E14E19 100%);
}

.compile-price-item .time, .compile-price-half_item .time {
  padding: 0.3125rem 0.75rem;
  border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  border: 0.125rem solid #E14E1A;
  font-size: 1rem;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: #E56F18;
}

.compile-price-item .unit, .compile-price-half_item .unit {
  font-size: 1rem;
  color: #666;
  margin-top: 0.25rem;
}

.compile-price-item a.btn, .compile-price-half_item a.btn {
  width: 16.125rem;
  height: 3.75rem;
  background: linear-gradient(180deg, #FFC051 0%, #FC8B3F 34%, #F37429 73%, #F66F26 79%, #F96823 87%, #FE5C1D 100%);
  border: 0.125rem solid #FF5720;
  font-size: 2.25rem;
  font-family: PingFang SC-Bold, PingFang SC;
  font-weight: bold;
  color: #FFFFFF;
}

.compile-price-item {
  width: 100%;
  height: 19.25rem;
  margin-top: 2.25rem;
}

.compile-price-item h4 {
  margin-top: -1.25rem;
}

.compile-process {
  margin-top: 5.625rem;
  height: 52.625rem;
  background-image: url("/h5/images/sci/compile/block_icon.png");
  background-position: bottom 1rem left 6.125rem;
  background-size: 15rem 14.125rem;
  background-repeat: no-repeat;
  padding-top: 3.5rem;
}

.compile-process-container {
  background-image: url("/h5/images/sci/compile/process_bg.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  height: 46.25rem;
  padding: 3.625rem 2rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.compile-process-container .compile-process-item {
  width: 12.25rem;
  height: 12.125rem;
  background: #FFFFFF;
  box-shadow: 0rem 1.25rem 2.5rem 0.125rem rgba(190, 91, 4, 0.1);
  border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  border: 0.125rem solid #EEEEEE;
  background-image: url("/h5/images/sci/compile/process_item_bg.png");
  background-size: cover;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2.125rem;
  margin-right: 1.8125rem;
  margin-bottom: 2.875rem;
}

.compile-process-container .compile-process-item:before {
  content: '';
  width: 4.375rem;
  height: 0.4375rem;
  background: #DDDDDD;
  border-radius: 6.25rem 6.25rem 6.25rem 6.25rem;
  position: absolute;
  top: 0.25rem;
  left: 50%;
  transform: translateX(-50%);
}

.compile-process-container .compile-process-item::after {
  content: '';
  background-image: url("/h5/images/sci/compile/process_tag.png");
  background-size: cover;
  display: block;
  width: 3.4375rem;
  height: 1.9375rem;
  position: absolute;
  top: -1.25rem;
  left: 50%;
  transform: translateX(-50%);
}

.compile-process-container .compile-process-item .No {
  font-size: 3.75rem;
  font-family: FZDaHei-B02-Regular, FZDaHei-B02;
  font-weight: 400;
  color: #F7DCC4;
  line-height: 2.25rem;
  position: absolute;
  right: 0;
  top: 1.3125rem;
}

.compile-process-container .compile-process-item .item-icon {
  width: 3.125rem;
  height: 3.125rem;
  background-image: url("/h5/images/sci/compile/process_icon.png");
  background-size: 21.9375rem 3.125rem;
  margin-top: 0.75rem;
  background-position: 0 0;
}

.compile-process-container .compile-process-item:nth-child(3n), .compile-process-container .compile-process-item:last-child {
  margin-right: 0;
}

.compile-case {
  margin-top: 3.75rem;
}

.compile-header {
  height: 5rem;
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: max-content;
}

.compile-header-main {
  height: 100%;
  position: relative;
}

.compile-header-main h2 {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2.5rem;
  font-family: Microsoft YaHei-Bold, Microsoft YaHei;
  font-weight: bold;
  color: #333333;
  width: max-content;
  z-index: 2;
}

.compile-header-main p {
  text-transform: uppercase;
  font-weight: bold;
  background-image: linear-gradient(to bottom, #e14e19 20%, rgba(230, 120, 23, 0) 75%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 3.75rem;
  transform: scaleY(1.2);
  line-height: 3.8rem;
}

.compile-header-start, .compile-header-end {
  width: 2.75rem;
  height: 2.125rem;
  margin: 0 0.75rem;
  position: relative;
}

.compile-header-start:before, .compile-header-end:before {
  content: '';
  display: block;
  width: 1.625rem;
  height: 1.5rem;
  background: linear-gradient(180deg, #E67817 0%, #E14E19 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  left: 0;
  top: 0;
}

.compile-header-start::after, .compile-header-end::after {
  content: '';
  display: block;
  width: 1.3125rem;
  height: 1.1875rem;
  background: #FFAA8D;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  right: 0;
  bottom: 0;
}

.compile-header-end {
  transform: rotateY(180deg);
}