@charset "utf-8";

* {
  margin: 0px;
  border: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 20px;
}

li {
  list-style: none;
}

a {
  display: block;
  text-decoration: none;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

img {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
b {
  font-weight: normal;
}

em,
i {
  font-style: normal;
}

[v-cloak] {
  display: none !important;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.op0 {
  opacity: 0;
}

.oh1 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cle:after,
.wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.tl {
  text-align: left;
}

.w100 {
  width: 100%;
}

.wrap {
  width: 13.1rem;

  margin: 0 auto;

  position: relative;
}

.login {
  width: 100%;

  height: 100vh;
}

.login .shang {
  width: 100%;
}

.login .app {
  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: space-evenly;

  padding: 1rem 0 3rem;
}

.login .app .shang {
  color: #333333;

  text-align: center;
}

.login .app .logo {
  width: 2.28rem;

  height: 2.56rem;

  object-fit: contain;

  margin: 0 auto 0.6rem;
}

.login .app .school {
  color: #fd534b;

  font-size: 1.2rem;

  font-weight: bold;

  margin-bottom: 0.4rem;
}

.login .app .title {
  font-size: 0.84rem;

  margin-bottom: 0.4rem;
}

.login .app .subtitle {
  font-size: 0.44rem;

  margin-bottom: 1rem;
}

.login .app .h1 {
  font-size: 0.84rem;

  font-weight: bold;

  margin-bottom: 0.8rem;
}

.note {
  margin-top: -1rem;

  width: 100%;

  display: flex;

  background: #fcf8f0;

  border-radius: 0.2rem;

  border: dashed 0.02rem #ffc76d;

  padding: 0.4rem;
}

.note .neir {
  font-size: 0.5rem;

  color: #333333;

  text-align: left;

  margin-top: -0.06rem;

  margin-left: 0.1rem;
}

.login .app .date {
  font-size: 0.5rem;

  color: #333333;

  padding: 0.6rem 0;

  line-height: 2;
}

.login .app .date span {
  font-weight: bold;
}

.border {
  width: 100%;

  height: 0.4rem;

  background: #f0f0f0;
}

.login .app .form_wrap {
  width: 100%;

  padding: 0.8rem 0;
}

.login .app .form_wrap .flex {
  display: flex;

  align-items: center;

  padding: 0.4rem 0;
}

.login .app .form_wrap .flex .name {
  width: 3.4rem;

  position: relative;

  padding-left: 0.5rem;
}

.login .app .form_wrap .flex .name:before {
  content: "*";

  color: #ba0015;

  font-weight: bold;

  font-size: 0.5rem;

  position: absolute;

  left: 0;

  top: 0;
}

.login .app .form_wrap .flex .name .p1 {
  font-size: 0.5rem;

  color: #46485a;
}

.login .app .form_wrap .flex .name .p2 {
  font-size: 0.42rem;

  color: #838383;
}

.login .app .form_wrap .flex .input {
  flex: 1;

  border: solid 0.02rem #b6b6b9;

  border-radius: 0.2rem;

  padding: 0.14rem;

  display: flex;

  align-items: center;
}

.login .app .form_wrap .flex .input .text_code {
  flex: 1;
}

.login .app .form_wrap .flex .input .text {
  width: 100%;

  height: 1.12rem;

  line-height: 1.12rem;

  font-size: 0.5rem;

  color: #46485a;

  display: block;

  outline: none;

  background: transparent;

  padding: 0 0.2rem;
}

.login .app .form_wrap .flex .input .icon {
  margin-right: 0.1rem;
}

.login .app .form_wrap .flex .input .code {
  line-height: 1.12rem;

  background: #46485a;

  border-radius: 0.2rem;

  font-size: 0.5rem;

  color: #b6b6b9;

  min-width: 2.2rem;

  padding: 0 0.4rem;

  text-align: center;
}

.login .app .form_wrap .agr {
  margin-top: 1.6rem;

  display: flex;

  font-size: 0.5rem;

  color: #46485a;
}

.login .app .form_wrap .agr span {
  color: #fd564d;
}

.login .app .form_wrap .agr .img {
  width: 0.7rem;

  height: 0.7rem;

  margin-right: 0.4rem;
}

.login .app .tijiao {
  width: 100%;

  background: #fd564d;

  line-height: 1.76rem;

  text-align: center;

  font-size: 0.64rem;

  color: #ffffff;

  border-radius: 1rem;
}

.footer_span2 {
  width: 100%;

  height: 3.4rem;
}

.tijiao_wrap {
  background: #f9f9f9;

  padding: 0.8rem 0;
}

.tijiao_wrap .tijiao {
  background: #46485a;

  height: 1.76rem;

  font-size: 0.64rem;

  color: #ffffff;

  text-align: center;

  border-radius: 1rem;

  display: flex;

  justify-content: center;

  align-items: center;
}

.tijiao_wrap .tijiao .img {
  width: 0.64rem;

  height: 0.64rem;

  margin-right: 0.2rem;
}

.header {
  background: #fff;
}

.header .wrap {
  display: flex;

  align-items: center;

  padding: 0.6rem 0;

  color: #333333;

  font-size: 0.64rem;
}

.header .name {
  font-weight: bold;

  flex: 1;

  margin-left: 0.2rem;
}

.header .img {
  width: 0.64rem;

  height: 0.64rem;

  object-fit: contain;
}

.header .now {
  font-size: 0.5rem;

  color: #46485a;

  font-weight: bold;

  margin-left: 0.2rem;
}

.header_span1 {
  width: 100%;

  height: 2rem;
}

.index .note {
  margin-top: 0.1rem;
}

.index .tag_scroll {
  width: 100%;

  overflow: hidden;

  overflow-x: auto;

  margin: 0.4rem 0;
}

.index .tag {
  padding: 0.4rem 0;

  display: flex;
}

.index .tag .li {
  min-width: 2.4rem;

  line-height: 1.1rem;

  font-size: 0.5rem;

  color: #ffffff;

  border-radius: 1rem;

  background: #b4b4b4;

  text-align: center;

  position: relative;
}

.index .tag .li + .li {
  margin-left: 0.5rem;
}

.index .tag .li .icon {
  font-size: 0.6rem;

  color: #fd564d;

  position: absolute;

  right: -0.1rem;

  top: -0.2rem;
}

.index .tag .li.on {
  background: #e87e6e;
}

.index .tag .li.onn {
  background: #feba24;
}

.index .sort_name {
  font-size: 0.64rem;

  color: #333333;

  font-weight: bold;

  vertical-align: middle;

  display: flex;

  align-items: center;

  padding: 0.4rem;
}

.index .sort_name:before {
  content: "";

  display: inline-block;

  width: 0.28rem;

  height: 0.28rem;

  background: #333333;

  border-radius: 1rem;

  margin-right: 0.4rem;
}

.index .list_scroll {
  width: 100%;

  overflow: hidden;

  overflow-x: auto;

  padding-bottom: 0.4rem;
}

.index .list_scroll .list {
  display: flex;
}

.index .list_scroll .list .li {
  min-width: 5rem;

  width: 5rem;

  background: #e87e6e;

  border-radius: 0.4rem;

  overflow: hidden;
}

.index .list_scroll .list .li + .li {
  margin-left: 0.5rem;
}

.index .list_scroll .list .li .shang {
  display: flex;

  padding-right: 0.2rem;

  margin-bottom: 0.2rem;
}

.index .list_scroll .list .li .shang .now {
  background: #46485a;

  font-size: 0.42rem;

  color: #ffffff;

  padding: 0 0.2rem;

  border-radius: 0.4rem 0px 0.4rem 0px;
}

.index .list_scroll .list .li .shang .txet {
  flex: 1;

  margin-top: 0.08rem;

  line-height: 0.6rem;

  text-align: right;

  font-size: 0.36rem;

  padding: 0 0.2rem;

  color: #ffffff;
}

.index .list_scroll .list .li .shang .icon {
  font-size: 0.6rem;

  color: #cdcdcd;

  margin-top: 0.08rem;
}

.index .list_scroll .list .li .com {
  font-size: 0.5rem;

  color: #ffffff;

  height: 1.32rem;

  padding: 0 0.4rem;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;
}

.index .list_scroll .list .li .xiamian {
  display: flex;

  align-items: center;

  padding: 0.2rem;
}

.index .list_scroll .list .li .xiamian .price {
  font-size: 0.5rem;

  color: #ffffff;

  flex: 1;
}

.index .list_scroll .list .li .xiamian .ii {
  line-height: 0.6rem;

  font-size: 0.36rem;

  color: #333333;

  padding: 0 0.2rem;

  border-radius: 0.2rem;

  background: #fcf8f0;

  margin-left: 0.2rem;
}

.index .list_scroll .list .li.full {
  background: #b6b6b9;
}

.index .list_scroll .list .li.full .shang .now {
  background: #6f7070;
}

.index .list_scroll .list .li.on {
  background: #feba24;
}

.index .list_scroll .list .li.on .shang .icon {
  color: #fcf8f0;
}

.index .list_scroll .list .li.on .shang .txet {
  color: #fcf8f0;
}

.info .swipe {
  width: 100%;

  height: 8.8rem;

  object-fit: cover;
}

.info .swipe .img {
  width: 100%;

  height: 100%;
}

.info .yiceng .name_flex {
  display: flex;

  align-items: center;

  padding: 0.8rem 0;

  border-bottom: solid 0.02rem #f0f0f0;

  font-weight: bold;
}

.info .yiceng .name_flex .name {
  font-size: 0.84rem;

  color: #333333;

  flex: 1;
}

.info .yiceng .name_flex .price {
  font-size: 0.64rem;

  color: #fd564d;
}

.info .yiceng .ul {
  padding: 0.5rem 0;
}

.info .yiceng .ul .li {
  font-size: 0.5rem;

  color: #46485a;

  padding: 0.3rem 0;
}

.info .erceng {
  padding: 0.6rem 0;
}

.info .erceng .name {
  font-size: 0.64rem;

  color: #333333;

  display: flex;

  align-items: center;
}

.info .erceng .name:before {
  content: "";

  display: block;

  margin-right: 0.3rem;

  width: 0.3rem;

  height: 0.3rem;

  background: #333333;

  border-radius: 1rem;
}

.info .erceng .com {
  font-size: 0.5rem;

  color: #46485a;

  margin-top: 0.4rem;

  line-height: 1.7;
}

.confirm .header {
  background: #f9f9f9;
}

.confirm .list .li {
  margin-bottom: 1rem;

  padding: 0.2rem 0;
}

.confirm .list .li .name {
  font-size: 0.64rem;

  color: #333333;

  font-weight: bold;

  display: flex;

  align-items: center;
}

.confirm .list .li .name:before {
  content: "";

  display: block;

  width: 0.28rem;

  height: 0.28rem;

  background: #333333;

  border-radius: 1rem;

  margin-right: 0.3rem;
}

.confirm .list .li .select {
  background: #e87e6e;

  height: 1.76rem;

  line-height: 1.76rem;

  border-radius: 1rem;

  font-size: 0.64rem;

  color: #ffffff;

  text-align: center;

  margin-top: 0.6rem;
}

.confirm .list .li .bg {
  background: #feba24;

  border-radius: 0.2rem;

  display: flex;

  align-items: center;

  margin-top: 0.6rem;

  padding: 0.6rem;
}

.confirm .list .li .bg .neir {
  flex: 1;

  font-size: 0.64rem;

  color: #ffffff;
}

.confirm .list .li .bg .neir .flex {
  display: flex;

  flex-direction: column;
}

.confirm .list .li .bg .neir .flex .title {
  font-weight: bold;

  margin-right: 0.2rem;
}

.confirm .list .li .bg .neir .flex .jibei {
  white-space: nowrap;
}

.confirm .list .li .bg .neir .price {
  font-weight: bold;
}

.confirm .list .li .bg .quxiao {
  width: 1.76rem;

  height: 0.72rem;

  border-radius: 0.6rem;

  border: 0.02rem solid #ffffff;

  text-align: center;

  font-size: 0.5rem;

  color: #ffffff;

  line-height: 0.72rem;
}

.confirm .tijiao_wrap .wrap {
  display: flex;

  align-items: center;
}

.confirm .tijiao_wrap .wrap .flex {
  flex: 1;

  display: flex;

  align-items: baseline;
}

.confirm .tijiao_wrap .wrap .flex .zaixian {
  font-size: 0.5rem;

  color: #333333;
}

.confirm .tijiao_wrap .wrap .flex .price {
  font-size: 0.84rem;

  color: #fd564d;

  font-weight: bold;

  margin-left: 0.2rem;
}

.confirm .tijiao_wrap .wrap .annui {
  /*width: 5.0rem;*/

  width: 100%;

  height: 1.76rem;

  line-height: 1.76rem;

  background: #e87e6e;

  border-radius: 1rem;

  text-align: center;

  font-size: 0.64rem;

  color: #ffffff;
}

.order_info .header,
.order_info {
  background: #f9f9f9;
}

.order_info .bg {
  background: #fff;

  padding: 0.8rem 0;
}

.order_info .bg .img {
  width: 8.4rem;

  margin: 0 auto 1rem;
}

.order_info .bg .wancheng {
  text-align: center;

  font-size: 1rem;
}

.order_info .bg .tishi {
  text-align: center;

  font-size: 0.5rem;

  color: #333333;
}

.order_info .bg .tishi span {
  font-weight: bold;

  font-size: 0.84rem;

  color: #fd564d;
}

.order_info .hui {
  padding: 1rem 0;
}

.order_info .hui .tit {
  font-size: 0.64rem;

  color: #333333;

  display: flex;

  align-items: center;
}

.order_info .hui .tit:before {
  content: "";

  display: block;

  width: 0.28rem;

  height: 0.28rem;

  background: #333333;

  border-radius: 1rem;

  margin-right: 0.2rem;
}

.order_info .hui .tit .i {
  flex: 1;

  text-align: right;

  font-size: 0.5rem;

  color: #46485a;
}

.order_info .list .li {
  padding: 0.5rem 0;

  border-bottom: solid 0.02rem #f0f0f0;
}

.order_info .list .li .name {
  font-size: 0.5rem;

  color: #46485a;

  margin-bottom: 0.2rem;
}

.order_info .list .li .flex {
  display: flex;
}

.order_info .list .li .flex .title {
  font-size: 0.64rem;

  color: #46485a;

  flex: 1;
}

.order_info .list .li .flex .price {
  font-size: 0.64rem;

  color: #fd564d;

  font-weight: bold;
}

.order_info .tijiao_wrap .tijiao {
  /* background:#B4B4B4; */
}

.order_info .bai {
  background: #fff;
}

.order_info .bai .wrap {
  display: flex;

  padding: 0.6rem 0;
}

.order_info .bai .wrap .huang_kuang {
  flex: 1;

  overflow: hidden;

  overflow-x: auto;

  display: flex;

  white-space: nowrap;

  padding-bottom: 0.2rem;
}

.order_info .bai .wrap .huang {
  /*height:2.8rem;*/

  background: #fcf8f0;

  border: dashed 0.02rem #fec76d;

  border-radius: 0.4rem;

  padding: 0.6rem;

  font-size: 0.64rem;

  color: #333333;
}

.order_info .bai .wrap .huang.on {
  border-style: solid;
}

.order_info .bai .wrap .huang + .huang {
  margin-left: 0.2rem;
}

.order_info .bai .wrap .huang .name {
  font-weight: bold;

  margin-bottom: 0.1rem;
}

.order_info .bai .wrap .add {
  border-radius: 0.4rem;

  background: #f9f9f9;

  border: dashed 0.02rem #b6b6b9;

  width: 2.6rem;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  margin-left: 0.6rem;

  margin-bottom: 0.2rem;
}

.order_info .bai .wrap .add .icon {
  font-size: 1rem;

  color: #afb3be;

  transform: rotate(45deg);
}

.order_info .bai .wrap .add .name {
  font-size: 0.42rem;

  color: #46485a;

  text-align: center;

  margin-top: 0.2rem;
}

.popup_loading_overlay {
  z-index: 2100 !important;
}

.popup_loading {
  z-index: 2110 !important;
}

.van-popup {
  background: transparent;
}

.van-loading {
  width: 60px;

  height: 60px;

  display: flex;

  justify-content: center;

  align-items: center;

  color: #fff;
}

.privacy .title {
  text-align: center;

  font-size: 0.64rem;

  color: #333;

  background: #f9f9f9;

  line-height: 2rem;
}

.privacy .wrap {
  width: 14rem;

  padding: 0.4rem 0 0.6rem;

  font-size: 0.64rem;

  color: #333333;

  line-height: 1.5;
}

.privacy .wrap .p1 {
  margin-top: 0.6rem;

  font-weight: bold;
}

.privacy .wrap .p3 {
  font-weight: bold;
}

/* index页 */
.index {
  background: #f0f0f0;
}
.index .box {
  padding: 18px;
  margin-bottom: 10px;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.index .tt {
  font-size: 0.6rem;
  color: #46485a;
}
.index .input {
  flex: 1;
  border: solid 0.02rem #b6b6b9;
  border-radius: 0.1rem;
  padding: 0.14rem;
  display: flex;
  align-items: center;
}
.index .input .text {
  width: 100%;
  height: 1.12rem;
  line-height: 1.12rem;
  font-size: 0.5rem;
  color: #46485a;
  display: block;
  outline: none;
  background: transparent;
  padding: 0 0.2rem;
}
.index .input .text_code {
  flex: 1;
}
.index .radioGroup {
  display: flex;
  font-size: 0.6rem;
}
.index .radioGroup .van-radio {
  flex: 1;
}
.index .input .textarea {
  width: 100%;
  height: 3rem;
  font-size: 0.5rem;
  padding: 0 0.2rem;
}
.index .tijiao {
  width: 80%;
  margin: 0 auto;
  background: #fd564d;
  line-height: 1.76rem;
  text-align: center;
  font-size: 0.64rem;
  color: #ffffff;
  border-radius: 1rem;
  margin-bottom: 0.8rem;
}
.index .flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.index .tel {
  font-size: 0.7rem;
}
.index .confirmBtn {
  background: #fd564d;
  line-height: 1.4rem;
  text-align: center;
  font-size: 0.64rem;
  color: #ffffff;
  border-radius: 1rem;
  width: 4.3rem;
}
.index .plusIcon {
  width: 1.7rem;
  height: 1.7rem;
  text-align: center;
  line-height: 1.7rem;
  background: #afb3be;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  margin: 0 auto;
}
.index .box .item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-bottom: 0.8rem;
  border-bottom: 1.5px dashed #e5e5e5;
}
.index .requiredIcon {
  color: #ba0015;
}

.form_photo{
  width:78px;
  height:78px;
  margin-right:10px;
}

.goods{
  display:flex;
  flex-wrap: wrap;
}
.goods .img{
  width:78px;
  height:78px;
  margin-right:10px;
  margin-bottom:10px;
  position: relative;
}
.goods .img img{
  width:100%;height:100%;
}
.goods .i{
  display:flex;
  position: absolute;
  width:30px;
  height:30px;
  right:0;
  top:0;
  background:rgba(0, 0, 0, 0.2);
  z-index:2;
  align-items: center;
    justify-content: center;
}