.container {
  --bgColor: #ffffff;
  background-color: var(--bgColor);
}

.container .wrapper {
  padding: 0.29rem 0.32rem 0rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.container .wrapper .source {
  width: 1.2rem;
  height: 0.28rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.18rem;
  font-weight: 700;
  border-radius: 0.2rem;
  color: var(--bgColor);
  background: url(../img/around_2.png) no-repeat 100% center;
}

.container .wrapper .title {
  padding: 0.14rem 0rem 0.25rem 0rem;
  font-size: 0.26rem;
  color: #395b75;
  line-height: 0.4rem;
  text-align: center;
}

.container .wrapper .title .bottom .FREE {
  color: #213d53;
  font-weight: 700;
}

.container .wrapper .checklist .checked-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.11rem;
}

.container .wrapper .checklist .checked-item .icon-checked {
  width: 0.14rem;
  height: 0.14rem;
  margin-right: 0.05rem;
  margin-top: 0.03rem;
}

.container .wrapper .checklist .checked-item .info {
  font-size: 0.12rem;
  line-height: 0.18rem;
}

.container .wrapper .submit-banner {
  height: 0.4rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.15rem;
  margin-top: 0.1rem;
  margin-bottom: 0.3rem;
  color: #fff;
  background-image: url(../img/submit.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.container .wrapper .c {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0rem;
}

.container .wrapper .c .title-in {
  font-size: 0.14rem;
  color: #395b75;
  white-space: nowrap;
  margin: 0rem 0.06rem;
  font-weight: 600;
}

.container .wrapper .c img {
  width: 0.14rem;
  height: 0.1rem;
}

.container .wrapper .prefix {
  padding: 0.12rem 0.23rem;
  background-color: #213d53;
  font-size: 0.12rem;
  line-height: 0.2rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin: 0.1rem 0rem;
  position: relative;
}

.container .wrapper .prefix::before {
  content: "";
  position: absolute;
  display: block;
  width: 0.15rem;
  height: 0.09rem;
  left: 0.1rem;
  top: -0.08rem;
  background: url(../img/SANJ.png) no-repeat 100% center;
}

.container .wrapper .prefix .p-box {
  font-size: 0.12rem;
  /* font-weight: 600px; */
}

.container .wrapper .prefix .right {
  width: 0.5rem;
  border-radius: 0.04rem;
  height: 0.24rem;
  text-align: center;
  line-height: 0.24rem;
  background-color: #fff;
  color: #213d53;
  font-size: 0.1rem;
}

.container .wrapper .pre-around {
  padding: 0.12rem 0rem;
}

.container .g-container .list {
  display: flex;
  flex-wrap: wrap;
}

.container .g-container .list .list-item-ww {
  display: flex;
  justify-content: center;
  width: 100%;
}

.container .g-container .list-item {
  width: 1.5rem;
  min-height: 1.7rem;
  padding: 0.1rem;
  margin-bottom: 0.09rem;
  margin-right: 0.1rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0.2rem 0.06rem;
  box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
}

.container .g-container .list-item:nth-child(2n) {
  margin-right: 0rem;
}

.container .g-container .list-item .icon {
  width: 0.26rem;
  height: 0.24rem;
}

.container .g-container .list-item .d-c {
  font-size: 0.12rem;
  font-weight: 700;
  padding: 0.2rem 0.1rem;
}

.container .g-container .list-item .desc {
  padding: 0rem 0.01rem;
  color: #838383;
  font-size: 0.09rem;
  line-height: 0.2rem;
  min-height: 0.2rem;
}

.container .g-container .list-item .desc-submit {
  width: 0.8rem;
  height: 0.2rem;
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.1rem;
  font-size: 0.1rem;
  margin-top: 0.16rem;
  background: url(../img/around_2.png) no-repeat center 100%;
}

.container .projess-wrapper .box {
  position: relative;
}

.container .projess-wrapper .box .item-common {
  height: 0.23rem;
  padding: 0.13rem;
  border-radius: 0.12rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.12rem;
  background: #fff;
  color: #333;
  font-weight: 700;
  position: absolute;
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
}

.container .projess-wrapper .box .item-common.item-1 {
  left: 0.25rem;
  top: 0.3rem;
}

.container .projess-wrapper .box .item-common.item-2 {
  right: 0.15rem;
  top: 0.3rem;
}

.container .projess-wrapper .box .item-common.item-3 {
  right: 0.15rem;
  top: 1rem;
}

.container .projess-wrapper .box .item-common.item-4 {
  left: 50%;
  transform: translateX(-50%);
  top: 1.7rem;
}

.container .projess-wrapper .box .item-common.item-5 {
  left: 0.25rem;
  top: 1rem;
}

.container .frm-scrm {
  padding: 0.25rem;
  background-color: #fff;
  height: 6.9rem;
}