caseDetail.wxss 2.7 KB
/* pages/caseDetail/caseDetail.wxss */
@import "../../wxParse/wxParse.wxss";
.case_detail_page {
    /* height: 100%; */
    background: #F0ECEA;
    overflow: hidden;
}
.case_detail_top {
    width: 100%;
    /* height: 662rpx; */
    margin-bottom: 17rpx;
}
.case_detail_banner {
    width: 100%;
    height: 520rpx;
}

.case_detail_banner swiper {
    width: 100%;
    display: block;
    height: 466rpx;
}
.case_detail_banner swiper image.banner {
    width: 100%;
    height: 100%;
}
.index_top {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
}

.fmImg {
  width: 100%;
  height: 100%;
}

.index_top video {
  width: 300rpx;
  height: 150rpx;
}
.slide-image{
     width: 300rpx;
  height: 150rpx;
}
.video-box {
  width: 100%;
  height: 100%;
  /* background: #000; */
  display: flex;
  align-items: center;
  justify-content: center;
}
.video_btn {
  width: 78rpx;
  height: 78rpx;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -39rpx;
  margin-top: -39rpx;
}
.position-re {
  display: block;
  /* position: relative; */
}
.position-ab {
  position: absolute;
  top: 46%;
  left: 47%;
}
/* 小圆点 */
.dots_box {
    width: 100%;
    height:54rpx;
    background:rgba(1,6,17,1);
    position: relative;
}

/*  简介  */
.case_info {
    width: 100%;
    /* height:142rpx; */
    background:rgba(240,131,12,1);
    box-sizing: border-box;
    padding: 30rpx;
}
.case_info .case_title {
    font-size: 32rpx;
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 19rpx;
}
.lable_list_box {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.lable_list_box .lable_list {
    padding: 6rpx 14rpx;
    border:1rpx solid rgba(255,255,255,1);
    border-radius:6rpx;
    color: #FFFFFF;
    font-size: 20rpx;
    margin-right: 20rpx;
}

/*  详情  */
.case_info_lists {
    margin-top: 17rpx;
    width: 100%;
    background: #FFFFFF;
}
.case_info_lists .case_info_title {
    width: 100%;
    height: 109rpx;
    border-bottom: 1rpx solid #EBEBEB;
    box-sizing: border-box;
    padding: 0 222rpx;
    display: flex;
    justify-content: space-around;
    /* align-items: center; */
}
.info_title_list {
    font-size: 30rpx;
    color: #333333;
    position: relative;
    height: 100%;
    line-height: 109rpx; 
}
.info_title_list.now {
    color: rgba(240,131,12,1);
}
.info_title_list.now .line {
    width:40rpx;
    height:6rpx;
    background:rgba(240,131,12,1);
    position: absolute;
    left: 50%;
    margin-left: -20rpx;
    bottom: 0;
}

.info_box {
    width: 100%;
    box-sizing: border-box;
    padding: 0 30rpx 250rpx;
}
.info_box .info_list {
    width: 100%;
    font-size: 30rpx;
    color: #4D4D4D;
    margin-top: 10rpx;
}
.info_list image {
    width: 100%;
}