@import './common.less';

.staticWrap {
  .staticTopCenter {
    width: 66.6%;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    padding-top: 130px;
  }
  .staticTop {
    height: 450px;
    background-color: #2A9BD5;
  }
  .staticTopLogo {
    margin-bottom: 40px;
    img {
      width: 62.4%;
      max-width: 800px;
    }
  }
  .staticTopTab {
    ul {
      text-align: left;
    }
    li {
      /*display: inline-block;*/
      float: left;
      font-size: 16px;
      color: #fff;
      margin: 0 2% 10px;
      cursor: pointer;
      padding-bottom: 2px;
      border-bottom: 2px solid #2A9BD5;
    }
    .tabFst {
      border-bottom: 2px solid #fff;
    }
  }
  .staticTopSearch {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #fff;
    border-radius: 8px;
    padding-right: 100px;
    box-sizing: border-box;
    position: relative;
    input {
      height: 55px;
      line-height: 55px;
      box-sizing: border-box;
      float: left;
      border-radius: 8px;
      width: 100%;
      padding: 0 30px;
    }
    .searchBtn {
      width: 88px;
      height: 100%;
      line-height: 50px;
      border-left: 1px solid #979797;
      position: absolute;
      right: 0;
      top: 0;
      cursor: pointer;
      color: #666;
      padding-left: 40px;
      box-sizing: border-box;
      img {
        position: absolute;
        left: 34px;
        top: 22px;
        width: 20px;
        height: 20px;
      }
    }
  }
  .foryou {
    width: 100%;
    text-align: center;
    margin:180px 0 50px 0;
    img{
      width: 47%;
      max-width: 647px;
    }
  }
  .staticBg {
    width: 62.4%;
    margin: 0 auto;
    img {
      width: 100%;
    }
  }
}