/*通用全局设定*/
body,input,button,select,textarea,table{font:12px "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
fieldset,img {border:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
input,button,select,textarea{outline:none;}
textarea{resize:none;}
a:link, a:visited,a:hover, a:active {text-decoration: none;color: #535353}
/*重设 HTML5 标签*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
audio,canvas,video {display:inline-block;*display:inline;*zoom:1;}
/*==公用样式==*/
.clear:after {visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
.clear{zoom:1;}


body{overflow: hidden;color: #fff;font-size: 14px;transition:all 1s;}
.wrap{height: 100%;position: absolute;left: 0;top: 0;z-index: -1;background: url(http://n.sinaimg.cn/games/sinaapp/last.jpg) bottom center no-repeat;width: 100%;display: none}
h1{font-size: 60px;font-weight:normal;line-height: 1}
h2{font-size: 70px;line-height: 1;margin: 150px 0 40px 0;}
h3{font-size: 28px;line-height: 40px;font-weight: normal;color: rgba(255,255,255,0.5);}

.trans{transition:all 0.2s}
input:focus{box-shadow: 1px 2px 2px rgba(0,0,0,.05) inset}
.apptopwp{width: 100%;height: 50px;position: absolute;top: 0;left: 0;background: #fff;z-index: 9999;display: none}
.apptop{width:1010px;height:50px;margin:0 auto;line-height:50px;position: relative;}
.apptop .btn{height: 26px;border: 1px solid #535353;display: block;line-height: 26px;padding: 0 15px;border-radius: 13px;margin: 12px 20px 0 0}
.apptop .btn:hover{color: #fc6635;border-color: #fc6635}
.apptop .code1{width: 102px;height: 106px;position: absolute;top: 62px;right: 0;display: none}

.contain{width:1010px;height: 620px;position: absolute;top: 50%;left: 50%;margin: -250px 0 0 -505px;}
.contain>div{height:100%;display: none}
.fl{float:left;}
.fr{float:right;}
.contain .picbox{width: 500px;height: 100%;position: relative;-webkit-perspective :3000;-webkit-perspective-origin : 50% 50%;}
.contain .textbox{width:390px;height: 100%;position: relative;}
.share{position:absolute;width:253px;height:73px;background: url(http://n.sinaimg.cn/games/sinaapp/share.png);left: 50%;top:35px;margin-left:256px;position:absolute;z-index: 999}
.share span{width: 30px;height: 30px;display: inline-block;margin:19px 15px 0 0;cursor: pointer;background: url(http://n.sinaimg.cn/games/sinaapp/sharebtn.png);opacity: 0.8}
.share span:hover{opacity: 1}
.share .code1{width: 102px;height: 106px;position: absolute;top: 62px;right: 0;background: url(http://n.sinaimg.cn/games/sinaapp/code1.png);display: none}
.share .code1 img{width: 100px;height:100px;margin:5px 0 0 1px;}

/*第一版*/
.s1{width:489px;height: 224px;position: absolute;background: url(http://n.sinaimg.cn/games/sinaapp/s1.png);left: 0;bottom: 0;z-index: 100;transition:all 0.2s;transform :scale(0);opacity: 0}
.s2{width:262px;height: 529px;position: absolute;background: url(http://n.sinaimg.cn/games/sinaapp/s2.png);left: 92px;bottom: 70px;z-index: 99;
    transform: rotateY(100deg) translateX(100px);
    -webkit-backface-visibility:hidden;
    transition:all 0.3s;
    -webkit-transform-style : preserve-3d;
    -webkit-transform-origin :50% 0;
    opacity: 0;
}
.s3{width:511px;height: 308px;position: absolute;background:url(http://n.sinaimg.cn/games/sinaapp/s3.png);left:-26px;top: 35px;z-index: 98;transition:all 0.2s;transform :scale(0);}

.sina{height: 160px;margin-top:50px;opacity:0}
.sina img{margin-right:25px;}
.sina h1{margin:5px 0 15px }
.sina span{font-size: 36px;}

.code{opacity: 0}
.code a{display: inline-block;width: 214px;height: 61px;border-radius: 3px;background:url(http://n.sinaimg.cn/games/sinaapp/ios.png) #ffae00;}
.code a:hover{background-color:#ff6c00;}
.code a.a1{margin-bottom: 15px;transition-delay:0s;}
.code a.a2{background-image:url(http://n.sinaimg.cn/games/sinaapp/and.png);transition-delay:0s;}
.code img:hover{outline:4px solid rgba(255,255,255,0.3)}

.maqu{height: 42px;background: #f57d1e;margin-top: 40px;opacity: 0}
.maqu input.tel{width: 253px;height: 38px;border:2px solid #f57d1e;background: #ff8f35;color:#fce3cf;text-indent: 1em;font-size: 14px;}
.maqu span{width: 129px;display: inline-block;text-align: center;font-size: 14px;line-height: 42px}

.yanz{margin: 16px 0;opacity: 0}
.yanz input{width: 121px;height: 28px;border:2px solid #f57d1e;background: #ff8f35;color:#fce3cf;text-indent: 1em;font-size: 14px;}
.yanz img{width: 90px;height: 28px;vertical-align:-8px;margin: 0 5px;}

.tip{text-indent:0.5em;color:#a64208;opacity: 0}

.show .s1{transform :scale(1);opacity: 1}
.show .s2{transform: rotateY(0deg);transition-delay: 0.2s;opacity: 1}
.show .s3{transform :scale(1);transition-delay:0.4s;}
.show .sina{opacity: 1;transition-delay:0.4s;}
.show .code{opacity: 1;transition-delay:0.5s;}
.show .maqu{opacity: 1;transition-delay:0.6s;}
.show .yanz{opacity: 1;transition-delay:0.7s;}
.show .tip{opacity: 1;transition-delay:0.8s;}
/*第二版*/
.s6{width:470px;height:160px;position: absolute;background: url(http://n.sinaimg.cn/games/sinaapp/s6.png);left: 0;bottom: 0;z-index: 100;transition:all 0.2s;transform :scale(0);opacity: 0}
.s5{position: absolute;left:00px;bottom: 200px;z-index: 10;transition:all 0.2s;transform :scale(0.2) translateX(100px);opacity: 0}
.s4{position: absolute;left:106px;bottom: 49px;
    transform-origin: 50% 50%;
    transform: rotateY(100deg) translateX(-200px) scale(0.6);
    -webkit-backface-visibility:hidden;
    transition:all 0.3s;
    -webkit-transform-style : preserve-3d;
    -webkit-transform-origin :50% 0;
    opacity: 0;
}
.s7{width:0px;height:90px;position: absolute;right:432px;bottom:49px;background:url(http://n.sinaimg.cn/games/sinaapp/s7.png) top right;transition:all 0.2s;}
.show .s6{transform :scale(1);opacity: 1}
.show .s5{transform :scale(1) translateX(0);opacity: 1;transition-delay:0.5s;}
.show .s4{transform: rotateY(0deg) translateX(0) scale(1);opacity: 1}
.show .s7{width: 70px;transition-delay:0.8s;}

.s9{position: absolute;bottom:60px;left: 0;opacity: 0}
.show .s9{opacity: 1}

.s14{position: absolute;right:147px;top:156px;transform-origin: 100% 0;transform :scale(0);z-index: 99;transition:all 0.5s;}
.show .s14{transform :scale(1);transition-delay:1s;}

.s15{width:41px;height: 41px;border-radius: 50%;background: url(http://n.sinaimg.cn/games/sinaapp/s15.png) center center no-repeat #fff;position: absolute;top:152px;right:138px;z-index: 60}
.s15s{width:41px;height: 41px;border-radius: 50%;background:#fff;position: absolute;top:152px;right:138px;z-index: 60}

.s19{display: block;position: absolute;width:92px;height: 135px;background: url(http://n.sinaimg.cn/games/sinaapp/s19.png);left: 0;bottom: 20px;opacity: 0;transition:all 1s;}
.show .s19{opacity: 1;bottom:400px;transition-delay:1s;}

.s21{width: 40px;height: 37px;background: url(http://n.sinaimg.cn/games/sinaapp/s21.png);position: absolute;right:165px;bottom:55px;}

.s22{width:0;height:243px;position:absolute;background: url(http://n.sinaimg.cn/games/sinaapp/s22.png) no-repeat;left: 0;bottom: 100px;transition:all 0.5s 0.8s;}
.show .s22{width:486px; }

.s23,.s24,.s25,.s26{position: absolute;z-index: 99;transform :scale(0);transition:all 0.2s;}
.s23{left: -26px;top:419px;}
.s24{left: 119px;top:365px;}
.s25{left: 262px;top: 268px;}
.s26{left: 404px;top: 111px;}
.show .s23{transform :scale(1);transition-delay:1s;}
.show .s24{transform :scale(1);transition-delay:1.25s;}
.show .s25{transform :scale(1);transition-delay:1.5s;}
.show .s26{transform :scale(1);transition-delay:1.75s;}

.last h1{text-align: center;margin-bottom: 30px;}
.last a{width:205px;height: 62px;border: 1px solid #fff;background: none;line-height: 62px;text-align: center;font-size: 20px;color: #fff;margin: 10px;transform :scale(0);transition:transform 0.2s;display: inline-block;}
.last a:hover{background: #fff;color: #f35654;}
.show a{transform :scale(1);transition-delay:1s;transiton:transform;}
/*右侧*/
.rightmenu{width: 28px;height: 400px;position: absolute;left: 50%;top: 50%;margin: -100px 0 0 650px;}
.rightmenu a{width: 28px;height:28px;background: url(http://n.sinaimg.cn/games/sinaapp/right.png) no-repeat;display: block;margin-bottom:20px;position: relative;transition:transform 0.2s;}
.rightmenu .a1{background-position:0 0;}
.rightmenu .a2{background-position:0 -46px;}
.rightmenu .a3{background-position:0 -92px;height: 36px;}
.rightmenu .a4{background-position:0 -144px;}
.rightmenu .a5{background-position:0 -190px;}
.rightmenu .a6{background-position:0 -236px;}
.rightmenu .a7{background-position:0 -282px;}
.rightmenu a:hover{background-position-x:-28px;transform:rotate(10deg);}
.rightmenu a.cur{background-position-x:-28px;transform:rotate(10deg);}
.rightmenu a .rtip{width:73px;height:22px;display:inline-block;position:absolute;background:url(http://n.sinaimg.cn/games/sinaapp/rtip.png);left: -80px;top:3px;line-height: 22px;text-indent:16px;color: #474747;display: none;}

/*动画*/
.fudong{-webkit-animation:fudong 6s ease-in-out infinite;}
.maichong{-webkit-animation:maichaong 1s infinite;}
.shakeslow{-webkit-animation:shakeslow 2s infinite;}

@-webkit-keyframes fudong {
    from {
        -webkit-transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateY(-10px);
    }

    to {
        -webkit-transform: translateY(0px;)
    }
}

@-webkit-keyframes shakeslow {
    from {
        -webkit-transform: translateX(0px);
    }

    50% {
        -webkit-transform: translateX(5px);
    }

    to {
        -webkit-transform: translateX(0px;)
    }
}
@-webkit-keyframes maichaong {
    from {
       transform :scale(0.8);
    }

    20% {
        transform :scale(1.2);opacity: 0.6
    }

    40% {
        transform :scale(1.6);opacity: 0.3
    }

    to {
        transform :scale(0.8);
    }
}