.index .we_have {
  padding: 3.125rem 0 4.625rem;
  background-color: #22272d;
}

.index .we_have .webs {
  display: flex;
  width: 87.5rem;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-between;
}

.index .we_have .webs .web {
  margin-top: 3rem;
  border-radius: 30px;
  transition: .3s linear;
}

.index .we_have .webs .web:hover {
  box-shadow: 0px 0px 30px -2px #000;
}

.index .we_have .drop {
  width: 4.125rem;
  margin: 5rem auto 0;
  transition: .2s linear;
  cursor: pointer;
}

.index .we_have .drop:hover {
  transform: scale(1.2);
}

.index .carpooling {
  padding: 5.875rem 0 5.625rem;
  background-image: url(back.png);
  display: flex;
  justify-content: space-around;
}

.index .carpooling .choice {
  width: 26.25rem;
}

.index .carpooling .choice .panel {
  /* box-shadow: 0rem 0.125rem 1.25rem 0rem rgba(15, 20, 24, 0.3); */
  border-radius: 1.25rem;
  background-color: #23282e;
  /* transition: .5s linear; */
}

.index .carpooling .choice .panel:hover {
  box-shadow: 0px 0px 16px -2px #000;
}

.index .carpooling .choice .panel .top {
  height: 8rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 1.125rem;
  background-color: #000000;
  border-radius: .875rem .875rem 0rem 0rem;
}

.index .carpooling .choice .panel .top .sale_num {
  align-self: flex-start;
  font-size: 0.775rem;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 1.25rem;
}

.index .carpooling .choice .panel .advantages {
  padding: 1.125rem 1.25rem 2.75rem;
  border-radius: 0 0 .875rem .875rem;
}

.index .carpooling .choice .panel .advantages .pirce {
  display: flex;
  padding-bottom: 1rem;
  border-bottom: solid 1px rgba(255, 255, 255, 0.08);
}

.index .carpooling .choice .panel .advantages .pirce .name {
  font-family: SourceHanSansCN-Medium;
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.8);
}

.index .carpooling .choice .panel .advantages .pirce .tariff {
  font-family: Roboto-Bold;
  margin-left: auto;
  margin-right: 1rem;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.5);
}

.index .carpooling .choice .panel .advantages .pirce .tariff span {
  font-family: Roboto-Bold;
  font-size: 1.375rem;
  color: #009fff;
}

.index .carpooling .choice .panel .advantages .pirce .coupons {
  border: solid 0.063rem #ff3e3e;
  font-size: 0.75rem;
  color: #ff3e3e;
  text-align: center;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  width: 3.875rem;
}

.index .carpooling .choice .panel .advantages .pirce .new {
  border: solid 0.063rem #009fff;
  font-size: 0.75rem;
  color: #009fff;
  text-align: center;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  width: 3.875rem;
}

.index .carpooling .choice .panel .advantages .point {
  display: flex;
  align-items: center;
  font-size: .875rem;
  color: #acaeb0;
  margin-top: 2rem;
}

.index .carpooling .choice .panel .advantages .point .icon {
  margin-right: 1.125rem;
}

.index .carpooling .choice .panel .advantages .point .tip {
  color: #ff3e3e;
}

.index .carpooling .choice .pin {
  width: 10.625rem;
  height: 3.75rem;
  background-color: #009fff;
  border-radius: 1.875rem;
  text-align: center;
  line-height: 3.75rem;
  font-family: SourceHanSansCN-Medium;
  font-size: 1rem;
  color: #051118;
  margin-top: 2.25rem;
  cursor: pointer;
  transition: .5s linear;
  margin-bottom: .5rem;
}

.index .carpooling .choice .pin:hover {
  transform: scale(1.1);
}

.index .carpooling .choice:nth-child(even) {
  /* margin-top: 6.6875rem; */
  margin-top: 6rem;
}

.index .tab {
  background-color: #090f15;
  padding-bottom: 5rem;
}

.index .tab .tabber {
  display: flex;
  background-color: #22272d;
}

.index .tab .tabber a {
  display: flex;
  width: 20%;
  height: 8.125rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: solid 1px #2b3138;
  position: relative;
  box-sizing: border-box;
}

.index .tab .tabber a .icon {
  width: 4rem;
}

.index .tab .tabber a p {
  font-size: 1.125rem;
  color: #fff;
  margin-top: 0.875rem;
}

.index .tab .tabber a::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

.index .tab .tabber a:hover::after {
  display: none;
}

.index .tab .tabber .active {
  border-bottom: solid 0.25rem #009fff;
}

.index .tab .tabber .active::after {
  opacity: 0;
}

.index .tab .list {
  padding: 2.2rem 0 4rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 87.5rem;
  margin: 0 auto;
}

.index .tab .list::after {
  content: '';
  display: block;
  width: 28rem;
}

.index .tab .list .product {
  width: 28rem;
  box-shadow: 0rem 1.25rem 1.25rem 0rem rgba(0, 0, 0, 0.02);
  border-radius: 0.875rem;
  background-color: #23282e;
  margin-top: 2.25rem;
}

.index .tab .list .product .top {
  height: 8.125rem;
  background-color: #2b3137;
  border-radius: 0.875rem 0.875rem 0rem 0rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2.125rem;
}

.index .tab .list .product .top .pays .price {
  font-family: Roboto-Bold;
  font-size: 1.875rem;
}

.index .tab .list .product .top .pays .price a {
  font-size: 0.875rem;
}

.index .tab .list .product .top .pays .price span {
  font-size: 1rem;
  color: #acaeb0;
  margin-left: 1rem;
  text-decoration: line-through;
}

.index .tab .list .product .top .get_coupon {
  width: 7.938rem;
  height: 2.875rem;
  background-color: #2b3137;
  border-radius: 0.25rem;
  border: solid 0.063rem #ff3e3e;
  text-align: center;
  font-size: 1rem;
  color: #ff3e3e;
  line-height: 2.875rem;
  cursor: pointer;
}

.index .tab .list .product .pic_pro {
  width: 8.5rem;
  margin: -4.25rem auto 0;
}

.index .tab .list .product .title {
  text-align: center;
  font-family: SourceHanSansCN-Medium;
  font-size: 1.25rem;
  line-height: 4rem;
}

.index .tab .list .product .labels {
  display: flex;
  justify-content: center;
}

.index .tab .list .product .labels .label {
  margin: 0 0.375rem;
  height: 1.625rem;
  line-height: 1.625rem;
  padding: 0 0.875rem;
  font-size: 0.875rem;
  color: #051118;
  background-color: #009fff;
  border-radius: 0.3125rem;
}

.index .tab .list .product .join_to {
  margin-top: 2.3125rem;
  padding: 2.25rem 1.65rem 1.75rem;
  border-top: solid 1px rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-around;
}

.index .tab .list .product .join_to .join {
  text-align: center;
  position: relative;
}

.index .tab .list .product .join_to .join .head {
  width: 4.375rem;
  height: 4.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.375rem;
  position: relative;
}

.index .tab .list .product .join_to .join .head .pic {
  max-width: 100%;
  max-height: 100%;
  border-radius: 0.375rem;
  overflow: hidden;
}

.index .tab .list .product .join_to .join .head .num {
  position: absolute;
  width: 1.375rem;
  height: 1.375rem;
  background-color: #5f6770;
  border: solid 0.125rem #23282e;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
  border-radius: 50%;
  top: -0.75rem;
  right: -0.75rem;
}

.index .tab .list .product .join_to .join .name {
  font-size: 0.875rem;
  margin-top: 0.5rem;
}

.index .tab .list .product .join_to .join .time {
  font-size: 0.75rem;
  color: #999999;
}

.index .tab .list .product .join_to .null .head {
  border: dashed 0.063rem #5f6469;
  cursor: pointer;
}

.index .tab .pages {
  display: flex;
  justify-content: center;
}

.index .tab .pages a {
  display: flex;
  width: 3.063rem;
  height: 3.063rem;
  box-shadow: 0rem 1.25rem 1.25rem 0rem rgba(0, 0, 0, 0.02);
  border-radius: 0.625rem;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  color: #666666;
  background-color: #fff;
  margin: 0 0.625rem;
}

.index .tab .pages .active {
  background-color: #009fff;
  color: #051118;
}

.index .coupon_popup {
  position: fixed;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}

.index .coupon_popup .popup {
  width: 27.5rem;
  height: 21.75rem;
  background-color: #ffffff;
  border-radius: 1.875rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.index .coupon_popup .popup .title {
  height: 6.25rem;
  border-radius: 1.688rem 1.688rem 0rem 0rem;
  background-image: url(../image/index/coupon_back.png);
  background-color: #009fff;
  position: relative;
  text-align: center;
  line-height: 6.25rem;
  font-family: SourceHanSansCN-Bold;
  font-size: 1.75rem;
}

.index .coupon_popup .popup .title .close_coupon {
  position: absolute;
  top: 1.375rem;
  right: 1.5rem;
  cursor: pointer;
}

.index .coupon_popup .popup .coupon {
  width: 23.75rem;
  height: 5.625rem;
  border-radius: 0.375rem;
  background-image: url(../image/index/coupon.png);
  margin: 2.125rem auto 0;
  padding: 0 2.625rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.index .coupon_popup .popup .coupon .value {
  font-family: SourceHanSansCN-Bold;
  font-size: 2.5rem;
  color: #009fff;
}

.index .coupon_popup .popup .coupon .value span {
  font-size: 1.125rem;
}

.index .coupon_popup .popup .coupon .info {
  font-size: 0.875rem;
  color: #23b56b;
}

.index .coupon_popup .popup .receive {
  margin: 1.625rem auto 0;
  width: 13.75rem;
  height: 3.125rem;
  background-image: linear-gradient(90deg, #73e9bc 0%, #71e5a2 51%, #71e398 100%, #70e297 100%), linear-gradient(#009fff, #009fff);
  background-blend-mode: normal,
    normal;
  border-radius: 1.563rem;
  font-size: 1rem;
  color: #051118;
  text-align: center;
  line-height: 3.125rem;
  cursor: pointer;
}


.coupon_select {
  position: fixed;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}

.coupon_select .popup {
  width: 27.5rem;
  /* height: 21.75rem; */
  height: auto;
  padding-bottom: 2rem;
  background-color: #ffffff;
  border-radius: 1.875rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.coupon_select .popup .title {
  height: 6.25rem;
  border-radius: 1.688rem 1.688rem 0rem 0rem;
  background-image: url(../image/index/coupon_back.png);
  background-color: #009fff;
  position: relative;
  text-align: center;
  line-height: 6.25rem;
  font-family: SourceHanSansCN-Bold;
  font-size: 1.75rem;
}

.coupon_select .popup .title .close_coupon {
  position: absolute;
  top: 1.375rem;
  right: 1.5rem;
  cursor: pointer;
}

.coupon_select .popup .coupon {
  width: 23.75rem;
  height: 5.625rem;
  border-radius: 0.375rem;
  background-image: url(../image/index/coupon.png);
  margin: 2.125rem auto 0;
  padding: 0 2.625rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.coupon_select .popup .coupon.active {
  background-image: url(../image/index/coupon2.png);
}

.coupon_select .popup .coupon.active .value,
.coupon_select .popup .coupon.active .info {
  color: #fff;
}

.coupon_select .popup .coupon .value {
  font-family: SourceHanSansCN-Bold;
  font-size: 2.5rem;
  color: #009fff;
}

.coupon_select .popup .coupon .value span {
  font-size: 1.125rem;
}

.coupon_select .popup .coupon .info {
  font-size: 0.875rem;
  color: #23b56b;
}

.coupon_select .popup .receive {
  margin: 1.625rem auto 0;
  width: 13.75rem;
  height: 3.125rem;
  background-image: linear-gradient(90deg, #73e9bc 0%, #71e5a2 51%, #71e398 100%, #70e297 100%), linear-gradient(#009fff, #009fff);
  background-blend-mode: normal,
    normal;
  border-radius: 1.563rem;
  font-size: 1rem;
  color: #051118;
  text-align: center;
  line-height: 3.125rem;
  cursor: pointer;
}

.index .order_popup {
  position: fixed;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}
.order_popup .order_pop_mask {
  position: fixed;
  z-index: 990;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.index .order_popup .side_car {
  position: absolute;
  z-index: 992;
  width: 35rem;
  height: 100%;
  right: 0;
  top: 0;
  background-color: #fff;
}

.index .order_popup .side_car .top {
  padding: 2.1875rem 1.9rem 1.5rem 1.5625rem;
  display: flex;
  border-bottom: solid 1px #ebebeb;
}

.index .order_popup .side_car .top .price {
  margin-left: 1rem;
  align-self: flex-end;
}

.index .order_popup .side_car .top .price .p1 {
  font-family: Roboto-Regular;
  font-size: 1.375rem;
  color: #ff0000;
}

.index .order_popup .side_car .top .price .p2 {
  font-size: 1rem;
  color: #999999;
  margin-top: 0.75rem;
}

.index .order_popup .side_car .top .close_side {
  margin-left: auto;
  cursor: pointer;
}

.index .order_popup .side_car .options {
  margin-top: 1.5rem;
  padding-left: 1.5rem;
}

.index .order_popup .side_car .options .title {
  font-size: 1rem;
  color: #666666;
}

.index .order_popup .side_car .options .chose {
  display: flex;
  flex-wrap: wrap;
}

.index .order_popup .side_car .options .chose .option {
  height: 2.25rem;
  background-color: #f7f8fa;
  border-radius: 0.375rem;
  line-height: 2.25rem;
  padding: 0 0.75rem;
  font-size: 0.875rem;
  color: #666666;
  margin-right: 0.875rem;
  margin-top: 1rem;
}

.index .order_popup .side_car .options .chose .active {
  background-color: #009fff;
  color: #ffffff;
}

.index .order_popup .side_car .chose_coupon {
  padding: 0 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 3.9375rem;
  border-top: solid 1px #ebebeb;
  border-bottom: solid 1px #ebebeb;
  margin-top: 1.5rem;
}

.index .order_popup .side_car .chose_coupon .name {
  font-size: 1rem;
  color: #ffa700;
}

.index .order_popup .side_car .chose_coupon .coupons {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.index .order_popup .side_car .chose_coupon .coupons p {
  font-size: 1rem;
  color: #999999;
  margin-right: 2.125rem;
}

.index .order_popup .side_car .pay_mode {
  padding: 0 1.5rem 1rem;
}

.index .order_popup .side_car .pay_mode .title {
  margin-top: 1.25rem;
  font-size: 1rem;
  color: #666666;
}

.index .order_popup .side_car .pay_mode .btns {
  margin-top: 1.5rem;
  display: flex;
  justify-content: space-between;
}

.index .order_popup .side_car .pay_mode .btns .btn {
  width: 17.875rem;
  height: 3.75rem;
  background-image: linear-gradient(90deg, #73e9bc 0%, #71e5a2 51%, #71e398 100%, #70e297 100%), linear-gradient(#009fff, #009fff);
  background-blend-mode: normal,
    normal;
  border-radius: 1.875rem;
  line-height: 3.75rem;
  text-align: center;
  font-family: SourceHanSansCN-Medium;
  font-size: 1rem;
  color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  transition: .3s linear;
}

.index .order_popup .side_car .pay_mode .btns .ali {
  background-image: linear-gradient(90deg, #61b9f9 0%, #57a8f9 28%, #4d97f8 55%, #3f81f7 100%), linear-gradient(#25abff, #25abff);
}

.index .order_popup .side_car .pay_mode .btns .btn span {
  display: block;
  position: relative;
}

.index .order_popup .side_car .pay_mode .btns .btn:hover span {
  /* animation: trans 2s linear infinite; */
  transition: .3s linear;
  color: #fff;
}

.index .order_popup .side_car .pay_mode .btns .btn:hover {
  transform: scale(1.1);
}

@keyframes trans {
  0% {
    transform: translateX(0);
  }

  99.99% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}

.index .order_popup .side_car .pay_mode .btns .btn span::before {
  content: attr(data-word);
  display: block;
  transform: translateX(-100%);
  width: 100%;
  position: absolute;
}

.order_detial {
  /* padding: 6.5rem 5rem 11.5625rem; */
  padding: 8.5rem 5rem;
  background-color: #22272d;
  display: flex;
}

.order_detial .order_about {
  width: 26.875rem;
}

.order_detial .order_about .title {
  font-family: SourceHanSansCN-Medium;
  font-size: 2.5rem;
  padding-bottom: 2.125rem;
  border-bottom: solid 1px #34393e;
  margin-bottom: 1.25rem;
}

.order_detial .order_about p {
  font-size: 1rem;
  color: #acaeb0;
  line-height: 2.375rem;
}

.order_detial .order_about .tip {
  color: #ff3e3e;
}

.order_detial .order_pic {
  width: 45.688rem;
  height: 21.938rem;
  /* background-color: #000000; */
  border-radius: 1.25rem;
  overflow: hidden;
  margin-left: 5.3rem;
}

.order_detial .detial {
  margin-left: 6.75rem;
}

.order_detial .detial .price {
  font-family: Roboto-Regular;
  font-size: 2.5rem;
  color: #009fff;
  white-space: nowrap;
}

.order_detial .detial .price a {
  font-family: Roboto-Regular;
  font-size: 1.625rem;
  color: #aaabac;
}

.order_detial .detial .price span {
  font-family: SourceHanSansCN-Regular;
  font-size: 0.875rem;
  opacity: 0.5;
  color: #ffffff;
  margin-left: 0.75rem;
}

.order_detial .detial .new {
  width: 3.875rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  border: solid 1px #009fff;
  text-align: center;
  line-height: 1.5rem;
  font-size: 0.75rem;
  color: #009fff;
  margin-top: 1rem;
}

.order_detial .detial .carpooling {
  width: 9.375rem;
  height: 3.125rem;
  background-color: #009fff;
  border-radius: 1.563rem;
  text-align: center;
  line-height: 3.125rem;
  margin-top: 3.25rem;
  font-size: 1rem;
  font-family: SourceHanSansCN-Medium;
  color: #051118;
  letter-spacing: 0.05rem;
  cursor: pointer;
  transition: .3s linear;
}

.order_detial .detial .carpooling:hover {
  transform: scale(1.1);
  /* color: #fff; */
}

.invite {
  padding: 3.125rem 0 9.1875rem;
  width: 87.5rem;
  margin: 0 auto;
}

.invite .top {
  display: flex;
  justify-content: space-between;
}

.invite .top .extension {
  width: 52%;
  height: 10rem;
  background-color: #2b3137;
  border-radius: 0.625rem;
  padding: 0 1.875rem 0 2.9375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.invite .top .extension .links .p1 {
  font-family: SourceHanSansCN-Medium;
  font-size: 1.375rem;
}

.invite .top .extension .links .p2 {
  font-size: 1rem;
  color: #acaeb0;
  line-height: 2.125rem;
  padding: 0 1rem;
  border: solid 1px #9fa1a3;
  border-radius: 1.063rem;
  margin-top: 0.5rem;
}

.invite .top .data {
  width: 22%;
  height: 10rem;
  background-color: #2b3137;
  border-radius: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.invite .top .data .order_num {
  margin-left: 1.875rem;
}

.invite .top .data .order_num .num {
  font-family: Roboto-Bold;
  font-size: 1.875rem;
}

.invite .top .data .order_num p {
  font-size: 1rem;
  color: #acaeb0;
}

.invite .charts {
  margin-top: 2.75rem;
  display: flex;
  justify-content: space-between;
}

.invite .charts .char1 {
  width: 52%;
}

.invite .charts .char2 {
  width: 46%;
}

.invite .charts .char .title {
  font-family: SourceHanSansCN-Medium;
  font-size: 1.5rem;
  margin-bottom: 2.35rem;
}

.invite .charts .char .chart {
  height: 30rem;
  background-color: #2b3137;
}

.invite .charts .char .chart #main1 {
  height: 30rem;
  background-color: #2b3137;
}

.invite .charts .char .chart #main2 {
  height: 28rem;
  width: 100%;
}

.order_handle {
  padding: 3.125rem 0 8.25rem;
  width: 87.5rem;
  margin: 0 auto;
}

.order_handle .statistics .title {
  font-family: SourceHanSansCN-Medium;
  font-size: 1.5rem;
}

.order_handle .statistics .list {
  display: flex;
  height: 11.25rem;
  background-color: #2b3137;
  border-radius: 0.625rem;
  align-items: center;
  margin-top: 2.4rem;
}

.order_handle .statistics .list a {
  display: flex;
  width: 25%;
  justify-content: center;
  align-items: center;
  border-right: solid 1px #383d42;
}

.order_handle .statistics .list a:last-child {
  border: none;
}

.order_handle .statistics .list a .icon {
  width: 7rem;
  height: 7rem;
  border: solid 0.125rem rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.order_handle .statistics .list a .msg {
  margin-left: 2.5rem;
  color: #fff;
}

.order_handle .statistics .list a .msg .num {
  font-family: Roboto-Bold;
  font-size: 1.875rem;
}

.order_handle .statistics .list a .msg p {
  font-size: 1rem;
  color: #acaeb0;
}

.order_handle .order_list {
  margin-top: 4rem;
}

.order_handle .order_list .title {
  display: flex;
}

.order_handle .order_list .title p {
  font-family: SourceHanSansCN-Medium;
  font-size: 1.5rem;
}

.order_handle .order_list .title .create {
  margin-left: auto;
  margin-right: 0.5rem;
  display: flex;
  justify-content: center;
  width: 8.5rem;
  height: 2.75rem;
  background-color: #009fff;
  border-radius: 1.375rem;
  align-items: center;
  cursor: pointer;
}

.order_handle .order_list .title .create span {
  font-size: 1rem;
  color: #ffffff;
  margin-left: 0.625rem;
}

.order_handle .order_list .title .input_box {
  position: relative;
  width: 14.5rem;
  height: 2.75rem;
  border-radius: 1.375rem;
  border: solid 0.063rem #383d42;
  overflow: hidden;
}

.order_handle .order_list .title .input_box input {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: 3.6rem;
  font-size: 1rem;
  border: none;
  color: #fff;
  background-color: transparent;
}

.order_handle .order_list .title .input_box input::-webkit-input-placeholder {
  color: #acaeb0;
}

.order_handle .order_list .title .input_box .search {
  position: absolute;
  left: 1.25rem;
  top: 0.75rem;
  cursor: pointer;
}

.order_handle .order_list .table {
  margin-top: 2.25rem;
  background-color: #2b3137;
  border-radius: 0.625rem;
  /* height: 28.6875rem; */
}

.order_handle .order_list .table .tr {
  display: flex;
  justify-content: space-around;
  height: 3.75rem;
  align-items: center;
  border-bottom: solid 1px #383d42;
}

.order_handle .order_list .table .tr .td {
  font-size: 1rem;
  color: #acaeb0;
}

.order_handle .order_list .table .tr .td:first-child {
  width: 5.125rem;
}

.order_handle .order_list .table .tr .td:nth-child(2) {
  width: 6.5rem;
}

.order_handle .order_list .table .tr .td:nth-child(3) {
  width: 13.5rem;
}

.order_handle .order_list .table .tr .td:nth-child(4) {
  width: 6rem;
}

.order_handle .order_list .table .tr .td:nth-child(5) {
  width: 12.375rem;
}

.order_handle .order_list .table .tr .td:nth-child(6) {
  width: 11.625rem;
}

.order_handle .order_list .table .tr .td:last-child {
  width: 8.25rem;
}

.order_handle .order_list .table .tr .td:last-child a {
  display: block;
  width: 5.625rem;
  height: 2rem;
  background-color: #009fff;
  border-radius: 1rem;
  text-align: center;
  line-height: 2rem;
  font-size: 1rem;
  color: #ffffff;
}

.order_handle .order_list .table .tr .zt {
  color: #009fff;
}

.order_handle .order_list .table .thead {
  height: 4.75rem;
}

.order_handle .create_order {
  position: fixed;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}

.order_handle .create_order .create_panle {
  width: 56.25rem;
  height: 43.75rem;
  background-color: #ffffff;
  border-radius: 0.625rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.order_handle .create_order .create_panle .title {
  text-align: center;
  font-family: SourceHanSansCN-Medium;
  font-size: 2.125rem;
  line-height: 6.5rem;
  color: #051118;
  position: relative;
  border-bottom: solid 1px #ebebeb;
}

.order_handle .create_order .create_panle .title .close_create {
  position: absolute;
  right: 2.5rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.order_handle .create_order .create_panle .upload {
  padding: 0 2.5rem;
}

.order_handle .create_order .create_panle .upload .tip {
  font-size: 1rem;
  color: #666666;
  margin-top: 2.625rem;
}

.order_handle .create_order .create_panle .upload .selects {
  display: flex;
  justify-content: space-between;
  margin-top: 3rem;
}

.order_handle .create_order .create_panle .upload .selects .select {
  width: 25rem;
  position: relative;
}

.order_handle .create_order .create_panle .upload .selects .select .select_show {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.25rem;
  border-bottom: solid 1px #666666;
  cursor: pointer;
}

.order_handle .create_order .create_panle .upload .selects .select .select_show p {
  font-family: SourceHanSansCN-Normal;
  font-size: 1.25rem;
  color: #666666;
}

.order_handle .create_order .create_panle .upload .selects .select .drop {
  background-color: #fff;
  position: absolute;
  display: none;
  width: 100%;
  z-index: 99999;
}

.order_handle .create_order .create_panle .upload .selects .select .drop p {
  font-family: SourceHanSansCN-Normal;
  font-size: 1.25rem;
  color: #666666;
  cursor: pointer;
  line-height: 3rem;
  padding-left: 1.5rem;
}

.order_handle .create_order .create_panle .upload #editor {
  font-family: SourceHanSansCN-Normal;
  font-size: 1rem;
  color: #999999;
  margin-top: 1.875rem;
  box-shadow: 0px 5px 9.8px 0.2px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  overflow: hidden;
}

.order_handle .create_order .create_panle .upload #editor>div:first-child {
  background-color: #f5f5f5 !important;
}

.order_handle .create_order .create_panle .upload #editor div {
  border: none !important;
}

.order_handle .create_order .create_panle .upload .submit {
  width: 9.375rem;
  height: 2.875rem;
  background-color: #009fff;
  border-radius: 0.375rem;
  border: none;
  margin-top: 1.875rem;
  font-size: 1rem;
  color: #ffffff;
}

.order_handle_detial {
  padding: 3.125rem 5rem 9rem;
}

.order_handle_detial .detial {
  padding: 1.8rem 0 4.65rem;
  background-color: #2b3137;
  border-radius: 0.625rem;
}

.order_handle_detial .detial .top {
  padding: 0 2.875rem 0 3.125rem;
  border-bottom: solid 1px #383d42;
  padding-bottom: 2.185rem;
}

.order_handle_detial .detial .top .order_name {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.order_handle_detial .detial .top .order_name p {
  font-family: SourceHanSansCN-Medium;
  font-size: 1.5rem;
}

.order_handle_detial .detial .top .order_name .close_order {
  width: 6.25rem;
  height: 2.5rem;
  background-image: linear-gradient(90deg, #61b9f9 0%, #57a8f9 28%, #4d97f8 55%, #3f81f7 100%), linear-gradient(#009fff, #009fff);
  background-blend-mode: normal,
    normal;
  border-radius: 1.25rem;
  text-align: center;
  line-height: 2.5rem;
  font-size: 1rem;
  color: #051118;
  cursor: pointer;
}

.order_handle_detial .detial .top .contact {
  font-size: 1rem;
}

.order_handle_detial .detial .comment {
  display: flex;
  justify-content: space-between;
  margin-top: 2.75rem;
}

.order_handle_detial .detial .comment .head {
  width: 3.75rem;
  height: 3.75rem;
  background-color: #22272d;
  border-radius: 50%;
  overflow: hidden;
}

.order_handle_detial .detial .comment .right_msg {
  width: calc(100% - 5rem);
}

.order_handle_detial .detial .comment .right_msg .time {
  font-size: 1rem;
}

.order_handle_detial .detial .comment .right_msg .msg {
  font-size: 1rem;
  color: #acaeb0;
}

.order_handle_detial .detial .recom {
  padding-left: 5rem;
}

.order_handle_detial .detial .bottom {
  padding: 0 1.625rem 0 3.25rem;
}

.order_handle_detial .detial .bottom #editor {
  font-family: SourceHanSansCN-Normal;
  font-size: 1rem;
  color: #999999;
  margin-top: 1.875rem;
  box-shadow: 0px 5px 9.8px 0.2px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  overflow: hidden;
}

.order_handle_detial .detial .bottom #editor>div:first-child {
  background-color: #22272d !important;
}

.order_handle_detial .detial .bottom #editor>div:nth-child(2) {
  background-color: #2b3137;
}

.order_handle_detial .detial .bottom #editor div {
  border: none !important;
}

.order_handle_detial .detial .bottom .submit {
  width: 6.25rem;
  height: 2.5rem;
  background-color: #009fff;
  border-radius: 1.25rem;
  border: none;
  margin-top: 1.875rem;
  font-size: 1rem;
  color: #051118;
}

.my_order {
  padding: 3.125rem 0 7rem;
  margin: 0 auto;
  width: 87.5rem;
}

.my_order .notice {
  height: 7.5rem;
  background-color: #2b3137;
  border-radius: 0.625rem;
  padding: 0 3.875rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1rem;
  color: #acaeb0;
  line-height: 2rem;
}

.my_order .notice a {
  color: #009fff;
}

.my_order .car_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.my_order .car_list .car {
  width: 42.5rem;
  margin-top: 2.75rem;
  background-color: #23282e;
  box-shadow: 0rem 0.313rem 0.613rem 0.013rem rgba(0, 0, 0, 0.2);
  border-radius: 1.25rem;
}

.my_order .car_list .car .top {
  display: flex;
  padding: 0 2.0625rem;
  justify-content: space-between;
  border-radius: 1.25rem 1.25rem 0rem 0rem;
  height: 6.25rem;
  background-color: #000000;
  align-items: center;
}

.my_order .car_list .car .top p {
  font-family: SourceHanSansCN-Medium;
  font-size: 1.25rem;
  color: #fff;
}

.my_order .car_list .car .top a {
  width: 5rem;
  display: block;
  height: 2.5rem;
  background-color: #009fff;
  border-radius: 1.25rem;
  text-align: center;
  line-height: 2.5rem;
  font-size: 0.75rem;
  color: #ffffff;
}

.my_order .car_list .car .group {
  padding: 0 2.0625rem;
  border-bottom: solid 1px rgba(255, 255, 255, 0.08);
  height: 4rem;
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.my_order .car_list .car .group:last-child {
  border: none;
}

.my_order .car_list .car .group .tip {
  font-size: 1rem;
  color: #ff3e3e;
}

.my_order .car_list .car .group .name {
  font-size: 0.875rem;
  color: #ffffff;
}

.my_order .car_list .car .group .detial {
  font-size: 0.875rem;
  color: #999999;
}

.my_order .car_list .car .group .detial span {
  color: #ffa700;
}

.my_order .car_list .car .group .btns {
  display: flex;
}

.my_order .car_list .car .group .btns .btn {
  width: 5rem;
  height: 2.125rem;
  border-radius: 1.063rem;
  text-align: center;
  line-height: 2.125rem;
  font-size: 0.75rem;
  border: solid 1px #ffa700;
  color: #ffa700;
  margin-left: 0.625rem;
  cursor: pointer;
}

.my_order .car_list .car .group .btns .reset {
  border-color: #ff3e3e;
  color: #ff3e3e;
}

.my_order .car_list .car .group .btns .remind,
.my_order .car_list .car .group .btns .zhanwei {
  border-color: #009fff;
  color: #009fff;
}

.my_order .car_list .car .higher {
  height: 5.25rem;
}

.my_order .car_list .car .parking {
  padding: 0 2.0625rem;
  margin-top: 1.125rem;
  /* display: flex;
  flex-wrap: wrap; */
  display: grid;
  grid-template-columns: repeat(5, 18%);
  justify-content: space-between;
}

.my_order .car_list .car .parking .lot {
  /* width: 20%; */
  margin: .3rem 0;
}

.my_order .car_list .car .parking .lot .head {
  width: 4.375rem;
  height: 4.375rem;
  max-width: 100%;
  max-height: 100%;
  /* margin: 0 auto; */
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.375rem;
  position: relative;
}

.my_order .car_list .car .parking .lot .head .pic {
  max-width: 100%;
  max-height: 100%;
  border-radius: 0.375rem;
  overflow: hidden;
}

.my_order .car_list .car .parking .lot .head .num {
  position: absolute;
  width: 1.375rem;
  height: 1.375rem;
  background-color: #009fff;
  border: solid 0.125rem #23282e;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
  border-radius: 50%;
  top: -0.75rem;
  right: -0.75rem;
}

.my_order .car_list .car .parking .lot .name {
  font-size: 0.875rem;
  margin-top: 0.5rem;
}

.my_order .car_list .car .parking .lot .time {
  font-size: 0.75rem;
  color: #999999;
}

.my_order .car_list .car .other {
  margin-top: 1.5rem;
  border-radius: 0rem 0rem 1.25rem 1.25rem;
  background-color: #272c32;
  border-top: solid 1px rgba(255, 255, 255, 0.08);
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.my_order .car_list .car .other a {
  display: block;
  width: 33.33%;
  line-height: 3.8125rem;
  font-size: 0.875rem;
  color: #ffffff;
  text-align: center;
  border-right: solid 1px rgba(255, 255, 255, 0.08);
}

.my_order .car_list .car .other a:last-child {
  border: none;
}

.my_order .ticket_null {
  text-align: center;
  display: none;
  margin-top: 2.75rem;
}

.my_order .ticket_null p {
  font-size: 1.25rem;
}

.my_order .ticket_null .carpooling {
  display: block;
  width: 14.5rem;
  height: 3.125rem;
  background-color: #009fff;
  border-radius: 1.563rem;
  text-align: center;
  line-height: 3.125rem;
  font-family: SourceHanSansCN-Medium;
  font-size: 1rem;
  color: #ffffff;
  margin: 2.75rem auto 0;
}

.my_order .sharing_pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.my_order .sharing_pop .sharing_notice {
  width: 28rem;
  background-color: #ffffff;
  border-radius: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}

.my_order .sharing_pop .sharing_notice .top {
  text-align: center;
  line-height: 6.5rem;
  font-family: SourceHanSansCN-Medium;
  font-size: 2rem;
  color: #051118;
  position: relative;
}

.my_order .sharing_pop .sharing_notice .top .close_sharing {
  right: 2.875rem;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  cursor: pointer;
  width: 1rem;
}

.my_order .sharing_pop .sharing_notice .regulations {
  padding: 0 2rem;
}

.my_order .sharing_pop .sharing_notice .regulations .regula {
  font-size: 1rem;
  color: #666666;
  margin-top: 1rem;
  font-family: SourceHanSansCN-Regular;
  line-height: 2rem;
}

.my_order .sharing_pop .sharing_notice .pop_btn {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  padding: 1rem 0;
}

.my_order .sharing_pop .sharing_notice .pop_btn .get {
  width: 23rem;
  height: 3rem;
  background-color: #3f8ff7;
  border-radius: 2rem;
  line-height: 3rem;
  text-align: center;
  font-family: SourceHanSansCN-Medium;
  font-size: 1rem;
  color: #fff;
  cursor: pointer;
}

.personal {
  padding: 7rem 0 11.5rem;
}

.personal .form {
  width: 50rem;
  margin: 0 auto;
  padding: 3.1875rem 3.125rem 5.8125rem;
  background-color: #2b3137;
  border-radius: 0.625rem;
}

.personal .form .headpic {
  width: 8.375rem;
  height: 8.375rem;
  background-color: #22272d;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}

.personal .form .headpic input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.personal .form .groups {
  margin-top: 1.675rem;
}

.personal .form .groups .group {
  height: 5rem;
  border-bottom: solid 1px #383d42;
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.personal .form .groups .group .name {
  font-size: 1.125rem;
  color: #acaeb0;
}

.personal .form .groups .group .detial {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.personal .form .groups .group .detial p {
  font-size: 1.125rem;
  margin-right: 2rem;
}

.login {
  padding: 4.4375rem 0;
}

.login .title {
  font-family: SourceHanSansCN-Medium;
  font-size: 1.5rem;
  text-align: center;
}

.login .form {
  width: 45rem;
  margin: 3.75rem auto 0;
}

.login .form .input_box {
  height: 5.625rem;
  background-color: #2b3137;
  margin-top: 2rem;
  position: relative;
  border-radius: 0.625rem;
}

.login .form .input_box input[type=text] {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  background: transparent;
  font-size: 1.125rem;
  text-indent: 2.625rem;
  color: #fff;
  border: solid 1px #383d42;
  border-radius: 0.625rem;
}

.login .form .input_box input[type=text]:focus {
  border: solid 1px #009fff;
}

.login .form .input_box input[type=text]::-webkit-input-placeholder {
  color: #acaeb0;
}

.login .form .input_box .send {
  position: absolute;
  width: 7.125rem;
  height: 2.875rem;
  background-color: #ffa700;
  border-radius: 1.375rem;
  text-align: center;
  line-height: 2.875rem;
  font-size: 1rem;
  color: #ffffff;
  right: 2.125rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: .5s linear;
}

.login .form .input_box .send:hover {
  transform: translateY(-50%) scale(1.2);
}

.login .form .agreement {
  display: flex;
  align-items: center;
  margin-top: 2.9rem;
}

.login .form .agreement input[type=checkbox] {
  width: 1.3125rem;
  height: 1.3125rem;
  background-color: #ffffff;
  border-radius: 0.25rem;
  cursor: pointer;
  border: none !important;
}

.login .form .agreement a {
  font-size: 1.125rem;
  color: #a2a2a2;
}

.login .form .submit {
  display: block;
  height: 5.25rem;
  background-color: #009fff;
  border-radius: 0.625rem;
  width: 100%;
  border: none;
  font-family: SourceHanSansCN-Medium;
  font-size: 1.5rem;
  color: #ffffff;
  margin-top: 2.875rem;
}

.login .form .wechat {
  margin-top: 3.5rem;
}

.login .form .wechat p {
  font-family: SourceHanSansCN-Normal;
  font-size: 1.375rem;
  color: #5c6167;
  text-align: center;
}

.login .form .wechat .icon {
  width: 6.5rem;
  height: 6.5rem;
  border: solid 0.063rem #868c90;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2.65rem auto 0;
  cursor: pointer;
}

.payment {
  padding: 3.125rem 5rem 7rem;
}

.payment .pay_list {
  background-color: #2b3137;
  border-radius: 0.625rem;
  margin-top: 2.425rem;
  padding-bottom: 2.125rem;
}

.payment .pay_list .li {
  padding: 0 4.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 6.625rem;
  border-bottom: solid 1px #383d42;
}

.payment .pay_list .li:last-child {
  border: none;
}

.payment .pay_list .li .left .reson {
  font-family: SourceHanSansCN-Medium;
  font-size: 1.125rem;
  color: #e1e1e1;
}

.payment .pay_list .li .left .time {
  font-size: 1rem;
  color: #acaeb0;
}

.payment .pay_list .li .right {
  font-family: Roboto-Bold;
  font-size: 1.375rem;
  color: #ffa700;
}

.payment .pay_list .li .right span {
  font-family: Roboto-Bold;
  font-size: 0.875rem;
}

@media screen and (max-width: 1920px) {
  .index .carpooling .choice {
    width: 24%;
  }
}

@media screen and (max-width: 1440px) {
  .index .tab .list {
    width: 75rem;
  }

  .index .tab .list .product {
    width: 23rem;
  }

  .index .tab .list .product .top {
    padding: 0 1.5rem;
  }

  .index .tab .list .product .pic_pro {
    width: 5.5rem;
    margin-top: -2.25rem;
  }

  .index .tab .list .product .top .get_coupon {
    width: 6rem;
    height: 1.875rem;
    line-height: 1.875rem;
  }

  .index .tab .list .product .join_to .join .head {
    width: 3.375rem;
    height: 3.375rem;
  }

  .index .tab .list::after {
    width: 23rem;
  }

  .index .tab .list .product .join_to {
    padding: 2rem 1rem 1.5rem;
  }

  .index .we_have .webs {
    width: 75rem;
  }

  .index .we_have .webs .web {
    width: 30%;
  }

  .invite {
    width: 75rem;
  }

  .order_handle {
    width: 75rem;
  }

  .my_order {
    width: 75rem;
  }

  .my_order .car_list .car {
    width: 48%;
  }
}

@media screen and (max-width: 1200px) {
  .my_order {
    width: 98%;
  }

  .index .we_have .webs {
    width: 98%;
  }

  .invite {
    width: 100%;
  }

  .index .carpooling {
    padding: 2rem 0;
    flex-wrap: wrap;
  }

  .index .carpooling .choice {
    width: 48%;
    margin-top: 2rem;
  }

  .index .carpooling .choice:nth-child(even) {
    margin-top: 2rem;
  }

  .index .carpooling .choice .panel .advantages .pirce .coupons {
    width: 5rem;
  }

  .index .carpooling .choice .panel .advantages .pirce .new {
    width: 5rem;
  }

  .index .we_have {
    padding: 2rem 0;
  }

  .index .we_have .drop {
    margin-top: 2rem;
  }

  .index .tab .list {
    padding: 2rem;
  }

  .index .tab .list .product {
    width: 48%;
  }

  .order_detial {
    padding: 2rem;
  }

  .order_detial .detial .new {
    width: 5rem;
  }

  .order_detial .order_pic {
    height: auto;
  }

  .order_detial .detial {
    margin-left: 2rem;
  }

  .order_detial .order_pic {
    margin-left: 2rem;
  }

  .invite {
    padding: 2rem;
  }

  .invite .top {
    flex-wrap: wrap;
  }

  .invite .top .extension {
    width: 100%;
  }

  .invite .top .data {
    width: 48%;
    margin-top: 1rem;
  }

  .invite .charts {
    display: block;
  }

  .invite .charts .char1 {
    width: 100%;
  }

  .invite .charts .char2 {
    width: 100%;
  }

  .invite .charts .char .chart {
    height: auto;
  }

  .invite .charts .char .chart #main2 {
    height: 40rem;
  }

  .order_handle {
    padding: 2rem;
    width: 100%;
  }

  .order_handle .create_order .create_panle {
    height: auto;
    padding-bottom: 2rem;
  }

  .order_handle_detial {
    padding: 2rem;
  }

  .index .tab .list {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .index .we_have .webs .web {
    width: 48%;
    margin-top: 1rem;
  }

  .index .tab .list .product {
    width: 100%;
  }

  .index .carpooling .choice {
    width: 98%;
  }

  .index .carpooling {
    padding: 1rem;
  }

  .index .tab .list {
    padding: 1rem;
  }

  .index .order_popup .side_car {
    width: 100%;
  }

  .order_detial {
    display: block;
    padding: 1rem;
  }

  .order_detial .order_about {
    width: 100%;
  }

  .order_detial .order_pic {
    margin-left: 0;
    margin-top: 2rem;
    width: 100%;
    height: auto;
  }

  .order_detial .detial {
    margin-left: 0;
    margin-top: 2rem;
    width: 100%;
  }

  .order_detial .detial .carpooling {
    margin-top: 1rem;
  }

  .invite {
    padding: 1rem;
    width: 100%;
  }

  .invite .top .data .icon {
    width: 5rem;
  }

  .invite .top .extension {
    padding: 0 1rem;
  }

  .invite .top .extension .code {
    width: 6rem;
  }

  .invite .charts .char .chart #main2 {
    height: 35rem;
  }

  .order_handle {
    padding: 1rem;
    width: 100%;
  }

  .order_handle .statistics .list a .icon {
    width: 3rem;
    height: 3rem;
  }

  .order_handle .statistics .list a .icon .img {
    width: 60%;
  }

  .order_handle .statistics .list a .msg {
    margin-left: 0.5rem;
  }

  .order_handle .statistics .list {
    height: 6.25rem;
    margin-top: 1rem;
  }

  .order_handle .order_list .title .input_box {
    width: 10rem;
  }

  .order_handle .order_list .table .thead {
    display: none;
  }

  .order_handle .order_list .table .tr {
    flex-wrap: wrap;
    height: 6rem;
  }

  .order_handle .create_order .create_panle {
    width: 90%;
  }

  .order_handle .create_order .create_panle .title {
    line-height: 3.5rem;
  }

  .order_handle .create_order .create_panle .upload {
    padding: 0 1rem;
  }

  .order_handle .create_order .create_panle .upload .tip {
    margin-top: 1rem;
  }

  .order_handle .create_order .create_panle .upload .selects .select {
    width: 48%;
  }

  .order_handle_detial .detial .top {
    padding: 0 1rem 1rem;
  }

  .order_handle_detial .detial .bottom {
    padding: 1rem;
  }

  .order_handle_detial .detial .comment {
    margin-top: 1.5rem;
  }

  .order_handle_detial .detial {
    padding-bottom: 1.5rem;
  }

  .my_order {
    padding: 1rem;
    width: 100%;
  }

  .my_order .notice {
    padding: 0 1rem;
    /* height: 9.5rem; */
    height: auto;
    min-height: 9.5rem;
  }

  .my_order .car_list .car {
    width: 100%;
  }

  .my_order .car_list .car .group {
    padding: 0 1rem;
  }

  .my_order .car_list .car .parking {
    padding: 0 1rem;
  }

  .my_order .sharing_pop .sharing_notice {
    width: 80%;
  }

  .personal {
    padding: 1rem;
  }

  .personal .form {
    width: 100%;
    padding: 2rem;
  }

  .login {
    padding: 1rem;
  }

  .login .form {
    width: 100%;
  }

  .login .form .input_box {
    height: 3.5rem;
    margin-top: 1rem;
  }

  .login .form .agreement {
    margin-top: 1rem;
  }

  .login .form .submit {
    margin-top: 1rem;
    height: 4rem;
  }

  .login .form .wechat {
    margin-top: 1rem;
  }

  .login .form .wechat .icon {
    width: 4rem;
    height: 4rem;
    margin-top: 1.5rem;
  }

  .login .form .wechat .icon .img {
    width: 70%;
  }

  .payment {
    padding: 1rem;
  }

  .payment .pay_list .li {
    padding: 0 1.5rem;
  }

  .index .we_have .webs {
    width: 100%;
    padding: 1rem;
  }

  .my_order .car_list .car .parking {
    grid-template-columns: repeat(5, 15%);
  }
}


@media screen and (max-width:360px) {

  .my_order .car_list .car .group {
    padding: 0 2px;
  }

  .my_order .car_list .car .top p {
    color: #fff;
  }

}