yyq_wxapp/pages/index/index.wxss

Page{
  background: #fff;
}

.screen-swiper {
  min-height: 468rpx;
}

.box-search{
  margin: 20rpx 0; 
}

.box-search view.cu-bar {
  margin-top: 20rpx; 
}

.box {
  text-align: center;
  margin: 20rpx;
}

.box .camara {
  color: #f36944;
  font-size: 28rpx;
}

.box .button {
  background: #ff816a;
  border-radius: 48rpx;
  color: #fff;
  display: inline-block;
  margin: 8rpx;
  padding: 24rpx 80rpx;
  font-size: 42rpx;
}

.box .desc {
  margin-top:8rpx;
  font-size: 28rpx;
  color: #969696;
  margin-bottom: 10rpx;
}

/* 
session
*/
/* 分类 */
.cate-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 30rpx 22rpx;
  background: #fff;
  /* 原图标颜色太深,不想改图了,所以加了透明度 */
}
.cate-section .cate-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 26rpx;
    color: #5d626b;
}
.cate-section image {
    width: 88rpx;
    height: 88rpx;
    margin-bottom: 14rpx;
    border-radius: 50%;
    opacity: .7;
    -webkit-box-shadow: 4rpx 4rpx 20rpx rgba(250, 67, 106, 0.3);
            box-shadow: 4rpx 4rpx 20rpx rgba(250, 67, 106, 0.3);
}

/* 

*/
.f-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 140rpx;
  padding: 6rpx 30rpx 8rpx;
  background: #fff;
}
.f-header image {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 80rpx;
    height: 80rpx;
    margin-right: 20rpx;
}
.f-header .tit-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}
.f-header .tit {
    font-size: 34rpx;
    color: rgb(0, 0, 5);
    line-height: 1.3;
}
.f-header .tit2 {
    font-size: 24rpx;
    color: #909399;
}
.f-header .icon-you {
    font-size: 34rpx;
    color: #909399;
}

/* 热门 */
.group-section {
  background: #fff;
}
.group-section .g-swiper {
    height: 650rpx;
    padding-bottom: 30rpx;
}
.group-section .g-swiper-item {
    width: 100%;
    padding: 0 30rpx;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.group-section image {
    width: 100%;
    height: 460rpx;
    border-radius: 4px;
}
.group-section .g-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: hidden;
}
.group-section .left {
    -webkit-box-flex: 1.2;
    -webkit-flex: 1.2;
        -ms-flex: 1.2;
            flex: 1.2;
    margin-right: 24rpx;
}
.group-section .left .t-box {
      padding-top: 20rpx;
}
.group-section .right {
    -webkit-box-flex: 0.8;
    -webkit-flex: 0.8;
        -ms-flex: 0.8;
            flex: 0.8;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}
.group-section .right .t-box {
      padding-bottom: 20rpx;
}
.group-section .t-box {
    height: 160rpx;
    font-size: 30rpx;
    color: #303133;
    line-height: 1.6;
}
.group-section .price {
    color: #fa436a;
}
.group-section .m-price {
    font-size: 26rpx;
    text-decoration: line-through;
    color: #909399;
    margin-left: 8rpx;
}
.group-section .pro-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 10rpx;
    font-size: 24rpx;
    color: 28rpx;
    padding-right: 10rpx;
}
.group-section .progress-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 8rpx;
}

.anw-title{
    font-size: 32rpx;
    font-weight: 900;
    padding:8rpx;
}
.anw-content{
    font-size: 25rpx;
    padding:24rpx;
    color:#fa436a;
    line-height:150%;
}