yuminge-app/yun-min-program-plugin-master/packageA/member/extension/ExtensionApply/ExtensionApply.wxss

/* pages/ExtensionApply/ExtensionApply.wxss */
page {
  background: #fff;
}

.extension {
  text-align: center;
}

.extension .myextension .banner image {
  width: 100%;
}

.extension .myextension .main {
  position: relative;
  top: -8rpx;
}

.extension .welcome {
  background-color: #fff;
  padding: 40rpx 0;
}

.extension .apply-info .text {
  font-size: 32rpx;
  line-height: 48rpx;
}

.extension .apply-info .text .p .span {
  color: #f15353;
  font-weight: bold;
}

.extension .apply-info .info {
  margin-bottom: 40rpx;
  padding: 0 28rpx;
  border-top: solid 2rpx #ebebeb;
  border-bottom: solid 2rpx #ebebeb;
  margin-top: 20rpx;
  text-align: left;
}

.extension .apply-info .info .name,
.extension .apply-info .info .member {
  height: 88rpx;
  border-bottom: solid 2rpx #ebebeb;
}

.extension .apply-info .info .member {
  border: none;
}

.extension .apply-info .btn {
  width: 80%;
  background-color: #f15353;
  border-radius: 8rpx;
  color: #fff;
  border: none;
  height: 72rpx;
  font-size: 28rpx;
  line-height: 72rpx;
  margin: 0 auto;
}

.extension #go-buy .text {
  margin-bottom: 20rpx;
  padding: 0 28rpx;
  font-size: 32rpx;
}

.extension #go-buy .text p {
  line-height: 52rpx;
}

.extension #go-buy .text span {
  color: #f15353;
  font-weight: bold;
}

.extension #go-buy .info .btn {
  line-height: 72rpx;
  margin: 0 auto;
  width: 80%;
  height: 72rpx;
  border-radius: 36rpx;
  background-color: #f15353;
  color: #fff;
  font-size: 28rpx;
}

.extension #go-buy .info .btn van-icon {
  margin-right: 20rpx;
}

.extension .new_extension {
  background: #fff;
  padding: 0 28rpx 40rpx 28rpx;
}

.extension .new_extension .title {
  padding: 8rpx 0;
  background-image: url(https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/title_bg.png);
  background-repeat: no-repeat;
  background-size: 520rpx;
  background-position: center center;
  color: #fff;
  margin-bottom: 40rpx;
}

.extension .new_extension .title .h1 {
  font-size: 32rpx;
  line-height: 48rpx;
}

.extension .new_extension .title .p {
  font-size: 26rpx;
  line-height: 40rpx;
  opacity: 0.7;
}

.extension .new_extension .text .li {
  display: flex;
  margin-bottom: 20rpx;
}

.extension .new_extension .text .li icon {
  font-size: 48rpx;
  color: #c9c9c9;
}

.extension .new_extension .text .li .p {
  font-size: 32rpx;
  text-align: left;
  margin-left: 16rpx;
  line-height: 56rpx;
}

.extension .new_extension .text .li .p .span {
  font-weight: bold;
  color: #f15353;
}

.extension .new_extension .text .li .p .btn {
  font-weight: normal;
  font-size: 26rpx;
  background: rgba(241, 83, 83, 0.16);
  padding: 8rpx 20rpx;
  border-radius: 6rpx;
  margin-left: 40rpx;
}

.extension .new_extension .info {
  margin-top: 40rpx;
}

.extension .new_extension .info .btn {
  line-height: 72rpx;
  margin: 0 auto;
  width: 600rpx;
  height: 72rpx;
  border-radius: 36rpx;
  background-color: #f15353;
  color: #fff;
  font-size: 28rpx;
}

.extension .myextension .main .vip_main {
  background: #fff;
  margin: 30rpx 0;
}

.extension .myextension .main .vip_main .title {
  padding: 20rpx;
  font-size: 24rpx;
  border-bottom: 2rpx solid #e2e2e2;
  text-align: center;
}

.extension .myextension .main .vip_main .vip {
  padding: 30rpx 20rpx;
  overflow: hidden;
  font-size: 24rpx;
  color: #999;
  display: flex;
}

.extension .myextension .main .vip_main .vip .ico1,
.extension .myextension .main .vip_main .vip .ico2 {
  width: 15%;
}

.extension .myextension .main .vip_main .vip .ico1 {
  height: 72rpx;
  width: 72rpx;
  background: #32cd32;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-right: 10rpx;
}

.extension .myextension .main .vip_main .vip .ico2 {
  height: 72rpx;
  width: 72rpx;
  background: #fece00;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-right: 10rpx;
}

.extension .myextension .main .vip_main .vip .text {
  width: 85%;
}

.extension .myextension .main .vip_main .vip .text .t1 {
  font-size: 32rpx;
  color: #333;
  margin-bottom: 10rpx;
  text-align: left;
}

.extension .myextension .main .vip_main .vip .text .t2 {
  text-align: justify;
}

.extension .myextension .main .vip_main .vip1 {
  border-bottom: 2rpx solid #e2e2e2;
}

.extension .myextension .success {
  height: 400rpx;
  padding-top: 130rpx;
  background: #fff;
}

.extension .myextension .success .ico {
  height: 130rpx;
  width: 130rpx;
  margin: 0 auto;
}

.extension .myextension .success .text {
  height: 64rpx;
  margin-top: 60rpx;
  color: #666;
  line-height: 51rpx;
  text-align: center;
}

.extension .myextension .success .a .sub {
  height: 64rpx;
  width: 80%;
  background: #f55955;
  margin: 40rpx auto;
  border-radius: 64rpx;
  color: #fff;
  line-height: 64rpx;
  text-align: center;
  font-size: 28rpx;
  margin-bottom: 40rpx;
}