html,body{
    /*background: #000;*/
}
section .adapter{width: 100%;overflow: hidden;}
.pocket-header{
    width: 100%;
    position: relative;
}
.pocket-header .logo{
    width: 500px;
    position: absolute;
    left: 20%;
    top: 150px;
}

.pocket-header .logo img{
    max-width: 70%;
}
.pocket-header .logo .text{
    margin:10px 0;
    color: #555;
}
.pocket-header .logo .text h3{font-size: 48px;margin-top: 10px;line-height: 50px;color: #039FE9;font-weight: bolder;}
.pocket-header .logo span{
    width: 120px;
    height: 40px;line-height: 40px;
    text-align: center;
    border-radius: 20px;
    display: block;color: #999;font-size: 20px;
    cursor: pointer;
}
.pocket-header .button{
  margin-top: 20px;
}
.pocket-header .button a{
  display: block;
  width: 140px;
  height: 40px;
  font-size: 14px;
  border-radius: 20px;
  border:2px solid #333;
  text-indent: 10px;
}
.pocket-header .button a em{
  width: 100px;
  height: 40px;
  line-height: 38px;
  display: inline-block;
  font-style: normal;
  float: left;
  color: #333;
}
.pocket-header .button a span{
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url('../png/play-icon-8.png') no-repeat center center;
  background-size: cover;
  margin: 4px 0 8px;
  float: left;
}


.small{width: 100%;position: relative;}
.small img{width: 100%;}
.small .main{width: 50%;top: 0;right: 0;position: absolute;display: flex;align-items: center;height: 100%;justify-content: center;}
.small .main .text{width: 50%;margin-left: -20%;}
.small .main .text h3{font-size: 44px;line-height: 48px;color: #039FE9;font-weight: bolder;}
.small .main .text p{font-size: 20px;line-height: 26px;margin-top: 15px;color: #000;}

.form{width: 100%;margin-top: 80px;}
.form .main{width: 1200px;margin: 0 auto;}
.form .main h3{font-size: 44px;line-height: 48px;color: #039FE9;font-weight: bolder;}
.form .main p.top{font-size: 20px;line-height: 26px;margin-top: 15px;color: #000;}

.form .main .item{margin-top: 40px;}
.form .main .item h4{font-size: 30px;line-height: 40px;color: #039FE9;}
.form .main .item p{font-size: 20px;line-height: 26px;margin-top: 10px;}
.form .main .item ul{width: 100%;display: flex;margin-top: 20px;justify-content: space-between;}
.form .main .item ul li{width: calc(50% - 20px);}
.form .main .item ul li .cc{position: relative;}
.form .main .item ul li .cc img{width: 100%;border-radius: 20px;}
.form .main .item ul li .cc span{display: block;text-align: center;position: absolute;
    bottom: 30px;left: 0;font-size: 22px;color: #fff;text-shadow: 1px 1px 1px #666;width: 100%;font-weight: bold;letter-spacing: 2px;}
.form .main .item ul li.last{display: flex;justify-content: space-between;flex-wrap: wrap;flex-flow: column;}

.form .main .item .video{position: relative;margin-top: 30px;}
.form .main .item .video.lv{margin-top: 0;}
.form .main .item .video video{width: 100%;border-radius: 20px;}
.form .main .item .video .icon-bg{
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.form .main .item .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.form .main .item .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/feiyu-pocket-3/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.form .main .item .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/feiyu-pocket-3/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}

.three{width: 100%;margin-top: 80px;overflow: hidden;}
.three .main{width: 1200px;margin: 0 auto;}
.three .main h3{font-size: 44px;line-height: 48px;color: #039FE9;font-weight: bolder;}
.three .main p{font-size: 20px;line-height: 26px;margin-top: 15px;color: #000;}
.three .main  .video{position: relative;margin-top: 30px;}
.three .main  .video.lv{margin-top: 0;}
.three .main  .video video{width: 100%;border-radius: 20px;}
.three .main  .video .icon-bg{
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.three .main  .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.three .main  .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/feiyu-pocket-3/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.three .main  .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/feiyu-pocket-3/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}

.transfer{width: 100%;margin-top: 80px;overflow: hidden;}
.transfer .main{width: 1200px;margin: 0 auto;}
.transfer .main h3{font-size: 44px;line-height: 48px;color: #039FE9;font-weight: bolder;}
.transfer .main p{font-size: 20px;line-height: 26px;margin-top: 15px;color: #000;}
.transfer .main  .video{position: relative;margin-top: 30px;}
.transfer .main  .video.lv{margin-top: 0;}
.transfer .main  .video video{width: 100%;border-radius: 20px;}
.transfer .main  .video .icon-bg{
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.transfer .main  .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.transfer .main  .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/feiyu-pocket-3/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.transfer .main  .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/feiyu-pocket-3/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}

.happy{width: 100%;margin-top: 80px;}
.happy .main{width: 1200px;margin: 0 auto;}
.happy .main h3{font-size: 44px;line-height: 48px;color: #039FE9;font-weight: bolder;}
.happy .main p{font-size: 20px;line-height: 26px;margin-top: 15px;color: #000;}
.happy .main  ul{width: 100%;display: flex;margin-top: 30px;justify-content: space-between;}
.happy .main  ul li{width: calc(50% - 20px);display: flex;justify-content: space-between;flex-wrap: wrap;flex-flow: column;}
.happy .main  ul li .cc{position: relative;margin-bottom: 40px;}
.happy .main  ul li .cc img{width: 100%;border-radius: 20px;}
.happy .main  ul li .cc span{display: block;text-align: center;position: absolute;
    bottom: 30px;left: 0;font-size: 22px;color: #fff;text-shadow: 1px 1px 1px #666;width: 100%;font-weight: bold;letter-spacing: 2px;}

.view{width: 100%;margin-top: 80px;}
.view .main{width: 1200px;margin: 0 auto;text-align: center;}
.view .main h3{font-size: 44px;line-height: 48px;color: #039FE9;font-weight: bolder;}
.view .main p{font-size: 20px;line-height: 26px;color: #000;}
.view .main p.top{margin-top: 25px;}
.view img.cc{width: 100%;}

.strength{width: 100%;margin-top: 80px;overflow: hidden;}
.strength .main{width: 1200px;margin: 0 auto;}
.strength .main h3{font-size: 44px;line-height: 48px;color: #039FE9;font-weight: bolder;}
.strength .main p.ft{font-size: 20px;line-height: 26px;margin-top: 15px;color: #000;}

.strength .main .item{margin-top: 40px;}
.strength .main .item h4{font-size: 30px;line-height: 40px;color: #039FE9;}
.strength .main .item p{font-size: 20px;line-height: 26px;margin-top: 10px;}
.strength .main .item .video{position: relative;margin-top: 30px;}
.strength .main .item .video.lv{margin-top: 0;}
.strength .main .item .video video{width: 100%;border-radius: 20px;}
.strength .main .item .video .icon-bg{
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.strength .main .item .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.strength .main .item .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/feiyu-pocket-3/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.strength .main .item .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/feiyu-pocket-3/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}

.strength .main .item ul.nav{
    width: 100%;margin-top: 30px;
    display: flex;justify-content: space-between;
    padding: 0;flex-flow: row;flex-wrap: nowrap;
}
.strength .main .item ul.nav::before,.strength .main .item ul.nav::after{display: none;}
.strength .main .item ul.nav li{width: calc(25% - 30px);height: 80px;text-align: center;background: #F7F9F8;
    border-radius: 15px;color: #000;font-size: 24px;font-weight: bold;line-height:28px;cursor: pointer;display: flex;justify-content: center;align-items: center;}
.strength .main .item ul.nav li.active{color: #fff;background: #00A0E8;}


.functions{width: 100%;margin-top: 80px;}
.functions .main{width: 1200px;margin: 0 auto;}
.functions .main h3{font-size: 44px;line-height: 48px;color: #039FE9;font-weight: bolder;}
.functions .main ul{display: flex;margin-top: 30px;justify-content: space-between;}
.functions .main ul li{width: calc(50% - 20px);}
.functions .main ul li .cc,.functions .main ul li .cc img{width: 100%;border-radius: 20px;}
.functions .main ul li.last{display: flex;justify-content: space-between;flex-flow: column;}
.functions .main ul li .cc.tt{background: #F7F9F8;padding: 50px;font-size: 20px;line-height: 26px;}
.functions .main ul li .top{margin-bottom: 25px;}

.expand{width: 100%;margin-top: 80px;}
.expand .main{width: 1200px;margin: 0 auto;}
.expand .main h3{font-size: 44px;line-height: 48px;color: #039FE9;font-weight: bolder;}
.expand .main ul{display: flex;justify-content: space-between;margin-top: 30px;}
.expand .main ul li{background: #F8F8F8;border-radius: 20px;}
.expand .main ul li.one{width: calc(40% - 10px);}
.expand .main ul li.two{width: calc(60% - 10px);}
.expand .main ul li img{max-width: 60%;margin: 0 auto;margin-top: 60px;}
.expand .main ul li .mmg{text-align: center;}
.expand .main ul li.two img{max-width: 40%;margin-top: 120px;}
.expand .main ul li .text{width: 80%;margin: 40px auto 0;}
.expand .main ul li .text h5{font-size: 24px;font-weight: bold;}
.expand .main ul li .text p{font-size: 20px;margin-top: 15px;line-height: 26px;}
.expand .main ul li.threes{width: calc(60% - 10px);display: flex;}
.expand .main ul li.threes .text,.expand .main ul li.threes img{width: 50%;}
.expand .main ul li.threes .text{padding-left: 60px;}
.expand .main ul li.four{width: calc(40% - 10px);}
.expand .main ul li.four img{width: 40%;}

.expand .main ul.lls li.five{width:calc(40% - 10px);}
.expand .main ul.lls li.six{width:calc(60% - 10px);}
.expand .main ul.lls li.five img{width: 16.5%;}
.expand .main ul.lls li.six{background: none;display: flex;flex-flow: column;justify-content: space-between;}
.expand .main ul.lls li.six .cc{background: #f8f8f8;border-radius: 20px;display: flex;padding: 40px 0;}
.expand .main ul.lls li.six .cc .text{width: 60%;margin: 0 auto;}
.expand .main ul.lls li.six .cc .text h5{text-indent: 20%;}
.expand .main ul.lls li.six .cc .img{width: 50%;}
.expand .main ul.lls li.six .cc .img{display: flex;justify-content: left;align-items: center;text-align: left;}
.expand .main ul.lls li.six .cc .img img{max-width: 40%;margin: 0;}

.suit{width: 100%;margin-top: 80px;}
.suit .main{width: 1200px;margin: 0 auto;}
.suit .main h3{font-size: 44px;line-height: 48px;color: #039FE9;font-weight: bolder;}
.suit .main ul{display: flex;justify-content: space-between;margin-top: 30px;}
.suit .main ul li.one{width: calc(40% - 10px);display: flex;justify-content: space-between;flex-flow: column;position: relative;}
.suit .main ul li.two{width: calc(60% - 10px);display: flex;align-items: center;justify-content: center;background: #f8f8f8;border-radius: 20px;}
.suit .main ul li .cc{text-align: center;background: #f8f8f8;border-radius: 20px;}
.suit .main ul li .tt{padding: 50px 0;}
.suit .main ul li .cc img{max-width: 50%;margin: 0 auto;}
.suit .main ul li .first{margin-bottom: 20px;}
.suit .main ul li .second img{max-width: 20%;}
.suit .main ul li.two img{width: 50%;}
.suit .main ul li.one .plus{position: absolute;width: 70px;height: 70px;top: 50%;left: 50%;transform: translate(-50%,calc(-50% - 20px));}
.suit .main ul li.one .plus img{width: 100%;}

.accessories{width: 100%;margin-top: 80px;position: relative;}
.accessories img{width: 100%;}
.accessories .main{width: 1200px;height: 100%;left: 18.75%;top: 0;position: absolute;display: flex;align-items: center;}
.accessories .main .text h3{font-size: 44px;line-height: 48px;color: #039FE9;font-weight: bolder;}
.accessories .main .text p{font-size: 20px;line-height: 26px;margin-top: 15px;}
/*==========================================*/
.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 (min-width:1441px) and (max-width: 1660px){
  .pocket-header .logo{top: 180px;}
}
@media (max-width:1440px){
    .pocket-header .logo{left: 15%;}
    .pocket-header .logo img{max-width: 60%;}
    .pocket-header .logo .text h3,.small .main .text h3,.form .main h3,
    .three .main h3,.transfer .main h3,.happy .main h3,.strength .main h3,.functions .main h3,
    .expand .main h3,.suit .main h3,.accessories .main .text h3{font-size: 38px;line-height: 44px;}
    .form .main .item h4,.strength .main .item h4{font-size: 26px;line-height: 36px;}
    .form .main,.three .main,.transfer .main,.happy .main,.strength .main,.functions .main,.expand .main,.suit .main{width: 1000px;}
    .strength .main .item ul.nav li{height: 60px;font-size: 20px;font-weight: normal;line-height: 22px;}
    .functions .main ul li .cc.tt{padding: 20px;}
}
@media (max-width: 1280px){
    .pocket-header .logo .text h3,.small .main .text h3,.form .main h3,
    .three .main h3,.transfer .main h3,.happy .main h3,.strength .main h3,.functions .main h3,
    .expand .main h3,.suit .main h3,.accessories .main .text h3{font-size: 34px;line-height: 40px;}
    .small .main .text p,.form .main p.top,.form .main .item p,.three .main p,.transfer .main p,
    .happy .main p,.view .main p,.strength .main p.ft,.strength .main .item p,.functions .main ul li .cc.tt,.expand .main ul li .text p,.accessories .main .text p{font-size: 18px;line-height: 24px;}
    .strength .main .item ul.nav li{font-size: 18px;line-height: 20px;}
}