@charset "UTF-8";
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
/*自定义*/
body {
  position: relative; }

.navbar-wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99;
  height: 44px;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  background: linear-gradient(#2186f6 0%, #6eaef6 100%);
  max-width: 100%; }
  .navbar-wrap .search {
    flex: 1;
    width: 90%; }
  .navbar-wrap .search-cont input {
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    width: 100%; }
  .navbar-wrap .search-link {
    width: 100%;
    display: flex;
    background: #86bdf9;
    border: 1px solid #86bdf9;
    height: 32px;
    padding: 0 15px;
    border-radius: 50px;
    color: #fff;
    align-items: center; }
    .navbar-wrap .search-link i {
      color: #fff;
      margin-right: 5px; }
  .navbar-wrap .logo {
    width: 1.5rem;
    height: auto;
    margin-right: 0.25rem;
    max-width: 30px; }
  .navbar-wrap .content, .navbar-wrap .cont {
    padding: 0 0.25rem;
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0 auto; }
  .form-item .cont .cont_text{
    width: 100%;
  }
  .navbar-wrap .icon-kefu {
    width: 1.5rem;
    height: 1.5rem; }
  .navbar-wrap .nav-right {
    display: flex;
    align-items: center; }

.main {
  position: relative;
  z-index: 9;
  margin: 0.25rem 0.75rem 0; }
  .main .nav-wrap {
    background: #528dcd;
    border-radius: 10px; }
  .main .news-top {
    height: 1.8rem;
    display: flex;
    background: #528dcd;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    align-items: center;
    padding-left: 0.25rem; }
    .main .news-top .icon {
      width: 1rem;
      height: 1rem; }
    .main .news-top .news-cont {
      width: 94%;
      color: #fff; }
  .main .notice-bar .item {
    white-space: nowrap;
    display: block; }

.nav-list {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  border-radius: 10px;
  padding: 4px 0; }
  .nav-list .item {
    width: 25%;
    text-align: center;
    padding: 4px 0;
    color: #303133; }
  .nav-list .icon {
    width: 2.25rem;
    height: 2.25rem; }
  .nav-list .name {
    font-size: 13px;
    font-weight: bold; }

.swiper-wrap {
  margin: 0.5rem 0; }

.titlebox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  margin-bottom: 0.5rem; }
  .titlebox .title {
    font-size: 15px;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .titlebox .title .tit {
      font-weight: bold; }
  .titlebox .icon-line {
    display: inline-block;
    width: 4px;
    height: 15px;
    background: #2186F6;
    border-radius: 0.02rem 0.02rem 0.02rem 0.02rem;
    opacity: 1;
    margin-right: 6px; }
  .titlebox .more {
    display: flex;
    align-items: center;
    color: #666;
    font-size: 13px; }

.card-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .card-list .card-item {
    width: 48%;
    background: #D9E7F2;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0.5rem;
    margin-bottom: 0.5rem; }
    .card-list .card-item:nth-child(2) {
      background: #F3E4E5; }
    .card-list .card-item:nth-child(3) {
      background: #F3E8D2; }
    .card-list .card-item:nth-child(4) {
      background: #C4E7DC; }
    .card-list .card-item:nth-child(5) {
      background: #F9E4CF; }
    .card-list .card-item:nth-child(6) {
      background: #EDDFEB; }
  .card-list .icons {
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    justify-content: center;
    align-items: center; }
  .card-list .icon {
    max-width: 2.25rem;
    max-height: 2.25rem;
    display: block; }
  .card-list .card-tit {
    flex: 1;
    padding-left: 0.25rem;
    font-size: 13px;
    font-weight: bold;
    color: #303133; }

.link-wx {
  background: url("../img/home/bg1.png") no-repeat;
  background-size: 100% 100%;
  padding: 0.25rem 0.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #694D40;
  font-size: 13px; }
  .link-wx .icons img {
    width: 3rem; }
  .link-wx .tit {
    font-size: 14px;
    font-weight: bold; }

.news-nav {
  display: flex;
  justify-content: space-between;
  margin: 0.5rem 0; }
  .news-nav .news-item {
    width: 48%; }
  .news-nav .st {
    display: block;
    width: 100%; }

.ibox-wrap {
  background: #fff;
  padding: 0 0.6rem;
  border-radius: 10px;
  margin-bottom: 0.75rem;
  box-shadow: 0 4px 12px 1px rgba(0, 0, 0, 0.04);
  overflow: hidden; }

.popup-gzh {
  position: relative;
  border-radius: 10px;
  overflow: hidden; }
  .popup-gzh .cover {
    width: 15rem;
    display: block; }
  .popup-gzh .content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 1rem 0.75rem 0; }
    .popup-gzh .content .tit {
      color: #fff;
      padding: 0;
      text-align: center;
      font-size: 20px;
      font-weight: 700; }
  .popup-gzh .qrcode {
    width: 5.5rem;
    display: block; }
  .popup-gzh .btn {
    margin: 1.25rem auto 0.25rem;
    width: 7.25rem;
    height: 0.75rem;
    line-height: 0.75rem;
    text-align: center;
    opacity: 0; }
  .popup-gzh .text {
    text-align: center;
    font-size: 13px;
    color: #fff; }
  .popup-gzh .qrcode {
    width: 5.5rem;
    height: 5.5rem;
    display: block;
    margin: 2.15rem auto 0; }

.nonetwork .btnbox {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0 0; }
.nonetwork .btns {
  width: 46%; }

.index-banner {
  height: 6.25rem;
  overflow: hidden; }
  .index-banner .swiper-container {
    height: 6.25rem;
    overflow: hidden;
    border-radius: 10px; }

.cooperate-app .cover {
  width: 100%;
  display: block; }
.cooperate-app .shangwutext {
  text-decoration: underline;
  color: #315EFB; }
.cooperate-app .merchant {
  position: fixed;
  right: 0.25rem;
  bottom: 5rem; }
  .cooperate-app .merchant img {
    width: 4.6rem;
    height: 4.6rem;
    display: block; }
.cooperate-app .popup-gzh {
  position: relative;
  border-radius: 10px;
  overflow: hidden; }
  .cooperate-app .popup-gzh .cover {
    width: 100%;
    display: block; }
  .cooperate-app .popup-gzh .content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 5.5rem 0.75rem 0; }
  .cooperate-app .popup-gzh .desc-wrap {
    display: flex;
    justify-content: space-between; }
  .cooperate-app .popup-gzh .qrcode-wrap {
    width: 5.5rem;
    height: 5.5rem;
    margin: 0.25rem 0 0 0.75rem; }
  .cooperate-app .popup-gzh .qrcode {
    width: 100%;
    display: block;
    margin: 0; }
  .cooperate-app .popup-gzh .form-wrap {
    width: 6.85rem;
    padding: 2rem 0.25rem .25rem; }
    .cooperate-app .popup-gzh .form-wrap .input-text {
      font-size: 13px;
      padding-left: 0.9rem;
      margin-bottom: 1.75rem;
      width: 100%;
      height: 1.5rem;
      background: rgba(0, 0, 0, 0); }
    .cooperate-app .popup-gzh .form-wrap .btn-sub {
      height: 2rem;
      line-height: 2rem;
      opacity: 0;
      display: block; }
  .cooperate-app .popup-gzh .text-list {
    padding-top: 0.5rem; }
    .cooperate-app .popup-gzh .text-list .text {
      font-size: 13px;
      text-align: center;
      color: #666;
      display: block; }

#cooperatePopup .weui-popup__modal {
  width: 86%;
  left: 7%;
  margin: 0 auto 6rem;
  border-radius: 20px; }

.sell-app {
  background: #f5f5f5; }
  .sell-app .u-wrap {
    height: calc(100vh);
    display: flex;
    flex-direction: column; }
  .sell-app .icons {
    display: flex;
    align-items: center;
    overflow: hidden;
    height: 3.5rem;
    width: 100%; }
  .sell-app .u-search-box {
    padding: 0.45rem 0.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .sell-app .u-search-box .icon-kefu {
      color: #303133;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: 0.25rem; }
  .sell-app .u-menu-wrap {
    flex: 1;
    display: flex;
    overflow: hidden;
    position: fixed;
    left: 0;
    height: 86%;
    width: 100%;
    z-index: 99;
    background: #f5f5f5f5; }
  .sell-app .u-search-inner {
    background-color: #eaeaea;
    border-radius: 2.5rem;
    display: flex;
    align-items: center;
    padding: 0.25rem 0.4rem;
    flex: 1; }
  .sell-app .u-search-text {
    font-size: 0.65rem;
    margin-left: 0.25rem;
    color: #666; }
  .sell-app .u-tab-view {
    width: 5rem;
    height: 100%; }
  .sell-app .u-tab-item {
    height: 2.75rem;
    background: #f6f6f6;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #444;
    font-weight: 400;
    line-height: 1; }
    .sell-app .u-tab-item a {
      color: #444; }
  .sell-app .u-tab-item-active {
    position: relative;
    color: #000;
    font-size: 0.75rem;
    font-weight: 600;
    background: #fff; }
    .sell-app .u-tab-item-active a {
      color: #000; }
  .sell-app .u-tab-item-active::before {
    content: "";
    position: absolute;
    border-left: 4px solid #2186f6;
    height: 0.8rem;
    left: 0;
    top: 0.975rem; }
  .sell-app .u-tab-view {
    height: 100%; }
  .sell-app .right-box {
    background-color: #fafafa; }
  .sell-app .page-view {
    padding: 0.4rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%; }
  .sell-app .class-item {
    margin-bottom: 0.75rem;
    background-color: #fff;
    padding: 0.4rem;
    border-radius: 4px; }
  .sell-app .class-item:last-child {
    min-height: 100vh; }
  .sell-app .item-title {
    font-size: 13px;
    color: #303030;
    font-weight: bold; }
  .sell-app .item-menu-name {
    font-weight: normal;
    font-size: 0.6rem;
    color: #303030; }
  .sell-app .item-container {
    display: flex;
    flex-wrap: wrap; }
  .sell-app .thumb-box {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 0.5rem; }
    .sell-app .thumb-box .price {
      font-size: 12px; }
  .sell-app .item-menu-image {
    max-width: 3rem;
    max-height: 3rem;
    display: block;
    margin: 0 auto; }
  .sell-app .menu-wrap {
    width: 24%; }
  .sell-app .menu-content {
    width: 76%; }
  .sell-app .menu-list {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }

.search-app .search-height {
  height: 2.25rem; }
.search-app .search-wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 99;
  background: #fff; }
  .search-app .search-wrap .back {
    display: block; }
  .search-app .search-wrap .btn-search {
    background: linear-gradient(89deg, #5bdaff 0%, #2186f6 100%);
    border-radius: 20px;
    color: white;
    height: 30px;
    line-height: 30px;
    width: 50px;
    text-align: center;
    margin: 0 0.25rem;
    font-size: 13px; }
  .search-app .search-wrap .content {
    flex: 1; }
  .search-app .search-wrap .search {
    display: flex;
    height: 1.75rem;
    border-radius: 50px;
    border: 1px solid #cccccc;
    background: #f2f2f2;
    justify-content: space-between;
    align-items: center; }
  .search-app .search-wrap .form-txt {
    flex: 1;
    height: 1.5rem;
    background: rgba(0, 0, 0, 0); }
  .search-app .search-wrap .weui-icon-search {
    margin: 0 0.25rem; }
.search-app .relebox {
  padding: 0.75rem; }
  .search-app .relebox .title {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin-bottom: 0.5rem; }
.search-app .hot-list {
  display: flex;
  flex-wrap: wrap; }
  .search-app .hot-list .hot-item {
    padding: 0 0.6rem;
    font-size: 0.6rem;
    line-height: 1.3rem;
    background: #E6EFF9;
    border-radius: 13px;
    color: #2186F6;
    margin-bottom: 6px;
    margin-right: 6px; }
.search-app .search-data-list .item {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  padding: 10px 0.75rem;
  color: #303030; }
.search-app .search-data-list .icons {
  width: 4rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center; }
  .search-app .search-data-list .icons .icon {
    max-width: 100%;
    max-height: 1.5rem; }
.search-app .search-data-list .label {
  line-height: 2rem;
  width: 80%;
  font-weight: bold;
  text-align: left;
  padding-left: 0.25rem; }
.search-app .search-data-list .value {
  color: #FF4D4F; }

.cardform-app .form-item {
  display: flex;
  line-height: 1.75rem;
  padding: 0.25rem 0;
  border-bottom: 1px solid #eee;
  color: #303030; }
  .cardform-app .form-item .form-name {
    width: 3rem;
    text-align: left; }
  .cardform-app .form-item .cont {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .cardform-app .form-item .cont .text {
      flex: 1; }
  .cardform-app .form-item .arrow {
    width: 14px; }
.cardform-app .jybz-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: #f8f8f8 !important;
  margin-bottom: 0.75rem; }
.cardform-app a {
  color: #303030; }
.cardform-app .jybz-box-left {
  flex: 1;
  border: none;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  background: #fff;
  border-radius: 9px; }
.cardform-app .jybz-box-right {
  flex: 1;
  border: none;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  background: #fff;
  border-radius: 9px;
  margin-left: 10px; }
.cardform-app .desc-list {
  white-space: pre-wrap;
  font-size: 13px;
  padding: 4px 0; }
  .cardform-app .desc-list .item {
    font-size: 13px;
    padding: 4px 0; }
.cardform-app .bgcolor {
  height: 7.5rem;
  width: 100%;
  background: #499cf7 linear-gradient(180deg, #499cf7, #bddcfe);
  position: absolute;
  left: 0;
  top: 0; }
.cardform-app .discount-text {
  font-size: 13px;
  color: #F08048;
  text-align: center;
  padding: 0 0 0.5rem; }
.cardform-app .tips-desc {
  font-size: 13px;
  background: #eef8d9;
  color: #458b00;
  padding: 5px;
  border-radius: 5px; }
.cardform-app .navbar-wrap .search {
  flex: 1; }
.cardform-app .navbar-wrap .logo {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem; }
.cardform-app .navbar-wrap .content {
  padding: 0 0.5rem;
  width: 100%;
  display: flex;
  align-items: center; }
.cardform-app .navbar-wrap .icon-kefu {
  width: 1.5rem;
  height: 1.5rem; }
.cardform-app .navbar-wrap .nav-right {
  display: flex;
  align-items: center; }
.cardform-app .swiper-wrap {
  margin: 0.5rem 0; }
.cardform-app .titlebox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  margin-bottom: 0.5rem; }
  .cardform-app .titlebox .title {
    font-size: 15px;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .cardform-app .titlebox .title .tit {
      font-weight: bold; }
  .cardform-app .titlebox .icon-line {
    display: inline-block;
    width: 4px;
    height: 15px;
    background: #2186F6;
    border-radius: 2px;
    opacity: 1;
    margin-right: 6px; }
  .cardform-app .titlebox .more {
    display: flex;
    align-items: center;
    color: #666;
    font-size: 13px; }
.cardform-app .scrolly {
  max-height: 7.5rem; }
.cardform-app .card-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .cardform-app .card-list .card-item {
    width: 33%;
    border-radius: 10px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    text-align: center; }
    .cardform-app .card-list .card-item .icons {
      max-width: 10.5rem;
      max-height: 10.5rem;
      margin: 0 auto; }
    .cardform-app .card-list .card-item image {
      max-width: 10.5rem;
      max-height: 10.5rem; }
    .cardform-app .card-list .card-item .name {
      font-size: 13px; }
.cardform-app .main {
  position: relative;
  z-index: 9;
  padding: 0 0.5rem;
  margin: 0.5rem 0 0; }
  .cardform-app .main .ibox {
    background: #fff;
    padding: 0.25rem 0.75rem;
    border-radius: 10px;
    margin-bottom: 0.75rem;
    position: relative; }
.cardform-app .search-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 9;
  padding: 0 0.75rem; }
  .cardform-app .search-wrap .searchbox {
    position: relative;
    display: flex;
    align-items: center; }
    .cardform-app .search-wrap .searchbox .pos {
      font-size: 12px; }
  .cardform-app .search-wrap .searchbox {
    flex: 1;
    padding-left: 0.5rem; }
.cardform-app .titlebox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  margin-bottom: 0.5rem; }
  .cardform-app .titlebox .title {
    font-size: 15px;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .cardform-app .titlebox .title .tit {
      font-weight: bold; }
  .cardform-app .titlebox .icon-line {
    display: inline-block;
    width: 4px;
    height: 15px;
    background: #2186F6;
    border-radius: 2px;
    opacity: 1;
    margin-right: 6px; }
  .cardform-app .titlebox .more {
    display: flex;
    align-items: center;
    color: #666;
    font-size: 13px; }
.cardform-app .join {
  width: 100%;
  margin-top: 1.5rem; }
.cardform-app .tab-list {
  display: flex;
  flex-wrap: wrap; }
  .cardform-app .tab-list .tab-item {
    position: relative;
    width: 50%;
    text-align: center;
    font-size: 14px; }
    .cardform-app .tab-list .tab-item.active {
      color: #2186f6;
      font-weight: bold;
      background: url("../img/home/order_active.png") no-repeat;
      background-position: center bottom;
      background-size: 14px; }
.cardform-app .card-list2 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem; }
  .cardform-app .card-list2 .card-item {
    width: 25%;
    border-radius: 10px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    text-align: center; }
    .cardform-app .card-list2 .card-item .icons {
      max-width: 2.25rem;
      max-height: 2.25rem;
      margin: 0 auto 5px; }
    .cardform-app .card-list2 .card-item image {
      max-width: 2.25rem;
      max-height: 2.25rem; }
    .cardform-app .card-list2 .card-item .name {
      font-size: 12px;
      padding: 0 0.25rem; }
.cardform-app .ban-wrap {
  width: 100%;
  position: relative; }
  .cardform-app .ban-wrap .bg {
    width: 100%;
    display: block; }
  .cardform-app .ban-wrap .cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0.5rem 0.75rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2); }
  .cardform-app .ban-wrap .title {
    font-size: 20px;
    margin-bottom: 0.25rem; }
  .cardform-app .ban-wrap .text {
    font-size: 20px;
    margin-bottom: 0.6rem; }
  .cardform-app .ban-wrap .line-wrap {
    display: flex;
    align-items: center;
    justify-content: center; }
    .cardform-app .ban-wrap .line-wrap .line {
      display: block;
      width: 24%;
      height: 2px;
      background: linear-gradient(90deg, #107bed 0, #fff); }
      .cardform-app .ban-wrap .line-wrap .line.line2 {
        background: linear-gradient(90deg, #fff 0, #107bed); }
    .cardform-app .ban-wrap .line-wrap .line-text {
      padding: 0 0.5rem; }
.cardform-app .color {
  color: #2186f6; }
.cardform-app .icons {
  display: flex;
  align-items: center; }
  .cardform-app .icons .logo {
    border: 1px solid #ddd;
    border-radius: 5px;
    max-width: 2.5rem;
    max-height: 2.5rem; }
.cardform-app .btnbox {
  margin-top: 2.5rem;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  position: fixed;
  left: 0;
  bottom: 0;
  background: #fff;
  z-index: 99;
  width: 100%;
  padding: 0.25rem 0.75rem;
  max-width: 100%; }
  .cardform-app .btnbox .btn-sub {
    width: 11.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0;
    border-radius: 50px;
    margin: 0 auto; }
.cardform-app .u-form-item {
  padding: 0.25rem 0; }
.cardform-app .form-item {
  display: flex;
  width: 100%;
  align-items: center; }
  .cardform-app .form-item .icon {
    width: 20px; }
  .cardform-app .form-item .text {
    flex: 1; }
.cardform-app .icon-logo {
  max-width: 2rem; }
.cardform-app .textarea {
  width: 100%;
  font-size: 13px; }
.cardform-app .form-content .content {
  display: none; }
  .cardform-app .form-content .content.active {
    display: block; }
.cardform-app .form-content .textarea-wrap {
  background: #F9F9F9;
  padding: 0.5rem 0.5rem; }
.cardform-app .form-content .textarea {
  font-size: 12px;
  height: 150px;
  border: 0;
  background: #F9F9F9; }
.cardform-app .form-content .tips-box {
  display: flex;
  justify-content: space-between; }
  .cardform-app .form-content .tips-box .weui-btn {
    border-radius: 5px;
    color: #fff;
    font-size: 12px; }
.cardform-app .input_prompt {
  font-size: 12px;
  padding: 2px 0; }
  .cardform-app .input_prompt span {
    background: #F08048;
    color: #fff;
    display: inline-block;
    padding: 0 6px;
    font-size: 12px;
    margin: 0 4px; }
.cardform-app .wxlogin-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  padding: 5rem 1.25rem 0;
  z-index: 900;
  border-radius: 5px; }
  .cardform-app .wxlogin-wrap .text {
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-bottom: 2.5rem; }
.cardform-app .weui-btn_primary {
  color: #fff; }
.cardform-app .parse {
  text-align: left;
  font-size: 13px; }

.col-red {
  color: #FF4D4F; }

.btn-sub {
  display: block;
  text-align: center;
  font-size: 16px;
  background: linear-gradient(89deg, #5bdaff 0%, #2186f6 100%);
  color: #fff;
  border-radius: 10px; }

#tipsPopup .weui-popup__modal {
  width: 90%;
  margin: 0 auto;
  left: 5%;
  bottom: 50%;
  border-radius: 10px;
  padding: 0.75rem; }
#tipsPopup .popup-tips .text {
  font-size: 13px;
  margin-bottom: 0.75rem; }
#tipsPopup .popup-tips .num {
  color: #FF4D4F; }

.weui-popup__container, .weui-popup__overlay, .weui-popup__modal {
  max-width: 100%; }

.cate-popup {
  position: relative; }
  .cate-popup .lists {
    padding-top: 0.5rem; }
    .cate-popup .lists .item {
      display: flex;
      align-items: center;
      padding: 6px 0; }
    .cate-popup .lists .cover {
      height: 1.25rem; }
    .cate-popup .lists .logos {
      width: 5rem;
      display: flex;
      justify-content: center; }
    .cate-popup .lists .icon {
      max-width: 10.5rem;
      max-height: 1.25rem; }
    .cate-popup .lists .name {
      flex: 1;
      padding: 0 0.5rem;
      font-size: 14px;
      font-weight: bold;
      color: #303030; }
    .cate-popup .lists .price {
      color: #FF4D4F; }

.fav-lists {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 0.75rem 0 0; }
  .fav-lists .item {
    width: 100%;
    border: 1px solid #2186F6;
    border-radius: 6px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    padding: 0.75rem 0;
    margin-bottom: 0.5rem; }
    .fav-lists .item.active {
      border-color: #FF4D4F; }
      .fav-lists .item.active .show-tips {
        background-image: url("../img/face_aready.png"); }
      .fav-lists .item.active .price {
        color: #FF4D4F; }
      .fav-lists .item.active .text {
        background: #FF4D4F;
        color: #fff; }
    .fav-lists .item.disabled {
      filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.9);
      -webkit-filter: grayscale(90%); }
    .fav-lists .item .price {
      color: #2186f6;
      font-size: 13px;
      font-weight: bold; }
      .fav-lists .item .price text {
        font-size: 20px; }
    .fav-lists .item .text {
      font-size: 13px;
      border-radius: 50px;
      display: inline-block;
      padding: 2px 10px;
      color: #7DBAFF; }
    .fav-lists .item .show-tips {
      position: absolute;
      right: 0;
      top: 0;
      background: url("../img/face_none.png") no-repeat;
      background-size: 2.45rem 1.25rem;
      width: 2.45rem;
      height: 1.25rem;
      text-align: center;
      color: #fff;
      font-size: 12px; }

.form-one .form-item {
  background: #F9F9F9;
  height: 2rem;
  line-height: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.75rem;
  border-radius: 50px;
  margin-bottom: 0.75rem;
  font-size: 16px;
  border: 0; }
.form-one input {
  flex: 1;
  font-size: 14px;
  padding-left: 0.25rem;
  height: 2rem;
  line-height: 2rem;
  background: rgba(0, 0, 0, 0); }

.navs-lists {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -0.25rem;
  padding-top: 0.75rem; }
  .navs-lists .item {
    width: 33.33%;
    padding: 0 0.25rem;
    margin-bottom: 0.5rem;
    color: #303030; }
    .navs-lists .item .icon {
      width: 100%;
      display: block; }
    .navs-lists .item .cover {
      display: block;
      max-width: 100%;
      height: 3rem; }
    .navs-lists .item .name {
      font-size: 13px;
      height: 1.25rem;
      line-height: 1.25rem;
      text-align: center;
      color: #303030; }

.help-app {
  padding: 0 0.75rem; }

.helpinfo-app .content {
  padding: 0.75rem; }
  .helpinfo-app .content .title {
    font-size: 18px;
    color: #000;
    font-weight: bold; }
  .helpinfo-app .content .desc {
    font-size: 14px;
    color: #666;
    padding: 0.5rem 0; }

.join-app .weui-cells {
  margin: 0; }
  .join-app .weui-cells .weui-label {
    font-size: 15px; }
  .join-app .weui-cells .weui-input {
    font-size: 15px; }
.join-app .ban {
  width: 100%; }
.join-app .main {
  position: relative;
  z-index: 10;
  margin: -0.75rem 0.75rem 0; }
  .join-app .main .ibox {
    background: #fff;
    padding: 0.25rem 0.75rem;
    border-radius: 10px; }
.join-app .titlebox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0;
  margin-bottom: 0.5rem; }
  .join-app .titlebox .title {
    font-size: 15px;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .join-app .titlebox .title .tit {
      font-weight: bold; }
  .join-app .titlebox .icon-line {
    display: inline-block;
    width: 4px;
    height: 15px;
    background: #2186F6;
    border-radius: 2px;
    opacity: 1;
    margin-right: 6px; }
  .join-app .titlebox .more {
    display: flex;
    align-items: center;
    color: #666;
    font-size: 13px; }
.join-app .btnbox {
  padding: 0.75rem 2rem; }
.join-app .btn-sub {
  height: 2rem;
  line-height: 2rem;
  border-radius: 50px;
  font-size: 15px;
  font-weight: bold; }
.join-app .desc-text {
  padding-bottom: 0.5rem; }
  .join-app .desc-text .text {
    font-size: 13px;
    color: #666; }

.submit-popup {
  background: #fff; }
  .submit-popup .weui-cell {
    color: #333;
    font-size: 14px; }
  .submit-popup .title-wrap {
    margin-bottom: 0.75rem; }
  .submit-popup .tips {
    font-size: 13px;
    color: #FF4D4F;
    padding: 0.5rem 0; }
  .submit-popup .arg {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.25rem; }
  .submit-popup .arg-text {
    font-size: 13px;
    flex: 1; }
    .submit-popup .arg-text span {
      color: #2e7dff; }
    .submit-popup .arg-text a {
      color: #2e7dff; }
  .submit-popup .checkbox {
    width: 1rem;
    overflow: hidden; }
  .submit-popup .btns {
    padding: 0.75rem 1.5rem; }
    .submit-popup .btns .btn-sub {
      width: 100%;
      height: 2.5rem;
      line-height: 2.5rem;
      padding: 0;
      border-radius: 50px; }

.cardform-app .btnbox .btn-sub {
  color: #fff; }

.help-app {
  padding: 0.75rem; }
  .help-app .weui-cell_access {
    color: #111; }
    .help-app .weui-cell_access .weui-cell__ft:after {
      transform: rotate(135deg);
      transition: 0.3s; }
  .help-app .weui-cells {
    margin: 0;
    font-size: 15px;
    color: #333; }
    .help-app .weui-cells.active .weui-cell_access .weui-cell__ft:after {
      transform: rotate(315deg); }
    .help-app .weui-cells.active .text {
      padding: 0 0.75rem 0.75rem;
      font-size: 13px;
      display: block; }
    .help-app .weui-cells .text {
      padding: 0.75rem;
      font-size: 13px;
      display: none; }
      .help-app .weui-cells .text p {
        background: #F4F4F4;
        padding: 0.5rem; }

.poswrap {
  display: flex;
  align-items: center;
  position: relative;
  width: 60px; }
  .poswrap .poswrap-input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%; }
  .poswrap .icon {
    width: 16px; }
  .poswrap .txt-hide {
    max-width: 55px; }

.offline-body .bgcolor {
  height: 6rem; }

.offline-main {
  background: #fff;
  border-radius: 5px; }
  .offline-main .card-list-wrap .line-card {
    display: flex;
    flex-wrap: wrap; }
  .offline-main .card-list-wrap .item {
    display: block;
    width: 33.3%;
    padding: 0 0.5rem;
    margin-bottom: 0.5rem; }
  .offline-main .card-list-wrap .icon {
    display: block;
    max-width: 100%; }
  .offline-main .card-list-wrap .name {
    text-align: center;
    font-size: 13px;
    color: #111;
    padding: 0.25rem 0; }
  .offline-main .tab-list {
    flex-wrap: wrap; }
    .offline-main .tab-list .tab-item {
      width: 33.33%; }

.offline-app .cate-popup {
  position: relative; }
  .offline-app .cate-popup .lists {
    padding-top: 0.5rem; }
    .offline-app .cate-popup .lists .item {
      display: flex;
      align-items: center;
      padding: 6px 0; }
    .offline-app .cate-popup .lists .logos {
      width: 5rem;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center; }
    .offline-app .cate-popup .lists .icon {
      max-width: 5rem;
      height: 2rem; }
    .offline-app .cate-popup .lists .name {
      flex: 1;
      padding: 0 0.5rem;
      font-size: 14px;
      font-weight: bold; }
.offline-app .navbar-wrap .search {
  flex: 1; }
.offline-app .navbar-wrap .logo {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem; }
.offline-app .navbar-wrap .content {
  padding: 0 0.5rem;
  width: 100%;
  display: flex;
  align-items: center; }
.offline-app .navbar-wrap .icon-kefu {
  width: 1.5rem;
  height: 1.5rem; }
.offline-app .navbar-wrap .nav-right {
  display: flex;
  align-items: center; }
.offline-app .nav-list {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  justify-content: space-between;
  border-radius: 10px;
  padding: 8px 0; }
  .offline-app .nav-list .item {
    width: 25%;
    text-align: center;
    padding: 8px 0; }
  .offline-app .nav-list .icon {
    width: 2.25rem;
    height: 2.25rem; }
  .offline-app .nav-list .name {
    font-size: 13px;
    font-weight: bold; }
.offline-app .swiper-wrap {
  margin: 0.5rem 0; }
.offline-app .titlebox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  margin-bottom: 0.5rem; }
  .offline-app .titlebox .title {
    font-size: 15px;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .offline-app .titlebox .title .tit {
      font-weight: bold; }
  .offline-app .titlebox .icon-line {
    display: inline-block;
    width: 4px;
    height: 15px;
    background: #2186F6;
    border-radius: 2px;
    opacity: 1;
    margin-right: 6px; }
  .offline-app .titlebox .more {
    display: flex;
    align-items: center;
    color: #666;
    font-size: 13px; }
.offline-app .scrolly {
  max-height: 300rpx; }
.offline-app .card-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .offline-app .card-list .card-item {
    width: 33%;
    border-radius: 10px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    text-align: center; }
    .offline-app .card-list .card-item .icons {
      max-width: 10.5rem;
      max-height: 10.5rem;
      margin: 0 auto; }
    .offline-app .card-list .card-item image {
      max-width: 10.5rem;
      max-height: 10.5rem; }
    .offline-app .card-list .card-item .name {
      font-size: 13px; }
.offline-app .main {
  position: relative;
  z-index: 9;
  padding: 0;
  margin-top: -0.75rem; }
  .offline-app .main .ibox {
    background: #fff;
    padding: 0.25rem 0.75rem;
    border-radius: 10px; }
.offline-app .search-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 9;
  padding: 0 0.75rem; }
  .offline-app .search-wrap .searchbox {
    position: relative;
    display: flex;
    align-items: center; }
    .offline-app .search-wrap .searchbox .pos {
      font-size: 12px; }
  .offline-app .search-wrap .searchbox {
    flex: 1;
    padding-left: 0.5rem; }
.offline-app .titlebox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  margin-bottom: 0.5rem; }
  .offline-app .titlebox .title {
    font-size: 15px;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .offline-app .titlebox .title .tit {
      font-weight: bold; }
  .offline-app .titlebox .icon-line {
    display: inline-block;
    width: 4px;
    height: 15px;
    background: #2186F6;
    border-radius: 2px;
    opacity: 1;
    margin-right: 6px; }
  .offline-app .titlebox .more {
    display: flex;
    align-items: center;
    color: #666;
    font-size: 13px; }
.offline-app .join {
  width: 100%;
  margin-top: 1.5rem; }
.offline-app .tab-list {
  display: flex;
  flex-wrap: wrap; }
  .offline-app .tab-list .tab-item {
    position: relative;
    width: 33%;
    text-align: center;
    font-size: 12px;
    padding: 8px 0; }
    .offline-app .tab-list .tab-item.active {
      color: #2186f6;
      font-weight: bold;
      background-position: center bottom;
      background-size: 14px; }
.offline-app .card-list2 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem; }
  .offline-app .card-list2 .card-item {
    width: 25%;
    border-radius: 10px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    text-align: center; }
    .offline-app .card-list2 .card-item .icons {
      max-width: 2.25rem;
      max-height: 2.25rem;
      margin: 0 auto 5px; }
    .offline-app .card-list2 .card-item img {
      max-width: 2.25rem;
      max-height: 2.25rem; }
    .offline-app .card-list2 .card-item .name {
      font-size: 12px;
      padding: 0 10rpx; }
.offline-app .ban-wrap {
  width: 100%;
  position: relative; }
  .offline-app .ban-wrap .bg {
    width: 100%;
    display: block; }
  .offline-app .ban-wrap .cont {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0.5rem 0.75rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2); }
  .offline-app .ban-wrap .title {
    font-size: 20px;
    margin-bottom: 10rpx; }
  .offline-app .ban-wrap .text {
    font-size: 20px;
    margin-bottom: 24rpx; }
  .offline-app .ban-wrap .line-wrap {
    display: flex;
    align-items: center;
    justify-content: center; }
    .offline-app .ban-wrap .line-wrap .line {
      display: block;
      width: 24%;
      height: 2px;
      background: linear-gradient(90deg, #107bed 0, #fff); }
      .offline-app .ban-wrap .line-wrap .line.line2 {
        background: linear-gradient(90deg, #fff 0, #107bed); }
    .offline-app .ban-wrap .line-wrap .line-text {
      padding: 0 0.5rem; }
.offline-app .color {
  color: #2186f6; }
.offline-app .icons {
  display: flex;
  align-items: center; }
  .offline-app .icons .logo {
    border: 1px solid #ddd;
    border-radius: 5px;
    max-width: 100rpx;
    max-height: 100rpx; }
.offline-app .btnbox {
  margin-top: 100rpx;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  position: fixed;
  left: 0;
  bottom: 0;
  background: #fff;
  z-index: 99;
  width: 100%;
  padding: 10rpx 0.75rem; }
  .offline-app .btnbox .btn-canle {
    height: 100rpx;
    line-height: 100rpx;
    width: 260rpx;
    text-align: center;
    border-radius: 25px;
    color: #2186F6;
    letter-spacing: 4px;
    border: 1px solid #2186F6; }
  .offline-app .btnbox .btn-sub {
    width: 9.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0;
    border-radius: 50px; }
.offline-app .u-form-item {
  padding: 10rpx 0; }
.offline-app .shoplist .relative {
  background: #def2fe;
  color: #2186f6;
  padding: 10px 0;
  border-radius: 10px;
  font-size: 12px;
  text-align: center; }
.offline-app .shoplist .shop-cont {
  border: 2px solid #2186f6;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAgCAYAAACVU7GwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUyODg0NzNCRDRFMTExRURCNEExQjA4MDQwNEY0NDk2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUyODg0NzNDRDRFMTExRURCNEExQjA4MDQwNEY0NDk2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTI4ODQ3MzlENEUxMTFFREI0QTFCMDgwNDA0RjQ0OTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTI4ODQ3M0FENEUxMTFFREI0QTFCMDgwNDA0RjQ0OTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7pjbxRAAACiUlEQVR42syYX0gUQRzHf7fKSYF5esRCdi9FpCgSRNAfo60HRYtCkkIJxYfigqA334qgnooe6qlewqKE6AIThYiCq4MMytDwQKO0QMslTSsiPS+v78hvcXfvTu/O9ZovfOBud3bmszuzM7vryrkQO0tEV0EOZS9fQAgEwCMwZ96pgGugHvzOotQGcBw8AMOgBbjMUiIdYD8Yp+xnI7gFHoK1ZimR12AXCGfDxFOAxsoilLtoUAdu26VEPoFK8Gw1hfZBJtygU2DvFO0ojZh3iWF0RElwzDSoBW2rISSuTjtkjJQUzNiLnFKSHBvhwXcexJwS2l4SXbg65jweWmcvtlNZpp6LoAnMrlSozBelTm3S2o1d6+nrZFzRIiWF+u6CavB9qUKbcA/5tZ/kU+P3bfHN05OD1tarur30YTRx8y5Mnqme7FbQDTYnEgod0hdHa7CQegbdC7+F5Ks63VL+cNBLvYO5SRtS0uiBIbAb9Nh36BPW/wFtiqorZkn1xgvVhwqXFEr3ShlZA+7w7WsZxPYxY08jhJ6H3cs2oGQwZv/wEnHFvFGcfWWHmvSg5peelIQylRKZB63gNPhrbBzBIlV6T6Uzb/MthU/2eujpu7yUK8+k++ypAfeBxUQrj1Br+TRdHvBQcMCdVoUrlhrz61R8Q92Gn12g2IlJVnGiEoj1iZkY9DtRnxPdZ04+d2XNf79SpvwScyO4KZOUSBT4+e6MySJlRMxjx8CMTFLELwYHwDeZpIjXSvGY/V4mKZGPLPZCJini57Eq0C6TFPET7AlwSSYp4mniHL8DzMkiZaSNZ/4fMkkRv1/uAZ9lkiJ+IxeL+RuZpIi/YWj8BUYaKeKvPkfB9X8CDAC2VZ5l6V9FTQAAAABJRU5ErkJggg==) 100%/100% no-repeat;
  background-size: 20px;
  background-position: right top;
  border-radius: 10px;
  padding: 0.5rem 0.75rem; }
.offline-app .shoplist .item {
  display: flex;
  align-items: center;
  padding: 2px 0;
  color: #2186f6;
  font-weight: bold; }
  .offline-app .shoplist .item text {
    color: #2186f6; }
.offline-app .shoplist .icons {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2186f6;
  border-radius: 50%;
  margin-right: 5px; }
.offline-app .form-wrap .form-item {
  display: flex;
  border-bottom: 1px solid #eee;
  padding: 0.5rem 0;
  align-items: center;
  cursor: pointer; }
.offline-app .form-wrap textarea {
  border: 0;
  width: 100%;
  height: 2.5rem; }
.offline-app .form-wrap .label {
  line-height: 1.5rem;
  width: 20%; }
.offline-app .form-wrap .value {
  width: 80%;
  padding-left: 0.5rem; }
.offline-app .form-wrap .icons .logo {
  width: 2.5rem; }
.offline-app .form-wrap .radio-item {
  width: 33.3%;
  display: block;
  padding: 0.25rem 0;
  position: relative; }
  .offline-app .form-wrap .radio-item input {
    position: absolute;
    opacity: 0; }
.offline-app .form-wrap .radio-wrap {
  display: flex;
  flex-wrap: wrap;
  font-size: 13px; }
  .offline-app .form-wrap .radio-wrap input[type="radio"]:checked + .icon {
    background: url(../icon/icon_check.png) no-repeat center center;
    background-size: 15px;
    border-color: #fff;
    width: 14px; }
  .offline-app .form-wrap .radio-wrap .icon {
    width: 14px;
    height: 14px;
    border-radius: 50px;
    border: 1px solid #ddd; }

/*# sourceMappingURL=index.css.map */