@charset "UTF-8";
/* 页面左右间距 */
/* 文字尺寸 */
/*文字颜色*/
/* 边框颜色 */
/*颜色*/
/* 图片加载中颜色 */
/* 行为相关颜色 */
/* 功能栏字体大小 */
/*功能栏左侧小图标*/
page,
.content {
  background: #f8f8f8;
  height: 100%;
}
.order-title {
  width: 750rpx;
  height: 270rpx;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAEFCAYAAAC8dmIWAAAP90lEQVR4nO3da3IbR5aA0SQJkJQ87u71zBJnK7OxiZgY23oQQL0nboGU2bIkk2IBqFt1joNBOfxHBoLAx0Tmzav//O//GgpM6EO1L1XXekgB3uAft/flfrP1EAJfXHsomFrb9x5TgDcaLKsBXxHuTCreaLpBuAO8VV+UO/DvhDuTavvOAwowgd4iCPAV4c6kauEOMIneXhngK8KdSTXCHWASwh34mnBnOoNwB5iKcAe+JtyZTDv0ZfBGAzCJ8aC/l1TgGeHOZKy2A0zLqjvwnHBnMk0n3AGmZLwu8JxwZzJW3AGmJdyB54Q7k4jbUr3BAEzL6yrwnHBnEnXXeiABJtb19rgDfxLuTEK4A0yvteIOPCPcebPB/HaAk+h6IyGBPwl33qzuW+8rACcwlME+d+AL4c6b2SYDcDpx+B+gCHemUJvfDnAy9rkDT4Q7b9L2nY9xAU6odYYIeCTceZNDa5sMwCnZKgM8Ee78vKGUQ9d4AAFOKD7VHEwAgNUrwp23iBGQvXcTgJOzXQYowp23qEyTATiLWrjD6hXhzk+zTQbgbFxyBxThzs+yTQbgfMZw95ILqyfc+Sl7q+0AZzMMg3nugHDn9WKhvTIGEuCsbJcBhDuvVnVNGXxmC3BWjVuqYfWEO6+2b22TATg3K+6AcOdV4gY/bx4A5xcXMblFFdZNuPMq+7b2gAFcSO3+DFg14c6LxaHUg0OpABcj3GHdhDsvdnAoFeCi4gZVV2jAegl3XmYoZdfYJgNwaXVv1R3WSrjzIlXfjgejALgs22VgvYQ7L2K1HWAeavPcYbWEO38rLv0wAhJgHo5jIb0mwxoJd/7WzghIgFkx4QvWSbjzQ3HZR2U/JcCsxJQvQ75gfYQ7P/TQVB4ggJnph8EWRlgh4c53WW0HmC+vz7A+wp3v2lltB5gt22VgfYQ73xSr7QerOQCzZbsMrI9w55vsbQeYv32sugOrIdz5i5jbbu8kwPxVbVsG22VgNYQ7f/HZajtACkMZSmXVHVZDuPNvYvXGnkmAPPatcIe1EO78abDaDpBNLLbEQAFg+YQ7X+zaunSDF3+AbPZt7TmDFRDujGKs2EPjhR8go4NDqrAKwp3R57oaDzkBkE+8fh8cUoXFE+6M4x+94APktotPTa2/wKIJ97UbSvlYH9b+KACkF2eUqt4dHLBkwn3lYoqMA6kAy7BzVgkWTbivWIwP25lEALAYMRoytj8CyyTc18oWGYBFsiADyyXcVype2Fs3pAIsTtW1LmSChRLuK9T1vZntAAv24BZsWCThvjaPW2TMbAdYLqvusEzCfWUe2mo8vATAsu2susPiCPcViUkDtsgArMPBqjssjnBfiWEYTJEBWJnPVt1hUYT7SnyqXbQEsDZ115rrDgsi3Ffg0Dbl0DVrfxgAVsmqOyyHcF+42N8Yq+0ArFMMJKja1rMPCyDcFyz2tX+o9kY/AqzcuOrurQDSE+5LNZTyoT7Y1w7A+F4QN2YDuQn3hXpo6/FQEgCU8TbVuvSDZXfITLgvUAS7664BeC62TX525glSE+4L0/X9uEUGAL4WE8aMh4S8hPuCxEegf8RhVB+FAvAd42V83iYgJeG+ENHqMUHGYVQAfiTeJ8x2h5yE+xIMsYKyH2f1AsDfiQkzcc8HkItwX4BYOalMkAHgFWyZgXyEe3L7tjGbF4BXa/vO+wckI9wTiyusP5kgA8BPitnunS0zkIZwTyq2xnyo92t/GAB4g5jtbssM5CHcE6q7rnysRDsAbxeDDR5aU2YgA+GeTFycEWMfLY4AMJXYMuNiJpg/4Z5IHCT6o96PH20CwJRiy4wL/GDehHsSMW/XragAnEpczGTgAcybcE8gVtp/r3alF+0AnNCha8uhbTzEMFPCfeZiz+HvVtoBOJNPdeVWVZgp4T5jMT3G9hgAzinOUX3w3gOzJNxnKi5X+lDtHEQF4Oxiv/sH891hdoT7DO3bZrxcyeslAJdSd215aGuPP8yIcJ+Zh6Zyqh+AWYj3pAh4YB6E+1wMxxm6cQkGAMxFbJnpHFaFWRDuMxAHgP6odkZwATA7x/eovZHEMAPC/cJiFeO3w67UvaumAZin8bDqOGnGEwSXJNwvKPYNxsVK8YIIAHPW9F35WO9NmoELEu4XsmtqHz0CkErVteVzU3nS4EI2HvjzGsZDqPvxxQ8Astm1dbm5vi7vNlvPHZyZcD+juEI65rM7nQ9AZjG2+LpclbuNjIBzslXmTGJizO+HnWgHYBE++PQYzk64n1iM0fpYHcYZ7YMTPQAsyMdqX+rOVDQ4F+F+Qk3XjaMeD5357AAsTyxHxZjIRrzDWQj3UxiO10Qb9QjA0sWnyX/U+9K6jwROKn7GhPvEYg97BPtDUy/q/wsAvufpdtXWOS44ifjZip8x4T6V4TibPbbGNFYdAFiZuJckFq6svMO04mcqfrbiZ0y4TyB+C/qt2o2XUjiACsBaDWO82/MOU4mfpfiZGh4v7BTubzGU8rmuym+HBysMAPBs20xtVCS8SUxs+uNZtBfh/vPiwfy/w8N4gxwA8Kf49DmmzVSteIefET87H6rdX3ZyuPLslfp+KJ+ag0snAOAHhsdLmn4t9+XdZuuhghfat814O/G3CPcXik8pdm1Vdk1jHzsAvFAESD/05ZftnYcM/kaME//RZELh/gKHthkPnvaDYAeA14oQ6fqh/OP2vpQrDx/8xVDKx+YwNuePCPcfiJO8EezGOwLA28Qt4n3Vl3/evStXV+odnsTh0zgTUr+gN4X7N0SwP7S1E/EAMKEIk7jv5F9378rNtfkY0D1erPTSm/aF+zMxjz32Fjl4CgCnEYESl8nEtpnbGxnCesUC8cfxDMjLt2L7iRHsAHBW/eOs9//Y3pX321sPPqsTt+3HduzXWnW4x5aYmMMu2AHg/J7Okf3jNva9ewJYvlhc/1jvf7o91xfuQylV346/6Th0CgCXFQHzW/VQ/nn7rmzse2fBYodH3G0Q+9p/1mrCPX7DObR12bXNiw8AAACnFyHz+2FXfr29K/cua2KBDuOlStWb7wJafLjHbzdxA1WMoRrMYQeAWYqgiYN6ddeNAW9kJEsQ7RnBHh06hUWGe/R51TVjsNsOAwB5ROA0h26cOrO9ufHMkVacpYxfRqfc6bGccB/KGOn7rilV2775owgA4DKeRkb+sr0tv2zu3LZKLkMpD2013hg8tfThHlthYt9QHG6xdx0AliPCJ7bOxOq7C5vIIM5rxCr7qXZ8pAz3iPXYCnNoxToALFnzeNtqrL6/39xafWeehjKOGI9fNk+56yNHuA/Ha5JjVb22sg4AqxIhFDPfD107rr4bG8mctI+r7O0ZzlXONtzjo4aI9XqM9c6edQBYuXZcfX8YV97j1lWr71zUcLxELFbaz2U24R6h3oyh3o3fraoDAN/ydOu5yTNcSvTqp4knxrzERcI9xjXGb83Ns6/ejHUA4IWeJs/c3WzKr9v7cn1t+Z3T6/uhfGoO4y+Ol3DycI//wXboxv0/x1jvraYDAJM4nn97KO+32/J+Exc3eVyZ3jAePq3Krmkuun377eE+lHG1PGL8+DWM217izxHr9qYDAKcUrRHTPOLixdj7fr/ZeryZTIwdj73sc9gdsjn+HY5/kf7L3+eY23FNa/zTD8d/j+/90D9+P8a6LS4AwBxEk8R0j6eAt/+dt4ibTyPY53QL/+Z/959m8NcAAJhGhFbsf7+92ZRfNrcCnleJYH9o63Gy4dykvzkVAOBb6sf7X+IA6y/bO/Pf+aHY4v3QVBc7ePoSwh0AWLQIsUrA8x0Zgv2JcAcAVuF5wL+3hWb1YkvM050AWQh3AGBVngJ+e31T3m9vy931xi2sazGUUvVt2TX1rA6dvpRwBwBWKcLtQ7UvN1fX5f1mW+43t+bAL1QMQTy0ddm1Ter7hIQ7ALBqEXKfmqp8butyf7Mp7za39sEvROxfj/Ggh64Zx5xnJ9wBAB7vr4nIi6/YRvNusy13N1ur8MlEn1fd8XnMuB3mR4Q7AMBXIviauitXpSp3m015d7MdY95e+Jkajs/ZvmtK1baLvblfuAMAfEcEYFx5H1+xFz4m0txvtrbSzERshYnnJg4bZ967/lLCHQDgBSIMd+MBx3qM+PvNZtxKI+LPK2I9tsIc2nXE+nPCHQDglSIYH5p6/IqIv73ZjKvxt7bTTG8ope67cVW9XsnK+vcIdwCAN4iQ3Lf1+HVVrsrtzc0Y8hHxN1bjf0rX92Os12Osd4vds/5awh0AYCIRmE8XPIVYjY9DrRHzWyH/XRHqzRjq3fh9zavqPyLcAQBOJAK06/pxjni4vroaA/7pa3N9s7pxkzGuse2Pgf701S9gxvo5CHcAgDOJQH2+Il++rMpfjxEfB103Vzfl+noZNd/3Q2mHbjxQeoz13mr6Gwh3AIALelqVL89iPvbKR8RH1N+M36+Of766HlftZ3MAdjj+MjL+P4xfw7jtJf4csW5v+rSEOwDAzETwjttISlfKNy7/vH4M+fh+/Dr++erxv43/PH2PXwQeQ3/8t2fRf9yhcozr/ktjH3M7bpKNf/rh+O/xvR/6x+/HWLfF5byEOwBAMsd4XtZ1/vw9R5sBACAB4Q4AAAkIdwAASEC4AwBAAsIdAAASEO4AAJCAcAcAgASEOwAAJCDcAQAgAeEOAAAJCHcAAEhAuAMAQALCHQAAEhDuAACQgHAHAIAEhDsAACQg3AEAIAHhDgAACQh3AABIQLgDAEACwh0AABIQ7gAAkIBwBwCABIQ7AAAkINwBACAB4Q4AAAkIdwAASEC4AwBAAsIdAAASEO4AAJCAcAcAgASEOwAAJCDcAQAgAeEOAAAJCHcAAEhAuAMAQALCHQAAEhDuAACQgHAHAIAEhDsAACQg3AEAIAHhDgAACQh3AABIQLgDAEACwh0AABIQ7gAAkIBwBwCABIQ7AAAkINwBACAB4Q4AAAkIdwAASEC4AwBAAsIdAAASEO4AAJCAcAcAgASEOwAAJCDcAQAgAeEOAAAJCHcAAEhAuAMAQALCHQAAEhDuAACQgHAHAIAEhDsAACQg3AEAIAHhDgAACQh3AABIQLgDAEACwh0AABIQ7gAAkIBwBwCABIQ7AAAkINwBACAB4Q4AAAkIdwAASEC4AwBAAsIdAAASEO4AAJCAcAcAgASEOwAAJCDcAQAgAeEOAAAJCHcAAEhAuAMAQALCHQAAEhDuAACQgHAHAIAEhDsAACQg3AEAIAHhDgAACQh3AABIQLgDAEACwh0AABIQ7gAAkIBwBwCABIQ7AAAkINwBACAB4Q4AAAkIdwAASEC4AwBAAsIdAAASEO4AAJCAcAcAgASEOwAAJCDcAQAgAeEOAAAJCHcAAEhAuAMAQALCHQAAEhDuAACQgHAHAIAEhDsAACQg3AEAIAHhDgAACQh3AABIQLgDAEACm1LK/3iiAABgxkop/w+oWEs05HHHDAAAAABJRU5ErkJggg==) repeat-x 0;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.order-title .body-title {
  height: 80rpx;
  text-align: center;
  font-size: 35rpx;
  position: relative;
}
.order-title .body-title .header {
  position: absolute;
  left: 0;
  top: 30rpx;
  width: 100%;
  font-size: 36rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #fffeff;
  height: 80rpx;
  font-size: 36rpx;
  font-weight: 700;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.order-title .body-title .goback-box {
  position: absolute;
  left: 18rpx;
  top: 30rpx;
  height: 80rpx;
  display: flex;
  align-items: center;
}
.order-title .body-title .goback {
  z-index: 100;
  width: 34rpx;
  height: 34rpx;
}
.order-title text {
  margin: 30px 0;
  font-size: 17px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #ffffff;
}
.order-title .roder-content {
  margin-top: 80rpx;
  display: flex;
  justify-content: space-around;
}
.order-title .roder-content .left {
  position: relative;
  width: 168px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #ffffff;
  border-radius: 5px;
  text-align: center;
  font-size: 15px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #ffffff;
  background: #24a17d;
}
.order-title .roder-content .dian {
  position: absolute;
  z-index: 2;
  top: 10rpx;
  right: 20%;
  width: 40rpx;
  height: 40rpx;
  border-radius: 50%;
  background-color: red;
  color: #ffffff;
  font-size: 24rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.order-title .roder-content .current {
  color: #24a17d;
  background: #ffffff;
}
.list-scroll-content {
  height: calc(100% - 150px);
}
.order-item {
  width: 702rpx;
  background: #ffffff;
  box-shadow: 0px 0px 20rpx 0px rgba(50, 50, 52, 0.06);
  border-radius: 20rpx;
  margin: 20rpx auto 0;
  padding: 24rpx;
}
.order-item .order-top-left {
  display: flex;
  align-items: center;
}
.order-item .order-top-left .order-top-left-image {
  width: 32rpx;
  height: 37rpx;
}
.order-item .order-top-left .order-top-left-font {
  margin-left: 10rpx;
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
}
.order-item .order-top-right {
  font-size: 26rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ff6f0f;
}
.order-item .order-info {
  margin-top: 24rpx;
  align-items: flex-start;
}
.order-item .order-info .order-info-left {
  width: 200rpx;
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
}
.order-item .order-info .order-info-right {
  font-size: 28rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
}
.order-item .order-info .order-info-price {
  font-size: 38rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #ff6f0f;
}
.order-item .order-btn {
  margin: 34rpx auto;
  align-items: center;
  display: flex;
  justify-content: center;
  width: 566rpx;
  height: 74rpx;
  background: #24a17d;
  border-radius: 15rpx;
}
.order-item .order-btn .order-btn-icon {
  width: 35rpx;
  height: 36rpx;
}
.order-item .order-btn .order-btn-font {
  margin-left: 7rpx;
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #ffffff;
}