html,body{

}
section img{display: block;}
section h3{font-weight: bold;}
.scorp-header{
    width: 100%;
    position: relative;
}
.scorp-header .logo{
    width: 500px;
    position: absolute;
    left: 20%;
    top: 150px;
}

.scorp-header .logo img{
    max-width: 70%;
}
.scorp-header .logo .text{
    margin:10px 0;
    color: #555;
}
.scorp-header .logo .text h3{font-size: 34px;margin-top: 30px;}
.scorp-header .logo .text p{font-size: 20px;line-height: 28px;margin-top: 20px;}
.scorp-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;
}
.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 #999;
  text-indent: 10px;
}
.scorp-header .button a em{
  width: 110px;
  height: 40px;
  line-height: 38px;
  display: inline-block;
  font-style: normal;
  float: left;
  color: #999;
}
.scorp-header .button a span{
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url('../png/play-icon-2.png') no-repeat center center;
  background-size: cover;
  margin: 4px 0 8px;
  float: left;
}

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

.three  .tcontent{
    font-size: 60px;
    width: 100%;
    display: flex;
    position: relative;
}
.three  .tcontent .title h3{
    color: #666;
    font-size: 34px;
}
.three .tcontent .title p{
    /*color: #999;*/
    font-size: 20px;
    line-height: 28px;
    display: block;
    margin-top: 50px;
}
.three .s-content{
    width: 500px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-25%,-50%);
    z-index: 2;
}

.three canvas#three{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    margin:0 auto;
    overflow: hidden;
    object-fit: cover;
    height:100%;
}


.phone{width: 100%;position: relative;}
.phone img{width: 100%;}
.phone .text{width: 50%;left: 25%;bottom: 80px;position: absolute;text-align: center;}
.phone .text h3{font-size: 34px;}
.phone .text p{font-size: 20px;line-height: 28px;margin-top: 20px;}

.merge{width: 100%;position: relative;}
.merge img{width: 100%;}
.merge .text{width: 50%;left: 25%;top: 25%;position: absolute;text-align: center;color: #fff;}
.merge .text h3{font-size: 34px;}
.merge .text p{font-size: 20px;line-height: 28px;margin-top: 20px;}

.simple{width: 100%;position: relative;}
.simple img{width: 100%;}
.simple .main{width: 1200px;position: absolute;top: 0;left: calc(50% - 600px);display: flex;height: 100%;}
.simple .main .items{width: 45%;display: flex;align-items: center;flex-wrap: wrap;}
.simple .main .items .text{width: 100%;}
.simple .main .items .text h3{font-size: 34px;}
.simple .main .items .text p{font-size: 20px;line-height: 28px;margin-top: 20px;}
.simple .main .item-list{width: 100%;display: flex;flex-wrap: wrap;margin-top: 20px;}
.simple .main .item-list .item{width: 50%;margin-top: 20px;}
.simple .main .item-list .item h5{font-size: 20px;font-weight: bold;color: #666;}
.simple .main .item-list .item p{font-size: 16px;line-height: 24px;color: #888;margin-top: 10px;}

.use{width: 100%;margin-top: 80px;}
.use .main{width: 1200px;margin: 0 auto;}
.use .main h3{font-size: 34px;text-align: center;}
.use .main .content{width: 100%;display: flex;margin-top: 50px;}
.use .main .content .left{width: 30%;display: flex;flex-wrap: wrap;}
.use .main .content .left h4{font-size: 28px;height: 30px;line-height: 30px;display: flex;}
.use .main .content .left h4 span{width: 4px;height: 100%;display: inline-block;margin-right: 15px;background: #1996D6;}
.use .main .content .left p{font-size: 20px;line-height: 28px;margin-top: 20px;}
.use .main .content .right{width: 70%;}
.use .main .content .right .video{position: relative;}
.use .main .content .right .video video{width: 100%;}
.use .main .content .right .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;
}
.use .main .content .right .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.use .main .content .right .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-p/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.use .main .content .right .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-p/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}

.lock{width: 100%;position: relative;margin-top: 100px;}
.lock img{width: 100%;}
.lock .text{text-align: right;top: 0px;right: 18.75%;position: absolute;}
.lock .text h3{font-size: 34px;display: flex;height: 34px;line-height: 34px;width: 100%;text-align: right;position: relative;}
.lock .text h3 span{width: 4px;height: 100%;display: inline-block;margin-left: 15px;background: #1996D6;top: 0;right: 0;position: absolute;}
.lock .text h3 strong{position: absolute;top: 0;right: 19px;}
.lock .text p{font-size: 20px;line-height: 28px;margin-top: 20px;display: block;width: 40%;float: right;}

.vertial{width: 100%;margin-top: 120px;}
.vertial .main{width: 1200px;margin: 0 auto;}
.vertial .main h3{font-size: 34px;text-align: center;}
.vertial .main .content{width: 100%;display: flex;}
.vertial .main .content .left{width: 30%;display: flex;flex-wrap: wrap;}
.vertial .main .content .left h4{font-size: 28px;height: 30px;line-height: 30px;display: flex;}
.vertial .main .content .left h4 span{width: 4px;height: 100%;display: inline-block;margin-right: 15px;background: #1996D6;}

.vertial .main .content .left p{font-size: 20px;line-height: 28px;margin-top: 20px;}
.vertial .main .content .right{width: 70%;}
.vertial .main .content .right .video{position: relative;}
.vertial .main .content .right .video video{width: 100%;}
.vertial .main .content .right .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;
}
.vertial .main .content .right .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.vertial .main .content .right .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-p/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.vertial .main .content .right .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-mini-p/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}

.button{width: 100%;position: relative;margin-top: 100px;}
.button img.main{width: 100%;}
.button .content{width: 460px;position: absolute;top: 35%;left: 18.75%;}
.button .content h3{font-size: 34px;}
.button .content p{font-size: 20px;line-height: 30px;margin-top: 20px;}
.button .content p strong{font-size: 22px;}

.app{width: 100%;position: relative;}
.app img.mm{width: 100%;}
.app .main{width: 1200px;position: absolute;top: 0;left: calc(50% - 600px);display: flex;height: 100%;}
.app .main .item{width: 50%;height: 100%;display: flex;align-items: center;}
.app .main .item .cc h3{font-size: 34px;line-height: 50px;}
.app .main .item .cc p{font-size: 20px;line-height: 26px;margin-top: 40px;}
.app .main .item .cc p strong{font-size: 22px;}
.app .main .item .cc ul{width: 80%;display: flex;justify-content: space-between;margin-top: 60px;}
.app .main .item .cc ul li{width: 30%;}
.app .main .item .cc ul li img{max-width: 50%;}

.app-item{width: 100%;margin-top: 100px;}
.app-item .main{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;margin-bottom: 60px;}
.app-item .main .item{width: calc(50% - 30px);}
.app-item .main .item img{width: 100%;}
.app-item .main .item .text{width: 100%;border:1px solid #f1f1f1;border-top:none;font-size: 22px;display: flex;
    justify-content: center;align-items: center;height: 100px;text-align: center;}

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

.happy .main .content ul{width: 100%;display: flex;justify-content: space-between;margin-top: 30px;}
.happy .main .content ul li{width: calc(33.333% - 15px);cursor: pointer;}
.happy .main .content ul li img{width: 100%;}
.happy .main .content ul li span{display: block;margin-top: 10px;font-size: 20px;}
.happy .main .content ul li.active span{font-weight: bold;}

.expand{width: 100%;margin-top: 80px;padding-bottom: 80px;}
.expand .main{width: 1200px;margin: 0 auto;}
.expand .main h3{font-size: 34px;text-align: center;}
.expand .main .content{display: flex;margin-top: 50px;}
.expand .main .content .left{width: 40%;display: flex;flex-wrap: wrap;}
.expand .main .content .left .item{width: 100%;text-align: center;}
.expand .main .content .left .item img{max-width: 50%;margin: 0 auto;}
.expand .main .content .left .item img.sec{max-width: 40%;}
.expand .main .content .left .item span{font-size: 20px;margin-top: 30px;display: block;}
.expand .main .content .right{width: 60%;display: flex;align-items: center;}
.expand .main .content .right img{max-width: 80%;margin: 0 auto;}
.expand .main .cc{width: 100%;position: relative;margin-top: 50px;}
.expand .main .cc h4{height: 50px;line-height: 50px;width: 300px;text-align: center;background: #F4F4F4;z-index: 2;margin: 0 auto;border-radius: 10px;position: relative;font-size: 24px;color: #666;font-weight: normal;}
.expand .main .cc .line{width: 100%;height: 1px;background: #EBEBEB;position: absolute;left: 0;top: 25px;z-index: 1;}
.expand .main .img{width: 100%;position: relative;}
.expand .main .img img{width: 100%;}
.expand .main .img p{font-size: 20px;position: absolute;bottom: 40px;right: 0;}

.prize-item{
    margin:40px 0;
}
.prize-item .pcontent{
    width:1200px;
    margin:0 auto;
}
.prize-item .pcontent h4{
    font-size:34px;
    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;}
/*==========================================*/
.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){
    .structure .text{left: 12%;}
}
@media (max-width:1661px){

}
@media (min-width:1441px) and (max-width: 1660px){
  .app .content .right .text{max-width:100%;height:436px;}
  .lock .text{right: 13.85%;}
  .button .content{left: 13.85%;}
  .three .s-content{width: 400px;}
  .phone .text{bottom: 40px;}
  .merge .text{top: 18%;}
  .simple .main .items .text p.mm{margin-top: 15px;}
  .simple .main .items .text p.mc{margin-top: 10px;}
  .simple .main .item-list{margin-top: 15px;}
}
@media (min-width:1281px) and (max-width:1440px){
    section h3{font-size: 30px !important;}
    .scorp-header .logo{top:100px;left: 15%;}
    .scorp-header .logo .text h3{margin-top: 15px;}
    .scorp-header .logo .text p{margin-top: 10px;line-height: 24px;}
    .simple .main,.use .main,.vertial .main,.happy .main,.app .main,.app-item .main,.expand .main{width: 1000px;}
    .phone .text{bottom: 30px;}
    .simple .main,.app .main{left: calc(50% - 500px);}
    .use .main .content .left,.vertial .main .content .left{width: 35%;}
    .use .main .content .right,.vertial .main .content .right{width: 65%;}
    .lock .text{right: 15.27%;}
    .button .content{left: 15.27%;}
    .three .s-content{width: 400px;height: 260px;left: 15%;top:50%;transform: translate(-15%,-50%);}
    .three .tcontent .title p{margin-top: 30px;line-height: 24px;}
    .phone .text p{line-height: 24px;}
    .merge .text{top: 15%;}
    .merge .text p,.use .main .content .left p,.lock .text p,.vertial .main .content .left p,.button .content p{line-height: 24px;}

    .simple .main .items .text p{line-height: 22px;}
    .simple .main .items .text p.mm{margin-top: 12px;}
    .simple .main .item-list{margin-top: 10px;}
    .app-item .main .item{width: calc(50% - 15px);}
    .app-item .main{margin-bottom: 35px;}
    .simple .main .item-list{margin-top: 15px;}
    .simple .main .items{width: 50%;}
    .simple .main .item-list .item p{font-size: 15px;}
    .simple .main .item-list .item p.mc{margin-top: 6px;line-height: 20px;}
    .simple .main .item-list .item{margin-top: 8px;}
    .simple .main .item-list .item h5{font-size: 16px;}
    .app .main .item .cc h3{line-height: 40px;}
    .app .main .item{width: 46%;}
    .app .main .item .cc p{margin-top: 25px;line-height: 24px;}
}
@media (max-width: 1280px){
    section h3{font-size: 30px !important;}
    .app .main .item .cc h3{line-height: 34px;}
    .scorp-header .logo{left: 14%;top: 80px;}
    .scorp-header .logo .text p{line-height: 24px;}
    .three .tcontent .title p{margin-top: 30px;line-height: 24px;}
    .simple .main,.use .main,.vertial .main,.happy .main,.app-item .main,.app .main,.expand .main{width: 1000px;}
    .use .main .content .left,.vertial .main .content .left{width: 35%;}
    .use .main .content .right,.vertial .main .content .right{width: 65%;}
    .phone .text{bottom: 20px;}
    .phone .text p{line-height: 24px;}
    .merge .text{top: 13%;}
    .merge .text p{line-height: 24px;}
    .simple .main,.app .main{left: calc(50% - 500px);}
    .simple .main .items .text p.mm{line-height: 24px;margin-top: 10px;}
    .lock .text{right: 10.94%;}
    .app .main .item{width: 45%;}
    .app .main .item .cc p{margin-top: 30px;}
    .app .main .item .cc ul{margin-top: 40px;}
    .app-item .main .item .text{font-size: 20px;}
    .button .content{left: 10.94%;top: 30%;}
    .scorp-header .logo .text h3,.three .main .items .text h3,.phone .text h3,
    .merge .text h3,.simple .main .items .text h3,.use .main h3,.lock .text h3,.button .content h3,.happy .main h3{font-size: 30px;}
    .scorp-header .logo .text h3{margin-top: 20px;}
    .scorp-header .logo .text p,.three .main .items .text p,.phone .text p,
    .merge .text p,.simple .main .items .text p,.use .main .content .left p,.lock .text p,
    .vertial .main .content .left p,.button .content p,.happy .main .content ul li span{font-size: 18px;margin-top: 15px;}
    .simple .main .items .video{margin-top: 20px;}
    .use .main .content .left h4,.vertial .main .content .left h4{font-size: 26px;}
    .simple .main .items{width: 50%;}
    .simple .main .item-list,.simple .main .item-list .item{margin-top: 8px;}
    .simple .main .item-list .item p{margin-top: 8px;font-size: 14px;}
    .simple .main .item-list .item p.mc{line-height: 20px;}
    .simple .main .item-list .item h5{font-size: 16px;}
    .three .s-content{width: 340px;left: 20%;}
}