body{
            margin: 0;
            padding: 0;
            font-family: 'Roboto', sans-serif;
          }
          .full{
            position: fixed;
            width: 100%;
            height: 100%;
            background: url(../imgs/bg.jpg) no-repeat top center;
            background-size: cover;
          }
          .center{
            top: 50%;
            left: 50%;
            position: absolute;
            transform: translate(-50%, -50%);
          }

            .brand .img{
              display: block;
              margin: 20px auto;
              width: 150px;
              height: 150px;
              background: url(../imgs/xicon.png) no-repeat center center;
              background-size: contain;
            }
            .dot-music{
              display: flex;
              display: -webkit-flex;
               -webkit-align-items: center;
                  align-items: center;
          -webkit-justify-content: center;
                  justify-content: center;
                  width: 100%;
            }
            .music {
              padding: 0;
              margin: 0;
              list-style: none;
              display: -webkit-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              display: inline-flex;
              -webkit-flex-flow: row wrap;
              justify-content: space-around;
              max-width: 245.5px;
            }

            .music li {
              background: #fff;
              margin: 10px;
              color: white;
              text-align: center;
              width: 55px;
              height: 55px;
              border-radius: 100%;
              /* Oval: */
              background: #FFFFFF;
              box-shadow: 0px 0px 33px 0px #F8E71C;
            }
            .item{
              cursor: pointer;
              position: relative;
            }
            .item .om{
              width: 100%;
              height: 100%;
            }
            .active .ons{
              width: 100%;
              height: 100%;
              position: absolute;
              top: 0;
              left: 0;
              background: rgba(144,19,254,0.7) url(../img/playing.gif) no-repeat center center;
              border-radius: 100%;
            }
            .copyright{
              padding: 0;
              margin: 0;
              position: fixed;
              bottom: 20px;
              left: 20px;
              color: #fff;
            }
            .nav{
              padding: 0;
              margin: 0;
              position: fixed;
              bottom: 20px;
              right: 20px;
            }
            .nav li{
              display: inline;
              margin-left: 10px;
            }
            .nav li a{
              color: #fff;
              text-decoration: none;
            }
            .nav li a:hover{
              opacity: 0.5;
            }
            .download{
              text-align: center;
              margin: 5px;
            }
            .download span{
              display: inline-block;
              margin: 5px;
            }
            .standalone {
              transform: scale(0.8);
            }
            .popup_visible .standalone {
              transform: scale(1);
            }
            #my_popup{
              max-width: 320px;
              text-align: center;
              padding: 5px;
            }
            .my_popup_close{
              display: inline-block;
              padding: 10px 25px;
              background: tomato;
            }
            .centerP{
              text-align: center;
            }
            .credit {
              position: absolute;
              top: 10px;
              right: 10px;
              color: #d9d9d9;
              font-size: 12px;
            }
            .credit a{
              color: #ddd;
            }
            @media screen and (max-width: 480px) {
                  .full{
                    position: absolute;
                    min-height: 480px;
                  }
                  .center{
                    transform: none;
                    position: relative;
                    top: 0; left: 0;
                  }
                  .copyright{
                    position: absolute;
                  }
                  .nav{
                    position: absolute;
                  }
                }