.app-list ul{
      display: flex;
    }
    .app-list li{
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      line-height: 30px;
    }
    .app-list li img{
       float: left;
       width: 300px;
       padding: 10px;
    }
    .allapp{
      display: block;
      margin-top:30px;
    }
    .allapp .title img{
      width: 15px;
      position: relative;
      margin-top: -5px;
      margin-right: 10px;
    }
    .allapp font{
      font-size:16px;
    }
    .allapp .title{
      border-bottom:1px dashed #0075c2;
      cursor: pointer;
      margin-top:30px;
    }
    .allapp .title:hover{
      border-bottom:1px solid #006aaf;
    }
    #arrow{
      float:right;
    }
    #arrow img{
      width: 20px;
    }
    .sclass{
      display: flex;
      width: 100%;
      margin:0 auto;
      justify-content: center;

    }
    .sclass li{
      width: 100px;
      margin:0 10px;
      padding: 15px;
      height: auto;
      border: 1px solid #eee;
      font-size: 14px;
    }
    .sclass li:hover{
      border: 1px solid #0072b8;
    }
    .sclass li div{
      display: flex;
      width: 100%;
      text-align: center;
      height: 25px;
    }
    .sclass li div font{
      border-bottom: 1px solid #aaa;
    }
    .sclass li div font:hover{
      border-bottom: 1px solid #0072b8;
    }
    .proddiv a{
      color: #0072b8;
      font-size: 14px;
    }
    .bigpic img{
      max-width: 100%;
    }