chache/app.wxss

.topbb .title .main {
  background: #3d61f0;
  border: 1px solid #3d61f0;
  border-radius: 0.5rem 3rem 3rem 3rem;
  color: #fff;
  display: inline-block;
  font-weight: 300;
  margin: 16px 10px 10px;
  padding: 8px;
}

.contact_box {
  bottom: 0rpx;
  box-sizing: border-box;
  justify-content: center;
  position: fixed;
  z-index: 5;
}

.contact,
.contact_box {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  height: 90rpx;
  width: 750rpx;
}

.contact {
  background: hsla(0, 0%, 100%, 0.795);
  justify-content: space-around;
  opacity: 0.95;
}

.contact_icon {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  height: 90rpx;
  justify-content: center;
  width: 90rpx;
}

.weixin_icon {
  height: 50rpx;
  width: 50rpx;
}

.contact_content {
  color: #629ff0;
  flex: 1;
  font-size: 15px;
  font-weight: 700;
  line-height: 90rpx;
  overflow: hidden;
  white-space: nowrap;
  word-break: keep-all;
}

.contact_content,
.contact_copy_box {
  align-items: center;
  display: -webkit-flex;
  display: flex;
  height: 90rpx;
  justify-content: center;
}

.contact_copy_box {
  width: 180rpx;
}

.contact_copy {
  border: 2rpx solid #376eb6;
  border-radius: 26rpx;
  color: #368dff;
  font-size: 15px;
  font-weight: 700;
  height: 50rpx;
  line-height: 50rpx !important;
  width: 150rpx;
}

.contact_copy,
.question-btn {
  font-size: 26rpx;
  text-align: center;
}

.container {
  align-items: center;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.imgbbs {
  border-radius: 10rpx;
  margin: 10rpx;
}

.bg-white {
  background-color: #f6f7f8;
  background-image: linear-gradient(180deg, #3688ff, #5a52ec);
  background-repeat: no-repeat;
  background-size: 100% 580rpx;
}

.demo_body {
  margin-top: 50rpx;
}

.logo {
  margin: 10rpx 0;
}

.logo-text {
  color: #fff;
  font-size: 50rpx;
  font-weight: 700;
  line-height: 60rpx;
  opacity: 0.88;
}

.logo-ver {
  font-weight: 700;
  margin-left: 16rpx;
  opacity: 0.9;
}

.logo-desc,
.logo-ver {
  color: #fff;
  font-size: 26rpx;
  line-height: 38rpx;
}

.logo-desc {
  margin-top: 20rpx;
  opacity: 0.5;
}

.white-body {
  box-sizing: border-box;
  margin-top: 50rpx;
}

.white-body,
.white-bodyb {
  background: #fff;
  border-radius: 10rpx;
  padding: 20rpx 25rpx;
  width: 100%;
}

.grace-title-border {
  background: #3688ff;
  flex-shrink: 0;
  height: 28rpx;
  margin-right: 16rpx;
  width: 8rpx;
}

.grace-list-icon {
  color: #3688ff;
  font-size: 32rpx !important;
  width: 50rpx;
}

.grace-list-body {
  margin-left: 12rpx;
}

.content {
  padding: 25rpx;
}

.wss text {
  display: block;
  font-size: 12px;
  text-align: center;
}

.demobutong {
  border-left: 1px solid #f8f8f8;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
}

.demobutong view {
  margin: 10rpx;
  text-align: center;
  width: 100%;
}

.SegmentedControlIn {
  margin-top: 38rpx;
  padding: 0 125rpx;
  width: 500rpx;
}

.search-button {
  background: #3d61f0 !important;
  border-radius: 10rpx;
  color: #fff !important;
  height: 100rpx !important;
  line-height: 100rpx !important;
  margin-top: 40rpx;
  padding: 0rpx !important;
  width: 93% !important;
}

.zanwushuju {
  height: 250rpx;
  padding-top: 1rpx;
  width: 100%;
}

.zanwushuju_img {
  display: block;
  height: 110rpx;
  margin: 30rpx auto 0;
  width: 84rpx;
}

.zanwushuju_title {
  color: #555;
  font-size: 30rpx;
  margin-top: 30rpx;
  text-align: center;
  width: 100%;
}

.shop_modle_title_center_right {
  float: right;
  height: 30rpx;
  width: 84rpx;
}

.Menu {
  border-radius: 100%;
  bottom: 45rpx;
  display: block;
  height: 102rpx;
  position: fixed;
  right: 20rpx;
  width: 102rpx;
  z-index: 100;
}

.Menu_modleIndex {
  bottom: 35rpx;
  right: 190rpx;
}

.Menu_modleIndex,
.Menu_modleSecond {
  border-radius: 100%;
  display: block;
  height: 0rpx;
  position: fixed;
  width: 0rpx;
  z-index: 99;
}

.Menu_modleSecond {
  bottom: 150rpx;
  right: 165rpx;
}

.Menu_modleThird {
  border-radius: 100%;
  bottom: 208rpx;
  display: block;
  height: 0rpx;
  position: fixed;
  right: 45rpx;
  width: 0rpx;
  z-index: 99;
}

.Menu_modleThird_active {
  -webkit-animation: ThirdActive 0.5s;
  height: 68rpx;
  width: 68rpx;
}

@-webkit-keyframes ThirdActive {
  0% {
    bottom: 68rpx;
    height: 0rpx;
    right: 41rpx;
    width: 0rpx;
  }

  100% {
    bottom: 208rpx;
    height: 68rpx;
    right: 45rpx;
    width: 68rpx;
  }
}

.Menu_modleSecond_active {
  -webkit-animation: SecondActive 0.5s;
  height: 68rpx;
  width: 68rpx;
}

@-webkit-keyframes SecondActive {
  0% {
    bottom: 65rpx;
    height: 0rpx;
    right: 43rpx;
    width: 0rpx;
  }

  100% {
    bottom: 150rpx;
    height: 68rpx;
    right: 165rpx;
    width: 68rpx;
  }
}

.Menu_modleIndex_active {
  -webkit-animation: IndexActive 0.5s;
  height: 68rpx;
  width: 68rpx;
}

@-webkit-keyframes IndexActive {
  0% {
    bottom: 66rpx;
    height: 0rpx;
    right: 43rpx;
    width: 0rpx;
  }

  100% {
    bottom: 35rpx;
    height: 68rpx;
    right: 190rpx;
    width: 68rpx;
  }
}

.Menu_modle_active {
  -webkit-animation: Active 0.5s;
  -webkit-transform: rotate(45deg);
}

@-webkit-keyframes Active {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(45deg);
  }
}

.Menu_modleThird_noactive {
  -webkit-animation: ThirdnoActive 0.5s;
  bottom: 208rpx;
  height: 0rpx;
  right: 45rpx;
  width: 0rpx;
}

@-webkit-keyframes ThirdnoActive {
  0% {
    bottom: 208rpx;
    height: 68rpx;
    right: 45rpx;
    width: 68rpx;
  }

  100% {
    bottom: 68rpx;
    height: 0rpx;
    right: 41rpx;
    width: 0rpx;
  }
}

.Menu_modleSecond_noactive {
  -webkit-animation: SecondnoActive 0.5s;
  bottom: 150rpx;
  height: 0rpx;
  right: 165rpx;
  width: 0rpx;
}

@-webkit-keyframes SecondnoActive {
  0% {
    bottom: 150rpx;
    height: 68rpx;
    right: 165rpx;
    width: 68rpx;
  }

  100% {
    bottom: 65rpx;
    height: 0rpx;
    right: 43rpx;
    width: 0rpx;
  }
}

.Menu_modleIndex_noactive {
  -webkit-animation: IndexnoActive 0.5s;
  bottom: 66rpx;
  height: 0rpx;
  right: 43rpx;
  width: 0rpx;
}

@-webkit-keyframes IndexnoActive {
  0% {
    bottom: 35rpx;
    height: 68rpx;
    right: 190rpx;
    width: 68rpx;
  }

  100% {
    bottom: 66rpx;
    height: 0rpx;
    right: 43rpx;
    width: 0rpx;
  }
}

.Menu_modle_noactive {
  -webkit-animation: noActive 0.5s;
  -webkit-transform: rotate(0deg);
}

@-webkit-keyframes noActive {
  0% {
    -webkit-transform: rotate(45deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
  }
}

.zanwushuju_border {
  position: absolute;
  top: 408rpx;
  width: 100%;
}

.zanwushuju_border_img {
  display: block;
  height: 180rpx;
  margin: 0 auto;
  width: 180rpx;
}

.zanwushuju_border_title {
  color: #9295a8;
  font-size: 24rpx;
  margin: 10rpx auto 0;
  text-align: center;
  width: 550rpx;
}