.pocket-header-item{position: relative;}
.pocket-header-item .logo-desc{color: #fff;position: absolute;top: 50px;width: 780px;margin: 0 auto;left: calc(50% - 390px);
text-align: center;height: 200px;vertical-align: center;}
.pocket-header-item  img.main{width: 100%;}
.pocket-header-item .logo-desc div{display: inline-block;width: 50%;}
.pocket-header-item .logo-desc .logo{
    width: 100%;
}
.pocket-header-item .logo-desc .logo img{max-width: 40%;margin: 0 auto;}
.pocket-header-item .logo-desc .logo p{font-size: 48px;color: #000;font-weight: bold;line-height: 58px;}
.pocket-header-item .logo-desc .desc{
    font-size: 48px;font-weight: bold;letter-spacing: 2px;
    text-align: center;
}

.pocket-header-item .button{

}
.pocket-header-item .button a{
  display: block;
  width: 150px;
  height: 40px;
  font-size: 16px;
  border-radius: 20px;
  border:2px solid #666;
  text-indent: 10px;
  margin:0 auto;
}
.pocket-header-item .button a em{
  width: 110px;
  height: 40px;
  line-height: 38px;
  display: inline-block;
  font-style: normal;
  float: left;
  color: #666;
}
.pocket-header-item .button a span{
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url('../png/play-icon-11.png') no-repeat center center;
  background-size: cover;
  margin: 4px 0 8px;
  float: left;
}
/*======================================*/
.small{
    width: 100%;
    background: #fff;
    color: #000;
    padding: 60px 0;
}
.small .content{width: 1200px;margin:0 auto;text-align: center;}
.small .content p{font-size: 24px;line-height: 36px;}
.small .content span{display: block;font-size: 24px;font-weight: bold;color: #2DA2E5;margin-top: 30px;}
.small .content h3{font-size: 48px;line-height: 60px;font-weight: bolder;}
.small .content .other{margin-top: 20px;}
.small .content .img{width: 100%;margin-top: 50px;}
.small .content .img img{max-width: 50%;margin:0 auto;}

.stable{
    width: 100%;
    background: #fff;
    color: #000;
    padding: 60px 0;
}
.stable .content{width: 1200px;margin:0 auto;text-align: center;}
.stable .content p{font-size: 24px;line-height: 36px;}
.stable .content span{display: block;font-size: 24px;font-weight: bold;color: #2DA2E5;margin-top: 30px;}
.stable .content h3{font-size: 48px;line-height: 60px;font-weight: bolder;}
.stable .content .other{margin-top: 20px;}
.stable .content .img{width: 100%;margin-top: 50px;}
.stable .content .img img{max-width: 50%;margin:0 auto;}
.stable .main{
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.stable canvas#stable{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    margin:0 auto;
    overflow: hidden;
    object-fit: cover;
    height:100%;
    overflow: hidden;
    z-index: 10;
}
.stable .main .video{position: absolute;left: 0;top: 0;width: 100%;display: none;z-index: 11;height: 100%;}
.stable .main .video video{width: 100%;height: 100%;position: relative;top: 50%;left: 50%;object-fit: cover;transform: translate(-50%,-50%);}


.vision{
    width: 100%;
    background: #fff;
    color: #000;
    padding: 60px 0;
}
.vision .content{width: 1200px;margin:0 auto;text-align: center;}
.vision .content p{font-size: 24px;line-height: 36px;}
.vision .content span{display: block;font-size: 24px;font-weight: bold;color: #2DA2E5;margin-top: 30px;}
.vision .content h3{font-size: 48px;line-height: 60px;font-weight: bolder;margin-top: 30px;}
.vision .content h4{font-size: 36px;line-height: 42px;font-weight: bold;margin:15px 0;}
.vision .content .other{margin-top: 20px;}
.vision .img{
    width: 100%;
    display: block;
    position: relative;
    margin:30px auto 0;
}
.vision .img img{width:100%;}
.vision .img .left{
    width: calc(50% - 400px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 5;
}
.vision .img .right{
    width: calc(50% - 400px);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    z-index: 5;
}
.vision .img .tips{width: 200px;height: 200px;position: absolute;top: 100px;left: 50%;transform: translate(-50%);color: #fff;}
.vision .img .tips .num{font-size: 60px;font-weight: bold;text-align: center;}
.vision .img .tips span{display: block;margin-top: 20px;text-align: center;font-size: 24px;}
.vision .video{width: 1200px;margin: 60px auto;text-align: center;}
.vision .video h3{font-size: 48px;line-height: 60px;font-weight: bolder;}
.vision .video p{font-size: 24px;line-height: 36px;margin-top: 20px;}
.vision .video .cc{width: 100%;margin-top: 30px;position: relative;}
.vision .video .cc video{max-width: 100%;}
.vision .video .cc .icon-bg{
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 60px;
    right: 60px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.vision .video .cc .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.vision .video .cc .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/feiyu-pocket-se/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.vision .video .cc .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/feiyu-pocket-se/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}


.shot .content{width: 1000px;margin:0 auto;}
.shot .content p{font-size: 24px;line-height: 36px;}
.shot .content span{display: block;font-size: 24px;font-weight: bold;color: #2DA2E5;margin-top: 30px;}
.shot .content h3{font-size: 48px;line-height: 60px;font-weight: bolder;margin-top: 10px;}
.shot .content h4{font-size: 36px;line-height: 42px;font-weight: bold;margin:15px 0;}
.shot .content .item{width: 100%;margin: 40px auto 15px;}
.shot .content .item video{max-width: 100%;margin: 0 auto;}
.shot .content .item .cc{position: relative;}
.shot .content .item .cc .icon-bg{
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 60px;
    right: 60px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.shot .content .item .cc .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.shot .content .item .cc .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/feiyu-pocket-se/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.shot .content .item .cc .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/feiyu-pocket-se/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.shot .content  .mode{margin-top: 50px;}
.shot .content  .mode ul{width: 100%;}
.shot .content  .mode ul li video{max-width: 100%;margin: 0 auto;}
.shot .content  .mode ul.video li,.shot .content  .mode ul.text li{display: none;text-align: center;font-size: 20px;}
.shot .content  .mode ul.video li.active,.shot .content .mode ul.text li.active{display: block;}
.shot .content  .mode ul.nav{width: 400px;height: 60px;line-height: 60px;text-align: center;border-bottom: 2px solid #f4f4f4;margin: 20px auto;display: flex;}
.shot .content  .mode ul.nav li{width: 50%;display: inline-block;height: 100%;font-size: 24px;cursor: pointer;}
.shot .content  .mode ul.nav li.active{border-bottom: 2px solid #ccc;position: relative;top: 2px;font-weight: bold;}


.free{width: 100%;margin-top: 50px;position: relative;}
.free .content{width: 100%;}
.free .content img{width: 100%;}
.free .content .text{
    width: 460px;
    position: absolute;
    top: 50%;
    right: 15%;
    height: 410px;
    transform: translateY(-50%);
    color: #fff;
}
.free .content .text h3{font-size: 48px;line-height: 60px;font-weight: bolder;}
.free .content .text p{font-size: 24px;}


.battery{width: 100%;margin-top: 80px;}
.battery .content{width: 1200px;margin:0 auto;text-align: center;}
.battery .content  h3{font-size: 48px;line-height: 60px;font-weight: bolder;}
.battery .content  p{font-size: 24px;margin-top: 15px;}
.battery .content  .video{margin-top: 30px;position: relative;}
.battery .content  .video video{max-width: 100%;margin: 0 auto;border-radius: 10px;}
.battery .content  .video .icon-bg{
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 60px;
    right: 60px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.battery .content  .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.battery .content  .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/feiyu-pocket-se/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.battery .content  .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/feiyu-pocket-se/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}


.slow{width: 100%;margin-top: 80px;}
.slow .content{width: 1200px;margin:0 auto;text-align: center;}
.slow .content  h3{font-size: 48px;line-height: 60px;font-weight: bolder;}
.slow .content  p{font-size: 24px;margin-top: 15px;}
.slow .content  .video{margin-top: 30px;position: relative;}
.slow .content  .video video{max-width: 100%;margin: 0 auto;border-radius: 10px;}
.slow .content  .video .icon-bg{
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 60px;
    right: 60px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.slow .content  .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.slow .content  .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/feiyu-pocket-se/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.slow .content  .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/feiyu-pocket-se/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}


.accessories{margin-top: 80px;padding-bottom: 80px;}
.accessories .content{width: 1200px;margin:0 auto;}
.accessories .content span{display: block;font-size: 24px;font-weight: bold;color: #2DA2E5;margin-top: 30px;text-align: center;}
.accessories .content h3{font-size: 48px;line-height: 60px;font-weight: bolder;margin-top: 30px;text-align: center;}
.accessories .content ul{margin-top: 30px;display: flex;justify-content: space-between;}
.accessories .content ul li{width: calc(50% - 15px);}
.accessories .content ul li .item{width: 100%;cursor: pointer;margin-bottom: 20px;}
.accessories .content ul li .item img{width: 100%;background: #F0F0F0;border-radius: 10px;}
.accessories .content ul li .item:hover img{background: #CFF0FF;}
.accessories .content ul li .item p{height: 60px;line-height: 60px;font-size: 20px;text-indent: 40px;}
.accessories .content ul li.left .item p{float: right;margin-right: 40px;}
/*==========================================*/
.popup-item{width: 100%;height: 100%;display: none;position: relative;}
.popup-item .shadow{
    width: 100%;
    height: 100%;
    background: #333;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    overflow: hidden;
}
.popup-item .window{
    z-index: 10002;
    width: 1200px;
    height: 676px;position: fixed;
    margin-left: -600px;
    left: 50%;
    top: 50%;
    margin-top: -337px;
}
.popup-item .window video{
    max-width: 100%;
    margin:0 auto;
}
.popup-item .center{
    align-items: center;
    display: -webkit-flex;
    justify-content: center;
}
.popup-item span{
    width: 40px;
    height: 40px;
    display: block;
    position: fixed;
    top: 20px;
    right: 20px;
    font-size: 30px;
    color: #999;
    cursor: pointer;
    z-index: 10002;
}
@media (max-width: 1920px){

}
@media (max-width:1661px){

}
@media (min-width:1441px) and (max-width: 1660px){
    .pocket-header-item .logo-desc{top: 40px;}
    .pocket-header-item .button{margin-top: 0;}
}
@media (min-width:1280px) and (max-width:1440px){
    .pocket-header-item .logo-desc{top: 30px;}
    .pocket-header-item .button{margin-top: 0;}
    .pocket-header-item .logo-desc .logo img{max-width: 35%;}
    .pocket-header-item .logo-desc .logo p{font-size: 44px;}
  .vision .video,.battery .content,.slow .content,.accessories .content{width: 1000px;}
}