.tree1{
          position: relative;
       left: 0;
       top: 0;
        width: 100%;
        height: 65px;
        margin:15px auto;
        background-color: #5a5c5a;
        border-radius: 10px;
        display: block;
        margin-bottom:-12px;
      }
       .tree1::after{
        display: block;
        content: "看片神器";
        width: 80px;
        height: 20px;
        background-color: rgb(236, 214, 113);
        position: absolute;
        left:5px;top: -10px;
        border-radius: 0 10px 0 10px;
        color: #000;font-size: 12px;
        text-align: center;
      }
       
      .tree1 ul{
        width: 100%;
        height: 55px;
        list-style: none;
        display: flex;
        margin-left: 0;
        
      }
      .tree1 ul li{ 
       
        width: 100%;
        height:55px;
        margin: 5px 5px auto; 
        /*border-radius: 10px;*/
        position: relative;
        overflow: hidden;
      }
      /* 鼠标移入闪过*/
      .tree1 ul li::before{
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        content: "";
        width: 10%;
        height: 60px;
        background:linear-gradient(90deg,#ebeeeb,#ada8a8);
        filter: blur(10px);
        z-index: 1;
        transform: translateX(-78px) skew(50deg);
        transition: .4s;
        overflow: hidden;
       }
     
      .tree1 ul li:hover::before{
        transform: translateX(220px) skew(50deg);
      }
       /* 右边箭头 */
       .tree1 ul li::after{
        display: block;
        content: "←";
        position: absolute;
        right:-40px;
        top: -10px;
        height: 20px;
        width: 20px;
        color: #fff;
        font-size: 40px;
        transition: 1s;
      }
      /* 右边箭头 hover*/
      .tree1 ul li:hover:after{
        right: 30px;
      }
      /* a标签 */
       .tree1 ul li a{
        background:rgba(10, 10, 10, 0.2);
        background-size: cover;
        position: relative;
        border-radius: 10px;
        font-weight: bold;
        text-decoration: none;
        display: block;
        color: #f3f6ff;
        text-align: center;
        line-height: 40px;
        font-size: 1.2vw;
        transition: 2s;
       /* text-shadow: 2px 2px 10px rgb(242, 241, 243),3px 3px 15px rgb(66, 245, 96);transform: rotate(360deg); */
      }
      
     @media screen and (max-width:763px) {
      .tree1 ul li a{
        height: 40px;
        font-size: 16px;
       }
     }
       .tree1 ul li a:hover{
        text-indent: 10px;
        background:linear-gradient(45deg,rgb(56, 78, 60),#03f036);
       }
       /* A标签底部横线 */
       .tree1 ul li a::after{
        position: relative;
        left: 0;
        bottom:-10px;
        display: block;
        content: "";
        width: 0%;
        height: 5px;
        background-color: rgb(16, 218, 9);
        margin: auto;
        transition: 2s;
        border-radius: 10px;
       }
       /* 左边箭头 */
       .tree1 ul li a::before{
        position: absolute;
        left: -43px;
        top: 0;
        display: block;
        content: "→";
        width: 20px;
        height: 20px;
        font-size: 40px;
        border-radius: 20px;
        color: #e5ece6;
        transition: 1s;
       }
       /* 左边箭头hover */
       .tree1 ul li a:hover::before{
        left: 10px;
       }
       .tree1 a:hover::after
       {
        width: 100%;
        background:linear-gradient(45deg,rgb(122, 230, 194),#0abe37);
       } 
       @media screen and (max-width:763px) {
        .tree1 ul .tree-o{
         display: none;
         height: 40px;
         }
       }
       @media screen and (max-width:763px) {
        .tree1 ul li a::before,
        .tree1 ul li:after
        {
         display: none;
       
         }
       }
       
       /*会员中心*/
      
   .wi{
    position: absolute;
    right: 0;
    top: 60px;
    width: 300px;
    height: 260px;
    background-color: rgb(53, 50, 50);
    border-radius: 10px;
    transition: 2s;
     display: none; 
   }
   .wi a:hover{
       cursor: pointer;
   }
   .wi::after{
    background-color: rgb(48, 47, 47);
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
    position: absolute;
    top: -10px;
    right: 15px;
    z-index: -1;
   }
   .wi::before{
    position: absolute;
    top: -30px;
    right: 0;
    content: "";
    display: block;
    background-color: rgba(255,255,12,0.01);
    width: 100%;
    height: 30px;
   }
   .wapuser:hover .wi{
 display: block;
   }
   .wi .on{
  display: block;
  width: 98%;
  height: 40px;
  margin: 5px auto;
  text-align: center;
  background: linear-gradient(-45deg,red,yellow);
  color: #fff;
  line-height: 40px;
  font-weight: bold;
  font-size: 18px;
  border-radius: 10px;
   }
   .wi .on img{
    width: 30px;
    height: 30px;
    vertical-align: middle;
   }
   .wi .enjoy img{
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-right: 10px;
   }
   .wi .enjoy{
    width: 98%;
    height: 40px;
    display: block;
    background: #1d1c1c;
    margin: 4px auto;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    line-height: 40px;
   }
   .wi .enjoy:hover{
    color: red;
    background: #3b3b3b;
    border: 1px #fff solid;
   }
   .wi .download{
    width: 60%;
    height: 30px;
    display: block;
    margin: auto;
    background: linear-gradient(45deg,red,rgb(243, 243, 9));
    color: #fff;
    font-weight: bold;
    font-size:17px;
    border-radius: 30px;
    text-align: center;
    line-height: 30px;
   }
     @media screen and (max-width:768px) {
    .wapuser:hover .wi{
     display:none;
   }
   }
    /*会员中心结束*/
    
    
    /*播放器右边下载*/
    
      .bo{
    width: 100%;
    height: 40px;
    /* background-color: black; */
    margin-top: -10px;
    margin-bottom: 29px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .bo .bo-a{
    flex: 1;
    background-color: rgb(92, 93, 94);
    margin:0 2px auto;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    border-radius: 10px;
   }
   .bo .bo-a a{
    position: relative;
    left: 0;
    display: block;
    text-align: center;
    line-height:40px;
    color: #fff;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-indent: -22px;
   }
   .bo .bo-a a span{
    position: absolute;
    right: 10px;
    top:10px;
    line-height:40px;
    height: 40px;
    display: block;
   }
   .bo .bo-a a span img{
     position: absolute;
     right: -7px;
     width: 20px;
     height: 20px;
   }
   .bo .bo-a a:hover{
    border-radius: 10px;
    background-color: rgb(124, 122, 122);
   }
    @media screen and (max-width:768px) {
    .bo{
      display: none;
    }
   }
   .bo0{
    width: 100%;
   height: 40px;
   background-color: #3fada3;
   margin-top: 5px;
   color: #fff;
   font-size: 14px;
   line-height: 40px;
   text-align: center;
   border-radius: 10px;
   display: none;
   z-index: 11;
   }
    .bo:hover .bo0{
    display: block;
   }
   /*播放器右边下载结束*/