page {
  min-height: 100%;
  width: 100%;
}
grace-page,
gracepage,
page {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
grace-page,
gracepage {
  flex: 1;
}
view {
  font-size: 28rpx;
}
.grace-img-in {
  font-size: 0;
}
.grace-opacity {
  opacity: 0.9;
}
.grace-border-box {
  box-sizing: border-box;
}
.grace-flex,
.grace-rows {
  display: -webkit-flex;
  display: flex;
}
.grace-rows {
  flex-direction: row;
}
.grace-columns {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.grace-wrap {
  flex-wrap: wrap;
}
.grace-nowrap,
.grace-wrap {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}
.grace-nowrap {
  flex-wrap: nowrap;
}
.grace-space-between {
  justify-content: space-between;
}
.grace-flex-center,
.grace-space-between {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}
.grace-flex-center {
  justify-content: center;
}
.grace-flex-end {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.grace-flex-vtop {
  align-items: flex-start;
}
.grace-flex-vcenter {
  align-items: center;
}
.grace-flex-vbottom {
  align-items: flex-end;
}
.grace-no-scale {
  flex-shrink: 0;
}
.grace-flex1 {
  flex: 1;
}
.grace-flex-v1 {
  display: -webkit-flex;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.grace-relative {
  position: relative;
}
.grace-absolute-lt {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 2;
}
.grace-absolute-rt {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.grace-absolute-lb {
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 2;
}
.grace-absolute-rb {
  bottom: 0;
  position: absolute;
  right: 0;
  z-index: 2;
}
.grace-center-view {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.grace-fixed-top {
  height: auto;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}
.grace-grids {
  flex-wrap: wrap;
  padding: 0;
}
.grace-grids,
.grace-grids-items {
  display: -webkit-flex;
  display: flex;
}
.grace-grids-items {
  align-items: center;
  box-sizing: border-box;
  flex-direction: column;
  padding: 20rpx 0;
  width: 175rpx;
}
.grace-grids-icon {
  font-size: 60rpx;
  height: 80rpx;
  line-height: 80rpx;
  text-align: center;
  width: 100%;
}
.grace-grids-icon-img {
  border-radius: 6rpx;
  height: 80rpx;
  width: 80rpx;
}
.grace-grids-text {
  font-size: 24rpx;
  line-height: 50rpx;
  margin-top: 2px;
  text-align: center;
  width: 100%;
}
.grace-padding {
  padding: 0 25rpx;
}
.grace-margin {
  margin: 0 25rpx;
}
.grace-body {
  padding: 0 25rpx;
  width: 700rpx;
}
.grace-margin-top {
  margin-top: 30rpx;
}
.grace-padding-top {
  padding-top: 30rpx;
}
.grace-black {
  color: #333 !important;
}
.grace-black6 {
  color: #666 !important;
}
.grace-black9 {
  color: #999 !important;
}
.grace-white {
  color: #fff !important;
}
.grace-blue {
  color: #3687ff !important;
}
.grace-light-blue {
  color: #afcfff !important;
}
.grace-blue-sky {
  color: #61cbef !important;
}
.grace-gray {
  color: #a5a7b2 !important;
}
.grace-red {
  color: #ff0036 !important;
}
.grace-yellow {
  color: #fc0 !important;
}
.grace-light-yellow {
  color: #ecd1a8 !important;
}
.grace-green {
  color: #9dd26d !important;
}
.grace-bg-black {
  background: #000 !important;
  color: #fff !important;
}
.grace-bg-white {
  background: #fff !important;
  color: #333 !important;
}
.grace-bg-blue {
  background: #3687ff !important;
  color: #fff !important;
}
.grace-bg-blue-sky {
  background: #61cbef !important;
  color: #fff !important;
}
.grace-bg-gray {
  background: #a5a7b2 !important;
  color: #fff !important;
}
.grace-bg-light-gray {
  background: #f8f8f8 !important;
}
.grace-bg-red {
  background: #ff0036 !important;
  color: #fff !important;
}
.grace-bg-green {
  background: #9dd26d !important;
  color: #fff !important;
}
.grace-bg-yellow {
  background: #fc0 !important;
  color: #fff !important;
}
.grace-bg-light-blue {
  background: #afcfff !important;
  color: #fff !important;
}
.grace-bg-light-yellow {
  background: #ecd1a8 !important;
  color: #fff !important;
}
.grace-gtbg-blue {
  background: linear-gradient(90deg, #b100ff, #00b3ff) !important;
  color: #fff !important;
}
.grace-gtbg-pink {
  background: linear-gradient(90deg, #f06, #ca00ff) !important;
  color: #fff !important;
}
.grace-gtbg-green {
  background: linear-gradient(90deg, #39b55a, #8dc63e) !important;
  color: #fff !important;
}
.grace-gtbg-purple {
  background: linear-gradient(90deg, #f000ee, #6e00ff) !important;
  color: #fff !important;
}
.grace-gtbg-orange {
  background: linear-gradient(90deg, #ffcd00, #ff9b00) !important;
  color: #fff !important;
}
.grace-gtbg-blue-sky {
  background: linear-gradient(90deg, #00ffd5, #008cff) !important;
  color: #fff !important;
}
.grace-imgbg,
.grace-imgbg-center {
  background-repeat: no-repeat;
  background-size: 100%auto;
}
.grace-imgbg-center {
  background-position: 50%;
}
.grace-imgbg-bc {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%auto;
}
.grace-border {
  border: 1px solid #e9e9e9;
}
.grace-border-l {
  border-left: 1px solid #e9e9e9;
}
.grace-border-r {
  border-right: 1px solid #e9e9e9;
}
.grace-border-t {
  border-top: 1px solid #e9e9e9;
}
.grace-border-b {
  border-bottom: 1px solid #e9e9e9;
}
.grace-noborder {
  border: none !important;
}
.grace-border-radius {
  border-radius: 100rpx;
}
.grace-border-radius-small {
  border-radius: 10rpx;
}
.grace-box-shadow {
  box-shadow: 0 0 16rpx #d5d6d8;
}
.grace-shadow {
  position: relative;
}
.grace-shadow::before {
  background: inherit;
  border-radius: inherit;
  content: "";
  display: block;
  filter: blur(6rpx);
  height: 100%;
  left: 8rpx;
  opacity: 0.38;
  position: absolute;
  top: 8rpx;
  transform: scale(1, 1);
  transform-origin: 0 0;
  width: 100%;
  z-index: -1;
}
.grace-h1 {
  font-size: 80rpx;
}
.grace-h2 {
  font-size: 60rpx;
}
.grace-h3 {
  font-size: 45rpx;
}
.grace-h4 {
  font-size: 32rpx;
}
.grace-h5 {
  font-size: 30rpx;
}
.grace-h6 {
  font-size: 28rpx;
}
.grace-bold {
  font-weight: 700;
}
.grace-text {
  font-size: 26rpx;
  line-height: 50rpx;
}
.grace-desc {
  font-size: 24rpx;
  line-height: 44rpx;
}
.grace-text-small {
  font-size: 22rpx;
  line-height: 40rpx;
}
.grace-line-through {
  text-decoration: line-through;
}
.grace-italic {
  font-style: italic;
}
.grace-indent {
  text-indent: 2em;
}
.grace-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grace-text-left {
  text-align: left;
}
.grace-text-center {
  text-align: center;
}
.grace-text-right {
  text-align: right;
}
.grace-text-justify {
  text-align: justify;
}
.grace-center {
  text-align: center;
}
.grace-button {
  border-radius: 6rpx;
  font-size: 30rpx;
  line-height: 88rpx;
  padding: 0;
}
.grace-button::after {
  border: none;
  border-radius: 4rpx !important;
}
.grace-button[type="primary"] {
  background: #3688ff;
  border: none;
}
.button-hover[type="primary"] {
  opacity: 0.9;
}
button[loading][type="primary"] {
  background-color: #3688ff;
  color: #fff;
}
.grace-button[type="primary"][plain] {
  background-color: transparent;
  border: 1px solid #3688ff;
  color: #3688ff;
}
.grace-button[type="warn"] {
  background: #ee0a25;
  border: none;
}
.button-hover[type="warn"] {
  background: #ff0036;
  opacity: 0.9;
}
button[loading][type="warn"] {
  background-color: #ee0a25;
  color: #fff;
}
.grace-button[type="warn"][plain] {
  background-color: transparent;
  border: 1px solid #ff0036;
  color: #ff0036;
}
.grace-box-btn {
  font-size: 50rpx;
  height: 80rpx;
  line-height: 80rpx;
  padding: 0;
  text-align: center;
  width: 80rpx;
}
button[disabled][type="primary"] {
  background-color: #3688ff;
  opacity: 0.8;
}
.grace-title {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  font-size: 28rpx;
  font-weight: 700;
  justify-content: space-between;
  line-height: 2em;
  padding: 10rpx 0;
}
.grace-title-text {
  flex: auto;
  width: 200rpx;
}
.grace-title-icon {
  font-size: 36rpx;
  width: 50rpx;
}
.grace-line-title {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.grace-line-title-line {
  background: #f9f9f9;
  flex: auto;
  height: 1px;
  width: 50rpx;
}
.grace-line-title-text {
  line-height: 80rpx;
  padding: 0 80rpx;
}
.grace-title-border {
  background: #3688ff;
  flex-shrink: 0;
  height: 28rpx;
  margin-right: 16rpx;
  width: 8rpx;
}
.grace-header-body {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  flex: auto;
  flex-direction: row;
  flex-wrap: nowrap;
}
.grace-header-body > .icons,
.grace-header-icons {
  flex-shrink: 0;
  font-size: 26px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  width: 44px;
}
.grace-header-content {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  flex: auto;
  flex-direction: row;
  flex-wrap: nowrap;
  line-height: 44px;
  width: 200rpx;
}
.grace-header-content-noflex {
  flex: auto;
  width: 200rpx;
}
.grace-header-text {
  font-size: 28rpx;
  margin: 0 10rpx;
}
.grace-header-face {
  border-radius: 30px;
  height: 30px;
  margin: 0 10rpx;
  width: 30px;
}
.grace-header-leader {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 62px;
  flex-shrink: 0;
  height: 62rpx;
  margin-left: 20rpx;
  padding: 0 15rpx;
  width: 136rpx;
}
.grace-header-leader-btns {
  font-size: 36rpx;
  line-height: 60rpx;
  text-align: center;
  width: 60rpx;
}
.grace-header-leader-line {
  background: hsla(0, 0%, 100%, 0.2);
  height: 30rpx;
  width: 1px;
}
.grace-swiper {
  height: 200rpx;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.grace-swiper-item {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  width: 100%;
}
.grace-swiper-image {
  width: 100%;
}
.grace-swiper-title {
  background: rgba(0, 0, 0, 0.2);
  bottom: 0;
  color: #fff;
  height: 68rpx;
  left: 0;
  line-height: 68rpx;
  overflow: hidden;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 99;
}
.grace-class {
  white-space: nowrap;
}
.grace-class view {
  border-radius: 50rpx;
  display: inline-block;
  line-height: 66rpx;
  margin: 0 2px;
  padding: 0 18px;
  width: auto;
}
.grace-class view:first-child {
  margin-left: 0;
}
.grace-class view:last-child {
  margin-right: 0;
}
.grace-class .grace-current {
  background: #3688ff;
  color: #fff;
}
.grace-tags {
  font-size: 18rpx;
  height: 26rpx;
  line-height: 26rpx;
  padding: 6rpx 12rpx;
}
.grace-tags,
.grace-tags-large {
  background: #a5a7b2;
  color: #fff;
  display: inline-block;
}
.grace-tags-large {
  font-size: 24rpx;
  height: 40rpx;
  line-height: 40rpx;
  padding: 6rpx 20rpx;
}
.grace-tbr {
  border-radius: 5rpx;
}
.grace-tbr-large {
  border-radius: 40rpx;
}
.grace-capsule {
  display: -webkit-inline-flex;
  display: inline-flex;
  flex-wrap: nowrap;
}
.grace-capsule-icon {
  background: #3688ff;
  color: #fff;
  display: inline-block;
  font-size: 24rpx;
  height: 30rpx;
  line-height: 30rpx;
  padding: 12rpx 15rpx;
}
.grace-icon-br {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.grace-capsule-text {
  border: 1px solid #3688ff;
  color: #3688ff;
  display: inline-block;
  font-size: 24rpx;
  height: 26rpx;
  line-height: 26rpx;
  padding: 12rpx 15rpx;
}
.grace-text-br {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.grace-list-items {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
.grace-list-icon {
  display: block;
  font-size: 50rpx;
  line-height: 80rpx;
  text-align: center;
}
.grace-list-icon,
.grace-list-image {
  flex-shrink: 0;
  height: 80rpx;
  width: 80rpx;
}
.grace-list-image {
  border-radius: 80rpx;
  font-size: 0;
}
.grace-list-body {
  flex: auto;
  margin-left: 26rpx;
  padding: 26rpx 0;
  width: 100rpx;
}
.grace-list-title {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.grace-list-title-text {
  color: #333;
  display: block;
  font-size: 26rpx !important;
  line-height: 40rpx;
}
.grace-list-title-desc {
  color: #999;
  display: block;
  flex-shrink: 0;
  font-size: 22rpx;
  line-height: 32rpx;
  margin-left: 20rpx;
}
.grace-list-body-desc {
  color: #999;
  font-size: 22rpx;
  line-height: 36rpx;
}
.grace-list-arrow-right {
  color: #b2b2b2;
  display: block;
  flex-shrink: 0;
  font-size: 36rpx !important;
  height: 50rpx !important;
  line-height: 50rpx !important;
  text-align: right;
  width: 60rpx;
}
.grace-img-card {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.grace-img-card-item {
  margin-bottom: 26rpx;
  overflow: hidden;
}
.grace-img-card-img,
.grace-img-card-item {
  font-size: 0;
  position: relative;
  width: 340rpx;
}
.grace-img-card-img {
  height: 220rpx;
}
.grace-img-card-bgTitle {
  background-color: rgba(0, 0, 0, 0.2);
  bottom: 0;
  color: #fff;
  font-size: 24rpx;
  left: 0;
  line-height: 50rpx;
  position: absolute;
  text-align: center;
  width: 340rpx;
}
.grace-img-card-title {
  display: block;
  font-size: 26rpx;
  height: 50rpx;
  line-height: 50rpx;
  margin-top: 3px;
}
.grace-img-card-more {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 6rpx 0;
}
.grace-img-card-price {
  color: #ff0036;
  font-size: 30rpx;
}
.grace-img-card-btn {
  border: 1px solid #ff0036;
  border-radius: 3px;
  color: #ff0036;
  display: block;
  font-size: 20rpx;
  line-height: 30rpx;
  padding: 6rpx 16rpx;
  text-align: center;
  width: 66rpx;
}
.grace-scroll-x {
  display: -webkit-flex;
  display: flex;
  white-space: nowrap;
}
.grace-scroll-x-items {
  display: -webkit-inline-flex;
  display: inline-flex;
  height: 200rpx;
  margin-right: 10rpx;
  width: 300rpx;
}
.grace-scroll-y {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  font-size: 0;
  height: 200rpx;
}
.grace-scroll-y-items {
  display: -webkit-inline-flex;
  display: inline-flex;
  flex-shrink: 0;
  height: 200rpx;
  width: 100%;
}
.grace-badge {
  border-radius: 38rpx;
  font-size: 22rpx;
  height: 38rpx;
  line-height: 38rpx;
  padding: 0 13rpx;
}
.grace-badge-absolute {
  position: absolute;
  right: 0rpx;
  top: 4rpx;
  z-index: 1;
}
.grace-badge-point {
  background: red;
  border-radius: 12rpx;
  height: 20rpx;
  position: absolute;
  right: 4rpx;
  top: 4rpx;
  width: 20rpx;
  z-index: 1;
}
.grace-badge-gender {
  border-radius: 30rpx;
  font-size: 22rpx !important;
  height: 38rpx;
  line-height: 38rpx;
  position: absolute;
  right: 6rpx;
  text-align: center;
  top: 4rpx;
  width: 38rpx;
  z-index: 1;
}
.grace-news-list {
  margin-top: 25rpx;
  padding-bottom: 25rpx;
}
.grace-news-item {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 8rpx 0;
  position: relative;
}
.grace-news-img {
  border-radius: 5rpx;
  flex-shrink: 0;
  height: 220rpx;
  width: 220rpx;
}
.grace-news-img-l {
  margin-right: 20rpx;
}
.grace-news-img-r {
  margin-left: 20rpx;
}
.grace-news-body {
  flex: auto;
  overflow: hidden;
  width: 150rpx;
}
.grace-news-title {
  display: block;
  font-size: 26rpx;
  line-height: 36rpx;
  margin-top: -2rpx;
}
.grace-news-desc {
  color: #a5a7b2;
  display: block;
  font-size: 22rpx;
  line-height: 32rpx;
  margin-top: 8rpx;
}
.grace-news-info {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 8rpx;
}
.grace-news-info-text {
  color: #999;
  font-size: 22rpx;
}
.grace-news-img-list {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10rpx 0;
}
.grace-news-imgs {
  border-radius: 5rpx;
  font-size: 0;
  margin: 8rpx 0;
  overflow: hidden;
}
.grace-news-imgs,
.grace-news-imgs-img {
  height: 158rpx;
  width: 225rpx;
}
.grace-card-view {
  background-color: #fff;
  border-radius: 10rpx;
  margin-bottom: 8rpx;
  margin-top: 30rpx;
  padding: 30rpx 25rpx;
}
.grace-card-body {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-bottom: 30rpx;
}
.grace-card-img {
  border-radius: 80rpx;
  flex-shrink: 0;
  height: 100rpx;
  width: 100rpx;
}
.grace-card-desc {
  flex: auto;
  margin-left: 30rpx;
  width: 100rpx;
}
.grace-card-title {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.grace-card-name {
  color: #333;
  font-size: 28rpx;
  line-height: 50rpx;
  margin-right: 20rpx;
}
.grace-card-text {
  color: #888;
  display: block;
  font-size: 24rpx;
  line-height: 50rpx;
}
.grace-card-footer {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 20rpx;
}
.grace-card-footer-item {
  color: #666;
  font-size: 26rpx;
  line-height: 38rpx;
  text-align: center;
  width: 700rpx;
}
.grace-accordion {
  background: #fff;
  margin-bottom: 20rpx;
}
.grace-accordion-items {
  overflow: hidden;
}
.grace-accordion-items:last-child {
  border: none;
}
.grace-accordion-title {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  font-size: 30rpx;
  height: 96rpx;
  justify-content: space-between;
  line-height: 96rpx;
  overflow: hidden;
  padding: 0 4%;
  width: 92%;
}
.grace-accordion-body,
.grace-form {
  overflow: hidden;
}
.grace-form {
  display: block;
  height: auto;
  width: 100%;
}
.grace-form-item {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.grace-form-label {
  color: #888;
  display: block;
  height: 100rpx;
  line-height: 100rpx;
  overflow: hidden;
  width: 130rpx;
}
.grace-form-icon,
.grace-form-label {
  flex-shrink: 0;
  font-size: 28rpx;
}
.grace-form-icon {
  height: 60rpx;
  line-height: 60rpx;
  width: 60rpx;
}
.grace-form-body {
  margin-left: 20rpx;
  overflow: hidden;
  width: 700rpx;
}
.grace-form-input {
  background: none;
  border: 0;
  color: #333;
  font-size: 26rpx;
  height: 40rpx;
  line-height: 40rpx;
  margin: 20rpx 0;
  outline: none;
  text-align: right;
  width: 100%;
}
.grace-form-picker {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.grace-check-item {
  display: block;
  font-size: 26rpx;
  margin: 10rpx 10rpx 0 0;
  padding: 0 10rpx;
}
.grace-textarea {
  background: none;
  border: 0;
  color: #666;
  font-size: 26rpx;
  height: 120rpx !important;
  line-height: 38rpx;
  width: 100%;
}
@font-face {
  font-family: grace-iconfonts;
  src: url(data:application/x-font-woff;charset=utf-8;base64,OLh6+EVGahJS0OU2yaKO26Kiu6Zv+fbC+9P6l/wm8ZwtrOU5zo2XwdDjj7ilb9szx6Pz8hzzU1DUMrbXMHC2NbU15WTlxOxUdK2llbX0DSSdFF0GClXLlRPIOJppGChZi5s6MnpKNvaqMLkwKoD8NsI9B7wqBANQgCNQhGDQgBAwhFKwhHGhBeDCDCOAI2YElRARjiAS2EBlMIQx4iGInC9nJQTHaVXQA6181F8AF72E25O4gBKhATdCAWWEFskIYcQBnigDbEBX2IBwYQHyQhIThBohj9KScAF0gKAuQMEpALsJAHSEG+/kuiIgA4aBqIoCiQhzQx6qgEABMoBTShNDCC5oAC1AQWUAuIQRYwhzaCM7QFGOgo6EHXQAn6DDbQJNjjczuo4gsok+FuApClC9pt9nPwK3ehR05loNUk);
}
.grace-footer {
  background: #fff;
  bottom: 0;
  box-shadow: 1px 1px 6px #888;
  left: 0;
  overflow: hidden;
  position: fixed;
  width: 750rpx;
  z-index: 2;
}
.grace-footer-button {
  border: none !important;
  border-radius: 0;
  color: #fff !important;
  font-size: 26rpx;
  height: 100rpx;
  line-height: 100rpx !important;
  padding: 0;
  text-align: center;
  width: 230rpx;
}
.grace-footer-button:after {
  height: 0;
  width: 0;
}
.grace-footer-input-body {
  align-items: center;
  background-color: #f5f6f8;
  border-radius: 66rpx;
  display: -webkit-flex;
  display: flex;
  flex: auto;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 66rpx;
  margin: 15rpx 0rpx 15rpx 20rpx;
  padding: 0 20rpx;
  width: 100rpx;
}
.grace-footer-input-icon {
  color: #888;
  display: block;
  font-size: 32rpx;
  line-height: 66rpx;
  text-align: center;
  width: 66rpx;
}
.grace-footer-input {
  flex: auto;
  font-size: 26rpx;
  height: 32rpx;
  line-height: 32rpx;
  overflow: hidden;
  padding: 0;
  width: 100rpx;
}
.grace-footer-subtext {
  font-size: 26rpx;
  padding: 0 25rpx;
}
@-webkit-keyframes grace-animate-rotateY360 {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(1turn);
  }
}
@keyframes grace-animate-rotateY360 {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(1turn);
  }
}
.grace-animate-rotateY360 {
  animation: grace-animate-rotateY360 0.5s linear;
}
.grace-comments-items {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 15rpx 0;
  padding: 10rpx 0;
}
.grace-comments-face {
  border-radius: 80rpx;
  flex-shrink: 0;
  height: 80rpx;
  margin-right: 25rpx;
  width: 80rpx;
}
.grace-comments-body {
  flex: auto;
  width: 100rpx;
}
.grace-comments-header {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: -4rpx;
}
.grace-comments-header-text {
  color: #333;
  font-size: 26rpx;
  line-height: 40rpx;
}
.grace-comments-info {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.grace-comments-info-text {
  color: #999;
  font-size: 22rpx;
  line-height: 40rpx;
  margin-top: 10rpx;
}
.grace-comments-content {
  padding: 8rpx 0;
}
.grace-comments-content,
.grace-comments-replay {
  color: #666;
  display: block;
  font-size: 24rpx;
  line-height: 36rpx;
}
.grace-comments-replay {
  background-color: #f5f6f8;
  border-radius: 3px;
  margin: 3px 0;
  padding: 20rpx;
}
.grace-comments-replay-btn {
  background-color: #f4f5f6;
  border-radius: 44rpx;
  color: #333 !important;
  display: block;
  font-size: 20rpx;
  line-height: 44rpx;
  margin: 5px 0;
  padding: 0rpx 20rpx;
}
.grace-comments-imgs {
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 8rpx 0;
}
.grace-comments-image {
  font-size: 0;
  height: 138rpx;
  margin: 5rpx;
  overflow: hidden;
  width: 190rpx;
}
.grace-comments-img {
  border-radius: 3rpx;
  height: 138rpx;
  width: 190rpx;
}
.grace-file-list {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.grace-file-list .add-btn {
  background: #f3f4f5;
  height: 210rpx;
  margin: 5px 1%;
  width: 31.3%;
}
.grace-file-list .add-btn view {
  color: #999;
  font-size: 28rpx;
  height: 40rpx;
  line-height: 40rpx;
  margin-top: 5px;
  text-align: center;
  width: 100%;
}
.grace-file-list .add-btn view:first-child {
  font-size: 120rpx !important;
  height: 80rpx;
  line-height: 80rpx;
  margin: 20rpx 0;
}
.grace-file-list .items {
  background: #f3f4f5;
  font-size: 0;
  height: 210rpx;
  margin: 5px 1%;
  overflow: hidden;
  position: relative;
  width: 31.3%;
}
.grace-file-list .items image {
  width: 100%;
}
.grace-file-list .items .remove {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  color: #fff;
  font-size: 40rpx;
  height: 50rpx;
  line-height: 50rpx;
  position: absolute;
  right: 0;
  text-align: center;
  width: 50rpx;
  z-index: 1;
}
.grace-table {
  overflow: hidden;
}
.grace-theader {
  border-left: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 30rpx;
}
.grace-td {
  border-bottom: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
  display: block;
  font-size: 24rpx;
  line-height: 88rpx;
  text-align: center;
  width: 375rpx;
}
.grace-tbody {
  border-left: 1px solid #f1f1f1;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.grace-stable {
  width: 750rpx;
}
.grace-stable-title {
  background: #fff;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 1;
}
.grace-stable-td {
  border-bottom: 1px solid #f8f8f8;
  display: -webkit-inline-flex;
  display: inline-flex;
  font-size: 26rpx;
  justify-content: center;
  line-height: 100rpx;
  width: 200rpx;
}
.grace-stable-l {
  background-color: #fff;
  width: 200rpx;
}
.grace-stable-r {
  background-color: #fff;
  width: 550rpx !important;
}
.grace-stable-body {
  padding-top: 100rpx;
  width: 750rpx;
}
.grace-stable-body-cl {
  display: -webkit-inline-flex;
  display: inline-flex;
  flex-direction: column;
  width: 200rpx;
}
.grace-dialog-buttons {
  color: #999;
  display: block;
  font-size: 26rpx;
  height: 88rpx;
  line-height: 88rpx;
  overflow: hidden;
  text-align: center;
  width: 700rpx;
}
.grace-sbody {
  display: -webkit-flex;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.grace-common-line {
  background: #f4f5f6;
  height: 20rpx;
  width: 100%;
}
@font-face {
  font-family: grace-iconfont;
  font-style: normal;
  font-weight: 400;
  src: url(data:font/ttf;charset=utf-8;base64,[encoded data, 22368 characters])
    format("truetype");
}
.grace-icons {
  font-family: grace-iconfont;
  font-style: normal;
}
.icon-remove3:before {
  content: "";
}
.icon-yinleliebiao:before {
  content: "";
}
.icon-bofang:before {
  content: "";
}
.icon-suiji:before {
  content: "";
}
.icon-danqu:before {
  content: "";
}
.icon-xunhuan:before {
  content: "";
}
.icon-pause:before {
  content: "";
}
.icon-firstpage:before {
  content: "";
}
.icon-lastpage:before {
  content: "";
}
.icon-shibai:before {
  content: "";
}
.icon-jiesuo:before {
  content: "";
}
.icon-pulldown:before,
.icon-xialashuaxin:before {
  content: "";
}
.icon-sanjiao1:before {
  content: "";
}
.icon-sanjiao2:before {
  content: "";
}
.icon-checked:before {
  content: "";
}
.icon-img-fail:before {
  content: "";
}
.icon-shoucang2:before {
  content: "";
}
.icon-home2:before {
  content: "";
}
.icon-image:before {
  content: "";
}
.icon-at:before {
  content: "";
}
.icon-topic:before {
  content: "";
}
.icon-pathfinding:before {
  content: "";
}
.icon-remove-btn:before {
  content: "";
}
.icon-drag:before {
  content: "";
}
.icon-pick-down:before {
  content: "";
}
.icon-pick-up:before {
  content: "";
}
.icon-line:before,
.icon-pick-line:before {
  content: "";
}
.icon-checkbox-ckd:before {
  content: "";
}
.icon-checkbox:before {
  content: "";
}
.icon-calendar:before,
.icon-date:before {
  content: "";
}
.icon-retry:before {
  content: "";
}
.icon-key:before {
  content: "";
}
.icon-star2:before {
  content: "";
}
.icon-down:before {
  content: "";
}
.icon-add:before {
  content: "";
}
.icon-close-with-bg:before {
  content: "";
}
.icon-order:before {
  content: "";
}
.icon-logoff:before {
  content: "";
}
.icon-pwd:before {
  content: "";
}
.icon-phone2:before {
  content: "";
}
.icon-delete::before {
  content: "";
}
.icon-empty:before {
  content: "";
}
.icon-empty2:before {
  content: "";
}
.icon-remove2:before {
  content: "";
}
.icon-empty3:before {
  content: "";
}
.icon-radio-ckd:before {
  content: "";
}
.icon-radio:before {
  content: "";
}
.icon-msg:before {
  content: "";
}
.icon-loading2:before {
  content: "";
}
.icon-totop:before {
  content: "";
}
.icon-help3:before {
  content: "";
}
.icon-help2:before {
  content: "";
}
.icon-kf3:before {
  content: "";
}
.icon-kf2:before {
  content: "";
}
.icon-kf1:before {
  content: "";
}
.icon-help1:before {
  content: "";
}
.icon-add2:before {
  content: "";
}
.icon-back-delete:before {
  content: "";
}
.icon-center:before {
  content: "";
}
.icon-strong:before {
  content: "";
}
.icon-sp-line:before {
  content: "";
}
.icon-img:before {
  content: "";
}
.icon-link:before {
  content: "";
}
.icon-txt:before {
  content: "";
}
.icon-quote:before {
  content: "";
}
.icon-menu:before {
  content: "";
}
.icon-article:before {
  content: "";
}
.icon-user:before {
  content: "";
}
.icon-phone:before {
  content: "";
}
.icon-friend:before {
  content: "";
}
.icon-wallet:before {
  content: "";
}
.icon-set:before {
  content: "";
}
.icon-scan:before {
  content: "";
}
.icon-scancode:before {
  content: "";
}
.icon-account:before {
  content: "";
}
.icon-spliter:before {
  content: "";
}
.icon-gonggao:before {
  content: "";
}
.icon-speaker:before {
  content: "";
}
.icon-boy:before {
  content: "";
}
.icon-girl:before {
  content: "";
}
.icon-close3:before {
  content: "";
}
.icon-tel:before {
  content: "";
}
.icon-address:before {
  content: "";
}
.icon-face:before {
  content: "";
}
.icon-wifi:before {
  content: "";
}
.icon-voice:before {
  content: "";
}
.icon-keyboard:before {
  content: "";
}
.icon-microphone:before {
  content: "";
}
.icon-photograph:before {
  content: "";
}
.icon-share3:before {
  content: "";
}
.icon-filter:before {
  content: "";
}
.icon-right:before {
  content: "";
}
.icon-share:before {
  content: "";
}
.icon-shoppingcard:before {
  content: "";
}
.icon-safe:before {
  content: "";
}
.icon-position:before {
  content: "";
}
.icon-eye:before {
  content: "";
}
.icon-time2:before {
  content: "";
}
.icon-back:before {
  content: "";
}
.icon-home:before {
  content: "";
}
.icon-write:before {
  content: "";
}
.icon-qq:before {
  content: "";
}
.icon-weixin:before {
  content: "";
}
.icon-weibo:before {
  content: "";
}
.icon-comments:before {
  content: "";
}
.icon-share2:before {
  content: "";
}
.icon-zan:before {
  content: "";
}
.icon-star:before {
  content: "";
}
.icon-time:before {
  content: "";
}
.icon-remove:before {
  content: "";
}
.icon-close2:before {
  content: "";
}
.icon-search:before {
  content: "";
}
.icon-refresh:before {
  content: "";
}
.icon-close:before {
  content: "";
}
.icon-loading:before {
  content: "";
}
.icon-arrow-up:before {
  content: "";
}
.icon-arrow-left:before {
  content: "";
}
.icon-arrow-right:before {
  content: "";
}
.icon-arrow-down:before {
  content: "";
}
.icon-shoucang:before {
  content: "";
}
.icon-right-margin:before {
  margin-right: 10rpx;
}
.icon-left-margin:before {
  margin-left: 10rpx;
}
.tui-mask {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
.tui-ellipsis {
  white-space: nowrap;
}
.tui-ellipsis,
.tui-ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
}
.tui-ellipsis-2 {
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  white-space: normal !important;
}
.tui-center {
  text-align: center;
}
.tui-right {
  text-align: right;
}
.tui-opcity {
  opacity: 0.5;
}
.tui-scale-small {
  transform: scale(0.9);
  transform-origin: center center;
}
.tui-height-full {
  height: 100%;
}
.tui-width-full {
  width: 100%;
}
.tui-ptop-zero {
  padding-top: 0;
}
.tui-pbottom-zero {
  padding-bottom: 0;
}
.tui-pleft-zero {
  padding-left: 0;
}
.tui-pright-zero {
  padding-right: 0;
}
.tui-col-12 {
  width: 100%;
}
.tui-col-11 {
  width: 91.66666667%;
}
.tui-col-10 {
  width: 83.33333333%;
}
.tui-col-9 {
  width: 75%;
}
.tui-col-8 {
  width: 66.66666667%;
}
.tui-col-7 {
  width: 58.33333333%;
}
.tui-col-6 {
  width: 50%;
}
.tui-col-5 {
  width: 41.66666667%;
}
.tui-col-4 {
  width: 33.33333333%;
}
.tui-col-3 {
  width: 25%;
}
.tui-col-2 {
  width: 16.66666667%;
}
.tui-col-1 {
  width: 8.33333333%;
}
.tui-primary {
  background: #5677fc !important;
  color: #fff;
}
.tui-light-primary {
  background: #5c8dff !important;
  color: #fff;
}
.tui-dark-primary {
  background: #4a67d6 !important;
  color: #fff;
}
.tui-dLight-primary {
  background: #4e77d9 !important;
  color: #fff;
}
.tui-danger {
  background: #ed3f14 !important;
  color: #fff;
}
.tui-warning {
  background: #ff7900 !important;
  color: #fff;
}
.tui-green {
  background: #19be6b !important;
  color: #fff;
}
.tui-black {
  background: #000 !important;
  color: #fff;
}
.tui-white {
  background: #fff !important;
  color: #333 !important;
}
.tui-translucent {
  background: rgba(0, 0, 0, 0.7);
}
.tui-light-black {
  background: #333 !important;
}
.tui-gray {
  background: #80848f !important;
}
.tui-phcolor-gray {
  background: #ccc !important;
}
.tui-divider-gray {
  background: #eaeef1 !important;
}
.tui-btn-gray {
  background: #ededed !important;
  color: #999 !important;
}
.tui-hover-gray {
  background: #f7f7f9 !important;
}
.tui-bg-gray {
  background: #fafafa !important;
}
.tui-light-blue {
  background: #ecf6fd;
  color: #4dabeb !important;
}
.tui-light-brownish {
  background: #fcebef;
  color: #8a5966 !important;
}
.tui-light-orange {
  background: #fef5eb;
  color: #faa851 !important;
}
.tui-light-green {
  background: #e8f6e8;
  color: #44cf85 !important;
}
.tui-btn {
  border: 0 !important;
  border-radius: 10rpx;
  display: inline-block;
  position: relative;
  width: 100%;
}
.tui-btn::after {
  border-radius: 20rpx;
  box-sizing: border-box;
  content: "";
  height: 200%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0.5, 0.5);
  transform-origin: 0 0;
  width: 200%;
}
.tui-btn-block {
  font-size: 36rpx;
  height: 90rpx;
  line-height: 90rpx;
}
.tui-white::after {
  border: 1px solid #eaeef1;
}
.tui-white-hover {
  background: #e5e5e5 !important;
  color: #2e2e2e !important;
}
.tui-dark-disabled {
  color: #fafbfc !important;
  opacity: 0.6;
}
.tui-outline-hover {
  opacity: 0.5;
}
.tui-primary-hover {
  background: #4a67d6 !important;
  color: #e5e5e5 !important;
}
.tui-primary-outline::after {
  border: 1px solid #5677fc !important;
}
.tui-primary-outline {
  background: none;
  color: #5677fc !important;
}
.tui-danger-hover {
  background: #d53912 !important;
  color: #e5e5e5 !important;
}
.tui-danger-outline {
  background: none;
  color: #ed3f14 !important;
}
.tui-danger-outline::after {
  border: 1px solid #ed3f14 !important;
}
.tui-warning-hover {
  background: #e56d00 !important;
  color: #e5e5e5 !important;
}
.tui-warning-outline {
  background: none;
  color: #ff7900 !important;
}
.tui-warning-outline::after {
  border: 1px solid #ff7900 !important;
}
.tui-green-hover {
  background: #16ab60 !important;
  color: #e5e5e5 !important;
}
.tui-green-outline {
  background: none;
  color: #44cf85 !important;
}
.tui-green-outline::after {
  border: 1px solid #44cf85 !important;
}
.tui-gray-hover {
  background: #d5d5d5 !important;
  color: #898989;
}
.tui-gray-outline {
  background: none;
  color: #999 !important;
}
.tui-gray-outline::after {
  border: 1px solid #ccc !important;
}
.tui-fillet {
  border-radius: 45rpx;
}
.tui-outline-fillet::after,
.tui-white.tui-fillet::after {
  border-radius: 90rpx;
}
.tui-btn-gradual {
  background: linear-gradient(-90deg, #5677fc, #5c8dff);
  border-radius: 45rpx;
  color: #fff;
}
.tui-gradual-hover {
  background: linear-gradient(-90deg, #4a67d6, #4e77d9);
  color: #d5d4d9 !important;
}
.btn-gradual-disabled {
  background: linear-gradient(-90deg, #cad8fb, #c9d3fb);
  border-radius: 45rpx;
  color: #fafbfc !important;
}
.tui-btn-mini {
  font-size: 30rpx;
  height: 70rpx;
  line-height: 70rpx;
  width: auto;
}
.tui-btn-small {
  font-size: 30rpx;
  height: 60rpx;
  line-height: 60rpx;
  width: auto;
}
.tui-flex {
  display: -webkit-flex;
  display: flex;
}
.tui-flex-1 {
  flex: 1;
}
.tui-align-center {
  justify-content: center;
}
.tui-align-left {
  justify-content: flex-start !important;
}
.tui-align-right {
  justify-content: flex-end !important;
}
.tui-align-between {
  justify-content: space-between !important;
}
.tui-align-around {
  justify-content: space-around !important;
}
.tui-vertical-center {
  align-items: center;
}
.tui-vertical-top {
  align-items: flex-start;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.tui-line-feed {
  flex-direction: row;
  flex-wrap: wrap;
}
.tui-tag {
  font-size: 28rpx;
  line-height: 28rpx;
  padding: 16rpx 26rpx;
}
.tui-tag,
.tui-tag-small {
  border-radius: 6rpx;
  display: inline-block;
}
.tui-tag-small {
  font-size: 24rpx;
  line-height: 24rpx;
  padding: 10rpx 14rpx;
}
.tui-tag-outline {
  background: none;
  color: #5677fc;
  position: relative;
}
.tui-tag-outline::after {
  border: 1px solid #5677fc;
  border-radius: 20rpx;
  box-sizing: border-box;
  content: "";
  height: 200%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0.5, 0.5);
  transform-origin: 0 0;
  width: 200%;
}
.tui-tag-fillet {
  border-radius: 50rpx;
}
.tui-tag-outline-fillet::after,
.tui-white.tui-tag-fillet::after {
  border-radius: 80rpx;
}
.tui-tag-fillet-left {
  border-radius: 50rpx 0 0 50rpx;
}
.tui-tag-fillet-right {
  border-radius: 0 50rpx 50rpx 0;
}
.tui-badge-dot {
  border-radius: 8rpx;
  height: 16rpx;
  width: 16rpx;
}
.tui-badge,
.tui-badge-dot {
  background: #5677fc;
  display: inline-block;
}
.tui-badge {
  border-radius: 50px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  padding: 3px 6px;
}
.tui-badge-small {
  transform: scale(0.8);
  transform-origin: center center;
}
.tui-loadmore {
  font-size: 24rpx;
  line-height: 1.5em;
  margin: 1.5em auto;
  text-align: center;
  width: 48%;
}
.tui-loading {
  animation: a 1s steps(12) infinite;
  background: transparent
    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=)
    no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 20px;
  margin: 0 5px;
  vertical-align: middle;
  width: 20px;
}
@-webkit-keyframes a {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes a {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.tui-loading-2,
.tui-loadmore-tips {
  display: inline-block;
  vertical-align: middle;
}
.tui-loading-2 {
  animation: rotate 1s linear infinite;
  border: 1px solid #8f8d8e;
  border-radius: 50%;
  clip-path: polygon(0 0, 100%0, 100% 30%, 0 30%);
  height: 28rpx;
  margin: 0 6px;
  width: 28rpx;
}
@-webkit-keyframes rotate {
  from {
    transform: rotatez(0deg);
  }
  to {
    transform: rotatez(1turn);
  }
}
@keyframes rotate {
  from {
    transform: rotatez(0deg);
  }
  to {
    transform: rotatez(1turn);
  }
}
.tui-loading-3 {
  animation: tui-rotate 0.7s linear infinite;
  background: 0 0;
  border: 2px solid #e5e5e5;
  border-left-color: #5677fc;
  border-radius: 50%;
  display: inline-block;
  height: 28rpx;
  margin: 0 6px;
  vertical-align: middle;
  width: 28rpx;
}
.tui-loading-3.tui-loading-red {
  border-color: #e5e5e5 #e5e5e5 #e5e5e5 #19be6b;
}
.tui-loading-3.tui-loading-orange {
  border-color: #e5e5e5 #e5e5e5 #e5e5e5 #ff7900;
}
.tui-loading-3.tui-loading-green {
  border-color: #ededed #ededed #ededed #ed3f14;
}
@-webkit-keyframes tui-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}
@keyframes tui-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(1turn);
  }
}
.tui-nomore {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin-top: 10rpx;
  padding-bottom: 44rpx;
  position: relative;
  text-align: center;
}
.tui-nomore::before {
  border-bottom: 1rpx solid #e5e5e5;
  content: "";
  position: absolute;
  top: 18rpx;
  transform: scaleY(0.5);
  width: 360rpx;
}
.tui-nomore::after {
  background: #fafafa;
  color: #999;
  content: "没有更多了";
  font-size: 24rpx;
  height: 36rpx;
  line-height: 36rpx;
  padding: 0 18rpx;
  position: absolute;
  text-align: center;
  z-index: 1;
}
.tui-nomore-dot {
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin-top: 10rpx;
  padding-bottom: 40rpx;
  position: relative;
  text-align: center;
}
.tui-nomore-dot::before {
  border-bottom: 1rpx solid #e5e5e5;
  content: "";
  position: absolute;
  top: 18rpx;
  transform: scaleY(0.5);
  width: 360rpx;
}
.tui-nomore-dot::after {
  background: #fafafa;
  color: #e5e5e5;
  content: "●";
  font-size: 10px;
  height: 36rpx;
  line-height: 36rpx;
  position: absolute;
  text-align: center;
  transform: scale(0.8);
  transform-origin: center center;
  width: 50rpx;
  z-index: 1;
}
.tui-list-title {
  box-sizing: border-box;
  color: #999;
  font-size: 28rpx;
  line-height: 1;
  padding: 25rpx 30rpx;
  width: 100%;
}
.tui-list-content {
  position: relative;
  width: 100%;
}
.tui-list-content::before {
  border-top: 1rpx solid #eaeef1;
  content: " ";
  top: -1rpx;
}
.tui-list-content::after,
.tui-list-content::before {
  left: 0;
  position: absolute;
  right: 0;
  transform: scaleY(0.5);
}
.tui-list-content::after {
  border-bottom: 1rpx solid #eaeef1;
  bottom: 0;
  content: "";
}
.tui-border-top::after {
  border-top: 0;
}
.tui-border-bottom::after {
  border-bottom: 0;
}
.tui-border-all::after {
  border: 0;
}
.tui-list-cell {
  align-items: center;
  background: #fff;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  padding: 26rpx 30rpx;
  position: relative;
  width: 100%;
}
.tui-list-cell.tui-padding-small {
  padding: 24rpx 30rpx;
}
.tui-cell-hover {
  background: #f7f7f9 !important;
}
.tui-list-cell::after {
  border-bottom: 1rpx solid #eaeef1;
  bottom: 0;
  content: "";
  left: 30rpx;
  position: absolute;
  right: 0;
  transform: scaleY(0.5);
}
.tui-cell-last::after {
  border-bottom: 0 !important;
}
.tui-list-cell.tui-cell-arrow:before {
  border-color: #b2b2b2;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: " ";
  height: 11px;
  margin-top: -7px;
  position: absolute;
  right: 30rpx;
  top: 50%;
  transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0);
  width: 11px;
}
.tui-card {
  background: #fff;
  border-radius: 10rpx;
  box-shadow: 0 0 10rpx #eee;
  font-size: 28rpx;
  margin: 0 30rpx;
  overflow: hidden;
}
.tui-card-border {
  box-shadow: none !important;
  position: relative;
}
.tui-card-border::after {
  border: 1px solid #eaeef1;
  border-radius: 20rpx;
  content: "";
  height: 200%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0.5);
  transform-origin: 0 0;
  width: 200%;
}
.tui-card-header {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  padding: 20rpx;
  position: relative;
}
.tui-card-header::after {
  border-bottom: 1rpx solid #eaeef1;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  transform: scaleY(0.5);
}
.tui-header-line::after {
  border-bottom: 0 !important;
}
.tui-header-thumb {
  border-radius: 6rpx;
  height: 60rpx;
  margin-right: 20rpx;
  vertical-align: middle;
  width: 60rpx;
}
.tui-thumb-circle {
  border-radius: 50% !important;
}
.tui-header-title {
  color: #7a7a7a;
  display: inline-block;
  font-size: 30rpx;
  max-width: 460rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.tui-header-right {
  color: #b2b2b2;
  font-size: 24rpx;
}
.tui-card-body {
  color: #262b3a;
  font-size: 32rpx;
}
.tui-card-footer {
  color: #596d96;
  font-size: 28rpx;
}
.tui-grids {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.tui-grids::after {
  border-top: 1px solid #eaeef1;
  content: " ";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  transform: scaleY(0.5);
  transform-origin: 0 0;
  width: 100%;
}
.tui-grid {
  background: #fff;
  box-sizing: border-box;
  padding: 40rpx 20rpx;
  position: relative;
}
.tui-grid-2 {
  width: 50%;
}
.tui-grid-3 {
  width: 33.33333333%;
}
.tui-grid-4 {
  width: 25%;
}
.tui-grid-5 {
  width: 20%;
}
.tui-grid-2:nth-of-type(2n)::before,
.tui-grid-3:nth-of-type(3n)::before,
.tui-grid-4:nth-of-type(4n)::before,
.tui-grid-5:nth-of-type(5n)::before {
  border-right: 0;
  width: 0;
}
.tui-grid::before {
  border-right: 1px solid #eaeef1;
  top: 0;
  transform: scaleX(0.5);
  transform-origin: 100%0;
  width: 1px;
}
.tui-grid::after,
.tui-grid::before {
  bottom: 0;
  content: " ";
  position: absolute;
  right: 0;
}
.tui-grid::after {
  border-bottom: 1px solid #eaeef1;
  height: 1px;
  left: 0;
  transform: scaleY(0.5);
  transform-origin: 0 100%;
}
.tui-grid-bg {
  box-sizing: border-box;
  padding: 0;
  position: relative;
  width: 100%;
}
.tui-grid-icon {
  height: 64rpx;
  margin: 0 auto;
  width: 64rpx;
}
.tui-grid-icon image {
  display: block;
  height: 64rpx;
  width: 64rpx;
}
.tui-grid-icon + .tui-grid-label {
  margin-top: 10rpx;
}
.tui-grid-label {
  color: #333;
  display: block;
  font-size: 28rpx;
  font-weight: 400;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tui-footer {
  box-sizing: border-box;
  overflow: hidden;
  padding: 30rpx 24rpx;
  width: 100%;
}
.tui-fixed {
  bottom: 0;
  position: fixed;
}
.tui-footer-link {
  align-items: center;
  color: #596d96;
  display: -webkit-flex;
  display: flex;
  font-size: 28rpx;
  justify-content: center;
}
.tui-link {
  line-height: 1;
  padding: 0 18rpx;
  position: relative;
}
.tui-link::before {
  border-right: 1px solid #d3d3d3;
  bottom: 0;
  content: " ";
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0.5);
  transform-origin: 100%0;
  width: 1px;
}
.tui-link:last-child::before {
  border-right: 0 !important;
}
.tui-link-hover {
  opacity: 0.5;
}
.tui-footer-copyright {
  color: #a7a7a7;
  font-size: 24rpx;
  line-height: 1;
  padding-top: 16rpx;
  text-align: center;
}
.tui-triangle {
  border: 16rpx solid;
  height: 0;
  width: 0;
}
.tui-triangle-left {
  border-color: transparent #5c8dff transparent transparent;
}
.tui-triangle-right {
  border-color: transparent transparent transparent #5c8dff;
}
.tui-triangle-top {
  border-color: transparent transparent #5c8dff;
}
.tui-triangle-bottom {
  border-color: #5c8dff transparent transparent;
}
.tui-parallelogram {
  background: #19be6b;
  height: 50rpx;
  margin-left: 10rpx;
  transform: skew(-10deg);
  width: 100rpx;
}
.tui-crescent {
  border-radius: 50%;
  box-shadow: 12rpx 12rpx 0 0#9acd32;
  height: 60rpx;
  width: 60rpx;
}
.tui-chatbox {
  border-radius: 10rpx;
  color: #fff;
  font-size: 28rpx;
  max-width: 60%;
  padding: 20rpx 26rpx;
  position: relative;
}
.tui-chatbox-left {
  background: #5c8dff;
  border: 1rpx solid #5c8dff;
  display: inline-block;
}
.tui-chatbox-right {
  background: #19be6b;
  border: 1rpx solid #19be6b;
}
.tui-chatbox::before {
  border: 16rpx solid;
  content: "";
  height: 0;
  position: absolute;
  top: 20rpx;
  width: 0;
}
.tui-chatbox-left::before {
  border-color: transparent #5c8dff transparent transparent;
  right: 100%;
}
.tui-chatbox-right::before {
  border-color: transparent transparent transparent #19be6b;
  left: 100%;
}
.tui-checkbox,
.tui-checkbox .wx-checkbox-input {
  border-radius: 50%;
  height: 36rpx;
  width: 36rpx;
}
.tui-checkbox .wx-checkbox-input.wx-checkbox-input-checked {
  background: #5c8dff;
  border: none;
  height: 38rpx !important;
  width: 38rpx !important;
}
.tui-checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
  background: transparent;
  color: #fff;
  font-size: 20rpx;
  height: 30rpx;
  line-height: 30rpx;
  text-align: center;
  transform: translate(-50%, -50%);
  width: 30rpx;
}
.tui-cells {
  border-radius: 4rpx;
  box-sizing: border-box;
  height: 280rpx;
  padding: 20rpx 20rpx 0;
  position: relative;
}
.tui-cells::after {
  border: 1px solid #e6e6e6;
  border-radius: 8rpx;
  content: "";
  height: 200%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0.5);
  transform-origin: 0 0;
  width: 200%;
}
.tui-textarea {
  color: #666;
  font-size: 28rpx;
  height: 210rpx;
  width: 100%;
}
.tui-phcolor-color {
  color: #ccc !important;
}
.tui-textarea-counter {
  color: #999;
  font-size: 24rpx;
  height: 40rpx;
  line-height: 40rpx;
  padding-top: 4rpx;
  text-align: right;
}
.tui-upload-box {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.tui-upload-item {
  border: 1rpx solid #e6e6e6;
  border-radius: 4rpx;
  box-sizing: border-box;
  height: 153rpx;
  margin-bottom: 36rpx;
  margin-right: 26rpx;
  position: relative;
  width: 153rpx;
}
.tui-upload-item:nth-of-type(4n) {
  margin-right: 0 !important;
}
.tui-upload-img {
  border-radius: 4rpx;
  height: 153rpx;
  width: 153rpx;
}
.tui-upload-del {
  color: #ed3f14 !important;
  font-size: 24px !important;
  position: absolute;
  right: -18rpx;
  top: -18rpx;
}
.tui-upload-add {
  align-items: center;
  color: #e6e6e6;
  display: -webkit-flex;
  display: flex;
  font-weight: 200;
  justify-content: center;
}
.tui-upload-add text {
  font-size: 84rpx;
  height: 48rpx;
  line-height: 38rpx;
}
.tui-operation {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.9);
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  height: 100rpx;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.tui-operation::before {
  border-top: 1rpx solid #eaeef1;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleY(0.5);
}
.tui-operation-item,
.tui-operation-left {
  align-items: center;
  display: -webkit-flex;
  display: flex;
}
.tui-operation-item {
  flex: 1;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.tui-operation-text {
  color: #333;
  font-size: 22rpx;
}
.tui-operation-right {
  box-sizing: border-box;
  height: 100rpx;
  padding-top: 0;
}
.tui-btn-class {
  border-radius: 0 !important;
  height: 100rpx !important;
  line-height: 100rpx !important;
}
.tui-badge-class {
  position: absolute;
  top: -6rpx;
}
.tui-btn-class-2 {
  border-radius: 0 !important;
  font-size: 30rpx !important;
  height: 100rpx !important;
  line-height: 100rpx !important;
  width: 50% !important;
}
.tui-right-flex {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.tui-btn-class-3 {
  width: 120% !important;
}
.tui-btn-class-3,
.tui-btn-equals {
  display: block !important;
  font-size: 28rpx !important;
}
.tui-btn-equals {
  width: 90% !important;
}
.tui-btn-comment {
  align-items: center;
  background: #ededed;
  border-radius: 8rpx;
  box-sizing: border-box;
  color: #999;
  display: -webkit-flex;
  display: flex;
  font-size: 28rpx;
  height: 64rpx;
  margin-left: 30rpx;
  padding-left: 20rpx;
  padding-top: 0;
  width: 84%;
}
.tui-chat-operation {
  background: #f6f6f6 !important;
  box-sizing: border-box;
  padding-right: 18rpx;
}
.tui-input-box {
  justify-content: flex-start;
  width: 78%;
}
.tui-chat-input {
  background: #fff;
  border-radius: 6rpx;
  flex: 1;
  height: 72rpx;
  padding-left: 20rpx;
  padding-right: 20rpx;
}
.tui-voice-icon {
  margin-left: 12rpx;
  margin-right: 12rpx;
}
.tukuan-button {
  background: #f03d3d !important;
  border-radius: 10rpx;
  color: #fff !important;
  height: 100rpx !important;
  line-height: 100rpx !important;
  margin-top: 40rpx;
  padding: 0rpx !important;
  width: 93% !important;
}
.privacy-dialog {
  background-color: #fff;
  border-radius: 10rpx;
  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.2);
  left: 50%;
  max-width: 500rpx;
  padding: 20rpx;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  z-index: 9999;
}
.privacy-dialog__content {
  font-size: 28rpx;
  line-height: 1.5;
  margin-bottom: 20rpx;
}
.privacy-dialog__title {
  color: #000;
}
.privacy-dialog__text,
.privacy-dialog__title {
  background-color: #fff;
  border-radius: 5rpx;
  display: block;
  font-size: 36rpx;
  line-height: 2;
  padding: 10rpx;
  text-align: center;
  width: 100%;
}
.privacy-dialog__text {
  color: #007bff;
}
.privacy-dialog__button {
  background-color: #007bff;
  border-radius: 5rpx;
  color: #fff;
  display: block;
  font-size: 36rpx;
  line-height: 1;
  padding: 10rpx;
  text-align: center;
  width: 100%;
}
.container {
  height: 1200rpx;
  padding: 10rpx 0 0rpx;
}
.tui-padding {
  box-sizing: border-box;
  padding: 0 30rpx;
}
.tui-title {
  color: #333;
  font-size: 32rpx;
  font-weight: 700;
  padding: 55rpx 0 30rpx;
}
.tui-flex {
  align-items: center;
}
.tui-textarea {
  height: 50%;
}
.tui-triangle {
  margin-right: 30rpx;
}
.tui-checkbox {
  margin-left: 60rpx;
}
.tui-top40 {
  margin-top: -20rpx;
}
.tui-list {
  background-color: #fff;
  flex-direction: column;
  padding-bottom: env(safe-area-inset-bottom);
  width: 100%;
}
.tui-list,
.tui-list-cell {
  display: -webkit-flex;
  display: flex;
  position: relative;
}
.tui-list-cell {
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
.tui-list-cell::after {
  border-bottom: 1rpx solid #eaeef1;
  bottom: 0;
  content: "";
  left: 30rpx;
  position: absolute;
  right: 0;
  transform: scaleY(0.5);
}
.tui-cell-last::after {
  border-bottom: 0;
}
.maps-container {
  height: 120%;
}
map {
  height: 400rpx;
  width: 100%;
}
.opcity {
  opacity: 0.5;
}
.scrollView {
  background: #fff;
  padding-bottom: 100rpx;
  width: 100%;
}
.search-bar {
  align-items: center;
  background-color: #fff;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  padding: 8px 10px;
  position: relative;
}
.icon-search {
  font-size: inherit;
  height: 18px;
  margin-right: 8px;
  position: relative;
  top: 3px;
}
.icon-search-in-box {
  left: 10px;
  position: absolute;
  top: 6px;
}
.search-bar-form {
  -webkit-box-flex: 1;
  background: #f0f0f0;
  border-radius: 5px;
  flex: auto;
  position: relative;
}
.search-bar-text {
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
}
.search-bar-box {
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.search-bar-input {
  font-size: 14px;
  height: 30px;
  line-height: 30px;
}
.icon-clear {
  font-size: 0;
  padding: 7px 8px;
}
.icon-clear,
.search-bar-label {
  position: absolute;
  right: 0;
  top: 0;
}
.search-bar-label {
  background: #f0f0f0;
  border-radius: 3px;
  bottom: 0;
  color: #9b9b9b;
  left: 0;
  line-height: 30px;
  text-align: center;
  z-index: 2;
}
.cancel-btn {
  color: #5982fd;
  font-size: 15px;
  line-height: 30px;
  margin-left: 10px;
  white-space: nowrap;
}
.tui-list-cell {
  display: initial;
  padding: 30rpx;
}
.addr-title {
  color: #000;
  font-size: 30rpx;
  font-weight: 700;
  line-height: 40rpx;
  padding-bottom: 20rpx;
  width: 100%;
}
.addr-box {
  align-items: flex-end;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.addr-detail {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #999;
  display: -webkit-box;
  font-size: 24rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 450rpx;
}
.distance {
  color: #5982fd;
  padding-right: 6rpx;
}
.addr-opera {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.opera-box {
  margin-left: 26rpx;
  text-align: center;
}
.mini-img {
  height: 44rpx;
  width: 44rpx;
}
.text {
  color: #333;
  font-size: 24rpx;
  line-height: 30rpx;
}
