@charset "UTF-8";/**********************************************************
************************************************************/
.section{}
.w1210{position: relative;}
.w1210 ul{position:relative}
.w1210 ul li{position: absolute}
.section-1{background:#fc7474;}
.section-2{background:#39b3f3;}
.section-3{background:#72cfde;}
.section-4{background:#39b3f3;}
.section-5{background:#42c97e;}
.section-6{background:#fc7474;}
.section-7{background:#42c97e;}
.section-8{background:#72cfde;}
.section_fixed{position:fixed;width:355px;height:470px;top:50%;margin-top:-190px;right:30%;z-index:99;}
.section_fixed .section_fixed_title{width:355px;height:135px;background: url(../images/text.png);}
.section_fixed .section_fixed_content{box-shadow:0px 3px 5px rgba(0,0,0,0.4);width:220px;margin:35px 10px;padding:15px;background:#fff;border-radius:5px;overflow:hidden;text-align:center;}
.section_fixed .section_fixed_content img{width:130px;height:130px;}
.section_fixed .section_fixed_content p{font-size:12px;color:#999999;line-height:30px;}
.section_fixed .section_fixed_content button{margin-top:34px;width:165px;height:50px;border-radius:5px;background:#1aaefb;color:#fff;}
.section-1 ul.bubble{position:relative;}
.section-1 ul.bubble li{position:absolute;}
.section-1 ul.bubble li:nth-child(1){left: 81px;top: 29px;}
.section-1 ul.bubble li:nth-child(2){left: 481px;top: 117px;}
.section-1 ul.bubble li:nth-child(3){left: 24px;top: 288px;}
.section-1 .hand{margin-left:118px;margin-top: 20px;}
.section-2 ul.home{margin-left:25px;}
.section-2 ul.home li:nth-child(1){left: 25px;top: 294px;}
.section-2 ul.home li:nth-child(2){left: 94px;top: 32px;}
.section-2 ul.home li:nth-child(3){top: 176px;left: 284px;}
.section-2 ul.home li:nth-child(4){top: 328px;left: 245px;}
.section-2 ul.home li:nth-child(5){top: -4px;left: 443px;}
.section-3 ul.shop{}
.section-3 ul.shop li:nth-child(1){left:68px;top:340px;}
.section-3 ul.shop li:nth-child(2){left: 200px;top: 166px;}
.section-3 ul.shop li:nth-child(3){left: 20px;top: 0px;}
.section-3 ul.shop li:nth-child(4){top: 28px;left: 396px;}
.section-3 ul.shop li:nth-child(5){left: 525px;top: 90px;}
.section-4 ul.coupons{}
.section-4 ul.coupons li:nth-child(1){top: 60px;left: 0;}
.section-4 ul.coupons li:nth-child(2){left: 110px;top: 330px;}
.section-5 ul li:nth-child(1){}
.section-5 ul li:nth-child(2){ left:-40px;}
.section-6 ul li:nth-child(1){}
.section-6 ul li:nth-child(2){    top: 355px;    left: 176px;}
.section-7 ul li:nth-child(1){}
.section-7 ul li:nth-child(2){    left: -58px;    top: 282px;}
.section-8 ul li:nth-child(1){}
.section-8 ul li:nth-child(2){    left: 95px;    top: 47px;}
.section-8 ul li:nth-child(3){top: 130px;    left: 28px;}
.section-8 ul li:nth-child(4){left:16px; top:237px;}
.section-8 ul li:nth-child(5){left:88px; top:348px;}
header{width: 100%;height: 80px;position: fixed;left: 0px;top: 0px;z-index: 900;box-shadow: 0 0 4px #e8e8e8;background-color: #fff;height: 100px; border-bottom:1px solid #efefef}
.header{background:#fff;}
.header img{ width:80%;max-width:190px;}
.center960{width: 1200px;margin: 0px auto;position: relative;}
.header h1{position: absolute;left: 0px;top: 25px;}
.header nav{position: absolute;right: 0px;height: 56px;top: 28px;width:1000px;}
.center960 ul{width:620px/9;; float:right}
.center960 li{float: left;position: relative;margin-right:10px/9;border-bottom: 2px solid transition;    margin: 0 5px;    text-align: center;}
.center960 li.active{ border-bottom: 2px solid #fe5842}
.header nav li.active a,.header nav li:hover>a{color: #fe5842 !important;}
.header li>a{display: block;font-family: "Microsoft YaHei";/* padding: 0px 5px;height: 56px;*/line-height: 40px;    width: 100%;color: #666666;font-size: 15px;border-radius: 5px;margin-right: 25px;}
.layer{width:100%;height:100%;background:rgba(0,0,0,0.4);position:absolute;left:0;top:0;z-index:999;display:none}
.pop{position: fixed;z-index: 2500;display:none; left:50%;    top: 50%;  margin-top: -170px;  margin-left: -175px;}
.main{position: relative;z-index: 100;}
.pop-wrapper{margin: 8px;width: 326px;background: #fff;}
.downloads{padding-top: 48px;background: #f6f5f2;color: #999;height: 287px;position: relative;}
.left-panel{padding: 0 74px 90px;width: 176px;}
.qrcode-bg{height: 212px;width: 176px;background: url(../images/qrcode-bg3.png) no-repeat;margin-bottom: 12px;position: relative;}
.qrcode{width: 130px;height: 130px;position: absolute;left: 24px;top: 39px;}
.left-panel>p{text-align: center;}
.close{position: absolute;top: -5px;right: -6px;width: 27px;height: 27px;background-position: -93px -1px;cursor: pointer;cursor: hand;z-index: 100;}
.sprites{background: url(../images/pop.png) no-repeat;background-position: -93px -1px;cursor: pointer;cursor: hand;}
.sprites:hover{background-position: -123px -1px;}
.animate.section-1 .hand{-webkit-animation:fadeInDown 2s 0s ease both;animation:fadeInDown 2s 0s ease both;}
.animate.section-1 ul.bubble li{-webkit-animation:fadeInUp 2s 0s ease both;animation:fadeInUp 2s 0s ease both;}
.animateStop.section-1 ul.bubble li{-webkit-animation:fadeOutUp 0.5s 0s ease both;animation:fadeOutUp 0.5s 0s ease both;}
.animate.section-1 ul.bubble li:nth-child(1){animation-delay:0.5s;}
.animate.section-1 ul.bubble li:nth-child(2){animation-delay:1s;}
.animate.section-1 ul.bubble li:nth-child(3){animation-delay:1.5s;}
.animate.section-2 ul.home li:nth-child(1){-webkit-animation:zoomInUp 2s 0s linear both;animation:zoomInUp 2s 0s linear both;}
.animate.section-2 ul.home li:nth-child(2){-webkit-animation:bounceInDown 2s 0.5s linear both;animation:bounceInDown 2s 0.5s linear both;}
.animate.section-2 ul.home li:nth-child(3){-webkit-animation:bounceInDown 2s 1s linear both;animation:bounceInDown 2s 1s linear both;}
.animate.section-2 ul.home li:nth-child(4) img{-webkit-animation:bounceInDown 2s 1.5s linear both;animation:bounceInDown 2s 1.5s linear both;}
.animate.section-2 ul.home li:nth-child(4){-webkit-animation:shan 2.5s 2.5s linear infinite both;animation:shan 2.5s 2.5s linear infinite both;}
.animate.section-2 ul.home li:nth-child(5){-webkit-animation:fadeInUp 2s 1.5s linear both;animation:fadeInUp 2s 1.5s linear both;}
.animateStop.section-2 ul.home li:nth-child(5){-webkit-animation:fadeOutUp 0.5s 0s linear both;animation:fadeOutUp 0.5s 0s linear both;}
.animate.section-3 ul.shop li:nth-child(1){-webkit-animation:fadeInLeft 2s 0s ease both;animation:fadeInLeft 2s 0s ease both;}
.animate.section-3 ul.shop li:nth-child(2){-webkit-animation:zoomIn 2s 1s ease both;animation:zoomIn 2s 1s eases both;}
.animate.section-3 ul.shop li:nth-child(3){-webkit-animation:fadeInRight 2s 1s ease both;animation:fadeInRight 2s 1s ease both;}
.animate.section-3 ul.shop li:nth-child(4){-webkit-animation:fadeInRight 2s 1s ease both;animation:fadeInRight 2s 1s ease both;}
.animate.section-3 ul.shop li:nth-child(5){-webkit-animation:fadeInRight 2s 1s ease both;animation:fadeInRight 2s 1s ease both;}
.animateStop.section-3 ul.shop li:nth-child(n+3){-webkit-animation:fadeOutLeft 0.5s 0s ease both;animation:fadeOutLeft 0.5s 0s ease both;}
.animate.section-4 ul.coupons li:nth-child(1){-webkit-animation:slideInDown 1s 1s ease both;animation:slideInDown 1s 1s ease both;}
.animateStop.section-4 ul.coupons li:nth-child(1){-webkit-animation:fadeOutDown 1s 0s ease both;animation:fadeOutDown 1s 0s ease both;}
.animate.section-4 ul.coupons li:nth-child(2){-webkit-animation:fadeInLeft 2s 1s ease both;animation:fadeInLeft 2s 1s ease both;}
.animateStop.section-4 ul.coupons li:nth-child(2){-webkit-animation:fadeOutRight 1s 0s ease both;animation:fadeOutRight 1s 0s ease both;}
.animate.section-5 ul li:nth-child(1){-webkit-animation:bounceInLeft 1.5s 0.5s ease both;animation:bounceInLeft 1.5s 0.5s ease both;}
.animateStop.section-5 ul li:nth-child(1){-webkit-animation:bounceOutRight 1s 0s ease both;animation:bounceOutRight 1s 0s ease both;}
.animate.section-5 ul li:nth-child(2){-webkit-animation:zoomIn 1s 1s ease both;animation:zoomIn 1s 1s ease both;}
.animateStop.section-5 ul li:nth-child(2){-webkit-animation:zoomOut 1s 0.5s ease both;animation:zoomOut 1s 0.5s ease both;}
.animate.section-6 ul li:nth-child(1){-webkit-animation:slideInUp 1s 1s ease both;animation:slideInUp 1s 1s ease both;}
.animateStop.section-6 ul li:nth-child(1){-webkit-animation:slideOutDown 1s 0s ease both;animation:slideOutDown 1s 0s ease both;}
.animate.section-6 ul li:nth-child(2){-webkit-animation:slideInLeft 1s 1s ease both;animation:slideInLeft 1s 1s ease both;}
.animateStop.section-6 ul li:nth-child(2){-webkit-animation:slideOutRight 1s 0s ease both;animation:slideOutRight 1s 0s ease both;}
.animate.section-7 ul li:nth-child(1){-webkit-animation:bounceInDown 1s 1s ease both;animation:bounceInDown 1s 1s ease both;}
.animateStop.section-7 ul li:nth-child(1){-webkit-animation:slideOutUp 1s 0s ease both;animation:slideOutUp 1s 0s ease both;}
.animate.section-7 ul li:nth-child(2){-webkit-animation:slideInLeft 1s 0.5s ease both;animation:slideInLeft 1s 0.5s ease both;}
.animateStop.section-7 ul li:nth-child(2){-webkit-animation:slideOutRight 1s 0.5s ease both;animation:slideOutRight 1s 0.5s ease both;}
.animate.section-8 ul li:nth-child(1){-webkit-animation:slideInRight 1s 0.5s ease both;animation:slideInRight 1s 0.5s ease both;}
.animateStop.section-8 ul li:nth-child(1){-webkit-animation:slideOutLeft 1s 0s ease both;animation:slideOutLeft 1s 0s ease both;}
.animate.section-8 ul li:nth-child(2){-webkit-animation:slideInLeft 1s 0.5s ease both;animation:slideInLeft 1s 0.5s ease both;}
.animateStop.section-8 ul li:nth-child(2){-webkit-animation:slideOutRight 1s 0s ease both;animation:slideOutRight 1s 0s ease both;}
.animate.section-8 ul li:nth-child(3){-webkit-animation:slideInLeft 1s 0.8s ease both;animation:slideInLeft 1s 0.8s ease both;}
.animateStop.section-8 ul li:nth-child(3){-webkit-animation:slideOutRight 1s 0.1s ease both;animation:slideOutRight 1s 0.1s ease both;}
.animate.section-8 ul li:nth-child(4){-webkit-animation:slideInLeft 1s 1.1s ease both;animation:slideInLeft 1s 1.1s ease both;}
.animateStop.section-8 ul li:nth-child(4){-webkit-animation:slideOutRight 1s 0.2s ease both;animation:slideOutRight 1s 0.2s ease both;}
.animate.section-8 ul li:nth-child(5){-webkit-animation:slideInLeft 1s 1.4s ease both;animation:slideInLeft 1s 1.4s ease both;}
.animateStop.section-8 ul li:nth-child(5){-webkit-animation:slideOutRight 1s 0.3s ease both;animation:slideOutRight 1s 0.3s ease both;}