.control-series{
    display: none;
    height:20px;
    color:#ccc;
    font-size:14px;
    line-height:25px;
    margin-left:20px;
    cursor: pointer;
    &:hover{
      color:#fff;
    };
}
.control-playmode-icon,
.control-next-video,
.control-rotate-screen-icon
{
    margin-left: 15px;
    margin-top: 4px;
    line-height:18px;
}
.control-next-video{margin-left: 10px}
.control-quality-icon{
    margin-left: 15px;
    color: #fff;
    &.dashboard-show{
        .quality-dashboard{
            display: block;
        }
    }
    .quality-dashboard{
      display: none;
      width: 68px;
      position: absolute;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
      line-height: 34px;
      &:after{
          content: '';
          display: block;
          height: 22px;
      }
      .settings-item{
          display: block;
          cursor: pointer;
          background-color: rgba(0,0,0,.8);
          border-bottom: 1px solid rgba(255,255,255,.1);
          color: #fff;
          text-align: center;
          line-height: 34px;
          .vip-label{
              display: inline-block;
              width: 28px;
              background-color: #ff8d00;
              border-radius: 2px;
              line-height: 16px;
              margin-right: 5px;
              font-size: 10px;
              font-weight: 100;
              color: #fff;
          }
          &:hover{
              background-color: rgba(0,0,0,.6);
          }
          &.active{
              color: #2692ff;
          }
          &.oppo-ads{
              background: rgba(0,0,0,.8) url('//img.alicdn.com/tfs/TB16PHEaBfH8KJjy1XbXXbLdXXa-467-150.png') no-repeat 0px bottom;
              background-size: 110px 35px;
              cursor: not-allowed;
          }

      }
      &.larger{
          width: 118px;
      }
      .disable{
          color: #444;
      }

    }
}

.control-settings-icon{
    line-height: 17px;
    .settings-dashboard{
      display: none;
      width: 120px;
      .settings-item{
          position: relative;
          color: #fff;
          padding: 0 10px 0 25px;
          text-align: left;
          &:hover{
              background-color: rgba(0,0,0,.2);
          }
          &.active{
              color: #2692ff;
              .svg-icon circle{
                  stroke: #2692ff;
              }
              .svg-icon path{
                  fill:#2692ff;
              }
          }
          .svg-icon{
              display: inline-block;
              position: absolute;
              left:5px;
              top:9px;
              circle{
                  stroke: #fff;
              }
              path{
                  fill: none;
              }

          }
      }

    }
}
.control-danmaku-icon{
    height: 20px;
    line-height: 20px;
    transition: fill .25s ease;
    &.active{
        text,
        rect{
            fill: #2692FF;
        }
    }
}