/* 2023new ---------------------------- */
 
 



 a{ cursor: pointer;}

.body_koudai{
    
 
}
.headstyle{
    width: 100%;
    display: block;
         position: relative;
         z-index: 99

}

.zhao{
    width: 300px;
    height: 300px;
    text-align: center;
    position: relative;
     display: inline-block;
 }

.zhao img{
    width: 300px;
    height: 300px;

}

.logo{  
 text-align: center;
 margin-bottom: 40px;
position: absolute;
    /* top: 95px;
    right: 15px; */
    bottom: -90px;
    right: 108px;
}
 
  .logo a:hover{  
    opacity: 0.8
 }

 .logo img{  
 width: 60px;
 height: 60px;
 border-radius:50px;
 border: 1px solid #151515;
    box-shadow: 5px 5px 10px #1d1c1c;
 }
  
.tip{
width: auto;
    display: block;
    text-align: center;
    line-height: 36px;
    margin-top: 96px;
    margin-bottom: 10px
}
 
  
.tip span{
  line-height: 45px;
/*   background-color: #fff; */
  padding: 0px 2px;
font-size: 36px;
     color: #000;
         font-weight: 600;


}

.detail{
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 10px
}

.detail b{
   padding: 0px 5px;
   color: #000
}

.detail .text{
  width: auto;
    line-height: 24px;
    display: inline-block;
    color: #666;
border: 1px dashed #000;
  padding: 10px 20px;
    font-size: 14px;
    background-color: #ffffff;
    border-radius: 10px

}


.yinc{
    display: block;
    font-size: 24px;
    color: #fff;
}

 .foot_hot{
width: 100% !important;
    max-width: 100% !important;
     margin: 20px 0px 0px 0px;
     /* background-color: #fff; */
    font-size: 12px;
    text-align: center;
     display: inline-block;
    height: 500px;
    color: #999;
    position: absolute;
    bottom:0px; 
     right: 0px;
     background: url(https://zbm666.com/image/hotbk.png) no-repeat center center;
     background-size: 100%;
 }
 

/* 直播猫web */

  
   .zbm-tao{
       width: 100%;
    position: relative;
    height: 500px;
    margin-bottom: 0px;
     top:20vh;
   }

.left-main{
  width:54%;
    color: #fff ;
    position: absolute;
  
     margin-left: 6%;
    }
.left-main .style-ju{
   width:95%; 
  text-align: center;
}
.gun-style{
     border-radius: 20px;
/*     border: 1px solid #f82c50;
 */    height: 447px;
    overflow: hidden;
}

.right-main{
     width: 100%;
     border: 1px solid #ddd;
    padding: 10px 30px 30px;
    border-radius: 10px;
    text-align: left;
    position: absolute;
    right: 2%;
    background-color: #fff;
    box-shadow: 5px 5px 10px #ddd;
}
.right-main .title{

text-align: left
}

.right-main .title h3{
color: #000
}

.right-main .title span{

    padding: 0px 15px 0px 10px;
    font-weight: 600;
    font-size: 16px; 
    color: #333;
}

.right-main .title img{
 
    height: 24px;
    margin-right: 10px
}

.wenan{
     text-align: left;
 }

 .wenan span{
  line-height: 28px;
    font-size: 16px;
    color: #333;
    font-family: inherit;
 }

 .down{

text-align: left;
margin-top: 50px;
position: relative;
line-height: 38px;
 }

 .down img{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 200px;
 }

 .down .btn-new{
  font-size: 24px;
    border-radius: 50px;
    padding: 10px 40px;
/*    background-color: #fa2c50;*/
    margin-right:15px;
/*   border: 1px solid #333; */

 }
 .down .btn-null{
  cursor: no-drop!important;
 color: #ff2851!important;
 background: #eaeaea!important;

}
.btn-newsmall{
      border-radius: 15px;
    font-size: 16px;
    padding: 5px 20px;
    /* color: #ff2851; */
    background-color: #ff2851;
}
.btn-newsmall:hover{
 
    background-color: #e5002c;
}

  .down .btn-new:hover{
 
    background-color: #4a15ca;
    border: none;
 }
 .down .btn-newnull{
  font-size: 24px;
    border-radius: 50px;
    padding: 10px 40px;
    background-color: #fff;
    border: 1px solid #fa2c50;
    color: #fa2c50
 }

  .down .btn-newnull:hover{
 
    background-color: #4a15ca;
        color: #fff

  }


 .down .btn-newdy{
  font-size: 24px;
    border-radius: 50px;
    padding: 10px 40px;
    background-color: #6d3cff;
    margin-right:15px;
        border: 1px solid #6d3cff;

 }

  .down .btn-newdy:hover{
 
    background-color: #4108ec
 }
 .down .btn-newdynull{
  font-size: 24px;
    border-radius: 50px;
    padding: 10px 40px;
    background-color: #fff;
    border: 1px solid #6d3cff;
    color: #6d3cff
 }

  .down .btn-newdynull:hover{
 
    background-color: #6d3cff;
     color: #fff
 }


.btn-new .iconfont,.btn-newnull .iconfont,.btn-newdy .iconfont,.btn-newdynull .iconfont{
    font-size: 24px
}

/* 安装教程 */

  .content-help{
    margin: 0px 6%;
    width: 88%;
     display: inline-block;
   }

  .content-help h1{
   
  }


/* 语雀 */
.sidePanel-module_panel_Vr-DC{
  display: none;
}

.ReaderLayout-module_asideWrapper_+Fdu8 ReaderLayout-module_onlyTocAside_ljsfR{
  display: none;
}

.item img{
  max-width: 117%
}

.mainpic
{
 width: 100% 
}
.mainpic h1
{
margin-top: 25px
}

.mainpic span
{
 font-size: 14px;
 color: #333;
 line-height: 24px;
}


.mainpic a
{
 font-size: 14px;
  line-height: 24px;
}


.sui-nav.nav-tabs.tab-wraped>li.active>a{
  border-top: 3px solid #f72d50;
}


.helpstyle{
  width:50%!important;
  position: relative;
}

.sui-nav img
{
     height: 40px;
    padding: 0px 10px;
    overflow: hidden;
    width: 40px;
    border-radius: 50%;

}


.liulanqi{
 
display: inline-block;
text-align: center;
margin: 30px 2%;  
}
.liulanqi span{
display:none;
color: #666
}

.liulanqi img{

  width: 80px;
  height: 80px;

}

.liulanqi button{
margin-top:10px
  
}

.helptab{
 text-align: center
}

.helptab ul,.helptab li,.helptab a,{
border-radius: 20px
}

.help-pic{
  display: block;
  margin-top: 30px
}

.help-pic img{
  width: 950px;
  border-radius: 20px;
  border: 1px solid #ddd
}

.helptitle{
  font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #fe2951;
    margin-bottom: 30px;
}

.llq-style{
display: inline-block;
    text-align: center;
    font-size: 16px;
    margin:0px 20px;
}
.llq-style img{
width: 80px;
height: 80px;
overflow: hidden
}

.help-main{
width: 90%;
    border-radius: 15px;
    background-color: #fff;
    padding:30px 5% 80px 5%;
  }

.help-text{
display: block;
}


.help-text h1{
margin-top: 20px;
color: #040000
}

.help-text b{
font-size: 20px;
color: #040000
}

.help-text a{
  font-size: 16px
}

.help-text span{
font-size: 16px;
line-height: 28px
}


.help-pic span{
font-size: 16px;
    line-height: 28px;
     display: block;
}
.help-pic b{
font-size: 20px;
color: #040000
}

.help-pic a{
  font-size: 16px
}

.help-pic img{
  border-radius: 3px
}

.loading-jqqd{
 width: 100%;
 text-align: center; 
 font-size: 36px;
 line-height: 300px;
 color: #999!important;
}


 .down .btn-newks{
  font-size: 24px;
    border-radius: 50px;
    padding: 10px 40px;
    background-color: #fe3c13;
    margin-right:15px;
        border: 1px solid #fe3c13;

 }

  .down .btn-newks:hover{
 
    background-color: #e93009
 }

 .down .btn-newksnull{
  font-size: 24px;
    border-radius: 50px;
    padding: 10px 40px;
    background-color: #fff;
    border: 1px solid #fe3c13;
    color: #fe3c13
 }

  .down .btn-newksnull:hover{
 
    background-color: #fe3c13;
        color: #fff;
            cursor: no-drop;

  }



 .down .btn-newpdd{
  font-size: 24px;
    border-radius: 50px;
    padding: 10px 40px;
    background-color: #e02e24;
    margin-right:15px;
        border: 1px solid #e02e24;

 }

  .down .btn-newpdd:hover{
 
    background-color: #d31c12
 }

 .down .btn-newpddnull{
  font-size: 24px;
    border-radius: 50px;
    padding: 10px 40px;
    background-color: #fff;
    border: 1px solid #e02e24;
    color: #e02e24
 }

  .down .btn-newpddnull:hover{
 
    background-color: #e02e24;
        color: #fff;
            cursor: no-drop;

  }




 .down .btn-newxhs{
  font-size: 24px;
    border-radius: 50px;
    padding: 10px 40px;
    background-color: #fe2442;
    margin-right:15px;
        border: 1px solid #fe2442;

 }

  .down .btn-newxhs:hover{
 
    background-color: #fe2442
 }

 .down .btn-newxhsnull{
  font-size: 24px;
    border-radius: 50px;
    padding: 10px 40px;
    background-color: #fff;
    border: 1px solid #fe2442;
    color: #fe2442
 }

  .down .btn-newxhsnull:hover{
 
    background-color: #fe2442;
        color: #fff;
            cursor: no-drop;

  }

 .down .btn-newsph{
  font-size: 24px;
    border-radius: 50px;
    padding: 12px 40px;
    background-color: #fa9d3b;
    margin-right:15px;
        border: 1px solid #fa9d3b;

 }

  .down .btn-newsph:hover{
 
    background-color: #fa9d3b
 }

 .down .btn-newsphnull{
  font-size: 24px;
    border-radius: 50px;
    padding: 12px 40px;
    background-color: #fff;
    border: 1px solid #fa9d3b;
    color: #fa9d3b
 }

  .down .btn-newsphnull:hover{
 
    background-color: #fa9d3b;
        color: #fff;
            cursor: no-drop;

  }

.macdown{
    position: absolute;
    left: 10px;
    bottom: -28px;
  }

.btn-danger{
    border: none;
}


.get-loginbt {
 padding: 12px 25px;
    font-size: 18px;
    color: #fff;
    background-color: #fa2c50;
    border-radius: 150px;
    display:inline-block;
   border:none;
  text-align: left;
  cursor: pointer;
}

.get-loginbt:hover{
  background-color: #4a15ca; 
       color: #fff;
      width: 60%;

}


.img-left{
width: 48%;
    display: inline-block;
    text-align: left;
    left: 2%;
   position: absolute;
 }

.img-left video{
width: 100%; 
    border-radius: 10px;
 }


.img-left img{
width: 100%;
     left: 0;
border-radius:20px;
}


.tb-zbmindex{
      display: block;
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
/*    background: url(https://zbm666.com/image/indexleft1.gif) no-repeat center left;*/
}

.tb-zbmindex h1 {
  font-size: 32px;
}



 
.slideshow-container{
  position: relative;
}

.slide {   
  opacity: 0;  
  transition: opacity 2s ease-in-out;  
  position: absolute;
  top: 0;
  left: 2%;
}  
  
.slide:first-child {  
  opacity: 1;  
}



.zbmtext-right{
width: 40%;
    display: inline-block;
    text-align: center;
 position: absolute;
    right: 1%;

 } 

.zbmtext-right p{
 font-size: 16px;
    margin-top: -15px;
    color: #666;
} 

.yfz{
    color: #999!important;
}