
::-webkit-scrollbar {
	display: none;
}
html,
body {
	width: 100vw;
	min-height: 100vh !important;
}
#app {
	width: 100vw;
	min-height: 100vh;
	/* overflow: hidden;
	font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align: center;
	color: #2c3e50; */
}

body {
  background: #F2F3F7;
  font-size: 16px;
}
a {
  color: unset;
}
.fz24 {
  font-size: .24rem;
}
.fz22 {
  font-size: .22rem;
}
.fz30 {
  font-size: .3rem;
}
.fz32 {
  font-size: .32rem;
}
.fz28 {
  font-size: .28rem;
}
.fz26 {
  font-size: .26rem;
}
.p-l-30 {
  padding-left: .3rem;
}
.p-t-30 {
  padding-top: .3rem;
}
.font-b {
  font-weight: bold;
}
.bg-f {
  background: #fff;
}
.fixed {
  position: fixed;
}
.width-100 {
  width: 100%;
}
.height-100 {
  height: 100%;
}
.color-9 {
  color: #999;
}
.color-6 {
  color: #666;
}
.color-money {
  color: #ee0a24;
  font-size: 14px;
}
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.text-center {
  text-align: center;
}
.color-f {
  color: #fff;
}
.flex-box {
  display: flex;
}
.flex-1 {
  flex: 1;
}
.justify-content {
  justify-content: space-between;
}
.text-over {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.van-picker__toolbar {
  height: 60px;
}
.van-picker__confirm {
  color: #333;
}
.van-picker__title {
  font-weight: bold;
}
.van-popup--bottom {
  border-radius: 10px 10px 0 0;
}
* {
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;

    -webkit-touch-callout:none; /*系统默认菜单被禁用*/
    -webkit-user-select:none; /*webkit浏览器*/ /*早期浏览器*//*火狐*/ /*IE10*/
    user-select:none;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
img {
    border: 0 none;
    vertical-align: top;
}
i,
em {
    font-style: normal;
}
ol,
ul {
    list-style: none;
}
input,
select,
button,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-family: inherit;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
    text-decoration: none;
    color: #666;
}
body {
    margin: 0 auto;
    /*max-width: 750px;*/
    height: 100%;
    font-size: 14px;
    font-family: "Microsoft YaHei", -apple-system, Helvetica, sans-serif;
    line-height: 1.5;
    color: #666;
    text-size-adjust: 100% !important;
    background: #F5F6FA;
}
input[type="text"],
textarea {
    appearance: none;
}
* {
    box-sizing: border-box;
}
input {
    border: 0;
    outline: 0;
    background: transparent;
}
a:active {
    opacity: 0.7;
}
input,textarea {
    -webkit-user-select:auto; /*webkit浏览器*/
    margin: 0;
    padding: 0;
    outline: none;
}

/* Normalize CSS */
button {
    display: inline-block; /* 修改显示类型为行内块元素 */
    text-align: center; /* 文本居中对齐 */
    vertical-align: middle; /* 垂直居中对齐 */
    cursor: pointer; /* 光标指向手形 */
    -webkit-appearance: button; /* 去除不同浏览器自定义样式 */
    outline: none; /* 取消外部点击时的默认效果 */
    user-select: none; /* 禁止选中文字 */
    font-family: inherit; /* 继承父元素的字体族 */
    font-size: inherit; /* 继承父元素的字体大小 */
    line-height: inherit; /* 继承父元素的行高 */
    color: inherit; /* 继承父元素的文字颜色 */
    background-color: transparent; /* 背景色为透明 */
    border: none; /* 无边框 */
    padding: 0; /* 没有内边距 */
    margin: 0; /* 没有外边距 */

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror HTML */ /* Firefox */ /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by most modern browsers */
}
button:active {
    opacity: 0.6;
}
@font-face {
    font-family: "OPPOSans-B";
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    font-style: normal;
    font-weight: normal !important;
}
.u-number {
    font-family: OPPOSans-B, -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;
    font-weight: normal !important;
}
.title-tip {
    font-size: 0.32rem;
    font-weight: 500;
    color: #333333;
    line-height: 0.32rem;
    font-family: PingFangSC, PingFang SC;
    padding: 0.4rem 0;
    text-align: center;
}
.project-card {
    background: #FFFFFF;
    border-radius: 0.2rem;
    padding: 0.40rem 0.3rem;
    /*display: flex;*/
    /*justify-content: space-between;*/
    margin: 0 0.2rem;
    opacity: 0;
}
.project-name {
    max-width: 4.74rem;
    font-size: 0.28rem;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 0.36rem;
}
.queued-no {
    font-weight: bold;
    font-size: 0.28rem;
    color: #333333;
    line-height: 0.28rem;
}
.price {
    font-size: 0.28rem;
    color: #19181D;
    line-height: 0.28rem;
}
.price-unit {
    font-size: 0.2rem;
    color: #19181D;
}
.order-info {
    background: #FFFFFF;
    border-radius: 0.2rem;
    margin: 0.2rem 0.2rem 0;
    opacity: 0;
}
.address-info {
    background: #FFFFFF;
    border-radius: 0.2rem;
    margin: 0.2rem 0.2rem 0;
    opacity: 0;
}
.order-header {
    padding: 0.3rem;
    display: flex;
    flex-direction: column;
}
.order-header .title {
    font-size: 0.28rem;
    font-weight: bold;
    color: #333333;
    line-height: 0.28rem;
}
.order-header .tip {
    font-size: 0.24rem;
    font-weight: 400;
    color: #FF4E58;
    line-height: 0.24rem;
    padding-top: 0.1rem;
}
.order-detail {
    border-top: 1px solid #eee;
    padding: 0.4rem 0.3rem;
    display: flex;
    flex-direction: column;
}
.order-item, .order-avatar {
    display: flex;
    justify-content: space-between;
    font-size: 0.28rem;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    line-height: 0.28rem;
}
.mb-38 {
    margin-bottom: 0.38rem;
}
.mt-24 {
    margin-top: 0.24rem;
}
.order-item .label, .order-avatar .label {
    color: #999999;
}
.order-item .value, .order-avatar .value {
    color: #333333;
}
.order-avatar {
    align-items: center;
}
.order-avatar .avatar {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
}
.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
.project-tips {
    background: #FFEEEF;
    padding: 0.16rem 0.2rem;
}
.project-label, .project-text {
    font-size: 0.24rem;
    color: #FF4E58;
    line-height: 0.32rem;
    text-align: justify;
    font-style: normal;
}
.project-label {
    font-weight: bold;
}
.project-text {
    line-height: 1.5;
}
.footer-wrap {
    padding: 0.2rem 0.4rem calc(env(safe-area-inset-bottom) + 0.2rem);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    box-shadow: 0 -0.02rem 0.08rem 0 rgba(0,0,0,0.04);
}
.footer-submit {
    width: 100%;
    height: 0.92rem;
    background: var(--submit-bg, #09AFFD);
    border-radius: 0.46rem;

    font-size: 0.28rem;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 0.92rem;
}
.alipay-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 0;
}
.alipay-icon {
    width: 1rem;
    height: 1rem;
    margin-bottom: 0.2rem;
}
.alipay-text {
    font-size: 0.28rem;
    font-weight: 400;
    color: #333333;
    line-height: 0.28rem;
}
.toast {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 0.1rem 0.2rem;
    border-radius: 0.06rem;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 9999;
}
.modal {
    text-align: center;
}
.modal-mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.8);
}
.modal-wrap {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1000;
    width: 5.6rem;
    background: #fff;
    border-radius: 0.2rem;
    overflow: hidden;
    padding-bottom: 0.4rem;
}
.modal-header {
    padding-top: 0.6rem;
    margin-bottom: 0.4rem;
    line-height: 1;
    font-size: 0.32rem;
    font-weight: bold;
    color: #333333;
    text-align: center;
}
.modal-content {
    margin-top: 0.4rem;
    min-height: 1.68rem;
    max-height: 9.6rem;
    overflow: hidden;
    font-size: 0.28rem;
    font-weight: 400;
    color: #333333;
}
.modal-footer {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.modal-footer .btn {
    width: 2.2rem;
    height: 0.8rem;
    line-height: 0.8rem;
    background: #19181D;
    border-radius: 0.4rem;
    font-weight: 400;
    font-size: 0.28rem;
    color: #FFFFFF;
}





body {
  background: #F2F3F7;
  font-size: 16px;
}
a {
  color: unset;
}
.fz24 {
  font-size: .24rem;
}
.fz22 {
  font-size: .22rem;
}
.fz30 {
  font-size: .3rem;
}
.fz32 {
  font-size: .32rem;
}
.fz28 {
  font-size: .28rem;
}
.fz26 {
  font-size: .26rem;
}
.p-l-30 {
  padding-left: .3rem;
}
.p-t-30 {
  padding-top: .3rem;
}
.font-b {
  font-weight: bold;
}
.bg-f {
  background: #fff;
}
.fixed {
  position: fixed;
}
.width-100 {
  width: 100%;
}
.height-100 {
  height: 100%;
}
.color-9 {
  color: #999;
}
.color-6 {
  color: #666;
}
.color-money {
  color: #ee0a24;
  font-size: 14px;
}
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.text-center {
  text-align: center;
}
.color-f {
  color: #fff;
}

.flex-box {
  display: flex;
}
.flex-1 {
  flex: 1;
}

.justify-content {
  justify-content: space-between;
}

.text-over {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}


.van-picker__toolbar {
  height: 60px;   
}

.van-picker__confirm {
  color: #333;
}

.van-picker__title {
  font-weight: bold;
}

.van-popup--bottom {
  border-radius: 10px 10px 0 0;
}
