html,body{
    /*background: #000;*/
}
section h3{font-weight: bolder;}
.scorp-header{
    width: 100%;
    position: relative;
}
.scorp-header .logo{
    width: 600px;
    height: 100%;
    position: absolute;
    left: calc(50% - 600px);
    top: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.scorp-header .logo img{
    max-width: 80%;
}
.scorp-header .logo .text{
    font-size: 42px;
    font-weight: bolder;
    margin:20px 0 0;
    color: #fff;
    font-weight: 600;
}
.scorp-header .logo span{
    width: 150px;
    height: 40px;line-height: 40px;
    text-align: center;
    border-radius: 20px;
    display: block;color: #fff;font-size: 20px;
    cursor: pointer;
}
.scorp-header .button{
  margin-top: 20px;
}
.scorp-header .button a{
  display: block;
  width: 150px;
  height: 40px;
  font-size: 16px;
  border-radius: 20px;
  border:2px solid #fff;
  text-indent: 10px;
}
.scorp-header .button a em{
  width: 110px;
  height: 40px;
  line-height: 38px;
  display: inline-block;
  font-style: normal;
  float: left;
  color: #fff;
}
.scorp-header .button a span{
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url('../png/play-icon-6.png') no-repeat center center;
  background-size: cover;
  margin: 4px 0 8px;
  float: left;
}
.scorp-header .items{
    width: 600px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 250px;
    text-align: center;
}
.scorp-header .items{position: relative;text-align: center;height: 100px;}
.scorp-header .items p{
    font-size: 60px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;width: 100%;height: 100%;
    display: flex;align-items: center;justify-content: center;text-align: center;
}


.one-more{width: 100%;background: #fff;margin-top: 80px;}
.one-more .content{width: 1200px;margin: 0 auto;}
.one-more .content h3{font-size: 42px;line-height: 50px;font-weight: bolder;}
.one-more .content h4{font-size: 28px;line-height: 36px;margin-top: 20px;font-weight: bold;}
.one-more .content p{font-size: 20px;line-height: 30px;margin-top: 20px;}
.one-more .content {margin-top: 20px;}
.one-more .content ul.items{display: flex;justify-content: space-between;margin-top: 50px;}
.one-more .content ul.items li{background: #F7F8FA;border-radius: 20px;position: relative;}
.one-more .content ul.items li img{width:350px;float: right;}
.one-more .content ul.items li.left{flex: 0 0 calc(45% - 10px);}
.one-more .content ul.items li.right{flex: 0 0 calc(55% - 10px);}
.one-more .content ul.items li .title{position: absolute;left: 30px;bottom: 20px;}
.one-more .content ul.items li .title .name{font-size: 26px;color: #999;}
.one-more .content ul.items li .title p{font-size: 24px;font-weight: 500;color: #333;}
.one-more .content ul.items li .title p span{width: 16px;height: 16px;background: #999;border-radius: 8px;display: inline-block;margin-right: 10px;}

.structure{position: relative;width: 100vw;
    max-width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;}
.structure .default{
    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: 9;
}
.structure .default img{width: 100%;height: 100%;object-fit: cover;}
.structure canvas#structure{
    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;
}
.structure .text{
    position: absolute;
    width: 620px;height: 500px;
    top: 50%;
    left: calc(50% - 600px);
    transform: translateY(-50%);
    z-index: 11;
}
.structure .text h3{font-size: 42px;line-height: 50px;}
.structure .text p{font-size: 20px;line-height: 30px;margin-top: 20px;}


.li-str{width: 100%;margin-top: 80px;}
.li-str .content{width: 1200px;margin: 0 auto;}
.li-str .content h3{font-size: 42px;line-height: 50px;}
.li-str .content p{font-size: 20px;line-height: 30px;}
.li-str .content p.tp{margin-top: 20px;}
.li-str .content .all .video{position: relative;margin-top: 30px;}
.li-str .content .all .video video{width: 100%;border-radius: 20px;}
.li-str .content .all .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;
}
.li-str .content .all .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.li-str .content .all .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-2/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.li-str .content .all .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-2/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.li-str .content .all .imgs{margin-top: 30px;display: flex;justify-content: space-between;}
.li-str .content .all .imgs li{width: calc(55% - 20px);}
.li-str .content .all .imgs li.oi{width: calc(45% - 20px);display: flex;align-items: stretch;flex-wrap: wrap;}
.li-str .content .all .imgs li p{padding: 20px;}
.li-str .content .all .imgs li img{width: 100%;border-radius: 20px;display: block;}


.ai{width: 100%;margin-top: 80px;}
.ai .content{width: 1200px;margin: 0 auto;}
.ai .content h3{font-size: 42px;line-height: 50px;}
.ai .content p{font-size: 20px;line-height: 30px;margin-top: 20px;}
.ai .video{position: relative;margin-top: 30px;}
.ai .video video{width: 100%;border-radius: 20px;}
.ai .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;
}
.ai .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
    border: none;
}
.ai .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-2/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.ai .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-2/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.ai .icon{border-bottom: 1px solid #f0f0f0;display: flex;padding: 30px 0;}
.ai .icon li{width: calc(25% - 20px);text-align: center;}
.ai .icon li h4{font-size: 22px;font-weight: 500;}
.ai .icon li img{width: 100px;margin: 0 auto;}
.ai .icon li span{display: block;color: #999;font-size: 18px;margin-top: 5px;}
.ai .icon li .title{margin-left: 8px;}

.wei{margin-top: 100px;width: 100%;}
.wei .title{width: 1200px;margin: 0 auto;}
.wei  h3{font-size: 42px;line-height: 50px;}
.wei .all{width: 1200px;display: flex;justify-content: space-between;margin: 50px auto 0;}
.wei .all .items{width: calc(50% - 20px);}
.wei .all .items .clear{clear: both;}
.wei  h4{font-size: 28px;line-height: 38px;margin-top: 30px;font-weight: bold;}
.wei  p{font-size: 20px;line-height: 30px;margin-top: 30px;}
.wei .all .items .video{position: relative;}
.wei .all .items .video video{width: 100%;border-radius: 20px;}
.wei .all .items .video .icon-bg{
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.wei .all .items .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.wei .all .items .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-2/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.wei .all .items .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-2/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.wei .all .items .cc{margin-right: calc(50% - 600px);width: 580px;}
.wei .all .items img{width: 100%;border-radius: 20px;}
.wei .all .items .cc p{font-size: 24px;line-height: 34px;margin-top: 30px;}


.allc{width: 100%;margin-top: 50px;padding-top: 80px;background: #F7F8FA;text-align: center;}
.allc h3{font-size: 42px;line-height: 50px;}
.allc p{font-size: 20px;line-height: 30px;margin-top: 36px;}
.allc strong{font-size: 26px;}
.allc span{font-size: 20px;height: 40px;line-height: 40px;text-align: center;font-weight:bold;margin: 20px auto 0;display: block;}
.allc img{width: 100%;}


.expand{width: 100%;margin-top: 100px;}
.expand .content{width: 1200px;margin: 0 auto;}
.expand .content h4{font-size: 28px;line-height: 38px;font-weight: bold;}
.expand .content p{font-size: 20px;line-height: 30px;margin-top: 20px;}
.expand .content ul{margin-top: 30px;display: flex;justify-content: space-between;}
.expand .content ul li{width: calc(50% - 10px);}
.expand .content  .video{position: relative;}
.expand .content  .video video{width: 100%;border-radius: 20px;}
.expand .content  .video .icon-bg{
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 30px;
    right: 30px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.expand .content  .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.expand .content  .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-2/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.expand .content  .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-2/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.expand .content .line{margin-top: 80px;}
.expand .content .ov{margin-top: 30px;}
.expand .content img{border-radius: 20px;}



.phone{margin-top: 100px;width: 100%;}
.phone .title{width: 1200px;margin: 0 auto;}
.phone .title h3{font-size: 42px;line-height: 50px;}
.phone .all{width: 1200px;margin:50px auto 0;display: flex;justify-content: space-between;}
.phone .all .items{width: calc(50% - 20px);}
.phone .all .items .text{width: 580px;float: right;}
.phone .all .items .clear{clear: both;}
.phone  h4{font-size: 28px;line-height: 38px;margin-top: 40px;font-weight: bold;}
.phone  p{font-size: 20px;line-height: 30px;margin-top: 30px;}
.phone .all .items  img{border-radius: 20px;}
.phone  .video{position: relative;}
.phone  .video video{width: 100%;border-radius: 20px;}
.phone  .video .icon-bg{
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.phone  .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.phone  .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-2/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.phone  .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-2/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}

.phone .app{width: 1200px;margin: 60px auto 0;}
.phone .app img{border-radius: 20px;width: 100%;margin-top: 50px;}


.camera{width: 100%;margin-top: 80px;}
.camera .content{width: 1200px;margin: 0 auto;}
.camera .content h3{font-size: 42px;line-height: 50px;}
.camera .content p{font-size: 20px;line-height: 30px;margin-top: 30px;}
.camera .content ul{margin-top: 40px;display: flex;justify-content: space-between;}
.camera .content ul li{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.camera  .video{position: relative;}
.camera .content img{width: 100%;border-radius: 20px;}
.camera  .video video{width: 100%;border-radius: 20px;}
.camera  .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;
}
.camera  .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.camera  .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-2/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.camera  .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-2/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.camera .content .magic{width: 100%;margin-top: 80px;display: flex;justify-content: space-between;}
.camera .content .magic .item{width: calc(50% - 60px);display: flex;align-items: center;}
.camera .content h4{font-size: 28px;line-height: 38px;margin-top: 30px;font-weight: bold;}
.camera .content h4.sec{font-size: 42px;line-height: 50px;margin-top: 0;font-weight: bolder;}
.camera .content .magic p{font-size: 20px;line-height: 30px;margin-top: 20px;width: 80%;}

.strength{width: 100%;margin-top: 120px;}
.strength .content{width: 1200px;margin: 0 auto;}
.strength .content h3{font-size: 42px;line-height: 50px;}
.strength .content p{font-size: 20px;line-height: 30px;margin-top: 30px;}
.strength  .video{position: relative;margin-top: 50px;}
.strength  .video video{width: 100%;border-radius: 20px;}
.strength  .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;
}
.strength  .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.strength  .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-2/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.strength  .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-2/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}


.creation{width: 100%;margin-top: 80px;background: #000;padding: 100px 0;}
.creation .content{width: 1200px;margin: 0 auto;color: #fff;}
.creation .content h3{font-size: 42px;line-height: 50px;}
.creation .content p{font-size: 20px;line-height: 30px;margin-top: 30px;}
.creation .content ul{display: flex;justify-content: space-between;margin-top: 30px;}
.creation .content ul li{width: calc(50% - 10px);}
.creation  .video{position: relative;margin-top: 50px;}
.creation  .video video{width: 100%;border-radius: 20px;}
.creation  .video .icon-bg{
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 30px;
    right: 30px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.creation  .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.creation  .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-2/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.creation  .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-2/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.creation .content ul li p{margin-top: 20px;font-size: 20px;display: flex;align-items: center;}
.creation .content ul li p span{display: inline-block;width: 10px;height: 10px;border-radius: 5px;background: #fff;margin-right: 10px;}

.more{width: 100%;margin-top: 120px;}
.more .content{width: 1200px;margin: 0 auto;}
.more .content h3{font-size: 42px;line-height: 50px;}
.more .content p{font-size: 20px;line-height: 30px;margin-top: 30px;}
.more .content ul{display: flex;justify-content: space-between;margin-top: 30px;}
.more .content ul li{width: calc(50% - 10px);}
.more  .video{position: relative;margin-top: 50px;}
.more li .video{margin-top: 0;}
.more  .video video{width: 100%;border-radius: 20px;}
.more  .video .icon-bg{
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 30px;
    right: 30px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.more  .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.more  .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-2/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.more  .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-2/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.more  .video p{position: absolute;left: 20px;bottom: 10px;font-size: 20px;color: #fff;}

.less{margin-top: 80px;}
.less .content{width: 1200px;margin: 0 auto;}
.less .content ul{display: flex;justify-content: space-between;}
.less .content ul li{width: calc(50% - 20px);}
.less .content ul li.one{display: flex;flex-wrap: wrap;justify-content: space-between;}
.less .content h3{font-size: 42px;line-height: 50px;}
.less .content p{font-size: 20px;line-height: 26px;margin-top: 10px;}
.less .content img{width: 100%;border-radius: 20px;}
.less  .video{position: relative;}
.less  .video video{width: 100%;border-radius: 20px;}
.less  .video .icon-bg{
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 30px;
    right: 30px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.less  .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.less  .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-2/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.less  .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-2/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}

.prize-item{
    margin:40px 0;
}
.prize-item .pcontent{
    width:1200px;
    margin:0 auto;
}
.prize-item .pcontent h4{
    font-size:42px;
    color:#333;
}
.prize-item .pcontent p{font-size:24px;color:#333;margin-top:15px;}
.prize-item .pcontent .pimgs{margin-top:30px;}
.prize-item .pcontent .pimgs img{border-radius:20px;margin-bottom:30px;}


.accessories{
    width: 100%;
    margin-top: 80px;
}
.accessories .content{
    width: 1200px;margin:0 auto;
}
.accessories .content .title h3{font-size: 42px;line-height: 50px;}
.accessories .content ul{display: flex;justify-content: space-between;flex-wrap:wrap;margin-top: 50px;}
.accessories .content ul li{width: calc(33% - 15px);position: relative;margin-bottom: 40px;}
.accessories .content ul li img{width: 100%;border-radius: 20px;}
.accessories .content ul li p{width: 100%;height: 40px;line-height: 40px;font-size: 20px;font-weight: 500;}
.accessories .content ul li p.left{text-align: left;right: unset;left: 20px;}
.accessories .content ul li p span{width: 16px;height: 16px;border-radius: 8px;display: inline-block;background: #999;margin-right: 10px;}


.color{width: 100%;margin: 80px 0;}
.color .content{width: 1200px;margin: 0 auto;position: relative;}
.color .content img{width: 100%;border-radius: 20px;}
.color .content ul{display: flex;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.color .content ul li{width: 50%;}
.color .content ul li.two{display: flex;align-items: center;padding-left: 100px;}
.color .content ul li .text h3{font-size: 42px;line-height: 50px;}
.color .content ul li .text p{font-size: 20px;margin-top: 30px;font-weight: 500;}
.color .content ul li .text p span{display: inline-block;width: 80px;height: 34px;line-height: 34px;border-radius: 17px;font-size:18px;text-align: center;border:1px solid #ccc;}
/*====================================================*/

.scorp-structure{
    width: 100%;
    max-height: 100vh;
    height: 100vh;
    background: #000;
    overflow: hidden;
    z-index: 4;

}

.scorp-structure  .tcontent{
    font-size: 60px;
    color: #fff;
    width: 100%;
    display: flex;
    position: relative;
}
.scorp-structure  .tcontent .title{
    font-weight: bold;
    font-size: 64px;
    background: -webkit-gradient(linear,left top,left bottom, from(#fff), to(#666));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.scorp-structure .tcontent .title span{
    color: #fff;
    font-size: 24px;
    letter-spacing: 1px;
    display: block;
}
.scorp-structure .s-content{
    width: 600px;
    height: 420px;
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-25%,-50%);
    z-index: 2;
}
.scorp-structure .s-content ul{
    margin-top: 60px;
}
.scorp-structure .s-content ul li{
    margin-bottom: 15px;

}
.scorp-structure .s-content ul li h3{
    font-size: 30px;
    color: #292929;
    transition:all 1s;
}
.scorp-structure .s-content ul li span{
    display: block;
    font-size: 18px;
    color: #d1d1d1;
    height: 0px;
    opacity: 0;
    transition:all 1s;
    margin-top: 10px;
    transform: translateY(0);
}
.scorp-structure .s-content ul li.active h3{
    color: #fff;
}
.scorp-structure .s-content ul li.active span{
    height: auto;
    opacity: 1;
    transform: translateY(-10);
}
.scorp-structure canvas#structure{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    margin:0 auto;
    overflow: hidden;
    object-fit: cover;
    height:100%;
}








/*==========================================*/
.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){
    .scorp-header .logo .text,.one-more .content h3,.structure .text h3,.li-str .content h3,.ai .content h3,.wei h3,
    .phone .title h3,.camera .content h3,.strength .content h3,.creation .content h3,.more .content h3,.less .content h3,
    .accessories .content .title h3,.allc h3{font-size: 38px;line-height: 46px;}
    .one-more .content p,.structure .text p,.li-str .content p,.ai .content p,.wei p,.allc p,.expand .content p,
    .phone p,.camera .content p,.camera .content ul li .text p,.strength .content p,.creation .content p,.less .content p{font-size: 20px;line-height: 28px;}
}
@media (min-width:1441px) and (max-width: 1660px){

}
@media (max-width:1440px){
    .scorp-header .logo{left: calc(50% - 500px);}
    .scorp-header .logo .text,.one-more .content h3,.structure .text h3,.li-str .content h3,.ai .content h3,.wei h3,
    .phone .title h3,.camera .content h3,.strength .content h3,.creation .content h3,.more .content h3,.less .content h3,
    .accessories .content .title h3,.allc h3{font-size: 36px;line-height: 44px;}
    .scorp-header .logo img{max-width: 70%;}
    .one-more .content,.li-str .content,.ai .content,.wei .title,.wei .all,.expand .content,.phone .title,.phone .all,.phone .app,.camera .content,
    .strength .content,.creation .content,.more .content,.less .content,.accessories .content,.color .content{width: 1000px;}
    .one-more .content ul.items li .title .name{font-size: 24px;}
    .one-more .content ul.items li .title p{font-size: 22px;}
    .structure .text{height: 400px;left: calc(50% - 500px);width: 490px;}
    .wei .all .items,.phone .all .items{width: calc(50% - 10px);}
    .li-str .content p.ti{margin-top: 0;}
    .ai .icon li img{width: 90px;}
    .ai .icon li h4{font-size: 20px;}
    .ai .icon li span{font-size: 15px;}
    .camera .content h4{font-size: 28px;line-height: 36px;margin-top: 20px;}
    .less .content p{margin-top: 10px;}
    .accessories .content ul li p{font-size: 20px;line-height: 24px;margin-top: 10px;}
    .one-more .content p,.structure .text p,.li-str .content p,.ai .content p,.wei p,.allc p,.expand .content p,
    .phone p,.camera .content p,.camera .content ul li .text p,.strength .content p,.creation .content p,.less .content p{font-size: 18px;line-height: 26px;}
}