#TFYT-Player{
    margin:0 !important;
    padding:0 !important;
	letter-spacing:.00em !important;
}

.TFYT-Player{
    position:fixed;
    z-index: 9999;
    color: white;
    transition:transform .5s ease;
    bottom:0px;
    left:-300px;
}

.TFYT-Player-Load{
    text-align:center;
}

.TFYT-Player .TFYT-Player-background{
    box-shadow:0px 0px 0px 1px rgba(158, 158, 158, 0.26);
    border-radius: 5px 5px 0px 0px;
    width: 300px;
    height: 180px;
    position: relative;
    margin: 0px 0px 0px 0px;
    overflow:hidden;
}

.TFYT-Player .TFYT-Player-background:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url(https://desk-fd.zol-img.com.cn/t_s1366x768c5/g5/M00/0C/09/ChMkJ13XoBCIeseEAAP4CsGl2PMAAvXlwOr-dAAA_gi582.jpg) center center no-repeat;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -o-filter: blur(50px);
    -ms-filter: blur(50px);
    filter: blur(50px);
    z-index: -1;
    background-size: cover;
}

.TFYT-Player .TFYT-Player-Head{
    line-height: 1.12;
}

.TFYT-Player-Song-Info{
    font-size: 10px;
}

.TFYT-Player .TFYT-Player-Song-Name{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width: 80px;
    margin: 23px 0 0 5px;
}

.TFYT-Player .TFYT-Player-Song-Artist{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width: 80px;
    margin: 23px 0 0 5px;
}

.TFYT-Player .TFYT-Player-Song-Album{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width: 90px;
    margin: 23px 0 0 5px;
}

.TFYT-Player .TFYT-Player-Config{
    font-size: 10px;
}

.TFYT-Player .TFYT-Player-Lyric-State{
    margin: -85px 0px 0 222px;
}

.TFYT-Player .TFYT-Player-Pattern-State{
    margin: 23px 0 0 231px;
}

.TFYT-Player .TFYT-Player-Volume-State{
    margin: 23px 0 0 224px;
}

.TFYT-Player .TFYT-Player-Switch{
    box-shadow:1px 0px 0px 1px #9e9e9e5e;
    border-radius: 0px 5px 5px 0px;
    width:24px;
    height:60px;
    background:#eeeeee21 none repeat scroll 0% 0%;
    position:relative;
    right:-24px;
    bottom:170px;
    box-sizing:border-box;
    border-left:none;
    cursor:pointer;
    float:right;
}

.TFYT-Player .TFYT-Player-Switch .TFYT-Player-Switch-Button{
    float:left;
    top:20px;
    position:relative;
    left: 6px;
    transform:rotate(180deg);
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

.TFYT-Player .TFYT-Player-Switch:hover{
    color: #03a9f4;
}

.TFYT-Player .TFYT-Player-Switch .TFYT-Player-Switch-Button.TFYT-Player-Switch-Button-No{
    transform:rotate(360deg);
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform:rotate(0deg)
    }
    to {
        -webkit-transform:rotate(360deg)
    }
}@-moz-keyframes rotate {
     from {
         -moz-transform:rotate(0deg)
     }
     to {
         -moz-transform:rotate(360deg)
     }
 }@-ms-keyframes rotate {
      from {
          -ms-transform:rotate(0deg)
      }
      to {
          -ms-transform:rotate(360deg)
      }
  }@-o-keyframes rotate {
       from {
           -o-transform:rotate(0deg)
       }
       to {
           -o-transform:rotate(360deg)
       }
   }

.TFYT-Player .TFYT-Player-Foot{
    height: 25px;
    width: 100%;
    position: absolute;
    background: white;
    top: 155px;
    line-height:1.2;
}

.TFYT-Player .TFYT-Player-Control{
    border-right:1px solid #9e9e9e1a;
    box-shadow:1px 0 0 rgba(158, 158, 158, 0.31);
    height:100%;
    margin: 0 228px 0 0;
    color: #000000bf;
}

.TFYT-Player .TFYT-Player-Backward{
    margin: 3px 5px 0 5px;
}

.TFYT-Player .TFYT-Player-Backward:hover{
    cursor:pointer;
    color: #03a9f4;
}

.TFYT-Player .TFYT-Player-Play{
    margin: -19px 0px 0px 30px;
}

.TFYT-Player .TFYT-Player-Play:hover{
    cursor:pointer;
    color: #03a9f4;
}

.TFYT-Player .TFYT-Player-Forward{
    margin: -19px 0 0 60px;
}

.TFYT-Player .TFYT-Player-Forward:hover{
    cursor:pointer;
    color: #03a9f4;
}

.TFYT-Player .TFYT-Player-Progress{
    width:160px;
    background:rgba(0,0,0,.3);
    height:8px;
    box-shadow:0 1px 2px rgba(0,0,0,.5) inset;
    overflow:hidden;
    border-radius:2px;
    position:relative;
    cursor:pointer;
    margin:-19px 0px 0px 80px;
}

.TFYT-Player .TFYT-Player-Progress-Back{
    width: 30%;
    height:100%;
    border-radius:2px;
    background: aqua;
}

.TFYT-Player .TFYT-Player-Progress-Btn{
    position:absolute;
    width:10px;
    height:10px;
    margin:-9px auto;
    background-color:white;
    left:40px;
    border-radius:50%;
}

.TFYT-Player .TFYT-Player-Progress-Pointer{
    width:30%;
    height:100%;
    background:#fff;
    border-radius:50%;
    opacity:0;
    transition:opacity .3s;
    position:absolute;
    top:-1px;
}

.TFYT-Player .TFYT-Player-Lyric{
    margin: -14px 0 0 252px;
    color:#000000bf;
}

.TFYT-Player .TFYT-Player-Lyric:hover{
    cursor:pointer;
    color: #03a9f4;
}

.TFYT-Player .TFYT-Player-List{
    margin:-17px 0 0 280px;
    color:#000000bf;
    font-size:14px;
}

.TFYT-Player .TFYT-Player-List:hover{
    cursor:pointer;
    color: #03a9f4;
}

.TFYT-Player .TFYT-Player-Return{
    cursor:pointer;
    color: white;
    background: #00bcd421;
}

.TFYT-Player .TFYT-Player-Return:hover{
    cursor:pointer;
    color: white;
    font-weight:bold;
    border-left:3px solid #1abc9c;
    background: #03a9f4;
    transition:.6s;
}

.TFYT-Player .TFYT-Player-Cover{
    position:absolute;
    margin-left:92px;
    margin-right:92px;
    margin-top:-85px;
}

.TFYT-Player .TFYT-Player-Cover-img{
    cursor:pointer;
    border: 4px solid white;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    box-sizing:content-box;
}

.TFYT-Player .TFYT-Player-Time{
    position:absolute;
    margin: 23px 0 0 5px;
    color: white;
    font-size:13px;
}

.TFYT-Player .TFYT-Player-Time time:nth-child(1){
    clear: left;
    margin: 0px 190px 0px 0px;
}

.TFYT-Player .TFYT-Player-Time time:nth-child(2){
    clear: right;
}

#TFYT-Player .TFYT-Player-Lyric-Container{
    position: fixed;
    bottom: 0px;
    height: 65px;
    overflow: hidden;
    width: 100%;
    line-height: 24px;
    font-size: 10px;
    z-index: 99999;
    background: #607d8b4f;
}

#TFYT-Player .TFYT-Player-Lyric-Txt{
    position: absolute;
    text-align: center;
    top: 24px;
    left: 0;
    right: 0;
    width: 100%;
    transition: 1s;
    -webkit-transition: 1s;
    color: white;
}

.TFYT-Player-Lyric-Txt p{
    margin: 0;
    font-family: lyric_art_font_file,Georgia,serif;
    text-shadow: 0 0 20px #8BC34A;
}

@font-face {
     font-family:lyric_art_font_file;
     src: local('Ubuntu'), url(https://style.xmyrs.cn/font/gute.ttf) format('woff');
}

.TFYT-Player .TFYT-Player-Music-List{
    top: 0px;
    float:left;
    width:100%;
    margin:0;
    padding:0;
    position:relative;
    max-height: 0;
    overflow: hidden;
    border-radius:0 0 5px 0px;
    box-shadow:0px 0px 0px 1px rgba(158, 158, 158, 0.26);
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.TFYT-Player .TFYT-Player-Music-List::-webkit-scrollbar{
    width: 7px;
    height: 7px;
    background-color: #00ffff17;
}

/*定义滚动条轨道 内阴影+圆角*/
.TFYT-Player .TFYT-Player-Music-List::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #00ffff08;
}

/*定义滑块 内阴影+圆角*/
.TFYT-Player .TFYT-Player-Music-List::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #4CAF50;
}

.TFYT-Player .TFYT-Player-Music-List-Container{
    display:none;
    float:left;
    width:100%;
    max-height: 285px;
    border-radius:0 0 5px 0px;
    overflow: hidden;
    box-shadow:0px 0px 0px 1px rgba(158, 158, 158, 0.26);
    position: relative;
    top:-60px;
    height: 285px;
	line-height:1.2em;
}

.TFYT-Player .TFYT-Player-Music-List-Container::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url("https://desk-fd.zol-img.com.cn/t_s1366x768c5/g5/M00/0C/09/ChMkJ13XoBCIeseEAAP4CsGl2PMAAvXlwOr-dAAA_gi582.jpg") center center no-repeat;
    -webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -o-filter: blur(50px);
    -ms-filter: blur(50px);
    filter: blur(50px);
    z-index: -1;
    background-size: cover;
}

.TFYT-Player .TFYT-Player-Music-List-Head{
    width: 100%;
    padding: 5px 0px 5px 5px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.TFYT-Player .TFYT-Player-Music-List-Lib div{
    padding-left: 2em;
    margin-top:-24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 156px;
}

.TFYT-Player .TFYT-Player-Music-List-Lib span{
    float: right;
}

.TFYT-Player .TFYT-Player-Music-List li {
    overflow:hidden;
    transition:.6s;
    color:white;
    font-size:11px;
    line-height:2;
    padding:3px 5px;
    cursor:pointer;
    text-overflow:ellipsis;
    list-style-position:inside;
    list-style-type:decimal;
    border: 1px solid #ffffff4a;
}

.TFYT-Player .TFYT-Player-Music-List li:hover {
    cursor:pointer;
    color: white;
    font-weight:bold;
    border-left:3px solid #1abc9c;
    padding:3px 15px 3px 11px;
    background: #03a9f4;
    transition:.6s;
}

.TFYT-Player .TFYT-Player-Music-List li.TFYT-Player-Music-List-playing {
    color: white;
    font-weight:bold;
    border-left:3px solid #1abc9c;
    padding:3px 15px 3px 11px;
    background: #03a9f4;
    transition:.6s;
}

.qplayer-notification {
    position: fixed;
    top: 20px;
    right: 30px;
    display: inline-block;
    z-index: 999999;
    margin: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    padding-bottom: 5px;
    color: #4F4F4F;
    font-family: 'Lucida Grande', 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
}


.qplayer-notification-icon {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    float: left;
    text-align: center;
    vertical-align: bottom;
    color: white;
    font-size: 22px;
    font-weight: bold;
    background-color: #2980b9;
    line-height: 48px;
}



.qplayer-notification .body {
    padding-left: 14px;
    padding-right: 60px;
    height: 50px;
    vertical-align: middle;
    display: table;
    background-color: white;
    left: 50px;
    top: 0;
    position: relative;
}


.qplayer-notification .message {
    display: table-cell;
    vertical-align: middle;
    white-space:nowrap;
    color: #777;
    font-size: 15px;
    font-weight:bold;
}


.qplayer-notification .close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 19px;
    line-height: 13px;
    color: #DDD;
    padding: 7px;
    text-decoration: none;
    display: none;
}


.animation-target {
    -webkit-animation: animation 1000ms linear both;
    animation: animation 1000ms linear both;
}

/* Generated with Bounce.js. Edit at http://goo.gl/2jX9VW */

@-webkit-keyframes animation {
    0% { -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    3.4% { -webkit-transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    4.7% { -webkit-transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    6.81% { -webkit-transform: matrix3d(0.83, 0, 0, 0, 0, 0.946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(0.83, 0, 0, 0, 0, 0.946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    9.41% { -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    10.21% { -webkit-transform: matrix3d(0.971, 0, 0, 0, 0, 1.113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(0.971, 0, 0, 0, 0, 1.113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    13.61% { -webkit-transform: matrix3d(1.062, 0, 0, 0, 0, 1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1.062, 0, 0, 0, 0, 1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    14.11% { -webkit-transform: matrix3d(1.07, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1.07, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    17.52% { -webkit-transform: matrix3d(1.104, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1.104, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    18.72% { -webkit-transform: matrix3d(1.106, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1.106, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    21.32% { -webkit-transform: matrix3d(1.098, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1.098, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    24.32% { -webkit-transform: matrix3d(1.075, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1.075, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    25.23% { -webkit-transform: matrix3d(1.067, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1.067, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    29.03% { -webkit-transform: matrix3d(1.031, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1.031, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    29.93% { -webkit-transform: matrix3d(1.024, 0, 0, 0, 0, 0.949, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1.024, 0, 0, 0, 0, 0.949, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    35.54% { -webkit-transform: matrix3d(0.99, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(0.99, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    36.74% { -webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 0.989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 0.989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    41.04% { -webkit-transform: matrix3d(0.98, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(0.98, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    44.44% { -webkit-transform: matrix3d(0.983, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(0.983, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    52.15% { -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    59.86% { -webkit-transform: matrix3d(1.003, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1.003, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    63.26% { -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    75.28% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    85.49% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    90.69% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@keyframes animation {
    0% { transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    3.4% { transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    4.7% { transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    6.81% { transform: matrix3d(0.83, 0, 0, 0, 0, 0.946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.83, 0, 0, 0, 0, 0.946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    9.41% { transform: matrix3d(0.942, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.942, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    10.21% { transform: matrix3d(0.971, 0, 0, 0, 0, 1.113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.971, 0, 0, 0, 0, 1.113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    13.61% { transform: matrix3d(1.062, 0, 0, 0, 0, 1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.062, 0, 0, 0, 0, 1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    14.11% { transform: matrix3d(1.07, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.07, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    17.52% { transform: matrix3d(1.104, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.104, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    18.72% { transform: matrix3d(1.106, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.106, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    21.32% { transform: matrix3d(1.098, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.098, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    24.32% { transform: matrix3d(1.075, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.075, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    25.23% { transform: matrix3d(1.067, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.067, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    29.03% { transform: matrix3d(1.031, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.031, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    29.93% { transform: matrix3d(1.024, 0, 0, 0, 0, 0.949, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.024, 0, 0, 0, 0, 0.949, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    35.54% { transform: matrix3d(0.99, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    36.74% { transform: matrix3d(0.986, 0, 0, 0, 0, 0.989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.986, 0, 0, 0, 0, 0.989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    41.04% { transform: matrix3d(0.98, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.98, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    44.44% { transform: matrix3d(0.983, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.983, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    52.15% { transform: matrix3d(0.996, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.996, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    59.86% { transform: matrix3d(1.003, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.003, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    63.26% { transform: matrix3d(1.004, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.004, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    75.28% { transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    85.49% { transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    90.69% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

.qplayer_tips{
    width:210px;
    height: 0;
    font-family:none !important;
    text-align:center;
    background:#9bcd9b54;
    position:fixed;
    margin:30px;
    color: #fff;
    border-radius: 0.5em;
    font-size: 18px;
    font-weight: bold;
    z-index: 9999999;
}

/*箭頭下-邊框*/
.qplayer_tips .tips_arrow{
    border-width:0;
    border-style:solid;
    border-color:#9bcd9b54 transparent transparent transparent;
    position:absolute;
    bottom:-29px;
    left:17px;
}

.qplayer_tips .tips_button {
    height: 0;
    padding: 0;
    width: 58px;
    position: absolute;
    bottom: 7px;
    right: 7px;
    border:0;
    color: #fff;
    background-color: transparent;
    border:1px dashed rgba(0,0,0,0.15);
    border-radius: 5px;
    cursor: pointer;
    font-size: 10px;
    font-family:none !important;
}

.qplayer_tips .tips_button:hover {
    box-shadow: 0 0 10px #fff;
}

.qplayer_tips .info{
    padding: 20px;
    display: table;
}

.tooltip {
    font-size: 14px;
    font-family: \5b8b\4f53;
    line-height: 1.5;
    position: absolute;
    padding: 5px;
    z-index: 100003;
    opacity: .8
}

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 6px dashed #2196f3a8;
    top: 0;
    left: 20%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: 0;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-arrow-n {
    border-bottom-color: #2196f3a8;
}

.tipsy-inner {
    background-color: #2196f3a8;
    color: #fff;
    max-width: 200px;
    padding: 2px 8px 4px 8px;
    text-align: center;
    border-radius: 3px
}