@import "base.less";
@import "sweetalert.less";
@import "share-upwindow.less"; //弹窗样式
@import "logodown.less"; //引导下载

//设计的基础宽度
@base_width: 750;
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: 微软雅黑;
  background-color: rgb(0,0,0);
  width: 100%;
}

.wrap{
  header{
    position: absolute;
    width: 100%;
    height: ( 1100vw / @base_width ) * 100;
    top: ( 0vw / @base_width ) * 100;
    .bc-img{
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      //height: ( 1160vw / @base_width ) * 100;
    }

    .play-icon{
      opacity:0.55;
      background-size:cover;
      background-image:url(./img/shortvideo/shortvideo_play.png);
      position:relative;
      z-index: 2;
      left: (300vw / @base_width) * 100;
      top: (-830vw / @base_width) * 100;
      width: (150vw / @base_width) * 100;
      height: (150vw / @base_width) * 100;
    }

    .shadown {
      text-align: center;
      position: absolute;
      bottom: ( 0vw / @base_width ) * 100;
      left: 0;
      right: 0;
      height: ( 700vw / @base_width ) * 100;
      z-index: 1;
      background: linear-gradient(to top, rgba(0,0,0, 0.99) 45%, rgba(0,0,0, 0) 100%) ;
      box-sizing: border-box;
    }
  }

  .content{
    padding:  0 ( 30vw / @base_width ) * 100;
    position: relative;
    z-index: 1;
    margin-top: ( 615vw / @base_width ) * 100;
    font-size:( 30vw / @base_width ) * 100;

    h4{
      font-size: ( 44vw / @base_width ) * 100;
      padding-bottom: ( 30vw / @base_width ) * 100;
      color: white;
    }

    .num{
      width: ( 95vw / @base_width ) * 100;;
      height: ( 45vw / @base_width ) * 100;
      font-size: ( 28vw / @base_width ) * 100;
      text-align: center;
      line-height: ( 45vw / @base_width ) * 100;;
      color: rgb(241,186,0);
      background-color: rgba(255,255,255,0.3);
      position: absolute;
      right: ( 40vw / @base_width ) * 100;;
      top:( 10vw / @base_width ) * 100;
      border-radius: ( 32vw / @base_width ) * 100;;
    }

    p{
      color: rgb(197,197,197);
      padding-bottom: ( 5vw / @base_width ) * 100;
    }

    .area{
      padding-bottom: ( 25vw / @base_width ) * 100;
    }

    .text-color{
      color: rgb(143,143,143)
    }

    .content-text{
      text-indent:2em;
      color: rgb(143,143,143);
      font-size:( 30vw / @base_width ) * 100;
      line-height: ( 44vw / @base_width ) * 100;
    }

    .text-over{
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
    }
  }
}