wechat/src/module/user/majorProjectsDetail/page.scss

.mainPage{
  background: #fff;
  &>div.flex-item{
    &>div{
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      transform: translateZ(0);
      -webkit-transform: translateZ(0);
      .banner{
        width: 100%;
        height: 0;
        padding-bottom: 118%;
        background: #eee;
        position: relative;
        overflow: hidden;
        &>div.scrollImg{
          width: 100%;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          overflow: hidden;
          z-index: 1;
          >div{
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
          }
        }
        &>div.scrollImg+div{
          width: 100%;
          position: absolute;
          left: 0;
          bottom: 0;
          overflow: hidden;
          z-index: 2;
          background: linear-gradient(to top, rgba(0,0,0,.1),rgba(0,0,0,0));
          background: -webkit-linear-gradient(bottom, rgba(0,0,0,.1),rgba(0,0,0,0));
          &>span{
            width: 100%;
            display: block;
            line-height: .38rem;
            color: #fff;
            font-size: .2rem;
            text-indent: .26rem;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
          }
          &>div{
            font-size: 0;
            white-space: nowrap;
            margin-bottom: .26rem;
            &>span{
              display: inline-block;
              line-height: .32rem;
              color: #fff;
              font-size: .11rem;
              vertical-align: middle;
              &:first-child{
                margin-left: .26rem;
                margin-right: .1rem;
                em{
                  font-size: .2rem;
                  color: #fff;
                }
                &+span{
                  line-height: .24rem;
                  background: rgba(0,0,0,.2);
                  padding: 0 .15rem;
                  border-radius: .32rem;
                  em{
                    color: #e8a813;
                    line-height: .24rem;
                    font-size: .11rem;
                  }
                }
              }
            }
          }
        }
      }
      .subContent{
        h5{
          width: 100%;
          display: block;
          line-height: .22rem;
          font-size: .16rem;
          text-indent: .26rem;
          margin: .15rem auto 0;
        }
      }
      .time{
        &>span{
          width: 100%;
          display: block;
          line-height: .22rem;
          color: #666;
          font-size: .11rem;
          text-indent: .26rem;
        }
        .list{
          &>div{
            margin: 0 .26rem;
            ul{
              font-size: 0;
              height: .44rem;
              overflow: hidden;
              &.show{
                height: auto;
              }
              li{
                width: 50%;
                display: inline-block;
                line-height: .22rem;
                font-size: .11rem;
                color: #666;
                &:nth-child(2n){
                  text-align: right;
                }
              }
            }
            .moreCourse{
              width: 100%;
              display: block;
              text-align: center;
              border-top: .01rem solid #eee;
              line-height: .4rem;
              color: #666;
              font-size: .13rem;
              margin-top: .05rem;
              i{
                line-height: .4rem;
                color: #666;
                font-size: .13rem;  
              }
            }
          }
        }
      }
      .address{
        &>div{
          &>div{
            margin: 0 .26rem;
            border-bottom: .01rem solid #eee;
            padding: .2rem 0;
            .img{
              width: 2.4rem;
              position: relative;
              overflow: hidden;
              a{
                width: 100%;
                display: block;
                padding-bottom: 62.5%;
                background: #eee;
                border-radius: .06rem;
                position: relative;
                overflow: hidden;
                >div{
                  width: 100%;
                  position: absolute;
                  left: 0;
                  bottom: 0;
                  overflow: hidden;
                  background: rgba(0,0,0,.3);
                  z-index: 2;
                  *{
                    font-size: .13rem;
                    color: #fff;
                  }
                  i{
                    margin-left: .1rem;
                    line-height: .3rem;
                  }
                  >div{
                    margin: 0 .1rem 0 .05rem;
                    >div{
                      width: 100%;
                      position: relative;
                      overflow: hidden;
                      >span{
                        width: 100%;
                        display: block;
                        line-height: .3rem;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                      }
                    }
                  }
                }
                img{
                  z-index: 1;
                }
              }
            }
          }
        }
      }
    }
  }
  &>div.flex-h{
    padding: .1rem 0;
    background: #fff;
    position: relative;
    z-index: 100;
    box-shadow: 0 0 .2rem .02rem rgba(0,0,0,.05);
    div{
      vertical-align: middle;
      span{
        width: 100%;
        display: inline-block;
        text-align: center;
        text-decoration: line-through;
        font-size: .11rem;
        em{
          font-size: .18rem;
        }
        &:only-child{
          line-height: .4rem;
          text-decoration: none;
        }
        &+span{
          color: #fc6243;
          font-size: .11rem;
          text-decoration: none;
        }
      }
    }
    &>a{
      line-height: .4rem;
      padding: 0 .6rem;
      border-radius: .4rem;
      color: #fff;
      font-size: .15rem;
      margin-right: .2rem;
      background: #fc6243;
    }
  }
}