wxd / MShopWeApp

/* pages/diy_gk/diy_gk.wxss */

.s1_gk {
  /* background-color: rgb(129, 213, 249); */
  width: 100%;
  color: #fff;
  font-size: 32rpx;
  text-align: center;
}

.s1_gk image {
  width: 100%;
  height: 100%;
  vertical-align: top;
  padding: 0rpx;
  margin: 0rpx;
}

.s1 {
  display: flex;
}

.s2_w {
  width: 100%;
  height: 100%;
  display: flex;
}

.s3_gk image {
  width: 100%;
  height: 100%;
  vertical-align: top;
  padding: 0rpx;
  margin: 0rpx;
}

.s5_gk image {
  width: 100%;
  height: 100%;
  vertical-align: top;
  padding: 0rpx;
  margin: 0rpx;
}

.s5_g5_1 image {
  width: 100%;
  height: 100%;
  vertical-align: top;
  padding: 0rpx;
  margin: 0rpx;
}

.s6 image {
  width: 100%;
  height: 100%;
  vertical-align: top;
  padding: 0rpx;
  margin: 0rpx;
}

.s8_gk8 image {
  width: 100%;
  height: 240rpx;
  vertical-align: top;
  padding: 0rpx;
  margin: 0rpx;
}

.s7_gk7 image {
  width: 100%;
  height: 100%;
  vertical-align: top;
  padding: 0rpx;
  margin: 0rpx;
}

.s5_g5_2 image {
  width: 100%;
  height: 100%;
  vertical-align: top;
  padding: 0rpx;
  margin: 0rpx;
}

.s4_gk image {
  width: 100%;
  height: 100%;
  vertical-align: top;
  padding: 0rpx;
  margin: 0rpx;
}

.s1_gk1 {
  /* background-color: rgb(255, 129, 149); */
  width: 100%;
  color: #fff;
  font-size: 32rpx;
  text-align: center;
}

.s2_gk {
  /* background-color: rgb(129, 213, 249); */
  width: 98%;
  color: #fff;
  font-size: 32rpx;
  text-align: center;
  margin: 8rpx;
}

.s2_gk image {
  width: 100%;
  height: 100%;
  vertical-align: top;
  padding: 0rpx;
  margin: 0rpx;
}

.s2_gk1 {
  /* background-color: rgb(255, 129, 149); */
  width: 97%;
  color: #fff;
  font-size: 32rpx;
  text-align: center;
  margin: 10rpx;
}

.s3 {
  width: 101%;
  /* min-height: 20rpx; */
}

.s3_gk {
  /* background-color: rgb(129, 213, 249); */
  width: 48%;
  color: #fff;
  font-size: 32rpx;
  text-align: center;
  float: left;
  margin-left: 8rpx;
  margin-bottom: 8rpx;
}

.s3_gk1 {
  /* background-color: rgb(255, 129, 149); */
  width: 48%;
  color: #fff;
  font-size: 32rpx;
  float: left;
  margin-left: 10rpx;
}

.s4_gk {
  /* background-color: rgb(129, 213, 249); */
  color: #fff;
  font-size: 32rpx;
  text-align: center;
  float: left;
}

.s4_gk1 {
  /* background-color: rgb(255, 129, 149); */
  width: 30%;
  color: #fff;
  font-size: 32rpx;
  line-height: 200rpx;
  text-align: center;
  margin: 6rpx;
  float: left;
}

.s5 {
  display: flex;
  margin:  0px;
  margin-bottom: 8rpx;
}

.s5_gk {
  /* background-color: rgb(129, 213, 249); */
  width: 366rpx;
  height: 390rpx;
  color: #fff;
  font-size: 32rpx;
  text-align: center;
  flex: 1;
  margin-left: 6rpx;
}

.s5_g5 {
  flex: 1;
  /* background-color: white; */
  width: 366rpx;
  height: 390rpx;
  margin: 0 6rpx;
}

.s5_g5_1 {
  width: 100%;
  height: 192rpx;
  margin-bottom: 6rpx;
  line-height: 150rpx;
  text-align: center;
  color: #fff;
  font-size: 32rpx;
}

.s5_g5_2 {
  width: 100%;
  height: 192rpx;
  line-height: 150rpx;
  text-align: center;
  color: #fff;
  font-size: 32rpx;
}

.s6 {
  width: 100%;
  color: #fff;
  font-size: 32rpx;
  margin-bottom: 8rpx;
}

.s6_gk6 {
  width: 100%;
  display: flex;
  margin-top: 8rpx;
}

.s6_gk6_1 {
  width: 242rpx;
  height: 242rpx;
  margin-left: 8rpx;
  text-align: center;
}

.s6_gk6_2 {
  width: 484rpx;
  height: 242rpx;
  text-align: center;
  margin-left: 8rpx;
}

.s7 {
  width: 100%;
  color: #fff;
  font-size: 32rpx;
  display: flex;
}

.s7_gk7 {
  width: 362rpx;
  margin: 0 8rpx;
  /* margin-top: 6rpx; */
}

.s7_gk7_1 {
  width: 100%;
  height: 181rpx;
  /* background-color: #99cc66; */
  margin-right: 10rpx;
  line-height: 150rpx;
  text-align: center;
  margin-bottom: 8rpx;
}

.s7_gk7_2 {
  width: 100%;
  /* background-color: #99cc66; */
  text-align: center;
  margin-right: 10rpx;
  margin-bottom: 8rpx;
	height: 360rpx;
}

.s8 {
  width: 100%;
  color: #fff;
  font-size: 32rpx;
  display: flex;
}

.s8_gk8 {
  flex: 1;
  width: 30%;
}

.s1_gk_a1 {
  display: inline;
  width: auto;
  height: auto;
}

.s8_gk1 {
  /* background-color: rgb(255, 129, 149); */
  width: 96%;
  color: #fff;
  font-size: 32rpx;
  line-height: 200rpx;
  text-align: center;
  margin: 6rpx;
  margin-bottom: 10rpx;
}

.s8_gk2 {
  /* background-color: rgb(255, 129, 149); */
  width: 94%;
  color: #fff;
  font-size: 32rpx;
  line-height: 496rpx;
  text-align: center;
  margin: 6rpx;
}

/**index.wxss**/

.swiper {
  height: auto;
  width: 100%; 
  padding-bottom: 7rpx;
  padding-top: 7rpx;
  /* background-color: palevioletred; */
}

.swiper image {
  height: auto;
  width: 100%;
  margin: 0;
}
.sw_con{
    position: relative;
}
.clicle{ width: 20rpx; height: 20rpx}
.dots{ position: absolute; bottom: 10rpx; width: 100%; display: flex; justify-content: center}
.title{ position: absolute; left: 0; bottom: 0; background-color: rgba(6,6,6,0.5); font-size: 30rpx;
  text-indent: 10rpx;width: 100%; height: 50rpx; line-height: 50rpx; color: #fff}