/* 最大的view*/

.big {
  width: 100%;
  /* min-height: 280rpx; */
  /* 先设置最小容器单位，min-height:280rpx;然后再设置auto */
  height: auto;
  margin: 0rpx auto;
  text-align: center;
  display: flex;
}

.s1_gk_a1 {
  display: inline;
}

/* 设置第一张图片的外框 */

.big_view_one {
  width: 25%;
  min-height: 145rpx;
  height: auto;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

/* 第一张图片 */

.print_one {
  display: inline-block;
  vertical-align: middle;
  flex-direction: row;
  margin-top: 30rpx;
}

/* 第一个文字 */

.font_one {
  /*display: flex;*/
  height: 40rpx;
  font-size: 30rpx;
  margin-top: 20rpx;
  /*margin-left: 40rpx;*/
  text-align: center;
}

/* 图片2的大框 */

.big_one_two {
  /* display: inline-block; */
   display: flex; 
  width: 100%;
  min-height: 122rpx;
  height: auto;
  margin: 0 auto;
  text-align: center;
}

/* 图片2的外框 */

.big_view_two {
  display: inline-block;
  /* display: flex; */
  width: 20%;
  min-height: 86rpx;
  line-height: 86rpx;
  height: auto;
  margin-top: 20rpx;
  text-align: center;
}

/* 图片2 */

.print_two {
  margin-left: 5rpx;
  vertical-align: middle;
}

/* 文字2 */

.font_bicder_two {
  display: inline-block;
  width: 80rpx;
  font-size: 30rpx;
  /* margin-left: 40rpx;    */
  vertical-align: middle;
  line-height: 30rpx;
  overflow: hidden;
}

/* 3功能的大边框 */

.big_border_three {
  display: flex;
  width: 100%;
  height: 108rpx;
  
}

/* 图片的边框 */

.bicder_picture {
  display: flex;
  width: 25%;
}

/* 设置文字3 */

.font_three {
  display: inline-block;
  margin-left: 70rpx;
  margin-top: 40rpx;
  font-size: 30rpx;
  font-family: "宋体";
  width: 100%;text-align: center; margin: 20rpx 0;
}

/* 隐藏图片 */

.image_none {
  display: none;
}

/* 判断后端图片 */

.image {
  margin-left: 55rpx;
  width: 80rpx;
  height: 80rpx;
  transform: rotate(270deg);
}

/* 
   第二块 */

.big_two {
  display: inline-block;
  width: 100%;
  /* min-height: 280rpx; */
  /* 先设置最小容器单位，min-height:280rpx;然后再设置auto */
  height: auto;
}

image {
  /* transform:rotate(270deg); */
}

/* 图片大外层 */

.one_div {
  display: inline-block;
  min-height: 50%;
  width: 50%;
  height: auto;
}

/* 图片的外层 */

.picture_one {
  display: inline-block;
  margin-left: 50rpx;
  vertical-align: middle;
}

/* 文字1 */

.test {
  /* width: 60rpx; */
  height: 40rpx;
  margin-left: 30rpx;
  font-size: 30rpx;
  /* 被display:inline-block;要移动位置的时候用 vertical-align: middle; */
  display: inline-block;
  vertical-align: middle;
}

/* 图片2的大外层 */

.two_div {
  display: inline-block;
  min-height: 50%;
  width: 50%;
  height: auto;
}

/* 图片2的外层*/

.picture_two {
  display: inline-block;
  vertical-align: middle;
}

/* 文字2 */

.text_two {
  width: 60rpx;
  height: 40rpx;
  margin-left: 30rpx;
  font-size: 30rpx;
  /* 被display:inline-block;要移动位置的时候用 vertical-align: middle中部; */
  display: inline-block;
  vertical-align: middle;
}

/* 外层view3 */

.three_div {
  display: inline-block;
  min-height: 50%;
  width: 50%;
  height: auto;
  margin-top: 80rpx;
}

/* 外层div4 */

.four_div {
  display: inline-block;
  min-height: 50%;
  width: 50%;
  height: auto;
  /* margin-top: 30rpx; */
  vertical-align: middle;
}