body{font:14px/1 '微软雅黑','宋体',Arial,Helvetica,sans-serif}body,div,ul,ol,li,h1,h2,p{margin:0;padding:0}ol,ul{list-style:none}body{background:#FFF}.bottom-record{background:#e8e8e8}.bar{height:44px;background:url(../image/bar_bg.png);-webkit-background-size:auto 44px;background-size:auto 44px}.bar .bar-con{width:320px;position:relative;margin:0 auto}.bar img{position:absolute;left:16px;top:7px}.top-warp{background-image:url(../image/top_bg.png);-webkit-background-size:4px auto;background-size:4px auto;background-position:0 bottom;background-repeat:repeat-x;background-color:#FFD100}.section-top{width:320px;height:400px;margin:0 auto;position:relative;background:url(../image/top1.png) no-repeat;-webkit-background-size:320px auto;background-size:320px auto}.section-top .top2{position:absolute;left:0;top:250px;width:320px;height:150px;background:url(../image/top2.jpg) no-repeat;-webkit-background-size:320px auto;background-size:320px auto}.section-top .link{position:absolute;right:34px;top:187px;width:118px;height:35px;line-height:500px;overflow:hidden}.section-top .info{width:118px;text-align:center;position:absolute;right:34px;top:225px;color:#c03b17;font-size:10px;line-height:14px}.section-top .gamepad{width:76px;height:42px;position:absolute;right:35px;bottom:16px;background:url(../image/gamepad.png);-webkit-background-size:76px auto;background-size:76px auto;background-repeat:no-repeat}.section-top .light{width:155px;height:150px;position:absolute;left:16px;bottom:45px;background:url(../image/light.png);-webkit-background-size:155px auto;background-size:155px auto}.warp{border-bottom:1px solid #D7D6D6}.app-news{width:290px;padding:20px 0;margin:0 auto}.app-news h2{font-size:16px;color:#666;line-height:30px;position:relative;text-indent:8px}.app-news h2::after{display:block;content:"";width:4px;height:14px;background:#F80;position:absolute;left:0;top:8px}.app-news p{color:#ff6c00;line-height:24px;text-indent:12px}.app-news li{color:#666;line-height:24px;text-indent:10px;position:relative}.app-news li::after{display:block;content:"";width:4px;height:4px;background:#F80;position:absolute;left:0;top:8px;-webkit-border-radius:10px;border-radius:10px}.mod-intro{border-bottom:1px solid #D7D6D6}.mod-intro .mod-con{width:320px;margin:0 auto;height:125px;position:relative}.mod-intro .title{position:absolute;left:148px;top:39px;width:130px;height:16px;background:url(../image/title.png);-webkit-background-size:130px auto;background-size:130px auto;line-height:200px;overflow:hidden}.mod-intro .info{position:absolute;left:148px;top:65px;color:#666;line-height:18px;font-size:12px}.intro2,.intro4{background:#F5F5F5}.intro2 .title,.intro2 .info,.intro4 .title,.intro4 .info{left:28px}.intro1 .cup{width:90px;height:82px;position:absolute;left:27px;top:20px;background:url(../image/intro1.png);-webkit-background-size:90px auto;background-size:90px auto;z-index:1}.intro1 .star-1{width:6px;height:10px;position:absolute;left:79px;top:15px;background:url(../image/intro1.png);-webkit-background-size:90px auto;background-size:auto 90px auto;background-position:0 -85px;z-index:2}.intro1 .star-2{width:6px;height:10px;position:absolute;left:85px;top:17px;background:url(../image/intro1.png);-webkit-background-size:90px auto;background-size:90px auto;background-position:-12px -85px;z-index:2}.intro1 .star-3{width:6px;height:10px;position:absolute;left:82px;top:23px;background:url(../image/intro1.png);-webkit-background-size:90px auto;background-size:90px auto;background-position:-6px -85px;z-index:2}.intro2 .title{background-position:0 -20px}.intro2 .circle{width:95px;height:70px;position:absolute;left:205px;top:32px;background:url(../image/intro2.png);-webkit-background-size:95px auto;background-size:95px auto;z-index:1}.intro2 .circle-1{width:17px;height:17px;position:absolute;left:195px;top:31px;background:url(../image/intro2.png);-webkit-background-size:95px auto;background-size:95px auto;background-position:0 -75px;z-index:1}.intro2 .circle-2{width:13px;height:13px;position:absolute;left:218px;top:20px;background:url(../image/intro2.png);-webkit-background-size:95px auto;background-size:95px auto;background-position:-20px -75px;z-index:1}.intro2 .circle-3{width:18px;height:18px;position:absolute;left:243px;top:18px;background:url(../image/intro2.png);-webkit-background-size:95px auto;background-size:95px auto;background-position:-40px -75px;z-index:1}.intro3 .title{background-position:0 -40px}.intro3 .box{width:90px;height:110px;position:absolute;left:28px;top:9px;background:url(../image/intro3.png);-webkit-background-size:90px auto;background-size:90px auto;z-index:1}.intro3 .box-bg{width:47px;height:26px;position:absolute;left:32px;top:51px;background:url(../image/intro3.png);-webkit-background-size:90px auto;background-size:90px auto;background-position:0 -140px;z-index:5}.intro3 .star-1{width:10px;height:18px;position:absolute;left:14px;top:32px;background:url(../image/intro3.png);-webkit-background-size:90px auto;background-size:90px auto;background-position:-60px -115px;z-index:10}.intro3 .star-2{width:10px;height:18px;position:absolute;left:25px;top:43px;background:url(../image/intro3.png);-webkit-background-size:90px auto;background-size:90px auto;background-position:-70px -115px;z-index:10}.intro3 .star-3{width:10px;height:18px;position:absolute;left:96px;top:21px;background:url(../image/intro3.png);-webkit-background-size:90px auto;background-size:90px auto;background-position:-80px -115px;z-index:10}.intro3 .gift-1{width:23px;height:23px;position:absolute;left:56px;top:9px;background:url(../image/intro3.png);-webkit-background-size:90px auto;background-size:90px auto;background-position:0 -115px;z-index:2}.intro3 .gift-2{width:17px;height:17px;position:absolute;left:37px;top:26px;background:url(../image/intro3.png);-webkit-background-size:90px auto;background-size:90px auto;background-position:-25px -115px;z-index:2}.intro3 .gift-3{width:13px;height:13px;position:absolute;left:54px;top:38px;background:url(../image/intro3.png);-webkit-background-size:90px auto;background-size:90px auto;background-position:-45px -115px;z-index:2}.intro4 .title{background-position:0 -60px}.intro4 .map{width:107px;height:57px;position:absolute;left:196px;top:41px;background:url(../image/intro4.png);-webkit-background-size:107px auto;background-size:107px auto;z-index:3}.intro4 .place-1{width:10px;height:15px;position:absolute;left:212px;top:45px;background:url(../image/intro4.png);-webkit-background-size:107px auto;background-size:107px auto;background-position:0 -60px;background-repeat:no-repeat;z-index:3}.intro4 .place-2{width:10px;height:15px;position:absolute;left:232px;top:41px;background:url(../image/intro4.png);-webkit-background-size:107px auto;background-size:107px auto;background-position:-15px -60px;background-repeat:no-repeat;z-index:3}.intro4 .place-3{width:10px;height:15px;position:absolute;left:247px;top:64px;background:url(../image/intro4.png);-webkit-background-size:107px auto;background-size:107px auto;background-position:-30px -60px;background-repeat:no-repeat;z-index:3}.intro4 .place-4{width:10px;height:15px;position:absolute;left:258px;top:50px;background:url(../image/intro4.png);-webkit-background-size:107px auto;background-size:107px auto;background-position:-45px -60px;background-repeat:no-repeat;z-index:3}.intro4 .place-5{width:10px;height:15px;position:absolute;left:277px;top:43px;background:url(../image/intro4.png);-webkit-background-size:107px auto;background-size:107px auto;background-position:-60px -60px;background-repeat:no-repeat;z-index:3}.intro5 .title{background-position:0 -80px}.intro5 .man{width:116px;height:51px;position:absolute;left:9px;top:44px;background:url(../image/intro5.png);-webkit-background-size:116px auto;background-size:116px auto;background-repeat:no-repeat;z-index:3}.intro5 .wave{width:15px;height:35px;position:absolute;left:60px;top:50px;background:url(../image/intro5.png);-webkit-background-size:116px auto;background-size:116px auto;background-repeat:no-repeat;background-position:-40px -55px;z-index:1}.intro5 .wave-bg{width:15px;height:35px;position:absolute;left:75px;top:50px;background:#FFF;z-index:1}.intro5 .symbol-1{width:10px;height:12px;position:absolute;left:49px;top:40px;background:url(../image/intro5.png);-webkit-background-size:116px auto;background-size:116px auto;background-repeat:no-repeat;background-position:0 -55px;z-index:3}.intro5 .symbol-2{width:10px;height:12px;position:absolute;left:49px;top:40px;background:url(../image/intro5.png);-webkit-background-size:116px auto;background-size:116px auto;background-repeat:no-repeat;background-position:-10px -55px;z-index:3}.intro5 .symbol-3{width:10px;height:12px;position:absolute;left:49px;top:40px;background:url(../image/intro5.png);-webkit-background-size:116px auto;background-size:116px auto;background-repeat:no-repeat;background-position:-20px -55px;z-index:3}.intro5 .symbol-4{width:10px;height:12px;position:absolute;left:49px;top:40px;background:url(../image/intro5.png);-webkit-background-size:116px auto;background-size:116px auto;background-repeat:no-repeat;background-position:-30px -55px;z-index:3}.footer{width:320px;margin:0 auto}.web-link{display:-webkit-box;display:-moz-box;padding:30px 0 26px 0;width:100%}.web-link li{width:100%;-webkit-box-flex:1;-moz-box-flex:1;position:relative;font-size:14px;line-height:18px;color:#666;text-align:center}.web-link li a{text-decoration:none;font-size:14px;line-height:18px;color:#666}.web-link li::after{display:block;content:"";width:1px;height:13px;position:absolute;right:0;top:4px;background:#CCC}.web-link li:last-child::after{display:none}.user-info{font-size:12px;color:#666;text-align:center;margin-bottom:12px}.user-info a{color:#1A71DE;text-decoration:none}.other-link{width:190px;margin:0 auto 12px auto;width:100%;display:-webkit-box;display:-moz-box;position:relative}.other-link li{width:100%;-webkit-box-flex:1;-moz-box-flex:1;position:relative;font-size:12px;line-height:14px;color:#666;text-align:center}.other-link li a{text-decoration:none;font-size:14px;line-height:18px;color:#666}.other-link li::after{display:block;content:"";width:1px;height:13px;position:absolute;right:0;top:4px;background:#CCC}.other-link li:last-child::after{display:none}.copyright{margin:0 0 12px 0;text-align:center;font-size:12px;color:#999}@-webkit-keyframes upDown{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}50%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes upDown{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}50%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes downUp{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}50%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes downUp{0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}50%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.mod-popup{display:none;position:fixed;z-index:1000;left:0;right:0;top:0;bottom:0}.mod-popup .mod-popup-bg{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.5)}.mod-popup .popup-container{position:relative;width:100%;height:100%;padding:0;background:none}.mod-popup.wechat-popup .mod-popup-bg{background:rgba(0,0,0,0.8)}.mod-popup.wechat-popup .kite{padding:10px 10px 0 0;text-align:right}.mod-popup.wechat-popup .kite img{display:inline-block;width:25%;-webkit-animation:downUp 1s 1s ease-out infinite;animation:downUp 1s 1s ease-out infinite}.mod-popup.wechat-popup .bg{margin-top:-22%}.mod-popup.wechat-popup .bg img{position:relative;width:85%;margin:0 auto;display:block}.mod-popup.wechat-popup .text{position:absolute;z-index:1;width:35%;top:5%;right:0}.mod-popup.wechat-popup .text img{width:100%;-webkit-animation:upDown 1s 1s ease-out infinite;animation:upDown 1s 1s ease-out infinite}.mod-popup .pop-download-btn{display:inline-block;padding-bottom:3px;margin:20px auto 0;background:#bd3203;border-radius:6px}.mod-popup .pop-download-btn .txt{display:block;text-align:center;color:#fff;padding:0 15px;font-size:16px;font-weight:bold;height:48px;line-height:48px;border-radius:6px;background:#ff6234;margin-top:-1px}.active .light{opacity:0;-webkit-animation:light 2.5s 3s ease both infinite;-moz-animation:light 2.5s 3s ease both infinite}@-webkit-keyframes light{0%,100%{opacity:.5}50%{opacity:1}}@-moz-keyframes light{0%,100%{opacity:.5}50%{opacity:1}}.active .gamepad{-webkit-animation:swing 5s 0s ease both infinite;-moz-animation:swing 5s 0s ease both infinite}@-webkit-keyframes swing{0%,74.999%,95.001,100%{-webkit-transform:rotate(0deg)}74.999%{-webkit-transform:rotate(0deg)}75%{-webkit-transform:rotate(3deg);-webkit-transform-origin:37px 0}80%{-webkit-transform:rotate(-8deg);-webkit-transform-origin:37px 0}85%{-webkit-transform:rotate(3deg);-webkit-transform-origin:37px 0}90%{-webkit-transform:rotate(-2deg);-webkit-transform-origin:37px 0}95%{-webkit-transform:rotate(0deg);-webkit-transform-origin:37px 0}}@-moz-keyframes swing{20%{-moz-transform:rotate(3deg);-moz-transform-origin:37px 0}40%{-moz-transform:rotate(-8deg);-moz-transform-origin:37px 0}60%{-moz-transform:rotate(3deg);-moz-transform-origin:37px 0}80%{-moz-transform:rotate(-2deg);-moz-transform-origin:37px 0}100%{-moz-transform:rotate(0deg);-moz-transform-origin:37px 0}}.active .star-1{-webkit-animation:flashStar 2.5s .2s ease both infinite;-moz-animation:flashStar 2.5s .2s ease both infinite}.active .star-2{-webkit-animation:flashStar 2.3s .4s ease both infinite;-moz-animation:flashStar 2.3s .4s ease both infinite}.active .star-3{-webkit-animation:flashStar 2s .1s ease both infinite;-moz-animation:flashStar 2s .1s ease both infinite}@-webkit-keyframes flashStar{0%,50%,100%{opacity:1;-webkit-transform:scale(1.2)}25%,75%{opacity:.3;-webkit-transform:scale(0.6)}}@-moz-keyframes flashStar{0%,50%,100%{opacity:1;-moz-transform:scale(1.2)}25%,75%{opacity:.3;-moz-transform:scale(0.6)}}.active .circle-1{-webkit-animation:zhuan1 4s .5s ease both 1;-moz-animation:zhuan1 4s .5s ease both 1}.active .circle-2{-webkit-animation:zhuan1 3.5s .1s ease both 1;-moz-animation:zhuan1 3.5s .1s ease both 1}.active .circle-3{-webkit-animation:zhuan1 3s .8s ease both 1;-moz-animation:zhuan1 3s .8s ease both 1}@-webkit-keyframes zhuan1{0%{opacity:0}20%{opacity:1}100%{opacity:1}}@-moz-keyframes zhuan1{0%{opacity:0}20%{opacity:1}100%{opacity:1}}.active .gift-1{-webkit-animation:gift1 4s .5s ease both infinite;-moz-animation:gift1 4s .5s ease both infinite}@-webkit-keyframes gift1{0%{-webkit-transform:translate(0, 50px);opacity:0}30%{-webkit-transform:translate(0, 0)}80%{opacity:1}100%{opacity:0}}@-moz-keyframes gift1{0%{-moz-transform:translate(0, 50px);opacity:0}30%{-moz-transform:translate(0, 0);opacity:1}80%{opacity:1}100%{opacity:0}}.active .gift-2{-webkit-animation:gift2 4s .5s ease both infinite;-moz-animation:gift2 4s .5s ease both infinite}@-webkit-keyframes gift2{0%{-webkit-transform:translate(0, 40px);opacity:0}50%{-webkit-transform:translate(0, 0)}80%{opacity:1}100%{opacity:0}}@-moz-keyframes gift2{0%{-moz-transform:translate(0, 40px);opacity:0}30%{-moz-transform:translate(0, 0);opacity:1}80%{opacity:1}100%{opacity:0}}.active .gift-3{-webkit-animation:gift3 4s 0.5s ease both infinite;-moz-animation:gift2 4s 0.5s ease both infinite}@-webkit-keyframes gift3{0%{-webkit-transform:translate(0, 30px);opacity:0}30%{-webkit-transform:translate(0, 0)}80%{opacity:1}100%{opacity:0}}@-moz-keyframes gift3{0%{-moz-transform:translate(0, 30px);opacity:0}30%{-moz-transform:translate(0, 0);opacity:1}80%{opacity:1}100%{opacity:0}}.active .place-1{-webkit-animation:place 3.5s 0.2s ease both 1;-moz-animation:place 3.5s 0.2s ease both 1}.active .place-2{-webkit-animation:place 3.5s 0.4s ease both 1;-moz-animation:place 3.5s 0.4s ease both 1}.active .place-3{-webkit-animation:place 3.5s 0.6s ease both 1;-moz-animation:place 3.5s 0.6s ease both 1}.active .place-4{-webkit-animation:place 3.5s 0.8s ease both 1;-moz-animation:place 3.5s 0.8s ease both 1}.active .place-5{-webkit-animation:place 3.5s 1s ease both 1;-moz-animation:place 3.5s 1s ease both 1}@-webkit-keyframes place{0%{-webkit-transform:translate(0, -55px);opacity:0}5%{opacity:1;-webkit-transform:translate(0, 0)}100%{opacity:1}}@-moz-keyframes place{0%{-moz-transform:translate(0, -55px);opacity:0}5%{opacity:1;-moz-transform:translate(0, 0)}100%{opacity:1}}.active .wave-bg{-webkit-animation:waveBg 6s 0.2s ease both 1;-moz-animation:waveBg 6s  0.2s ease both 1}@-webkit-keyframes waveBg{0%{-webkit-transform:translate(-15px, 0)}50%,100%{-webkit-transform:translate(0, 0)}}@-moz-keyframes waveBg{0%{-moz-transform:translate(-15px, 0)}50%,100%{-moz-transform:translate(0, 0)}}.symbol-4,.symbol-3,.symbol-2,.symbol-1{opacity:0}.active .symbol-4{-webkit-animation:bgWord4 3s  0.8s infinite linear;-moz-animation:bgWord4 3s  0.8s infinite linear}.active .symbol-3{-webkit-animation:bgWord3 3s  0.8s infinite linear;-moz-animation:bgWord3 3s  0.8s infinite linear}.active .symbol-2{-webkit-animation:bgWord2 3s 0.8s infinite linear;-moz-animation:bgWord2 3s 0.8s infinite linear}.active .symbol-1{-webkit-animation:bgWord1 3s 0.8s infinite linear;-moz-animation:bgWord1 3s 0.8s infinite linear}@-webkit-keyframes bgWord4{0%{-webkit-transform:translate(0, 0);opacity:0}20%{-webkit-transform:translate(0, 0);opacity:0}20.01%{-webkit-transform:translate(0, 0);opacity:1}30%{-webkit-transform:translate(10px, -7px)}40%{-webkit-transform:translate(13px, 7px)}50%{-webkit-transform:translate(24px, -1px);opacity:1}80%{-webkit-transform:translate(24px, -1px);opacity:1}90%{-webkit-transform:translate(24px, -1px);opacity:0}100%{-webkit-transform:translate(0, 0);opacity:0}}@-webkit-keyframes bgWord3{0%{-webkit-transform:translate(0, 0);opacity:0}30%{-webkit-transform:translate(0, 0);opacity:0}30.01%{-webkit-transform:translate(0, 0);opacity:1}40%{-webkit-transform:translate(10px, -7px)}50%{-webkit-transform:translate(17px, 7px)}60%{-webkit-transform:translate(17px, 7px);opacity:1}80%{-webkit-transform:translate(17px, 7px);opacity:1}90%{-webkit-transform:translate(17px, 7px);opacity:0}100%{-webkit-transform:translate(0, 0);opacity:0}}@-webkit-keyframes bgWord2{0%{-webkit-transform:translate(0, 0);opacity:0}40%{-webkit-transform:translate(0, 0);opacity:0}40.01%{-webkit-transform:translate(0, 0);opacity:1}50%{-webkit-transform:translate(10px, -7px)}60%{-webkit-transform:translate(10px, -7px)}70%{-webkit-transform:translate(10px, -7px);opacity:1}80%{-webkit-transform:translate(10px, -7px);opacity:1}90%{-webkit-transform:translate(10px, -7px);opacity:0}100%{-webkit-transform:translate(0, 0);opacity:0}}@-webkit-keyframes bgWord1{0%{opacity:0}50%{opacity:0}50.01%{opacity:1}80%{opacity:1}90%{opacity:0}100%{opacity:0}}@-moz-keyframes bgWord4{0%{-moz-transform:translate(0, 0);opacity:0}20%{-moz-transform:translate(0, 0);opacity:0}20.01%{-moz-transform:translate(0, 0);opacity:1}30%{-moz-transform:translate(10px, -7px)}40%{-moz-transform:translate(13px, 7px)}50%{-moz-transform:translate(24px, -1px);opacity:1}80%{-moz-transform:translate(24px, -1px);opacity:1}90%{-moz-transform:translate(24px, -1px);opacity:0}100%{-moz-transform:translate(0, 0);opacity:0}}@-moz-keyframes bgWord3{0%{-moz-transform:translate(0, 0);opacity:0}30%{-moz-transform:translate(0, 0);opacity:0}30.01%{-moz-transform:translate(0, 0);opacity:1}40%{-moz-transform:translate(10px, -7px)}50%{-moz-transform:translate(17px, 7px)}60%{-moz-transform:translate(17px, 7px);opacity:1}80%{-moz-transform:translate(17px, 7px);opacity:1}90%{-moz-transform:translate(17px, 7px);opacity:0}100%{-moz-transform:translate(0, 0);opacity:0}}@-moz-keyframes bgWord2{0%{-moz-transform:translate(0, 0);opacity:0}40%{-moz-transform:translate(0, 0);opacity:0}40.01%{-moz-transform:translate(0, 0);opacity:1}50%{-moz-transform:translate(10px, -7px)}60%{-moz-transform:translate(10px, -7px)}70%{-moz-transform:translate(10px, -7px);opacity:1}80%{-moz-transform:translate(10px, -7px);opacity:1}90%{-moz-transform:translate(10px, -7px);opacity:0}100%{-moz-transform:translate(0, 0);opacity:0}}@-moz-keyframes bgWord1{0%{opacity:0}50%{opacity:0}50.01%{opacity:1}80%{opacity:1}90%{opacity:0}100%{opacity:0}}