@charset "gb2312";html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}
body{padding:0;margin:0}
img{border:none;vertical-align:middle;}
html,body,fieldset,img,iframe,abbr{border:0}
li{list-style:none}
textarea{overflow:auto;resize:none}
a,button{cursor:pointer}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:700}
a,a:hover{text-decoration:none}
body,textarea,input,button{color:#eee}
html,body{width:100%;height:auto;font-family:"Microsoft YaHei",Tahoma,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,Simhei,sans-serif;background:#000}


.hide{display:none}
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."}
.f-cb,.f-cbli li{zoom:1}
.f-ib{display:inline-block;*display:inline;*zoom:1}
.f-dn{display:none}
.f-db{display:block}
.f-fl{float:left}
.f-fr{float:right}
.g-wrap{width:100%;max-width:1920px;margin:0px auto 0;font-size:16px;overflow:hidden;}
.g-header{height:330px;/*background:url(../images/bg-1.jpg) no-repeat top center;*/}
.g-header-cnt{width:1200px;margin:0 auto;padding-top:268px;z-index:999;}
.g-header-cnt .g-news{position:relative;}
.g-cnt-1{height:964px;background:url(../images/bg-2.jpg) no-repeat top center;position:relative}
.g-cnt-2{height:813px;background:url(../images/bg-3.jpg) no-repeat top center}
.g-cnt-3{height:2000px;background:url(../images/bg-4.jpg) no-repeat top center}
.g-cnt-4{height:924px;background:url(../images/bg-5.jpg) no-repeat top center}
.g-cnt-5{height:924px;background:url(../images/bg-6.jpg) no-repeat top center}
.g-bottom{height:400px;background:url(../images/bg-44.jpg) no-repeat top center;position:relative}
.m-nav{height:80px;background:rgba(0,0,0,.5);position:relative}
.m-nav .logo{width:173px;height:141px;background:url(../images/logo.png) no-repeat;margin-left:-86px;position:absolute;left:50%;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}
.m-nav .logo.active{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.m-nav .nav{width:1050px;margin:0 auto;line-height:80px}
.m-nav .nav a{display:inline-block;width:64px;text-align:center;margin:0 40px;color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;font-size:16px}
.m-nav .nav a:hover{color:#1abbc1}
.m-download{width:600px;height:138px;background:rgba(255,255,255,.5);border-radius:10px;position:relative;margin-bottom:20px;left:0;z-index:999}
.m-download .qrCnt{width:127px;height:112px;background:#fff;border-radius:10px;position:absolute;top:12px;left:12px;z-index:99}
.m-download .qrCnt .codeImg{display:block;width:112px;height:112px;background:url(../images/weixin.jpg) no-repeat;background-size:100% 100%;position:absolute;left:22px;top:0}
.m-download .qrCnt .txt{width:14px;display:block;font-size:12px;color:#333;position:absolute;top:8px;left:7px}
.m-download .ios_download{display:block;width:150px;height:46px;background:url(../images/ios_download.png) no-repeat;position:absolute;top:12px;left:160px;font-size:16px;color:#fff;line-height:40px;padding-top:10px;padding-left:58px;text-indent:-99em}
.m-download .ios_download span{font-size:18px}
.m-download .ios_download:hover{background:url(../images/ios_download_hover.png) no-repeat;}
.m-download .android_download{display:block;width:150px;height:50px;background:url(../images/andriod_download.png) no-repeat;position:absolute;top:73px;left:160px;font-size:20px;color:#fff;line-height:50px;padding-left:58px;text-indent:-99em}
.m-download .android_download:hover{background:url(../images/andriod_download_hover.png) no-repeat;}

.m-download .ios_download2{display:block;width:150px;height:46px;background:url(../images/paybtn.png) no-repeat;position:absolute;top:12px;left:380px;font-size:16px;color:#fff;line-height:40px;padding-top:10px;padding-left:58px;text-indent:-99em}
.m-download .ios_download2 span{font-size:18px}
.m-download .ios_download2:hover{background:url(../images/paybtn_hover.png) no-repeat;}
.m-download .android_download2{display:block;width:150px;height:50px;background:url(../images/patchbtn.png) no-repeat;position:absolute;top:73px;left:380px;font-size:20px;color:#fff;line-height:50px;padding-left:58px;text-indent:-99em}
.m-download .android_download2:hover{background:url(../images/patchbtn_hover.png) no-repeat;}


.m-banner{width:436px;position:absolute;top:-100px;left:0;z-index:500}
.m-banner .pcnt{text-align:center;margin-top:10px}
.m-banner .c{display:inline-block;width:15px;height:15px;background:url(../images/c_d8e31c3.png) no-repeat;margin:0 7px;cursor:pointer}
.m-banner .c.active{background:url(../images/c_active_84b2caa.png) no-repeat}
.m-banner .gfBannerSlider{overflow:hidden;visibility:hidden;position:relative}
.m-banner .swipe-wrap{overflow:hidden;position:relative}
.m-banner .swipe-wrap>a{float:left;width:100%;position:relative;display:block}
.m-banner .swipe-wrap>a img{width:436px;height:340px;display:block}
.m-banner .swipe-wrap>a:after{display:block;position:absolute;top:10px;left:10px;right:10px;bottom:10px;content:""}
.m-banner .bannerCnt{width:436px;height:340px;background:rgba(0,0,0,.56);overflow:hidden;padding:10px}
.m-news{width:744px;height:360px;background:rgba(0,0,0,.56);position:absolute;top:-100px;left:456px;overflow:hidden}
.m-news .cnt{padding:20px}
.m-news .nav{border-bottom:1px solid #a1a1a1}
.m-news .nav li{font-size:14px;color:#a1a1a1;display:block;width:120px;height:30px;text-align:center;line-height:30px;cursor:pointer}
.m-news .nav li.active{font-size:16px;border-bottom:2px solid #d99741}
.m-news .nav .more{display:block;width:23px;height:23px;background:url(../images/more.png) no-repeat;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.m-news .nav .more:hover{background:url(../images/more_hover.png) no-repeat}
.m-news .tab{margin-top:13px;display:none}
.m-news .tab .headline{width:684px;height:43px;background:#000;display:block;line-height:43px;text-align:center;color:#f27801;font-size:16px;font-weight:bold;margin-bottom:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px}
.m-news .tab li{position:relative;margin-top:80px;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}
.m-news .tab li:nth-child(1){-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.m-news .tab li:nth-child(2){-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transition:all .6s}
.m-news .tab li:nth-child(3){-webkit-transition:all .7s;-moz-transition:all .7s;-ms-transition:all .7s;-o-transition:all .7s;transition:all .7s}
.m-news .tab li:nth-child(4){-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s}
.m-news .tab li:nth-child(5){-webkit-transition:all .9s;-moz-transition:all .9s;-ms-transition:all .9s;-o-transition:all .9s;transition:all .9s}
.m-news .tab li:nth-child(6){-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.m-news .tab li:nth-child(7){-webkit-transition:all 1.1s;-moz-transition:all 1.1s;-ms-transition:all 1.1s;-o-transition:all 1.1s;transition:all 1.1s}
.m-news .tab.active li{margin-top:0;-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}
.m-news .tab .news_item{color:#a1a1a1;display:block;width:700px;height:20px;line-height:20px;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-news .tab .news_item:hover{color:#bda765}
.m-news .tab .news_item .time{position:absolute;right:0;top:0;color:#abc2c3}
.m-activity{width:288px;height:910px;background:url(../images/rl_bg.png) no-repeat;position:absolute;top:0;left:912px;z-index:2}
.m-activity .cnt{position:absolute;top:5px;left:5px;right:5px;bottom:5px;border:1px solid #fff}
.m-activity .cnt h3{font-size:24px;color:#000;background:url(../images/icon_rili.png) no-repeat 25px 0;padding-left:87px;height:38px;line-height:38px;margin-top:6px;margin-bottom:20px}
.m-activity .cnt .list{position:relative}
.m-activity .cnt .list .item{position:absolute;width:256px;border-top:2px solid #2fc1c6;border-right:1px solid #e2efec;border-left:1px solid #e2efec;border-bottom:3px solid #e2efec;left:9px;background:rgba(255,255,255,.5);height:94px;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px 17px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;color:#585858}
.m-activity .cnt .list .item:hover{height:200px;background:#fffef7}
.m-activity .cnt .list .item .t .txt{font-size:18px;color:#000;font-weight:700}
.m-activity .cnt .list .item .limit{margin-top:10px;font-size:14px;height:38px}
.m-activity .cnt .list .item .detail{margin-top:8px;border-top:1px dashed #767676;padding-top:22px;padding-bottom:22px}
.m-activity .cnt .list .item:nth-child(1){border-top:2px solid #f14b4d}
.m-activity .cnt .list .item:nth-child(2){border-top:2px solid #f4e0a6;top:113px}
.m-activity .cnt .list .item:nth-child(3){top:226px}
.m-activity .cnt .list .item:nth-child(4){top:339px}
.m-activity .cnt .list .item:nth-child(5){top:452px}
.m-activity .cnt .list .item:nth-child(6){top:565px}
.m-activity .cnt .list .item:nth-child(7){top:678px}
.m-roles{width:1200px;margin:0 auto;position:relative}
.m-roles h3{background:url(../images/icon_role.png) no-repeat;height:38px;padding-left:62px;line-height:38px;position:absolute;color:#000;font-size:24px;top:21px;left:7px}
.m-roles .more{display:block;height:23px;width:23px;background:url(../images/more.png) no-repeat;width:100px;padding-left:30px;line-height:23px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;color:#333;position:absolute;top:20px;right:280px;z-index:9}
.m-roles .more:hover{background:url(../images/more_hover.png) no-repeat}
.m-roles #roleCarousel{height:700px;width:1040px;position:relative;margin:0 auto;}
.m-roles #roleCarousel img{border:0}
.m-roles #roleCarousel .role{position:absolute;top:1000px;cursor:pointer;-webkit-transition:opacity .1s;-moz-transition:opacity .1s;-ms-transition:opacity .1s;-o-transition:opacity .1s;transition:opacity .1s}
.m-roles #roleCarousel .role a{display:block}
.m-roles #roleCarousel .role a .name{width:40px;margin-top:30px;text-align:center;height:146px;line-height:146px;position:absolute;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;background:url(../images/role_name.png) no-repeat;left:50px;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}
.m-roles #roleCarousel .role a .name .icon{display:block;margin:0 auto;margin-top:10px}
.m-roles #roleCarousel .role a .name .icon.icon-1{width:16px;height:19px;background:url(../images/1_a2a1dab.png) no-repeat}
.m-roles #roleCarousel .role a .name .icon.icon-2{width:18px;height:19px;background:url(../images/2_5F5F5F2af7edc.png) no-repeat}
.m-roles #roleCarousel .role a .name .icon.icon-3{width:19px;height:15px;background:url(../images/3_5F5F5F5f35086.png) no-repeat}
.m-roles #roleCarousel .role a .name .txt{width:20px;text-align:center;display:inline-block;margin:0 auto;font-size:16px;color:#000;line-height:17px;vertical-align:middle;padding-bottom:68px}
.m-roles #roleCarousel .role a .name .arraw{display:block;width:30px;height:28px;background:url(../images/role_arrow.png) no-repeat;position:absolute;margin-left:-15px;left:50%;bottom:5px}
.m-roles #roleCarousel .role a:hover .arraw{animation:arrow .8s ease-in-out}
.m-roles #roleCarousel .role.active a .name{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}

.m-roles #roleCarousel .blipsContainer{position:absolute;width:1000px;height:40px;color:#fff;top:850px;left:50%;margin-left:-430px}
.m-roles #roleCarousel .blipsContainer .blip{height:38px;width:128px;border:1px solid #a1a1a1;line-height:34px;text-align:center;color:#a1a1a1;margin-left:-2px;box-sizing:border-box;position:relative;transition:background .4s}
.m-roles #roleCarousel .blipsContainer .blip:hover{background-color:#a91303;color:#fff}
.m-roles #roleCarousel .blipsContainer .blip .border{width:128px;height:38px;border:2px solid #d86c03;position:absolute;top:-2px;left:-2px;display:none;box-sizing:border-box;z-index:1}
.m-roles #roleCarousel .blipsContainer .blipSelected{border:4px solid #d86c03;background-color:#d86c03;line-height:30px;color:#fff}
.m-roles #roleCarousel .blipsContainer .blipSelected .border{display:block;top:-4px;left:-4px}

.m-shuiche{width:469px;height:207px;background:url(../images/shuiche.png) no-repeat;position:absolute;top:490px;left:50%;margin-left:230px}

.m-feature{width:1200px;margin:0 auto;position:relative}
.m-feature h3{background:url(../images/icon_feature.png) no-repeat;height:38px;padding-left:62px;line-height:38px;position:absolute;color:#000;font-size:24px;top:20px;left:7px}
.m-feature #featureCarousel{height:770px;position:relative}
.m-feature #featureCarousel img{border:0}
.m-feature #featureCarousel .feature{position:absolute;top:1000px;cursor:pointer;-webkit-transition:opacity .1s;-moz-transition:opacity .1s;-ms-transition:opacity .1s;-o-transition:opacity .1s;transition:opacity .1s}
.m-feature #featureCarousel .feature a{display:block}
.m-feature #featureCarousel .feature a .name{width:40px;height:146px;position:absolute;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;background:url(../images/role_name.png) no-repeat;left:50px;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}
.m-feature #featureCarousel .feature.active a .name{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}
.m-feature #featureCarousel .feature .border{position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:1px solid #fff}
.m-feature #featureCarousel .blipsContainer{position:absolute;width:1000px;height:40px;color:#fff;top:800px;left:50%;margin-left:-360px}
.m-feature #featureCarousel .blipsContainer .blip{height:38px;width:128px;border:1px solid #a1a1a1;line-height:34px;text-align:center;color:#a1a1a1;margin-left:-2px;box-sizing:border-box;position:relative;transition:background .4s}
.m-feature #featureCarousel .blipsContainer .blip:hover{background-color:#a91303;color:#fff}
.m-feature #featureCarousel .blipsContainer .blip .border{width:128px;height:38px;border:2px solid #d86c03;position:absolute;top:-2px;left:-2px;display:none;box-sizing:border-box;z-index:1}
.m-feature #featureCarousel .blipsContainer .blipSelected{border:4px solid #d86c03;background-color:#d86c03;line-height:30px;color:#fff}
.m-feature #featureCarousel .blipsContainer .blipSelected .border{display:block;top:-4px;left:-4px}



.m-feature2{width:1200px;margin:0 auto;position:relative}
.m-feature2 h3{background:url(../images/icon_feature.png) no-repeat;height:38px;padding-left:62px;line-height:38px;position:absolute;color:#000;font-size:24px;top:20px;left:7px}
.m-feature2 #featureCarouse2{height:770px;position:relative}
.m-feature2 #featureCarouse2 img{border:0}
.m-feature2 #featureCarouse2 .feature{position:absolute;top:1000px;cursor:pointer;-webkit-transition:opacity .1s;-moz-transition:opacity .1s;-ms-transition:opacity .1s;-o-transition:opacity .1s;transition:opacity .1s}
.m-feature2 #featureCarouse2 .feature a{display:block}
.m-feature2 #featureCarouse2 .feature a .name{width:40px;height:146px;position:absolute;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;background:url(../images/role_name.png) no-repeat;left:50px;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}
.m-feature2 #featureCarouse2 .feature.active a .name{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}
.m-feature2 #featureCarouse2 .feature .border{position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:1px solid #fff}
.m-feature2 #featureCarouse2 .blipsContainer{position:absolute;width:1300px;height:40px;color:#fff;top:800px;left:50%;margin-left:-650px}
.m-feature2 #featureCarouse2 .blipsContainer .blip{height:38px;width:128px;border:1px solid #a1a1a1;line-height:34px;text-align:center;color:#a1a1a1;margin-left:-2px;box-sizing:border-box;position:relative;transition:background .4s}
.m-feature2 #featureCarouse2 .blipsContainer .blip:hover{background-color:#a91303;color:#fff}
.m-feature2 #featureCarouse2 .blipsContainer .blip .border{width:128px;height:38px;border:2px solid #d86c03;position:absolute;top:-2px;left:-2px;display:none;box-sizing:border-box;z-index:1}
.m-feature2 #featureCarouse2 .blipsContainer .blipSelected{border:4px solid #d86c03;background-color:#d86c03;line-height:30px;color:#fff}
.m-feature2 #featureCarouse2 .blipsContainer .blipSelected .border{display:block;top:-4px;left:-4px}


.m-feature3{width:1200px;margin:0 auto;position:relative}
.m-feature3 h3{background:url(../images/icon_feature.png) no-repeat;height:38px;padding-left:62px;line-height:38px;position:absolute;color:#000;font-size:24px;top:20px;left:7px}
.m-feature3 #featureCarouse3{height:770px;position:relative}
.m-feature3 #featureCarouse3 img{border:0}
.m-feature3 #featureCarouse3 .feature{position:absolute;top:1000px;cursor:pointer;-webkit-transition:opacity .1s;-moz-transition:opacity .1s;-ms-transition:opacity .1s;-o-transition:opacity .1s;transition:opacity .1s}
.m-feature3 #featureCarouse3 .feature a{display:block}
.m-feature3 #featureCarouse3 .feature a .name{width:40px;height:146px;position:absolute;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;background:url(../images/role_name.png) no-repeat;left:50px;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}
.m-feature3 #featureCarouse3 .feature.active a .name{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}
.m-feature3 #featureCarouse3 .feature .border{position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:1px solid #fff}
.m-feature3 #featureCarouse3 .blipsContainer{position:absolute;width:1000px;height:40px;color:#fff;top:800px;left:50%;margin-left:-300px}
.m-feature3 #featureCarouse3 .blipsContainer .blip{height:38px;width:128px;border:1px solid #a1a1a1;line-height:34px;text-align:center;color:#a1a1a1;margin-left:-2px;box-sizing:border-box;position:relative;transition:background .4s}
.m-feature3 #featureCarouse3 .blipsContainer .blip:hover{background-color:#a91303;color:#fff}
.m-feature3 #featureCarouse3 .blipsContainer .blip .border{width:128px;height:38px;border:2px solid #d86c03;position:absolute;top:-2px;left:-2px;display:none;box-sizing:border-box;z-index:1}
.m-feature3 #featureCarouse3 .blipsContainer .blipSelected{border:4px solid #d86c03;background-color:#d86c03;line-height:30px;color:#fff}
.m-feature3 #featureCarouse3 .blipsContainer .blipSelected .border{display:block;top:-4px;left:-4px}



.m-feature4{width:1200px;margin:0 auto;position:relative}
.m-feature4 h3{background:url(../images/icon_feature.png) no-repeat;height:38px;padding-left:62px;line-height:38px;position:absolute;color:#000;font-size:24px;top:20px;left:7px}
.m-feature4 #featureCarouse4{height:770px;position:relative}
.m-feature4 #featureCarouse4 img{border:0}
.m-feature4 #featureCarouse4 .feature{position:absolute;top:1000px;cursor:pointer;-webkit-transition:opacity .1s;-moz-transition:opacity .1s;-ms-transition:opacity .1s;-o-transition:opacity .1s;transition:opacity .1s}
.m-feature4 #featureCarouse4 .feature a{display:block}
.m-feature4 #featureCarouse4 .feature a .name{width:40px;height:146px;position:absolute;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;background:url(../images/role_name.png) no-repeat;left:50px;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}
.m-feature4 #featureCarouse4 .feature.active a .name{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}
.m-feature4 #featureCarouse4 .feature .border{position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:1px solid #fff}
.m-feature4 #featureCarouse4 .blipsContainer{position:absolute;width:1300px;height:40px;color:#fff;top:800px;left:50%;margin-left:-650px}
.m-feature4 #featureCarouse4 .blipsContainer .blip{height:38px;width:128px;border:1px solid #a1a1a1;line-height:34px;text-align:center;color:#a1a1a1;margin-left:-2px;box-sizing:border-box;position:relative;transition:background .4s}
.m-feature4 #featureCarouse4 .blipsContainer .blip:hover{background-color:#a91303;color:#fff}
.m-feature4 #featureCarouse4 .blipsContainer .blip .border{width:128px;height:38px;border:2px solid #d86c03;position:absolute;top:-2px;left:-2px;display:none;box-sizing:border-box;z-index:1}
.m-feature4 #featureCarouse4 .blipsContainer .blipSelected{border:4px solid #d86c03;background-color:#d86c03;line-height:30px;color:#fff}
.m-feature4 #featureCarouse4 .blipsContainer .blipSelected .border{display:block;top:-4px;left:-4px}






.m-bottom{position:relative;height:880px}
.m-bottom .t{font-size:24px;color:#585858;letter-spacing:40px;text-align:center;width:100%;position:absolute;top:150px;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}
.m-bottom .moon{width:180px;height:180px;background:url(../images/moon.png) no-repeat;margin-left:-95px;left:50%;position:absolute;top:100px;margin-bottom:80px;-webkit-transition:all .8s .1s;-moz-transition:all .8s .1s;-ms-transition:all .8s .1s;-o-transition:all .8s .1s;transition:all .8s .1s;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);margin-top:80px}
.m-bottom .line{width:1px;height:60px;border-left:1px solid #2fc1c6;position:absolute;left:50%;top:137px;-webkit-transition:all .8s .2s;-moz-transition:all .8s .2s;-ms-transition:all .8s .2s;-o-transition:all .8s .2s;transition:all .8s .2s;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);margin-top:80px}
.m-bottom .left{width:293px;height:72px;background:url(../images/moon_left.png) no-repeat;position:absolute;top:250px;left:50%;margin-left:-462px;-webkit-transition:all .8s .3s;-moz-transition:all .8s .3s;-ms-transition:all .8s .3s;-o-transition:all .8s .3s;transition:all .8s .3s;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);margin-top:80px}
.m-bottom .right{width:293px;height:72px;background:url(../images/moon_right.png) no-repeat;position:absolute;top:250px;right:50%;margin-right:-462px;-webkit-transition:all .8s .3s;-moz-transition:all .8s .3s;-ms-transition:all .8s .3s;-o-transition:all .8s .3s;transition:all .8s .3s;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);margin-top:80px}
.m-bottom .qr{width:145px;height:145px;background:url(../images/weixin_qr.jpg) no-repeat;position:absolute;top:223px;margin-left:-72px;left:50%;-webkit-transition:all .8s .4s;-moz-transition:all .8s .4s;-ms-transition:all .8s .4s;-o-transition:all .8s .4s;transition:all .8s .4s;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);margin-top:80px}
.m-bottom .p{font-size:18px;color:#585858;text-align:center;line-height:29px;position:absolute;width:100%;top:395px;-webkit-transition:all .8s .5s;-moz-transition:all .8s .5s;-ms-transition:all .8s .5s;-o-transition:all .8s .5s;transition:all .8s .5s;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);margin-top:80px}
.m-bottom .topBtn{width:178px;height:40px;line-height:40px;text-align:center;display:block;color:#2b3346;border:1px solid #2b3346;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:absolute;margin-left:-89px;left:50%;top:250px;-webkit-transition:opacity .8s .6s;-moz-transition:opacity .8s .6s;-ms-transition:opacity .8s .6s;-o-transition:opacity .8s .6s;transition:opacity .8s .6s;-webkit-opacity:0;-moz-opacity:0;opacity:0;filter:alpha(opacity=0)}
.m-bottom .topBtn:hover{background:#2b3346;color:#fff}
.m-bottom #NIE-copyRight{bottom:20px;position:absolute;margin-left:-420px;left:50%;color:#000}
.m-bottom #NIE-copyRight a{color:#000!important}
.m-bottom.active .t{margin-top:0;-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}
.m-bottom.active .moon{margin-top:0;-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}
.m-bottom.active .line{margin-top:0;-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}
.m-bottom.active .left{margin-top:0;-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}
.m-bottom.active .right{margin-top:0;-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}
.m-bottom.active .qr{margin-top:0;-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}
.m-bottom.active .p{margin-top:0;-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}
.m-bottom.active .topBtn{margin-top:0;-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}
.taohua-1{width:432px;height:633px;position:absolute;background:url(../images/taohua.png) no-repeat;left:0;top:-238px}
.taohua-2{width:257px;height:291px;background:url(../images/taohua-2.png) no-repeat;position:absolute;top:193px;right:10px}
.m-giftPopup{position:fixed;top:0;left:0;bottom:0;right:0;z-index:999;background:rgba(0,0,0,.9);display:none}
.m-giftPopup .giftPopup{width:1096px;height:540px;background:url(../images/gift_pop.png) no-repeat;margin-left:-660px;position:absolute;left:50%;margin-top:-270px;top:50%;color:#000}
.m-giftPopup .giftPopup .cnt{width:530px;margin-left:468px;padding-top:78px}
.m-giftPopup .giftPopup .cnt .t{font-size:28px;font-weight:700}
.m-giftPopup .giftPopup .cnt .p1{font-size:16px;line-height:24px;margin-top:28px}
.m-giftPopup .giftPopup .cnt .p2{font-size:24px;color:#f14b4d;margin-top:28px}
.m-giftPopup .giftPopup .cnt .p2 .code{font-weight:700}
.m-giftPopup .giftPopup .cnt .p3{font-size:16px;font-weight:700;margin-top:12px}
.m-giftPopup .giftPopup .cnt .p4{font-size:14px;line-height:24px;margin-top:14px}
.m-giftPopup .giftPopup .cnt img{margin-top:20px}
.m-giftPopup .closeBtn{position:absolute;width:95px;height:261px;background:url(../images/gift_close.png) no-repeat;top:35px;right:4px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.m-giftPopup .closeBtn:hover{background:url(../images/gift_close_hover.png) no-repeat}
.m-orderBtn{width:317px;height:102px;background:url(../images/r_tips_btn.png) no-repeat;position:fixed;right:10px;bottom:-160px;cursor:pointer;z-index:999999;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.m-orderBtn.active{bottom:10px}
.m-orderBtn .hand{width:47px;height:62px;background:url(../images/r_tips_hand.png) no-repeat;right:20px;top:-54px;position:absolute;transform-origin:50% 100%;animation:hand 1s ease-in-out infinite}
.m-orderBtn:hover .hand{animation:none}
.m-order-content{width:1228px;height:192px;background:url(../images/order_content.png) no-repeat;position:fixed;margin-left:-614px;left:50%;bottom:0;z-index:99999;bottom:-230px;color:#bda765;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.m-order-content.active{bottom:10px}
.m-order-content .joinCnt{width:344px;text-align:center;color:#585858}
.m-order-content .joinCnt .t{font-size:24px;color:#f14b4d;padding-top:32px;margin-bottom:17px}
.m-order-content .joinCnt .t .b{font-weight:700}
.m-order-content .joinCnt .joinBtn{display:block;width:191px;height:41px;background:#f14b4d;margin:0 auto;line-height:41px;color:#fff;font-size:16px;border-radius:5px;margin-bottom:16px}
.m-order-content .joinCnt .joinBtn:hover{background:#ef5759}
.m-order-content .gap{width:4px;height:124px;border-left:1px solid #ace3e1;border-right:1px solid #ace3e1;margin-top:35px}
.m-order-content .awardCnt{width:800px;margin-left:75px}
.m-order-content .awardCnt .item{width:105px;margin-top:34px;text-align:center}
.m-order-content .awardCnt .item .award{display:block;width:75px;height:75px;background:url(../images/award_bg.png) no-repeat;margin:0 auto;-webkit-opacity:.5;-moz-opacity:.5;opacity:.5;filter:alpha(opacity=50);position:relative}
.m-order-content .awardCnt .item .award .tag{width:82px;height:64px;background:url(../images/complete_tag.png) no-repeat;position:absolute;top:-13px;left:-30px;display:none}
.m-order-content .awardCnt .item .award .img{display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.m-order-content .awardCnt .item .award .img.img-1{background:url(../images/1_0e5d7c8.png) no-repeat}
.m-order-content .awardCnt .item .award .img.img-2{background:url(../images/2_5F5F5F7cbb938.png) no-repeat}
.m-order-content .awardCnt .item .award .img.img-3{background:url(../images/3_8fb5308.png) no-repeat}
.m-order-content .awardCnt .item .award .img.img-4{background:url(../images/4_777900e.png) no-repeat}
.m-order-content .awardCnt .item .award .img.img-5{background:url(../images/5_a5429aa.png) no-repeat}
.m-order-content .awardCnt .item .name{display:block;margin-top:12px}
.m-order-content .awardCnt .item .num{margin-top:6px;display:block}
.m-order-content .awardCnt .item.active .award{-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100)}
.m-order-content .awardCnt .item.active .tag{display:block}
.m-order-content .awardCnt .dashed{display:block;width:45px;height:5px;background:url(../images/dashed_line.png) no-repeat;margin-top:67px}
.m-order-content .awardCnt .dashed.active{background:url(../images/dashed_line_active.png) no-repeat}
.m-order-content .closeBtn{display:block;width:56px;height:32px;background:#2fc1c6 url(../images/order_content_close.png) no-repeat center center;position:absolute;top:-32px;right:16px}
.m-flotage-left{width:198px;height:248px;background:url(../images/flotage_left.png) no-repeat;position:fixed;left:0;display:block;bottom:100px;z-index:999999}
.m-flotage-left .p1{color:#f14b4d;font-weight:700;padding-top:140px;text-align:center}
.m-flotage-left .p2{color:#333;font-size:14px;width:140px;margin-left:25px;margin-top:10px}
.m-slogan{width:498px;height:280px;background:url(../images/slogan_dc.png) no-repeat;position:absolute;top:63px;left:57px}
.m-share{width:50px;margin-top:-100px;position:fixed;top:50%;right:0;z-index:9999999}
.m-share .item{display:block;height:50px}
.m-share .item .icon{display:block;width:100%;height:100%}
.m-share .item .icon.icon-1{background:#f27801 url(../images/icon_weixin.png) no-repeat center center}
.m-share .item .icon.icon-2{background:#f27801 url(../images/qq.png) no-repeat center center}
.m-share .item .icon.icon-3{background:#f27801 url(../images/weibo.png) no-repeat center center}
.m-share .item .icon.icon-4{background:#f27801 url(../images/top.png) no-repeat center center}
.m-share .item:hover .icon.icon-1{background:#f4f9fa url(../images/icon_weixin_active.png) no-repeat center center}
.m-share .item:hover .icon.icon-2{background:#f4f9fa url(../images/qq_active.png) no-repeat center center}
.m-share .item:hover .icon.icon-3{background:#f4f9fa url(../images/weibo_active.png) no-repeat center center}
.m-share .item:hover .icon.icon-4{background:#f4f9fa url(../images/top_active.png) no-repeat center center}
.m-share .item.weixin{position:relative}
.m-share .item.weixin .qrCnt{width:145px;height:200px;background:#eaeaea;position:absolute;top:0;right:50px;display:none}
.m-share .item.weixin .qrCnt img{display:block;width:120px;height:120px;margin:0 auto;margin-top:13px}
.m-share .item.weixin .qrCnt p{text-align:center;color:#333;font-size:14px;margin-top:12px}
.m-share .item.weixin:hover .qrCnt{display:block}
.m-share .item.qq{position:relative;cursor:pointer}
.m-share .item.qq .qqCnt{width:145px;height:276px;background:#eaeaea;position:absolute;top:0;right:50px;display:none}
.m-share .item.qq .qqCnt a{display:block;width:126px;height:56px;margin:0 auto;text-align:center;margin-top:17px;color:#333}
.m-share .item.qq .qqCnt a:nth-child(1){border-bottom:1px dashed #bbb}
.m-share .item.qq .qqCnt a:nth-child(2){border-bottom:1px dashed #bbb;margin-top:10px}
.m-share .item.qq .qqCnt a:nth-child(3){border-bottom:1px dashed #bbb;margin-top:10px}
.m-share .item.qq .qqCnt a:nth-child(4){margin-top:10px}
.m-share .item.qq .qqCnt a .num{font-weight:700;font-size:18px;color:#e78403}
.m-share .item.qq:hover .qqCnt{display:block}
.m-lantern{position:absolute;width:10px;height:10px;top:437px;left:-210px}
.m-lantern .lantern{width:131px;height:172px;background:url(../images/lantern.png) no-repeat;-webkit-transform-origin:25% 0;-moz-transform-origin:25% 0;-ms-transform-origin:25% 0;-o-transform-origin:25% 0;transform-origin:25% 0;-webkit-animation:lantern_keyframes 8s infinite 300ms 0 ease;-moz-animation:lantern_keyframes 8s infinite 300ms 0 ease;-ms-animation:lantern_keyframes 8s infinite 300ms 0 ease;animation:lantern_keyframes 8s infinite 300ms 0 ease;-moz-animation:lantern_keyframes 8s infinite;-webkit-animation:lantern_keyframes 8s infinite;-o-animation:lantern_keyframes 8s infinite;-ms-animation:lantern_keyframes 8s infinite;animation:lantern_keyframes 8s infinite;position:absolute;left:-20px;top:-5px}
.m-lantern .lantern .tail{width:98px;height:75px;background:url(../images/tail.png) no-repeat;position:absolute;top:152px;left:90px;-webkit-transform-origin:10% 0;-moz-transform-origin:10% 0;-ms-transform-origin:10% 0;-o-transform-origin:10% 0;transform-origin:10% 0;-webkit-animation:tail_keyframes 8s infinite 300ms 0 ease;-moz-animation:tail_keyframes 8s infinite 300ms 0 ease;-ms-animation:tail_keyframes 8s infinite 300ms 0 ease;animation:tail_keyframes 8s infinite 300ms 0 ease;-moz-animation:tail_keyframes 8s infinite;-webkit-animation:tail_keyframes 8s infinite;-o-animation:tail_keyframes 8s infinite;-ms-animation:tail_keyframes 8s infinite;animation:tail_keyframes 8s infinite}
.red{color:#f14b4d}
@-webkit-keyframes lantern_keyframes{0%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
50%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}}@-moz-keyframes lantern_keyframes{0%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
50%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}}@-ms-keyframes lantern_keyframes{0%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
50%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}}@-o-keyframes lantern_keyframes{0%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
50%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}}@keyframes lantern_keyframes{0%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
50%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}}@-webkit-keyframes tail_keyframes{0%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
50%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}}@-moz-keyframes tail_keyframes{0%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
50%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}}@-ms-keyframes tail_keyframes{0%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
50%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}}@-o-keyframes tail_keyframes{0%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
50%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}}@keyframes tail_keyframes{0%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}
50%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-ms-transform:rotate(60deg);-o-transform:rotate(60deg);transform:rotate(60deg)}}.m-petal .parent{position:absolute;left:-20px;top:0;right:0;bottom:0;height:700px;overflow:hidden;perspective:1000px}
.m-petal .petal{margin:1px;animation:fall1 10s linear infinite;position:absolute;top:0;left:0;background:#FE85C0;width:10px;height:10px;box-shadow:inset 3px 3px 5px -3px #fff;border-radius:15px 5px 15px 0;backface-visibility:hidden;transform-style:preserve-3d}
.m-petal .petal::after{content:'';right:0;bottom:0;position:absolute;top:0;left:0;background:#FE85C0;border-radius:15px 5px 15px 0;transform:rotateY(180deg);transform-style:preserve-3d;backface-visibility:hidden}
.m-petal .petal:nth-child(2){animation-name:fall2;animation-delay:1.25s;top:10%}
.m-petal .petal:nth-child(3){animation-name:fall3;animation-delay:4.65s;top:25%}
.m-petal .petal:nth-child(4){animation-name:fall4;animation-delay:1.15s;top:30%}
.m-petal .petal:nth-child(5){animation-name:fall5;animation-delay:1.35s;top:50%}
.m-petal .petal:nth-child(6){animation-name:fall6;animation-delay:3.25s;top:75%}
.m-petal .petal:nth-child(7){animation-name:fall2;animation-delay:2.25s;top:10%}
.m-petal .petal:nth-child(8){animation-name:fall3;animation-delay:3.65s;top:25%}
.m-petal .petal:nth-child(9){animation-name:fall4;animation-delay:.15s;top:30%}
.m-petal .petal:nth-child(10){animation-name:fall5;animation-delay:1.25s;top:50%}
.m-petal .petal:nth-child(11){animation-name:fall6;animation-delay:.25s;top:75%}
.m-petal .petal:nth-child(12){animation-name:fall6;animation-delay:1.75s;top:85%}
@keyframes fall1{to{transform:translateY(400px) translateX(1960px) translateZ(200px) rotate3d(1,.25,0,320deg)}}@keyframes fall2{to{transform:translateY(450px) translateX(1960px) translateZ(500px) rotate3d(1,.25,.25,220deg)}}@keyframes fall3{to{transform:translateY(350px) translateX(1960px) translateZ(300px) rotate3d(0.25,1,1,420deg)}}@keyframes fall4{to{transform:translateY(560px) translateX(1960px) translateZ(-500px) rotate3d(1,1,.25,720deg)}}@keyframes fall5{to{transform:translateY(500px) translateX(1960px) translateZ(400px) rotate3d(0.25,1,.25,820deg)}}@keyframes fall6{to{transform:translateY(400px) translateX(1960px) translateZ(-100px) rotate3d(1,1,1,720deg)}}@keyframes hand{0%{transform:scale(1)}
60%{transform:scale(1.08)}
100%{transform:scale(1)}}@keyframes arrow{0%{opacity:1;transform:translate3d(0,0,0)}
40%{opacity:0;transform:translate3d(10px,0,0)}
60%{opacity:0;transform:translate3d(-10px,0,0)}
100%{opacity:1;transform:translate3d(0,0,0)}}.m-giftTips{width:480px;height:210px;background:#fdfeed;border:1px solid #e9c88e;position:absolute;top:100px;left:100px;color:#595958;margin-left:-240px;margin-top:-230px;z-index:9;display:none}
.m-giftTips .triangle{width:35px;height:19px;background:url(../images/tips_triangle.png) no-repeat;position:absolute;margin-left:-14px;left:50%;bottom:-19px}
.m-giftTips .t{font-size:24px;padding-top:21px;margin-left:31px;margin-bottom:11px}
.m-giftTips .p1{margin-left:31px}
.m-giftTips .item{width:75px;margin-left:31px;margin-top:20px}
.m-giftTips .item .imgCnt{width:75px;height:75px;background:url(../images/award_bg.png) no-repeat}
.m-giftTips .item .name{width:120px;text-align:center;margin-left:-22px;color:#bda765;font-size:14px;margin-top:5px}
.u-sanshi .category{display:inline-block;width:41px;height:20px;background:url(../images/sanshi.png) no-repeat;line-height:20px;color:#fff;text-indent:5px;margin-left:8px;margin-right:10px}
.u-sanshi .newtitle{font-weight:700}




.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}


.section1{width:100%;height:900px;position:absolute;opacity:1;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}
.section1 .slogan{opacity:1;-webkit-animation:Larger .3s linear .6s both;-moz-animation:Larger .3s linear .6s both;-ms-animation:Larger .3s linear .6s both;animation:Larger .3s linear .6s both}
@-webkit-keyframes Larger{0%{opacity:0;-webkit-transform:scale(3)}
100%{opacity:1;-webkit-transform:scale(1)}}@-moz-keyframes Larger{0%{opacity:0;-moz-transform:scale(3)}
100%{opacity:1;-moz-transform:scale(1)}}@-o-keyframes Larger{0%{opacity:0;-o-transform:scale(3)}
100%{opacity:1;-o-transform:scale(1)}}@-ms-keyframes Larger{0%{opacity:0;-ms-transform:scale(3)}
100%{opacity:1;-ms-transform:scale(1)}}@keyframes Larger{0%{opacity:0;transform:scale(3)}
100%{opacity:1;transform:scale(1)}}.section1 .logo{opacity:0;-webkit-animation:MoveDown .3s linear 1.2s both;-moz-animation:MoveDown .3s linear 1.2s both;-ms-animation:MoveDown .3s linear 1.2s both;animation:MoveDown .3s linear 1.2s both}
@-webkit-keyframes MoveDown{0%{-webkit-transform:translate(0,-60px);opacity:0}
100%{-webkit-transform:translate(0,0);opacity:1}}@-moz-keyframes MoveDown{0%{-moz-transform:translate(0,-60px);opacity:0}
100%{-moz-transform:translate(0,0);opacity:1}}@-o-keyframes MoveDown{0%{-o-transform:translate(0,-60px);opacity:0}
100%{-o-transform:translate(0,0);opacity:1}}@-ms-keyframes MoveDown{0%{-ms-transform:translate(0,-60px);opacity:0}
100%{-ms-transform:translate(0,0);opacity:1}}@keyframes MoveDown{0%{transform:translate(0,-60px);opacity:0}
100%{transform:translate(0,0);opacity:1}}.section1 .downloadBox,.section1 .doc,.section1 .orderBtn{opacity:0;-webkit-animation:MoveUp .3s linear 1.2s both;-moz-animation:MoveUp .3s linear 1.2s both;-ms-animation:MoveUp .3s linear 1.2s both;animation:MoveUp .3s linear 1.2s both}
@-webkit-keyframes MoveUp{0%{opacity:0;-webkit-transform:translate(0,60px)}
100%{opacity:1;-webkit-transform:translate(0,0)}}@-moz-keyframes MoveUp{0%{opacity:0;-moz-transform:translate(0,60px)}
100%{opacity:1;-moz-transform:translate(0,0)}}@-o-keyframes MoveUp{0%{opacity:0;-o-transform:translate(0,60px)}
100%{opacity:1;-o-transform:translate(0,0)}}@-ms-keyframes MoveUp{0%{opacity:0;-ms-transform:translate(0,60px)}
100%{opacity:1;-ms-transform:translate(0,0)}}@keyframes MoveUp{0%{opacity:0;transform:translate(0,60px)}
100%{opacity:1;transform:translate(0,0)}}.section1 .musicbox{opacity:0;-webkit-animation:Moveright .3s 1.4s linear both;-moz-animation:Moveright .3s 1.4s linear both;-ms-animation:Moveright .3s 1.4s linear both;animation:Moveright .3s 1.4s linear both}
@-webkit-keyframes Moveright{0%{-webkit-transform:translate(600px,0)}
100%{-webkit-transform:translate(0,0)}}@-moz-keyframes Moveright{0%{-moz-transform:translate(600px,0)}
100%{-moz-transform:translate(0,0)}}@-o-keyframes Moveright{0%{-o-transform:translate(600px,0)}
100%{-o-transform:translate(0,0)}}@-ms-keyframes Moveright{0%{-ms-transform:translate(600px,0)}
100%{-ms-transform:translate(0,0)}}@keyframes Moveright{0%{transform:translate(600px,0)}
100%{transform:translate(0,0)}}@-webkit-keyframes Moveright{0%{opacity:0;-webkit-transform:translate(0,-100%)}
100%{opacity:1;-webkit-transform:translate(0,0)}}@-moz-keyframes Moveright{0%{opacity:0;-moz-transform:translate(0,-100%)}
100%{opacity:1;-moz-transform:translate(0,0)}}@-o-keyframes Moveright{0%{opacity:0;-o-transform:translate(0,-100%)}
100%{opacity:1;-o-transform:translate(0,0)}}@-ms-keyframes Moveright{0%{opacity:0;-ms-transform:translate(0,-100%)}
100%{opacity:1;-ms-transform:translate(0,0)}}@keyframes Moveright{0%{opacity:0;transform:translate(0,-100%)}
100%{opacity:1;transform:translate(0,0)}}.section1 .shareBox{opacity:1;-webkit-animation:MoveLeft .3s 1.4s linear both;-moz-animation:MoveLeft .3s 1.4s linear both;-ms-animation:MoveLeft .3s 1.4s linear both;animation:MoveLeft .3s 1.4s linear both}
@-webkit-keyframes MoveLeft{0%{-webkit-transform:translate(600px,0)}
100%{-webkit-transform:translate(0,0)}}@-moz-keyframes MoveLeft{0%{-moz-transform:translate(600px,0)}
100%{-moz-transform:translate(0,0)}}@-o-keyframes MoveLeft{0%{-o-transform:translate(600px,0)}
100%{-o-transform:translate(0,0)}}@-ms-keyframes MoveLeft{0%{-ms-transform:translate(600px,0)}
100%{-ms-transform:translate(0,0)}}@keyframes MoveLeft{0%{transform:translate(600px,0)}
100%{transform:translate(0,0)}}@-webkit-keyframes MoveLeft{0%{opacity:0;-webkit-transform:translate(50%,0)}
100%{opacity:1;-webkit-transform:translate(0,0)}}@-moz-keyframes MoveLeft{0%{opacity:0;-moz-transform:translate(50%,0)}
100%{opacity:1;-moz-transform:translate(0,0)}}@-o-keyframes MoveLeft{0%{opacity:0;-o-transform:translate(50%,0)}
100%{opacity:1;-o-transform:translate(0,0)}}@-ms-keyframes MoveLeft{0%{opacity:0;-ms-transform:translate(50%,0)}
100%{opacity:1;-ms-transform:translate(0,0)}}@keyframes MoveLeft{0%{opacity:0;transform:translate(50%,0)}
100%{opacity:1;transform:translate(0,0)}}::-webkit-input-placeholder{color:#a2735e;font-size:14px}

.section1 .shareBox{width:265px;height:32px;position:absolute;top:21px;right:186px;z-index:1}
.section1 .attention{color:#f9ecc8;font-size:14px;display:block;width:168px;height:32px;line-height:32px;float:left;z-index:2;background-repeat:no-repeat;}
.section1 .attention .ewm{position:absolute;top:36px;left:-57px;display:none;-webkit-border-radius:3px;border-radius:5px;width:138px;height:178px;background:#fff}
.section1 .attention .ewm .txt{background:#efefef;height:44px;color:#454545;font-size:12px;text-align:center;border-radius:0 0 5px 5px}
.section1 .attention .ewm .txt p{height:26px;line-height:26px}
.section1 .attention .ewm .txt b{color:#313131;height:20px;display:block;line-height:20px;margin-top:-6px}
.section1 .attention .ewm:after{content:'';border-style:solid;border-width:8px;border-color:transparent transparent #fff;position:absolute;top:-14px;left:50%;margin-left:-10px}
.section1 .attention .ewm img{width:130px;display:block;padding-bottom:4px;margin:4px auto 0}
.section1 .attention span{display:block;float:left;margin-left:18px}
.section1 .attention a{width:18px;height:18px;position:relative;top:4px;display:block;float:left;margin:2px 4px 0 0}
.section1 .attention .weixin{background-repeat:no-repeat;}
.section1 .attention .weixin.on{background-repeat:no-repeat;}
.section1 .attention .weixin.on .ewm{display:block}
.section1 .attention .weibo{background-repeat:no-repeat;}
.section1 .attention .weibo.on{background-repeat:no-repeat;}
.section1 .attention .weibo.on .ewm{display:block}
.section1 .attention .qq{background-repeat:no-repeat;}
.section1 .attention .qq.on{background-repeat:no-repeat;}
.section1 .attention .qq.on .ewm{display:block}


.section1 .slogan{display:block;width:730px;height:131px;position:absolute;left:50%;top:070px;margin-left:-365px;z-index:2;text-indent:-1000em;overflow:hidden;background:url(../images/slogan.png) no-repeat}
.section1 .downloadBox{width:1221px;height:131px;background:url(../images/01_dl_bg_a43a6e6.png) no-repeat center top;position:absolute;left:50%;margin-left:-610.5px;top:730px;z-index:2}
.section1 .downloadBox .tip{background:url(../images/01_dl_arror_be773ac.png) no-repeat left center;font-size:14px;color:#fff;padding-left:24px;position:absolute;left:234px;top:-74px}
.section1 .downloadBox .ewmBox{width:135px;height:135px;padding:6px;background:rgba(255,255,255,.45);position:absolute;left:221px;top:-50px}
.section1 .downloadBox .weiduan{display:block;width:352px;height:80px;position:absolute;left:60px;top:22px;text-indent:-1000em;overflow:hidden;background:url(../images/weiduan_a.png) no-repeat;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}
.section1 .downloadBox .weiduan:hover{background:url(../images/weiduan_b.png) no-repeat}
.section1 .downloadBox .orderBtnAll{display:block;width:352px;height:80px;position:absolute;left:425px;top:22px;text-indent:-1000em;overflow:hidden;background:url(../images/down_a.png) no-repeat;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}
.section1 .downloadBox .orderBtnAll:hover{background:url(../images/down_b.png) no-repeat}
.section1 .downloadBox .paybtn{display:block;width:352px;height:80px;position:absolute;left:785px;top:22px;text-indent:-1000em;overflow:hidden;background:url(../images/pay_a.png) no-repeat;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}
.section1 .downloadBox .paybtn:hover{background:url(../images/pay_b.png) no-repeat}
.section1 .downloadBox .nie-download{position:absolute;top:-50px;left:145px;z-index:3}
.section1 .downloadBox .nie-download .NIE-qrcode{width:135px;height:135px;border:6px solid rgba(255,255,255,.45)}
.section1 .downloadBox .nie-download .NIE-qrcode img{width:135px;height:135px}
.section1 .downloadBox .nie-download .buttons{width:412px;position:absolute;height:59px;overflow:hidden;left:162px;top:86px}
.section1 .downloadBox .nie-download .buttons a{width:198px;height:59px;display:block;text-indent:-1000px;overflow:hidden;float:left;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}
.section1 .downloadBox .nie-download .buttons .link-apple{background:url(../images/01_dl_ios_f8f438c.png) no-repeat;margin-right:16px;opacity:0}
.section1 .downloadBox .nie-download .buttons .link-apple:hover{background:url(../images/01_dl_ios_on_df0a910.png) no-repeat}
.section1 .downloadBox .nie-download .buttons .link-android{background:url(../images/01_dl_ad_f0bf1a4.png) no-repeat}
.section1 .downloadBox .nie-download .buttons .link-android:hover{background:url(../images/01_dl_ad_on_b683155.png) no-repeat}
.section1 .downloadBox .gift{display:block;width:170px;height:174px;position:absolute;left:700px;bottom:30px;z-index:2;overflow:hidden;cursor:pointer;text-align:center;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.section1 .downloadBox .gift i{display:block;width:170px;height:170px;background:url(../images/01_dl_gift_cc6583c.png) no-repeat;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}
.section1 .downloadBox .gift span{color:#e9b72f;font-size:18px;font-weight:700;display:block;width:148px;height:30px;line-height:30px;position:absolute;left:22px;bottom:0}
.section1 .downloadBox .gift:hover{-webkit-transform:translate(0,-8px);-moz-transform:translate(0,-8px);-ms-transform:translate(0,-8px);transform:translate(0,-8px)}
.section1 .downloadBox .videoWrap{width:223px;height:133px;display:block;position:absolute;bottom:35px;right:152px}
.section1 .downloadBox .videoWrap:hover i{-webkit-animation:rotate360 0s infinite linear;-moz-animation:rotate360 0s infinite linear;-ms-animation:rotate360 0s infinite linear;animation:rotate360 0s infinite linear}
.section1 .downloadBox .videoWrap i{display:block;position:absolute}
.section1 .downloadBox .videoWrap .k{width:223px;height:133px;background:url(../images/01_dl_k_71e54ea.png) no-repeat;left:0;top:0;z-index:1}
.section1 .downloadBox .videoWrap .y{width:55px;height:54px;background:url(../images/01_dl_y_527160d.png) no-repeat;left:50%;top:50%;margin:-27px 0 0 -27.5px;z-index:2;-webkit-animation:rotate360 2.5s infinite linear;-moz-animation:rotate360 2.5s infinite linear;-ms-animation:rotate360 2.5s infinite linear;animation:rotate360 2.5s infinite linear}
@-webkit-keyframes rotate360{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate360{0%{-moz-transform:rotate(0)}
100%{-moz-transform:rotate(360deg)}}@-o-keyframes rotate360{0%{-o-transform:rotate(0)}
100%{-o-transform:rotate(360deg)}}@-ms-keyframes rotate360{0%{-ms-transform:rotate(0)}
100%{-ms-transform:rotate(360deg)}}@keyframes rotate360{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}}.section1 .downloadBox .videoWrap .arror{width:14px;height:20px;background:url(../images/01_dl_arr_cc77a37.png) no-repeat;left:50%;top:50%;margin:-10px 0 0 -5px;z-index:3}

.section1 .doc{width:1300px;height:340px;background:rgba(0,0,0,.56);position:relative;top:844px;padding:0 34px 0 38px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}


.header-nav {width:100%;height:70px;background:url(../images/nav_bg.png) top center no-repeat;position:relative;z-index:1000}
.header-nav-main {width:1199px;height:61px;padding-top:8px;margin:0 auto;text-align:center}
.header-nav-main a {color:#fff;font-size:14px;width:100px;height:52px;line-height:52px;display:inline-block;*display:inline;*zoom:1;vertical-align:top;-webkit-transition:color ease-in-out .2s;-moz-transition:color ease-in-out .2s;-ms-transition:color ease-in-out .2s;transition:color ease-in-out .2s;position:relative}
.header-nav-main a.header-logo-a {width:300px;height:55px;margin:0 20px;background:url(../images/toplogo.png) 0 0 no-repeat;margin-top:-5px}
.header-nav-main a:hover,.header-nav-main a.current {text-decoration:none;color:#fcc31d}
.header-nav-main a .arrow {width:0;height:0;border-bottom:10px solid #000;border-right:10px solid transparent;border-left:10px solid transparent;display:block;position:absolute;bottom:0;left:50%;margin-left:-5px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.header-nav-main a .arrow.on {opacity:80;filter:alpha(opacity=8000);opacity:.8;filter:alpha(opacity=80)}


.fl{float:left}
.fr{float:right}
.mt10{margin-left:12px;}
.ml50{margin-left:50px;}
.clearfix{zoom:1}
.warp{width:1280px;margin-left:auto;margin-right:auto;}
.microHei{font-family:"Microsoft YaHei"}
#Version{width:100%;height:900px;position:relative;overflow:hidden;}
#Flash{width:1920px;height:900px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:1;}
#Header{margin:0 auto -290px -960px;width:1920px;height:900px;position:absolute;left:50%;}
#Flash2{width:1920px;height:880px;position:absolute;left:50%;margin:0px auto -272px -960px;}
.hao123{width:260px;height:20px;top:0px;left:50%;margin-left:360px;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:absolute;z-index:55;}
.kv-music { position:absolute; top:0px; left:30%; margin-left:-360px; width:80px; height:100px; z-index:1000;}
.logo2{width:98px; height:228px; position:fixed; top:0px; left:50%; cursor:pointer;;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;margin-left:-700px;z-index:999999;}
.logo2 img{width:100%; height:100%;}
.logo1{width:50px; height:50px; position:absolute; top:10px; left:50%; cursor:pointer;;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;margin-left:600px;z-index:999999;}
.logo1 img{width:100%; height:100%;}
.cloud-l{width:428px;height:90px;background:url(../images/cloud-left.png) no-repeat;position:absolute;top:520px;z-index:99}
.cloud-r{width:403px;height:159px;background:url(../images/cloud-right.png) no-repeat;position:absolute;top:550px;z-index:99}
.cloud-b{width:580px;height:201px;background:url(../images/cloud-bottom.png) no-repeat;position:absolute;top:590px;z-index:99}
.slogen{width:700px;height:60px;position:absolute;left:50%;margin-left:-320px;top:680px;background:url(../images/slogen.png) no-repeat;z-index:99;}

.topnav{background:url(../images/nav.jpg) top center repeat-x;width:100%;height:82px;position:relative;z-index:9;overflow:hidden;}
.topnav-ul{width:1200px;margin:0 auto;height:82px;margin-top: 1px;}
.topnav-ul li{width:126px;height:80px;float:left;}
.topnav-ul li a{width:126px;height:80px;display: block;text-align: center;background:url(../images/nav-a.jpg) no-repeat;}
.topnav-ul li a.hame{background-position:-1px 0px;}
.topnav-ul li a.newszh{background-position:-127px 0px;}
.topnav-ul li a.gameinfo{background-position:-253px 0px;}
.topnav-ul li a.raiders{background-position:-379px 0px;}
.topnav-ul li a.recharge{background-position:-697px 0px;}
.topnav-ul li a.download{background-position:-823px 0px;}
.topnav-ul li a.service{background-position:-949px 0px;}
.topnav-ul li a.bbs{background-position:-1075px 0px;}
.topnav-ul li a:hover.hame{background-position:-1px -83px;}
.topnav-ul li a:hover.newszh{background-position:-127px -83px;}
.topnav-ul li a:hover.gameinfo{background-position:-253px -83px;}
.topnav-ul li a:hover.raiders{background-position:-379px -83px;}
.topnav-ul li a:hover.recharge{background-position:-697px -83px;}
.topnav-ul li a:hover.download{background-position:-823px -83px;}
.topnav-ul li a:hover.service{background-position:-949px -83px;}
.topnav-ul li a:hover.bbs{background-position:-1075px -83px;}
.topnav-ul li.logo{width:192px}
.topnav-ul li.logo a{width:162px;height:100px;margin:-5px auto 0 auto;background:none;}
.topnav-ul li.logo a:hover{background:0 0}

.musicbox{width:200px;height:200px;position:absolute;left:50%;z-index:99999;margin-left:-250px;margin-top:-10px;cursor:pointer;}
.musicplay{background:url(../images/yinyue1.png) no-repeat left top}
.musicstop{background:url(../images/yinyue2.png) no-repeat left top}


/*浮动条*/
#Floatingbar{width:110px;height:650px;position:fixed;top:50%;right:0px;margin-top:-340px;padding-top:30px;padding-right:18px;padding-left:62px;background:url(../images/floatingbg.png) no-repeat left top;z-index:2500;}
#Floatingbar .erweima{width:109px;line-height:20px;text-align:center;margin:0px auto 10px auto;}
#Floatingbar .erweima:hover{}
#Floatingbar .erweima:hover img{transform:scale(1.3);}
#Floatingbar .erweima img{width:109px;height:109px;margin-bottom:3px;background:#fff;display:block;transition:all 0.3s ease-in;}
#Floatingbar .erweima span{font-size:13px;color:#e7dbc0;}
#Floatingbar ul{margin-bottom:7px;}
#Floatingbar ul li{line-height:26px;text-align:center;color:#e7dbc0;margin-bottom:3px;}
#Floatingbar ul li a{display:block;}
#Floatingbar ul li a img{margin:0 auto;display:block;}
#Floatingbar .downlist{line-height:2.14;font-size:14px;}
#Floatingbar .downlist li a{color:#dab974;}
#Floatingbar .downlist li a:hover{color:#e7dbc0;text-decoration:none;}




.downloadBox{width:1221px;height:131px;background:url(../images/01_dl_bg_a43a6e6.png) no-repeat center top;position:absolute;left:50%;margin-left:-610.5px;    margin-top: 20px;z-index:2}
.downloadBox .tip{background:url(../images/01_dl_arror_be773ac.png) no-repeat left center;font-size:14px;color:#fff;padding-left:24px;position:absolute;left:234px;top:-74px}
.downloadBox .ewmBox{width:135px;height:135px;padding:6px;background:rgba(255,255,255,.45);position:absolute;left:221px;top:-50px}
.downloadBox .weiduan{display:block;width:352px;height:80px;position:absolute;left:60px;top:22px;text-indent:-1000em;overflow:hidden;background:url(../images/weiduan_a.png) no-repeat;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}
.downloadBox .weiduan:hover{background:url(../images/weiduan_b.png) no-repeat}
.downloadBox .orderBtnAll{display:block;width:352px;height:80px;position:absolute;left:425px;top:22px;text-indent:-1000em;overflow:hidden;background:url(../images/down_a.png) no-repeat;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}
.downloadBox .orderBtnAll:hover{background:url(../images/down_b.png) no-repeat}
.downloadBox .paybtn{display:block;width:352px;height:80px;position:absolute;left:785px;top:22px;text-indent:-1000em;overflow:hidden;background:url(../images/pay_a.png) no-repeat;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}
.downloadBox .paybtn:hover{background:url(../images/pay_b.png) no-repeat}
.downloadBox .nie-download{position:absolute;top:-50px;left:145px;z-index:3}
.downloadBox .nie-download .NIE-qrcode{width:135px;height:135px;border:6px solid rgba(255,255,255,.45)}
.downloadBox .nie-download .NIE-qrcode img{width:135px;height:135px}
.downloadBox .nie-download .buttons{width:412px;position:absolute;height:59px;overflow:hidden;left:162px;top:86px}
.downloadBox .nie-download .buttons a{width:198px;height:59px;display:block;text-indent:-1000px;overflow:hidden;float:left;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}
.downloadBox .nie-download .buttons .link-apple{background:url(../images/01_dl_ios_f8f438c.png) no-repeat;margin-right:16px;opacity:0}
.downloadBox .nie-download .buttons .link-apple:hover{background:url(../images/01_dl_ios_on_df0a910.png) no-repeat}
.downloadBox .nie-download .buttons .link-android{background:url(../images/01_dl_ad_f0bf1a4.png) no-repeat}
.downloadBox .nie-download .buttons .link-android:hover{background:url(../images/01_dl_ad_on_b683155.png) no-repeat}
.downloadBox .gift{display:block;width:170px;height:174px;position:absolute;left:700px;bottom:30px;z-index:2;overflow:hidden;cursor:pointer;text-align:center;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.downloadBox .gift i{display:block;width:170px;height:170px;background:url(../images/01_dl_gift_cc6583c.png) no-repeat;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}
.downloadBox .gift span{color:#e9b72f;font-size:18px;font-weight:700;display:block;width:148px;height:30px;line-height:30px;position:absolute;left:22px;bottom:0}
.downloadBox .gift:hover{-webkit-transform:translate(0,-8px);-moz-transform:translate(0,-8px);-ms-transform:translate(0,-8px);transform:translate(0,-8px)}
.downloadBox .videoWrap{width:223px;height:133px;display:block;position:absolute;bottom:35px;right:152px}
.downloadBox .videoWrap:hover i{-webkit-animation:rotate360 0s infinite linear;-moz-animation:rotate360 0s infinite linear;-ms-animation:rotate360 0s infinite linear;animation:rotate360 0s infinite linear}
.downloadBox .videoWrap i{display:block;position:absolute}
.downloadBox .videoWrap .k{width:223px;height:133px;background:url(../images/01_dl_k_71e54ea.png) no-repeat;left:0;top:0;z-index:1}
.downloadBox .videoWrap .y{width:55px;height:54px;background:url(../images/01_dl_y_527160d.png) no-repeat;left:50%;top:50%;margin:-27px 0 0 -27.5px;z-index:2;-webkit-animation:rotate360 2.5s infinite linear;-moz-animation:rotate360 2.5s infinite linear;-ms-animation:rotate360 2.5s infinite linear;animation:rotate360 2.5s infinite linear}
@-webkit-keyframes rotate360{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate360{0%{-moz-transform:rotate(0)}
100%{-moz-transform:rotate(360deg)}}@-o-keyframes rotate360{0%{-o-transform:rotate(0)}
100%{-o-transform:rotate(360deg)}}@-ms-keyframes rotate360{0%{-ms-transform:rotate(0)}
100%{-ms-transform:rotate(360deg)}}@keyframes rotate360{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}}
.downloadBox .videoWrap .arror{width:14px;height:20px;background:url(../images/01_dl_arr_cc77a37.png) no-repeat;left:50%;top:50%;margin:-10px 0 0 -5px;z-index:3}