*{padding:0;margin:0}img{border:0}i{font-style:normal}input{outline:0}input::-webkit-input-placeholder{color:#bbb}.logo{width:216px;height:125px;background:url(../images/logo.png) no-repeat;position:absolute;top:16px;left:0}.mask{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.5);z-index:999}.index-wrap{width:100%;min-width:1200px}.index-wrap .music{width:1378px;height:552px;position:absolute;top:146px;left:50%;background:url(../images/music.png) no-repeat;z-index:20;margin-left:-689px;animation:shaking 2s linear infinite;-webkit-animation:shaking 2s linear infinite;-o-animation:shaking 2s linear infinite;-ms-animation:shaking 2s linear infinite;-moz-animation:shaking 2s linear infinite}@keyframes shaking{25%{margin-top:-20px}50%{margin-top:10px}75%{margin-top:20px}100%{margin-top:10px}}.index-wrap .page1{width:100%;height:1306px;background:url(../images/page1.jpg) no-repeat center top}.index-wrap .page1 .main{width:1200px;height:auto;margin:0 auto;position:relative;overflow:hidden}.index-wrap .page1 .main .kv{width:734px;height:377px;background:url(../images/kv.png) no-repeat;position:absolute;top:234px;left:-20px}.index-wrap .page1 .main .share{height:47px;position:absolute;right:0;top:25px}.index-wrap .page1 .main .share a{display:block;float:left}.index-wrap .page1 .main .share .go-website{width:156px;height:47px;background:url(../images/go-website.png) no-repeat;margin-right:17px}.index-wrap .page1 .main .share .go-website:hover{background:url(../images/go-website-active.png) no-repeat}.index-wrap .page1 .main .share .wechat{width:42px;height:42px;background:url(../images/wechat.png) no-repeat;margin-right:10px}.index-wrap .page1 .main .share .weibo{width:43px;height:42px;background:url(../images/weibo.png) no-repeat;margin-right:10px}.index-wrap .page1 .main .share .kongjian{width:43px;height:42px;background:url(../images/kongjian.png) no-repeat}.index-wrap .page1 .main .activity1{width:1000px;height:467px;background:url(../images/page1-border.png) no-repeat;margin:762px auto 0;position:relative;padding-top:66px;box-sizing:border-box}.index-wrap .page1 .main .activity1 .title{width:539px;height:69px;background:url(../images/activity1-title.png) no-repeat;position:absolute;top:-35px;left:50%;margin-left:-240.5px}.index-wrap .page1 .main .activity1 .img{width:796px;height:240px;background:url(../images/activity1-img.png) no-repeat;margin:0 auto 40px;position:relative;z-index:3}.index-wrap .page1 .main .activity1 .bg{width:516px;height:370px;background:url(../images/activity-bg.png) no-repeat;position:absolute;top:63px;left:229px;z-index:2}.index-wrap .page1 .main .activity1 p{font-size:18px;color:#fc7aad;text-align:center;position:relative;z-index:3;margin-bottom:3px}.index-wrap .page1 .main .activity1 p.time{color:#ffaa15;font-weight:700}.index-wrap .page2{width:100%;height:1365px;background:url(../images/page2.jpg) no-repeat center top;padding-top:30px;box-sizing:border-box}.index-wrap .page2 .main{width:1200px;margin:0 auto;position:relative}.index-wrap .page2 .activity2{width:1000px;height:294px;overflow:hidden;margin:0 auto}.index-wrap .page2 .activity2 .title{width:539px;height:65px;background:url(../images/activity2-title.png) no-repeat;position:absolute;top:-32px;left:50%;margin-left:-236.5px}.index-wrap .page2 .activity2 .con{height:185px;width:873px;margin:62px auto 0}.index-wrap .page2 .activity2 .con .left{width:442px;float:left;padding-top:33px;box-sizing:border-box}.index-wrap .page2 .activity2 .con .left p{width:400px;margin:0 auto;font-size:18px;color:#fc7aad;font-weight:700}.index-wrap .page2 .activity2 .con .left p span{color:#ffaa15}.index-wrap .page2 .activity2 .con .left p.tips{color:#ffabcc;margin-top:35px}.index-wrap .page2 .activity2 .con .line{width:1px;height:185px;background:url(../images/line.png) no-repeat;float:left}.index-wrap .page2 .activity2 .con .right img{width:139px;height:148px;display:block;float:left;margin:15px 10px 0 67px}.index-wrap .page2 .activity2 .con .right .get{float:left;width:210px;height:140px}.index-wrap .page2 .activity2 .con .right .get .double-11{width:204px;height:43px;background:url(../images/double-11.png) no-repeat;margin:30px 0 15px}.index-wrap .page2 .activity2 .con .right .get .get-btn{width:181px;height:55px;background:url(../images/get-btn.png) no-repeat}.index-wrap .page2 .activity2 .con .right .get .get-btn:hover{background:url(../images/get-btn-active.png) no-repeat}.index-wrap .page2 .activity2 .con .right .get .alr-login{width:100%;height:30px;display:none}.index-wrap .page2 .activity2 .con .right .get .alr-login p{color:#fc7aad;font-size:21px}.index-wrap .page2 .activity2 .con .right .quit-login{display:none}.index-wrap .page2 .activity2 .con .right .quit-login p{font-size:20px;color:#ffaa15}.index-wrap .page2 .activity2 .con .right .quit-login i{margin-left:8px;border-bottom:1px solid #ffaa15;box-sizing:border-box;padding:0 5px;cursor:pointer}.index-wrap .page2 .activity3{width:1000px;height:294px;margin:117px auto 0;position:relative;padding-top:75px;box-sizing:border-box}.index-wrap .page2 .activity3 .title{width:535px;height:65px;background:url(../images/activity3-titile.png) no-repeat;position:absolute;top:-32px;left:50%;margin-left:-234.5px}.index-wrap .page2 .activity3 p{color:#fc7aad;font-size:18px;text-align:center;font-weight:700}.index-wrap .page2 .activity3 p span{color:#ffaa15}.index-wrap .page2 .activity3 p:nth-of-type(1){margin:0 0 20px}.index-wrap .page2 .activity3 p:nth-of-type(2){height:44px;background:#fc7aad;width:460px;font-size:35px;color:#fff;margin:0 0 24px 355px;border-radius:1px;font-weight:700;line-height:44px}.index-wrap .page2 .activity3 p:nth-of-type(3){width:581px;margin:0 0 0 358px;line-height:24px}.index-wrap .receive-sus-mask{display:none}.index-wrap .receive-sus-mask .con{width:969px;height:552px;position:fixed;top:50%;left:50%;margin:-276px -484.25px;background:url(../images/receive-sus-mask.png) no-repeat;overflow:hidden}.index-wrap .receive-sus-mask .con .title{width:255px;height:61px;background:url(../images/receive-sus-mask-title.png) no-repeat;margin:131px 0 63px 431px}.index-wrap .receive-sus-mask .con .code-box{width:460px;height:55px;border:1px solid #ff68bd;border-radius:10px;margin:0 0 38px 332px;position:relative}.index-wrap .receive-sus-mask .con .code-box p{color:#fc7aad;font-size:21px;padding-left:26px;width:368px;line-height:55px;box-sizing:border-box}.index-wrap .receive-sus-mask .con .code-box i{display:block;width:92px;height:55px;line-height:55px;text-align:center;color:#fff;font-size:24px;position:absolute;right:0;top:0;background:#fc7aad;border-top-right-radius:8px;border-bottom-right-radius:8px;font-style:normal}.index-wrap .receive-sus-mask .con .tips{width:172px;margin:0 0 20px 470px;font-size:18px;color:#fc7aad;text-align:center}.index-wrap .receive-sus-mask .con .receive-sus-btn{width:181px;height:55px;background:url(../images/receive-sus-btn.png) no-repeat;margin-left:463px}.index-wrap .tel-mask{display:none}.index-wrap .tel-mask .con{width:969px;height:552px;position:fixed;top:50%;left:50%;margin:-276px -484.25px;background:url(../images/receive-sus-mask.png) no-repeat;overflow:hidden}.index-wrap .tel-mask .con .tel-mask-close{display:block;position:absolute;width:50px;height:50px;background:url(../images/close.png) no-repeat;top:16px;right:20px}.index-wrap .tel-mask .con .tel-mask-close.active{animation:rotate .8s linear infinite;-webkit-animation:rotate .8s linear infinite;-o-animation:rotate .8s linear infinite;-ms-animation:rotate .8s linear infinite;-moz-animation:rotate .8s linear infinite}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.index-wrap .tel-mask .con .title{width:326px;height:29px;background:url(../images/tel-mask-title.png) no-repeat;margin:131px 0 24px 388px}.index-wrap .tel-mask .con .phone-box{width:310px;height:47px;margin:0 0 20px 398px;position:relative}.index-wrap .tel-mask .con .phone-box .phone{width:100%;height:100%;position:relative}.index-wrap .tel-mask .con .phone-box input{display:block;width:100%;height:100%;padding-left:35px;line-height:47px;color:#bbb;font-size:16px;border:1px solid #ffa6c7;box-sizing:border-box}.index-wrap .tel-mask .con .phone-box i.icon{width:15px;height:16px;display:block;position:absolute;top:50%;left:10px;margin-top:-8px;background:url(../images/icon1.png)}.index-wrap .tel-mask .con .phone-box p{position:absolute;height:16px;line-height:16px;margin-top:-8px;top:50%;right:-160px;font-size:12px;width:160px;color:#ec1212;text-align:center;display:none}.index-wrap .tel-mask .con .phone-box p i.error{width:14px;height:14px;display:inline-block;background:url(../images/error-icon.png) no-repeat;margin-right:8px;vertical-align:middle}.index-wrap .tel-mask .con .code-box{width:317px;height:48px;margin:0 0 20px 398px;position:relative}.index-wrap .tel-mask .con .code-box .code{width:195px;height:48px;float:left}.index-wrap .tel-mask .con .code-box .code i.icon{width:12px;height:14px;background:url(../images/lock.png) no-repeat;position:absolute;display:block;top:50%;left:10px;margin-top:-7px}.index-wrap .tel-mask .con .code-box .code input{display:block;width:100%;height:100%;padding-left:35px;line-height:48px;color:#bbb;font-size:16px;border:1px solid #ffa6c7;box-sizing:border-box;outline:0}.index-wrap .tel-mask .con .code-box .code-img{float:left;border:1px solid #e5e5e5;box-sizing:border-box;height:48px;margin-left:-1px}.index-wrap .tel-mask .con .code-box .code-img img{width:113px;height:46px}.index-wrap .tel-mask .con .write-code-box{width:310px;height:48px;margin:0 0 20px 398px;position:relative;border:1px solid #ffa6c7}.index-wrap .tel-mask .con .write-code-box p i.icon{width:12px;height:14px;background:url(../images/lock.png) no-repeat;position:absolute;display:block;top:50%;left:10px;margin-top:-7px}.index-wrap .tel-mask .con .write-code-box p input{display:block;width:202px;height:48px;padding-left:35px;line-height:48px;color:#bbb;font-size:16px;box-sizing:border-box;outline:0;border:0}.index-wrap .tel-mask .con .write-code-box .get-code{width:108px;height:48px;line-height:48px;text-align:center;color:#fff;font-size:14px;position:absolute;top:0;right:0;background:#fc7aad;cursor:pointer}.index-wrap .tel-mask .con .write-code-box .get-code.gray{background:#ccc;color:#fff}.index-wrap .tel-mask .con .tel-mask-btn{width:181px;height:55px;background:url(../images/get-btn.png) no-repeat;margin:0 0 0 461px}