*{margin:0;padding:0;}

body{background:url(../images/bg.jpg) no-repeat;background-size:100%;}

span{cursor:pointer}

.container{width:100%;margin:0 auto;}

img{vertical-align:top;border:0;width:100%}

.container .title img{width:650px;margin:0 auto;display:block;}

header{position:fixed;top:0;left:0;width:100%;height:100px;background:#fff;z-index:999;}

.head{width:1200px;height:100px;margin:0 auto;display:flex;justify-content:space-around;align-items:center;background:#fff;z-index:999;align-items:center;}

.head .logo{width:166px;display:flex;align-items:center;}

.nav{width:70%;font-size:20px;}

.nav ul{width:100%;display:flex;flex:1;justify-content:center;align-items:center;flex-direction:row;list-style:none;}

.nav ul li{margin:0 15px;width:100px;}

.nav ul li:hover{border-bottom:5px solid #2F9EFF;}

.nav ul li span{height:100px;display:block;display:flex;align-items:center;font-size:16px;color:#58BBFC;text-decoration:none;cursor:pointer;}

.nav ul li span img{width:49px;margin-right:10px;}

.btn a{display:flex;align-items:center;height:100px;}

.btn a img:hover{transform:scale(1.1);}

main{width:1200px;max-width:1200px;margin:0 auto;}

.section1{margin-top:100px;}

.procontent{margin:15px 0;}

.swiper-pagination{--swiper-theme-color:#118BEF;}

.freeDraw{width:100%;display:flex;align-items:center;justify-content:centers;}

.prizelist{width:45%;height:520px;background:url(../images/prizelist.png) no-repeat;background-size:100% 100%;position:relative;}

.list{position:absolute;top:5%;left:50%;transform:translateX(-50%);font-size:35px;letter-spacing:5px;}

.prizeContent{width:95%;height:410px;position:absolute;top:18%;left:2%;overflow:hidden;}

.prizeContent ul{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}

.listPro{margin-top:20px;}

.prizeContent ul li{width:50%;font-size:18px;display:flex;justify-content:center;align-items:center;}

.luckdraw{width:60%;margin:10px auto;}

.luckdraw ul{position:relative;width:95%;height:400px;margin:0 auto;overflow:hidden;}

.luckdraw li{position:absolute;width:24%;height:130px;background:url(../images/normal.png) no-repeat;background-size:100%;font-size:20px;display:flex;align-items:center;justify-content:center;text-align:center;list-style:none;margin:0;padding:0;}

.luckdraw li:first-child{top:0;left:0;}

.luckdraw li:nth-child(1){top:0;left:25%;}

.luckdraw li:nth-child(2){top:0;left:50%;}

.luckdraw li:nth-child(3){top:0;left:75%;}

.luckdraw li:nth-child(4){top:130px;left:75%;}

.luckdraw li:nth-child(5){top:260px;left:75%;}

.luckdraw li:nth-child(6){top:260px;left:50%;}

.luckdraw li:nth-child(7){top:260px;left:25%;}

.luckdraw li:nth-child(8){top:260px;left:0;}

.luckdraw li:nth-child(9){top:130px;left:0;}

.luckdraw li.on{background:url(../images/select.png) no-repeat;z-index:9999;background-size:100%;font-weight:bold;}

.luckdraw-go{width:50%;height:130px;overflow:hidden;background:url(../images/start.png) no-repeat;background-size:100%;background-position:center;cursor:pointer;position:absolute;animation:heart_beat .8s infinite linear;}

.luckdraw-go{top:130px;left:25%;}

.luckdraw-go:hover{transform:scale(0.95);}

.luckdraw h2{font-size:22px;text-align:center;color:#CDAE8C;}

.appDownload{width:100%;display:flex;margin-bottom:40px;}

.fullSiteLeft{width:550px;text-align:right;position:absolute;right:0;}

.fullSiteLeft h2{font-size:26px;text-align:center;}

.appLogo{width:272px;}

.fullSiteLeft .courseBtn{position:absolute;top:65px;right:0;width:169px;cursor:pointer;}

.fullSiteLeft .courseBtn:hover{width:180px;right:-4px;}

.ewm{float:right;width:400px;text-align:center;}

.ewm img{width:180px;margin-top:10px;}

.ewm h3{font-size:18px;}

.ewm p:last-child{color:#4C9CFC;}

.fullSiteLeft p{color:#4C5679;padding:5px;font-size:35px;}

.fullBtn{width:100%;display:flex;justify-content:center;align-items:center;}

.appDownload{position:relative;}

.appDownload .ImgRight img{width:800px;display:flex;align-items:center;}

.sponsor,.advantage{margin-top:40px;}

.advantage{display:flex;justify-content:space-between;}

.superior{margin:80px 0;}

.float{width:98px;position:fixed;top:20%;right:10%;z-index:999;animation:heart_beat 1s infinite linear;}

.zxkf-left{left:10%}

.zxkf-right{right:10%}

@keyframes heart_beat{0%{transform:scale(.95);}

50%{transform:scale(1.05);}

100%{transform:scale(.95);}}

.close{position:absolute;top:0%;right:0;width:70px;height:50px;}

.pagination{position:absolute;top:46%;left:11%;width:79%;height:200px;display:flex;flex-wrap:wrap;}

.pagination a{display:inline-block;width:100%;}

.section2,.section3{padding-top:100px;margin-top:-100px;}

#scroll1{margin-top:-110px;padding-top:120px;}

.codeImg1{position:relative;width:300px;height:320px;background:url(../images/code.png) no-repeat;background-size:100%;}

.webImg1{position:relative;width:300px;height:320px;background:url(../images/web.png) no-repeat;background-size:100%;}

.webImg2{position:absolute;top:23%;left:0;right:0;width:225px !important;height:210px;margin:10px auto 0;}

.course{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999;background:rgba(0,0,0,.7);

    display: flex;

    justify-content: center;

    align-items: center;

}

.course-container{

    width: 800px;

    height: 620px;

    border-radius: 8px;

    overflow: hidden;

    background: #fff;

}

.course-head{

    height: 70px;

    background: #fff;

    position: relative;

}

.course-head .system{

    width: 266px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    margin: 0 auto;

    height: 100%;

}

.course-head .system span{

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    text-align: center;

    line-height: 34px;

    border: 1px solid #e0e0e0;

    color: #666;

    height: 34px;

    z-index: 100;

    margin-top: 18px;

    border-radius: 20px;

    cursor: pointer;

    position: relative;

    font-size: 14px;

    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;

}

.course-head .system span:nth-child(2){

    margin: 18px 17px 0;

    margin-right: 0;

}

.course-head .system span img{

    position: absolute;

    top: 3px;

    left: 13px;

    border: none;

    width: 24px;

    height:24px;

}

.course .close{

    position: absolute;

    right: 26px;

    top: 28px;

    width: 15px;

    height:15px;

    cursor: pointer;

}

.course .contents{

    height: 550px;

    border-top: 1px solid #e9e9e9;

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-color: #fff;

}

.course .contents .slide_phone,

.course .contents .slide_phone1{

    float: left;

    width: 234px;

    height: 453px;

    margin: 16px 0 0 100px;

    position: relative;

}

.cursor .contents .slide_phone1{

    float: left;

    background-size: 100% 100%;

    background-repeat: no-repeat;

    background-position-x: -5px;

    margin: 16px 0 0 80px;

}

.cursor .contents .slide_phone img,

.cursor .contents .slide_phone1 img{

    position: absolute;

    top: 18px;

    left: 16px;

    width: 250px;

}

.course .system .active{

    color:#fff;

    background: linear-gradient(to left,#3678fe,#5fabff);

}

.footer img{min-width:1200px;}