.section-header {
  width: 100%;
  height: 80px;
  position: sticky;
  top: 0;
  z-index: 20;
  background-color: #fff;
  border-bottom: 1px solid #545454;
  text-align: center;
  display: flex;
  justify-content: center;
}
.section-header img {
  width: 72px;
  margin: 0 auto;
}
.section-header h1 {
  margin-top: 3px;
  font-size: 28px;
  font-weight: 500;
}
.section-header .box {
  align-self: center;
}
.step {
  text-align: center;
  margin-top: 25px;
}
.step ul li {
  display: inline-block;
  width: 250px;
  position: relative;
}
.step ul li p {
  text-align: center;
}
.step ul li span {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #D8D8D8;
  border-radius: 50%;
  display: block;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.step ul li span b {
  position: relative;
  z-index: 2;
}
.step ul li span:before {
  content: " ";
  height: 1px;
  width: 220px;
  background-color: #D8D8D8;
  position: absolute;
  top: 50%;
  left: -220px;
  transform: translateY(-50%);
  z-index: 0;
}
.step ul li:first-child span:before {
  display: none;
  content: unset;
}
.step ul li:nth-child(1) {
  z-index: 3;
}
.step ul li:nth-child(2) {
  z-index: 2;
}
.step ul li:nth-child(3) {
  z-index: 1;
}
.step ul .activate span {
  background-color: #00594E;
}
.step ul .activate span:before {
  background-color: #00594E;
}
.main {
  width: 100%;
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
}
.main .card {
  width: 550px;
  margin-bottom: 24px;
}
.main .card .title {
  font-size: 22px;
  font-weight: 500;
  padding-left: 32px;
  margin-bottom: 12px;
}
.main .card .content {
  background-color: #fff;
  border-radius: 20px;
  padding: 20px 32px;
}
.main .card .content .form-block {
  margin-bottom: 16px;
}
.main .card .content .form-block label {
  font-size: 14px;
  font-weight: 500;
}
.main .card .content .form-block .form-box {
  margin-top: 4px;
}
.main .card .content .form-block .form-box input {
  width: 486px;
  height: 36px;
  background: #FFFFFF;
  border-radius: 20px;
  border: 1px solid #E2E2E2;
  font-size: 14px;
  padding: 0 14px;
  outline: none;
}
.main .card .content .form-block .form-box input:focus {
  border-color: #00594E;
  caret-color: #00594E;
}
.main .card .content .form-block .form-box textarea {
  width: 100%;
  height: 100px;
  border-radius: 5px;
  border: 1px solid #E2E2E2;
  padding: 8px;
  font-family: MicrosoftYaHei;
  outline: none;
}
.main .card .content .form-block .form-box textarea:focus {
  border-color: #00594E;
  caret-color: #00594E;
}
.main .card .content .form-block .form-box select {
  width: 100%;
  height: 36px;
  border-radius: 20px;
  border: 1px solid #E2E2E2;
  padding: 0 14px;
  /*取消默认箭头开始*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*取消默认箭头结束*/
  background: url('/static/img/jt-r.png') no-repeat right 8px center;
  background-size: 17px;
  outline: none;
}
.main .card .content .form-block .form-box select:focus {
  background: url('/static/img/jt-b.png') no-repeat right 8px center;
  background-size: 17px;
  border-color: #00594E;
}
.main .card .content .form-block .form-flex {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
.main .card .content .form-block .form-flex select {
  margin-bottom: 6px;
  width: 155px;
}
.main .card .content .form-block .store-main {
  /*display: none;*/
}
.main .card .content .form-block .form-store-box {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.main .card .content .form-block .form-store-box .form-flex {
  width: 155px;
}
.main .card .content .form-block .form-store-box .form-flex select {
  margin-bottom: 6px;
  width: 155px;
}
.main .card .content .form-block .form-store-box .store-main {
  /*display: block;*/
  width: 308px;
  background: #FAFBFC;
  border-radius: 10px;
  padding: 16px 0;
  /*.activate{
                            border-color: #00594E;
                            .store-info{
                                .store-name{
                                    color: #00594E;
                                }
                                .store-address{
                                    color: #00594E;
                                }
                            }

                            .yes-mark{
                                display: block;
                                width: 75px;
                                height: 35px;
                                background-color: #00594E;
                                position: absolute;
                                right: 0;
                                top: 0;
                                transform: rotate(30deg) translate(4px, -20px);
                                i{
                                    color: #fff;
                                    position: absolute;
                                    bottom: 3px;
                                    left: 40px;
                                    transform: rotate(-24deg);
                                    font-size: 20px;
                                }
                            }

                        }*/
}
.main .card .content .form-block .form-store-box .store-main .store-item {
  margin: 0 auto;
  width: 270px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.main .card .content .form-block .form-store-box .store-main .store-item .marquee {
  width: 100%;
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #E2E2E2;
  padding: 15px 20px;
  display: flex;
  align-items: center;
}
.main .card .content .form-block .form-store-box .store-main .store-item:last-child {
  margin-bottom: 0;
}
.main .card .content .form-block .form-store-box .store-main .store-item .store-icon {
  width: 30px;
  height: 30px;
  float: left;
  flex-shrink: 0;
}
.main .card .content .form-block .form-store-box .store-main .store-item .store-icon img {
  width: 100%;
  height: 100%;
}
.main .card .content .form-block .form-store-box .store-main .store-item .store-info {
  float: left;
  margin-left: 16px;
}
.main .card .content .form-block .form-store-box .store-main .store-item .store-info .store-name {
  font-size: 14px;
  color: #000;
}
.main .card .content .form-block .form-store-box .store-main .store-item .store-info .store-address {
  font-size: 12px;
  color: #9b9b9b;
}
.main .card .content .form-block .form-store-box .store-main .store-item .yes-mark {
  display: none;
}
.main .card .content .form-block .form-store-box .store-main .store-item .form-raido {
  display: none!important;
}
.main .card .content .form-block .form-store-box .store-main .store-item .form-raido:checked + .marquee {
  border-color: #00594E;
}
.main .card .content .form-block .form-store-box .store-main .store-item .form-raido:checked + .marquee .store-info .store-name {
  color: #00594E;
}
.main .card .content .form-block .form-store-box .store-main .store-item .form-raido:checked + .marquee .store-info .store-address {
  color: #00594E;
}
.main .card .content .form-block .form-store-box .store-main .store-item .form-raido:checked + .marquee .yes-mark {
  display: block;
  width: 75px;
  height: 35px;
  background-color: #00594E;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(30deg) translate(4px, -20px);
}
.main .card .content .form-block .form-store-box .store-main .store-item .form-raido:checked + .marquee .yes-mark i {
  color: #fff;
  position: absolute;
  bottom: 3px;
  left: 40px;
  transform: rotate(-24deg);
  font-size: 20px;
}
.main .card .content .product-table {
  width: 100%;
  text-align: center;
}
.main .card .content .product-table thead {
  border: 0;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
  border-bottom: 1px solid #E6E6E6;
  height: 38px;
  font-size: 14px;
  font-weight: 500;
}
.main .card .content .product-table thead th {
  font-weight: 500;
}
.main .card .content .product-table thead .th-goods {
  width: 200px;
  text-align: left;
}
.main .card .content .product-table thead .th-number {
  width: 60px;
}
.main .card .content .product-table thead .th-count {
  width: 100px;
}
.main .card .content .product-table tbody {
  font-size: 14px;
}
.main .card .content .product-table tbody tr {
  border-bottom: 1px solid #E6E6E6;
}
.main .card .content .product-table tbody .td-goods {
  text-align: left;
  display: flex;
  padding: 10px 0;
}
.main .card .content .product-table tbody .td-goods .img-box {
  flex-shrink: 0;
  width: 60px;
  min-height: 60px;
  background: #D8D8D8;
  position: relative;
}
.main .card .content .product-table tbody .td-goods .img-box img {
  width: 100%;
}
.main .card .content .product-table tbody .td-goods .img-box .img-logo {
  width: 42%;
  position: absolute;
  top: 3px;
  left: 3px;
  height: auto;
}
.main .card .content .product-table tbody .td-goods .goods-name {
  margin-left: 8px;
  align-self: center;
}
.main .card .content .product-table tbody .td-number {
  text-align: center;
}
.main .card .content .product-table tbody .td-count {
  text-align: center;
}
.main .card .content .census {
  font-size: 14px;
  font-weight: 500;
  padding-top: 10px;
}
.main .card .content .census .item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.main .card .content .census .item:last-child {
  margin-bottom: 0;
}
.refer {
  width: 100%;
  height: 90px;
  background: #FFFFFF;
  font-size: 16px;
  position: relative;
}
.refer button {
  width: 486px;
  height: 44px;
  background: #46B756;
  color: #fff;
  border: none;
  font-size: 16px;
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 44px;
}
.refer a {
  position: absolute;
  left: 32px;
  top: 50%;
  transform: translateY(-50%);
}
.refer a i {
  margin-right: 8px;
}
/*# sourceMappingURL=shopping.css.map */